@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,label,dl,dt,dd { margin:0; padding:0; border:0; list-style:none; }
html { overflow-y: scroll; }
img  { border: none; vertical-align: bottom; line-height: 0; font-size: 0; }
body {
	background: #ffffff;
	margin:0 !important;
	color: #525252;
	line-height:1.5;
	letter-spacing: 0;
	font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Osaka, 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic';
}
.clearfix { zoom:1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
*html .clearfix{  
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clearboth { clear: both; height: 1px; }
a#top { position: absolute; top: 0px; }
a.alpha img:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
a.alpha:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

/* ------------------------------------- header ------------------------------------- */

.header {
	width: 980px;
	height: 84px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.header .logo {
	float: left;
	width: 54px;
	margin-left: 10px;
}

ul.dropmenu{
	float: right;
	margin: 45px 0 0;
	z-index:10;
}

ul.dropmenu li{
	float: left;
	position: relative;
	height: 18px;
	padding: 0 14px 0 18px;
	text-align: center;
	background-color: #fff;
	cursor: default;
}

ul.dropmenu li span, ul.dropmenu li a {
	padding-bottom: 10px;
	text-decoration: none;
	color: #666666;
}

ul.dropmenu li:last-child{
	padding-right: 0;
}

.header ul li.right:after {
	content: url(../img/nav/icon_ar_right.gif);
	margin-left: 5px;
}

.header ul li.down:after {
	content: url(../img/nav/icon_ar_down.gif);
	margin-left: 5px;
}

ul.dropmenu li ul{
	display: none;
	list-style: none;
	width: 170px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin-top: 10px;
}

ul.dropmenu li ul li{
  width: 100%;
  height: 0;
  padding: 0;
}

ul.dropmenu li:hover ul{ display: block; }

ul.dropmenu li:hover ul:after{
	content: '';
  position: absolute;
  left: 40%;
  top: -12px;
  width: 0;
  height: 0;
  margin: 5px;
	border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #bababa;
}

ul.dropmenu li:hover ul li{
	height: 38px;
}

ul.dropmenu li ul li:last-child { padding: 0 0 10px 0; }

ul.dropmenu li ul li a{
	display: block;
  padding: 13px 15px;
  font-size: 14px;
  text-align: left;
}

ul.dropmenu li ul li a.fst{
	border-top: 1px solid #bababa;
}

ul.dropmenu li ul li a.lst{
	border-bottom: 1px solid #bababa;
}

ul.dropmenu li ul li a:before {
	content: url(../img/top/icon_list.gif);
	margin-right: 5px;
}

/* ------------------------------------ prodnav ------------------------------------ */

.prodNav ul.dropmenu { float: left; margin-left: 10px; }

div.fixed .prodNav {
  position: fixed;
  float: left;
  width: 980px;
  top: 0;
  z-index: 9999;
  background-color: #fff;
  padding: 0 110px 15px 110px;
  margin-left: -110px;
}

@media print {
div.fixed .prodNav {
  position:relative;
}
}
.header .prodNav ul.dropmenu li ul{
	margin-top: 0;
	padding-top: 10px;
	left: -28px;
}

.header .prodNav ul.dropmenu li#product a { cursor: pointer; }

#kiri .header .prodNav ul.dropmenu li#product ul{ width: 300px; left: -45px; z-index: 9998; }
#boursin .header .prodNav ul.dropmenu li#product ul { width: 170px; left: -42px; z-index: 9998; }

#kiri .header .prodNav ul.dropmenu li ul { width: 300px; left: -88px; }

#belcube .header .prodNav ul.dropmenu li#product ul { width: 250px; left: -72px; z-index: 9998; }
#belcube .header .prodNav ul.dropmenu li ul{ width: 230px; left: -25px; }
/*#belcube .header .prodNav ul.dropmenu li ul.wide{ width: 320px; left: -75px; }*/
#belcube .header .prodNav ul.dropmenu li ul.wide{ width: 400px; left: -115px; }
#boursin .header .prodNav ul.dropmenu li ul{ width: 230px; left: -40px; }
#boursin .header .prodNav ul.dropmenu li:nth-of-type(5) ul { width: 250px;}	

#kiri .header .prodNav ul.dropmenu li#product:hover ul:after { left: 86px; }
#belcube .header .prodNav ul.dropmenu li#product:hover ul:after { left: 116px; }
#boursin .header .prodNav ul.dropmenu li#product:hover ul:after { left: 86px; }

#kiri ul.dropmenu li ul li,
#belcube ul.dropmenu li ul li,
#boursin ul.dropmenu li ul li{ padding: 0 0 10px 0; border: 0; }

.header .prodNav li {
	font-size: 14px;
	padding: 0 15px;
	border-left: 1px solid #ededed;
	cursor: default;
}

.header .prodNav li:first-child {
	border: none;
}

.header .prodNav li:last-child {
	padding-right: 20px;
	border-right: 1px solid #ededed;
}

.header .prodNav ul.dropmenu li ul li{ padding-right: 0; }

.header .prodNav ul.dropmenu li.kiri_cafe{
	padding-right: 40px;
}

.header .prodNav li:nth-child(7) ul li{
	padding: 0;
	border: 0;
	transition: .2s;
}

.header .prodNav li:nth-child(7) ul li:last-child{ padding: 0 0 10px 0; }

.header .prodNav ul.dropmenu li:hover ul:after{
  position: absolute;
  left: 50%;
  top: 2px;
  margin: 0;
}

ul.dropmenu span.blank{
	position: static;
}

.slick-slide span.blank:after,
#content span.blank:after{
	position: static;
}

li.kiri_cafe span.blank:after{
	right: 20px;
}

span.blank:after{
	position: absolute;
	right: 2%;
	padding-right: 2%;
	content: url(../img/top/icon_link.gif);
}

.header .prodNav li.logo {
	width: 88px;
	height: auto;
	margin-top: -27px;
	margin-left: 0;
	padding-left: 0;
	background-color: rgba(255, 255, 255, 0);
}

#boursin .header .prodNav li.logo { margin-top: -37px; }

#kiri .header .prodNav li.logo { padding: 0 15px 0 5px; }

#kiri .header .prodNav li.logo img { width: 77px; height: 45px; }
#boursin .header .prodNav li.logo img { width: 58px; height: 60px; }

.header .prodNav ul.dropmenu li a:before {
	content: none;
	margin-right: 0;
}

.header .prodNav ul.dropmenu li ul li a:before {
	content: url(../img/top/icon_list.gif);
	margin-right: 5px;
}

@media screen and (max-width:640px){
	p.breadcrumbs, .header .prodNav{
		display: none;
	}
}

body#boursin, div#boursin{
	background-image: url("/boursin/images/Corolle-blanche.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom
}


/* 180222 add */
#boursin .header .prodNav li{padding-left: 6px; padding-right: 6px;}
#boursin .header .prodNav li.logo{padding-left: 0;}
#boursin .header .prodNav li:nth-of-type(6), #boursin .header .prodNav li:nth-of-type(7){font-size: 13px; padding-left: 5px; padding-right: 5px;}
#boursin .header .prodNav li:last-child{padding-right: 5px;}

/* 201027 add */
#kiri .header .prodNav .dropmenu > li {
	/*padding: 0 10px;*/
/*20240405 CMギャラリー→ムービーギャラリー 変更時に調整*/
/*20260701 プロフェッショナル→FS 変更時に調整*/
	padding: 0 7px;
}
#kiri .header .prodNav .dropmenu > li:last-child {
	padding-right: 8px;
}

/* ------------------------------------- footer ------------------------------------- */

#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: 66px;
	margin: 0 auto;
	padding: 10px 0 0;
	border-top: 1px solid #eee;
	overflow: hidden;
}
#footer .inner{
	clear: both;
	width: 980px;
	height: 66px;
	margin: 0 auto;
	padding: 10px 0 0;
}
#footer .copy {
	float: left;
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 1.8em;
	color: #666666;
}
#footer .copy a { color: #666666; text-decoration: none; }
#footer .pagetop { float: right; width: 44px; }

/* ------------------------------------- basic ------------------------------------- */

#sns_button {
	position: relative;
	overflow: visible;
	width: 982px;
	margin: 0px auto;
	z-index:1;
}

#sns_button li{
	float:right;
	margin-left:10px
}

#sns_button iframe {
	z-index:9999;
	margin: 0 auto !important;
}

#container {
	position: relative;
	clear: both;
	width: 100%;
	font-size: 12px;
}

#content {
	position: relative;
	width: 982px;
	margin: 0 auto;
}

#content .inner {
	position: relative;
	width: 980px;
	background: #ffffff;
	border-right: solid 1px #e2e2e2;
	border-left: solid 1px #e2e2e2;
	padding: 16px 0 0;
	overflow: hidden;
}

#content .bottom {
	clear: both;
	width: 982px;
	margin: 0 auto;
}

#section {
	position: relative;
	clear: both;
	width: 890px;
	margin: 0 auto 20px;
}
#section a { font-size: inherit; color: #666666; text-decoration: none; }

.backtop { clear: both; width: 225px; margin: 10px auto; text-align: center; }

.fs16{
  font-size:16px;
}

/* ----------------------------------- breadcrumbs ---------------------------------- */

p.breadcrumbs {
	clear: both;
	width: 1200px;
	margin: 0 auto;
	background-color: #eee;
	font-size: 12px;
	color: #666666;
	padding: 5px 0;
}
p.breadcrumbs a { font-size: 12px; color: #666666; text-decoration: none; }
p.breadcrumbs a:first-child { margin-left: 120px; }

/* ------------------------------------- banner ------------------------------------- */

.bnr_recipe {
	width: 876px;
	margin: 10px auto 40px;
	display: block;
}

.bnr_img {
	text-align: center;
	margin: 10px auto 40px;
	display: block;
}

.bnr_ito {
	width: 410px;
	margin: 10px auto 40px;
	display: block;
}

.bnr_fb {
	width: 100%;
	padding: 10px 0;
}

.bnr_fb a img {
	float: right;
	max-width: 136px;
}

.bnr_fb_270{
 	width:270px;
	margin: 10px auto 0;
	padding: 0 0 10px;
}

.bnr_fb_270 a img {
  float:left;
  max-width:270px;
}

.sp_bnr_fb{
	display: none;
}

.sp_bnr_sns{
	display: none;
}

/* ------------------------------------- fitting ------------------------------------ */

.only_sp { display: none !important; }
@media screen and (max-width:640px){ 
	.only_pc { display: none !important; } 
	.only_sp { display: block !important; }
}
.kiri, .kiri a { color:#1b1c80 !important; text-decoration: none; }
.krsh, .krsh a { color:#761d00 !important; text-decoration: none; }
.belc, .belc a { color:#e64362 !important; text-decoration: none; }
.belc_spring, .belc_spring a { color:#ff55a5 !important; text-decoration: none; }
.belc_autumn, .belc_autumn a { color:#f15105 !important; text-decoration: none; }
h1.belc_autumn{ color:#b60000 !important;}
.belc_party, .belc_party a { color:#ce9b3b !important; text-decoration: none; }
.brsn, .brsn a { color:#0d8c43 !important; text-decoration: none; }
.brsn_s, .brsn_s a { color:#ad9e63 !important; text-decoration: none; }
.lvq, .lvq a { color:#e72f19 !important; text-decoration: none; }
.prfl, .prfl a { color:#1a9feb !important; text-decoration: none; }
.enjy, .enjy a { color:#f3bb27 !important; text-decoration: none; }
.bjls, .bjls a { color:#a68972 !important; text-decoration: none; }
.bjls2016, .bjls2016 a { color:#b3033b !important; text-decoration: none; }
.vltn, .vltn a { color:#df3560 !important; text-decoration: none; }
.ohanami, .ohanami a { color:#f50050 !important; text-decoration: none; }
.cranberry, .cranberry a { color:#dc0e52 !important; text-decoration: none; }
.bg-kiri { background:#1b1c80; color:#ffffff; padding: 3px; }
.bg-belc { background:#e64362; color:#ffffff; padding: 3px; }
.bg-brsn { background:#0d8c43; color:#ffffff; padding: 3px; }
.bg-lvq { background:#e72f19; color:#ffffff; padding: 3px; }
.bg-bjls { background:#a68972; color:#ffffff; padding: 3px; }
.bg-bjls2016 { background:#b3033b; color:#ffffff; padding: 3px; }
.bg-vltn { background:#df3560; color:#ffffff; padding: 3px; }
.bg-ohanami { background:#f50050; color:#ffffff; padding: 3px; }
.bg-cranberry { background:#dc0e52; color:#ffffff; padding: 3px; }

.k333 { color:#333333; }
.c00 { color: #cc0000; }

.sline { width: 980px; margin: 10px auto 20px; }
.sline#kiri_sline{margin-top:0px;}

.gline { width: 980px; margin: 20px auto; }

.flr { float: right; }
.fll { float: left; }
.tac { text-align: center; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.caption { font-size: 11px !important; line-height: 1.2em !important; font-weight: normal;}
#section a.k333.alpha{
  text-decoration:underline;
}

.pt0 { padding-top:  0; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }

.txt_gray{color: #666666!important}
.f-12 { font-size:12px!important}
.d-block{display:block}
.d-inlineblock{display:inline-block}