/* CSS Document */
/******************************/
/*   　ヘッダーフィールド     */
/******************************/
#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;
}
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 2px;
	margin:5px auto;
}
#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;
}
#new_item_area ul li p {
	font-size:15px;
	margin:0;
	padding:0 0.5em;
	font-weight:normal;
	text-align:left;
	line-height:130%;
	min-width:200px;
	color:#333;
}
#new_item_area ul li p.brand_name {
	font-size:16px;
	font-weight:bold;
	line-height:140%;
}
#new_item_area ul li p.item_name {
	font-size:17px;
	font-weight:bold;
	line-height:140%;
}
#new_item_area ul li img {
	width:95%;
	margin:0 0 0.5em;
}
#new_item_area ul li.pickup {
	width:99%!important;
	margin:0 auto 35px;
}

#new_item_area ul li.normal_area {
	width:49%;
}



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

#new_item_area .new_text {
	margin:-5px 0 1% 5px;
	color:#F00;
}
#new_item_area ul li p.days {
	font-size: 14px;
	margin: 0 0 0.5em;
	padding: 0.5em;
	line-height: 130%!important;
	height: 15px;
	color:#000;
	background:#B2C4F9;
}
#new_item_area ul li p.update {
	font-size: 15px;
	font-weight:bold;
}
#new_item_area ul li img.icon {
	width:35%!important;
	top:33px;
	right:0;
	position:absolute;
}
#new_item_area ul li.pickup img.icon {
	width:25%!important;
}
#new_item_area ul li.mini_area img.icon {
	width:55%!important;
}



/**** 4個並びエリア ***/

#new_item_area ul li.mini_area {
	width:24%;
}
#new_item_area ul li.mini_area .brand_name{
	font-size:14px;
}
#new_item_area ul li.mini_area p{
	font-size:14px;
	line-height:130%;
	min-width:0;
}
#new_item_area ul li.mini_area p.brand_name{
	line-height:150%;
}
#new_item_area ul li.mini_area p.days {
	height:15px;
}
#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:#7786B4;
}


/* デザイスごとのサイズ調整 */
@media only screen and (min-width:768px) {
#new_item_area #event li:hover { background:#B2C4F9;}
#new_item_area ul li a:hover { text-decoration:underline; color:#666;}
#new_item_area ul li.werks a:hover { text-decoration:underline; color:#000;}
#new_item_area p.other_link a:hover { text-decoration:underline; 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%;}
#new_item_area ul li p.days { font-size:12px; margin:0 0 0.5em; padding:0.5em; height:auto;}
#new_item_area ul li p.update {	font-size:13px;}
}
@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 6px;}
#new_item_area ul li p.days { font-size:7px; margin:0 0 0.5em; padding:0.5em; height:auto;}
#new_item_area ul li p.update {	font-size: 8px;}
#new_item_area ul li img {margin:0;}
#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 {width:24%; height:240px; margin: 0 3px 10px 2px;}
#new_item_area ul li.mini_area p { height:16px; line-height:90%;}
#new_item_area ul li.mini_area p.brand_name { 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.mini_area p.days { height:auto;}
#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 { margin:0 2px 6px 1px; height:auto;}
#new_item_area ul li.normal_area  { width:49%; margin:0 1px 6px 1px;}
#new_item_area ul li p.days { font-size:5px; margin:0 0 0.5em; padding:0.5em; height:auto;}
#new_item_area ul li p.update {	font-size: 6px;}
#new_item_area ul li.mini_area {height:auto; width:48%; text-align:center;}
#new_item_area ul li.mini_area img {width:40%; float:left; border:solid 1px #999;}
#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 { margin:0 1px 10px; height:auto;}
#new_item_area ul li.pickup  { height:auto;}
#new_item_area ul li.mini_area {margin:0 3px 12px 3px;}
#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.mini_area p.days { padding:1px 0;}
#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 3px 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;}
}