@charset "Shift_JIS";

/*----------------------------------------------------------------------------- 
 ■全体
----------------------------------------------------------------------------- */

a img { background:none; }
.left { float: left; }
.right { float: right; }

div#blackLeCreuset { 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:1% auto;  max-width:1206px; }


/* -----ボタン----- */
div#blackLeCreuset .itemBtn{
	background:#98b6ea;
	text-align:center;
	border-radius:15px;
	color:#fff;
}

div#blackLeCreuset .No{
	padding-top:1%;
	line-height:1.6;
	font-size:14px;
	font-weight:bold;
}

div#blackLeCreuset .itemBtn a{
	background: url(images/black/check_arrow.gif) 90% center no-repeat;
	display:block;
	text-decoration:none;
	line-height:1.8;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

div#blackLeCreuset .itemBtn a:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  color:#fff;
}


/*----------------------------------------------------------------------------- 
 ■コンテンツ
----------------------------------------------------------------------------- */

/* -----ヘッダ----- */
div#blackLeCreuset div.logo { text-align:center; margin: 5% 0;}
div#blackLeCreuset div.logo img { width:90%;}

/* -----ブラック----- */
div.blackBox img.main{ width:100%;}


div.blackBox div.blackTitle { width: 90%; text-align:center; margin: 6% auto;}

div.blackBox div.blackTitle p { width: 100%; text-align:center; margin: 5% 0 0 0; padding:0; letter-spacing:4px;}

div.blackBox div.blackDebut { text-align:center; padding: 3% 0 3% 0; background: #3965b6;}
div.blackBox div.blackDebutBox { padding-bottom:5%; background: url(images/black/new_collection_arrow.gif) center bottom no-repeat;}

div.blackBox div.blackDebut p{ text-align:center; width:90%; margin: 0 auto; }

div.blackBox div.blackItemBox { background: url(images/black/new_bg.gif) left top repeat; }
div.blackBox div.blackItemBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.blackBox div.newItemBox { background: #fff; width: 93.36650082918739%; margin: 3.5% auto 0 auto; padding-bottom:3.5%;text-align:center; padding: 2% 0 6% 0;} /* 1206px > 1126px  */
div.blackBox div.newItemBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.blackBox div.ItemBox03 { float: none; width: 90%; text-align:center; margin: 4% auto 0 auto; }
div.blackBox div.ItemBox03:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.blackBox div.ItemBox03 img { float: none; width:90%; margin: 0 auto; }
div.blackBox div.ItemBox03 div.Item03detail { float: none; width:90%; margin: 0 auto;}

/* -----2段組
div.blackBox div.ItemBox03 img { float: left; width:50%; }
div.blackBox div.ItemBox03 div.Item03detail { float: right; width:50%;}
----- */


div.blackBox div.ItemBox03 div.Item03detail span { display:block; color:#686767; }
div.blackBox div.ItemBox03 div.Item03detail p { font-weight: bold; color:#406fbd; font-size:130%; margin: 4% 0 0 0;}

div.blackBox div.ItemBox03 .itemBtn{
	width: 60%;
	margin:2% auto 0 auto;
}

div.blackBox div.ItemBox02Box { width: 93.36650082918739%; margin: 3% auto; text-align:center; } /* 1206px > 1126px  */
div.blackBox div.ItemBox02Box:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.blackBox div.ItemBox02Box p.blackTitle { font-weight:bold; font-size: 130%; margin: 6% 0 4% 0; }

div.blackBox div.ItemBox02Box p { margin: 1% 0; }
div.blackBox div.ItemBox02 {width: 90%; text-align:center;margin:2% 0 6% 0;}
div.blackBox div.ItemBox02:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.blackBox div.ItemBox02Box div.ItemBox02 div.Item02detail span { display:block; color:#686767; }
div.blackBox div.ItemBox02Box div.ItemBox02 div.Item02detail p { font-size:100%; font-weight: bold; color:#406fbd; margin:0 auto;}


div.blackBox div.ItemBox02 .itemBtn{
	width: 80%;
	margin:2% auto 0 auto;
}


div.blackBox div.ItemBox02Box div.ItemBox02 img { float: left; width:50%;  }
div.blackBox div.ItemBox02Box div.ItemBox02 div.Item02detail { float: right; width: 46%; }

div.blackBox div.present { background: url(images/black/new_present_bg.gif) center top no-repeat; padding: 9% 0 6%;  }
div.blackBox div.present:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.blackBox div.present img{ display:block; margin: 0 auto; }

div.blackBox div.presentBox { width: 90%; margin: 0 auto; padding: 2% 0 0 0; } 

div.blackBox div.present img#presentTitle { width:80%; margin: 0 auto 5% auto;}
div.blackBox div.present img#presentItemImg { width:60%; margin: 0 auto 5% auto;}
div.blackBox div.present p {letter-spacing: 1px; width:90%; font-size: 110%;  margin: 0 auto; text-align:center;}

div.blackBox div.present span { font-weight: bold; font-size: 120%; color:#406fbd; }



/* -----TNS----- */
div.tnsBox { margin: 6% 0; clear:both; background: url(images/black/tns_bg.jpg) left top repeat; }

div.tnsBox div.tnsMainImg { width:100%; background: url(images/black/tns_img.jpg) left top no-repeat; text-align:center; -moz-background-size: 100% auto;
	background-size: 100% auto; margin-bottom: 4%; }

div.tnsBox div.tnsMainImg p { padding: 5% 0 45% 0; color: #fff;  width:90%; margin: 0 auto;}
div.tnsBox div.tnsMainImg p img { display:block; margin: 4% auto 1% auto; }

div.tnsBox div.tnsItemBox  { width: 93.36650082918739%; margin: 0 auto 3% auto; text-align:center; } /* 1206px > 1126px  */

div.tnsBox div.tnsItemBox div.tnsItemContentsBox { clear:both; margin: 0 auto 3% auto;  text-align:center; }
div.tnsBox div.tnsItemBox div.tnsItemContentsBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.tnsBox div.tnsItemBox div.tnsItemContentsBox div.tnsItem02L { width:90%; margin:0 auto 6% auto;}
div.tnsBox div.tnsItemBox div.tnsItemContentsBox div.tnsItem02R { width:90%; margin:0 auto 6% auto;}

div.tnsBox div.ItemTNSdetail { }
div.tnsBox div.ItemTNSdetail span { display:block; color:#686767; }

div.tnsBox div.ItemTNSdetail p { font-weight: bold; color:#406fbd; margin-top: 4%; font-size:130%;}

div.tnsBox .itemBtn{
	background:#98b6ea;
	text-align:center;
	border-radius:15px;
	width: 60%;
	margin:2% auto 4% auto;
	color:#fff;
}

div.tnsBox a#blackLink { text-decoration:none;}
div.tnsBox a#blackLink:hover{
　opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
div.tnsBox .linkBox { width:100%; background: #24232b url(images/black/tns_link_bg.gif) center top no-repeat; text-align:center;}
div.tnsBox .linkBox p { padding: 8% 0 6% 0; color: #fff; font-size: 130%; }

div.tnsBox .linkBox p:hover { color: #ccc;}

img#TNSarrow { position:relative; top:7px; }



/* -----series----- */

div.seriesBox { width:100%; text-align:center; margin-bottom: 3%;}
div.seriesBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.seriesBox div.seriesTitle { width:100%; text-align:center; background: url(images/black/series_title_bg.gif) center top repeat-x; }
div.seriesBox div.seriesTitle p { margin:0 auto; }
div.seriesBox p.seriesSubTitle { font-weight:bold; font-size:160%; margin: 1.5% 0; padding: 0;}

/*
div.seriesBox div.LeCreusetLinkBox { width:90%; margin: 0 auto; } /* 1206px > 210px  */
/*div.seriesBox div.LeCreusetLinkBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
*/

div.seriesBox .bana { margin-right: 3.233830845771144%;} /* 1206px > 39px  */

div.seriesBox .banaL { float:left; width: 46%;} 
div.seriesBox .banaR { float:right; width: 46%;} 

div.seriesBanaBox { width:90%; margin: 0 auto; clear:both;}
div.seriesBanaBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.seriesBox dl { width: 100%; margin:4% 0; padding:0;}
div.seriesBox div.bana img { width: 100%; margin:0; padding:0;}

div.seriesBox dl dt { margin:0; padding:0; font-weight:bold; font-size:110%;}
/* div.seriesBox dl dt.bana01 { color: #20d0a2; } */
div.seriesBox dl dt.bana02 { color: #20d0a2; }
div.seriesBox dl dt.bana03 { color: #4baddb; }
div.seriesBox dl dt.bana04 { color: #804132; }
div.seriesBox dl dt.bana05 { color: #e87416; }

div.seriesBox dl dd { margin:0 0 10% 0; padding:0;}


/*----------------------------------------------------------------------------- 
 ■父の日コンテンツ
----------------------------------------------------------------------------- */

div.fatherBox { background: url(images/black/father_bg.gif) left top repeat; width:100%; margin: 0 0 6% 0; padding-bottom: 5%; }
div.fatherBox div.fatherDay { background: url(images/black/father_day.png) 94% -10px no-repeat; background-size: 20%; }
div.fatherBox div.fatherBgTop { background: url(images/black/father_bg_top.png) left top no-repeat; }
div.fatherBox div.fatherBgBottom { background: url(images/black/father_bg_bottom.png) right bottom no-repeat; padding: 2% 0 3% 0;}

div.fatherBox:after,
div.fatherBox div.fatherBgTop:after,
div.fatherBox div.fatherBgBottom:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.fatherBox p.logo img { display:block; margin: 0 auto 2% auto; width: 90%; }
div.fatherBox p.logo { color:#fff; text-align:center; margin: 2% 0 2% 0; padding: 8% 0;}

div.fatherBox div.fatherItemBox { width:100%; text-align:center;}
div.fatherBox div.fatherItemBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div.fatherItemBoxDetatil { width:90%; text-align:center; margin: 4% auto 0 auto;}
div.fatherItemBoxDetatil:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


div.fatherBox div.fatherItem01 { float: none; width:80%; margin: 0 auto;}　/* 1206px > 397px  */
div.fatherBox div.fatherItem02 { float:left; width:46%; } 
div.fatherBox div.fatherItem03 { float: right; width:46%; } 

div.fatherBox div.fatherItem01 img { width: 100%; } 
div.fatherBox div.fatherItem02 img { width: 100%; } 
div.fatherBox div.fatherItem03 img { width: 100%; } 

div.fatherBox dl{ margin: 0; padding:0; text-align:center; margin: 3% 0;}
div.fatherBox dt{ margin: 0; padding:0; color: #fff;}
div.fatherBox dt span{ margin: 0; padding:0; color: #fff; font-weight:bold; font-size:120%; display:block;}
div.fatherBox dd{ margin: 0; padding:0; color: #fff;}