@charset "utf-8";
/* CSS Document */

body{font-family:"メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;}

/*
======================================================================================================
スペシャルウィーク用ヘッダー背景
======================================================================================================
*/
.SpecialWeekHeaderBG{
	color:#FFF;
	background:url(/html/ledkaiten/images/specialweek_headerbg.png) repeat-x bottom;
}


/*
==========================
キャッシュレス消費者還元用レスポンシブヘッダー用バナーSVG
==========================
*/
.CashlessSVGBannerBG{
	background:#e50012;
}
.CashlessSVGBanner{
  background-image: url('https://www.signmall.jp/images/pc/banner/cashless201911/cashless_header_W565xH35px.svg?2');
  background-repeat:repeat-x;
  background-position: center;
  background-size: 540px 30px;
  height:42px !important;
}

@media screen and (max-width: 600px) {
  .CashlessSVGBanner{
    background-image: url('https://www.signmall.jp/images/pc/banner/cashless201911/cashless_header_W425xH35.svg?2');
    background-size: 425px 30px;
    background-repeat:no-repeat;
    height:42px !important;

  }
}
@media screen and (max-width: 425px) {
  .CashlessSVGBanner{
    background-image: url('https://www.signmall.jp/images/pc/banner/cashless201911/cashless_header_W305xH35px.svg?2');
    background-size: 303px 30px;
    background-repeat:no-repeat;
  }
}



/*
======================================================================================================
ヘッダー
======================================================================================================
*/
#GlobalNav{
	background:url(/html/ledkaiten/images/responsive/header/globalnav_bg.png) no-repeat bottom #FFF;
	background-position:50%;
	height:33px;
}
#ShopName{
	background:url(/html/ledkaiten/images/responsive/header/header_top_bg_ccc.png) no-repeat right bottom #fff;
	height:33px;
	text-overflow: ellipsis;
}
#SiteLineup{
	background:#eee;
	height:32px;
	border-bottom:solid 1px #CCC;
}

.Ellipsis{
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.Ellipsis2{
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.Ellipsis3{
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.Ellipsis4{
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


/*
======================================================================================================
[MenuNav] ヘッダーメニューナビゲーション
======================================================================================================
*/
.MenuNav {
	margin-top:5px;

}
.MenuNav ul ,.MenuNav ul li {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.MenuNav ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.MenuNav ul > li {
  display: inline;
}

.MenuNav ul > li > a,
.MenuNav ul > li > span {
  float: left;
  padding: 1px 10px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.MenuNav ul > li > a:hover,
.MenuNav ul > li > a:focus,
.MenuNav ul > .active > a,
.MenuNav ul > .active > span {
  background-color: #f5f5f5;
}

.MenuNav ul > .disabled > span,
.MenuNav ul > .disabled > a,
.MenuNav ul > .disabled > a:hover,
.MenuNav ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.MenuNav ul > li:first-child > a,
.MenuNav ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
}

.MenuNav ul > li:last-child > a,
.MenuNav ul > li:last-child > span {
  -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
}




/*
======================================================================================================
メイン商品カテゴリ
======================================================================================================
*/
.OpenLeftMenuBtn {
	display: none;
	float: left;
	width: 40px;
	height: 30px;
	margin-top: 10px;
	margin-right: 20px;
}
.OpenLeftMenuBtn span{
	display:block;
	width: 40px;
	height: 30px;
	background:url(/html/ledkaiten/images/icon/menubtn.png) center center no-repeat;
	text-indent: -999999px;
}

#pageslide {
	/* These styles MUST be included. Do not change. */
	display: none;
	position: absolute;
	width:300px;
	top: 0;
	height: 100%;
	z-index: 999999;
overflow-y: scroll;
	/* Specify the width of your pageslide here */
	padding: 20px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color: #333;
	color: #FFF;
	-webkit-box-shadow: inset 0 0 5px 5px #222;
	-moz-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0 0 5px 5px #222;
}


/* Mobile Landscape and Portrait */
@media only screen and (max-width: 767px) {
	#Content #MainItemCateNav { display: none; }

	.OpenLeftMenuBtn { display: block; }
	#pageslide { width: 200px; }
	#pageslide #MainItemCateNav li { padding: 10px 0; border-bottom: 1px solid #666; }
	#pageslide #MainItemCateNav li a { color: #FFF; border: none; }
	#pageslide #MainItemCateNav li a:hover { text-decoration: underline; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
   /* #Content { width: 280px; }*/

}


@media screen and (min-width:768px){

	.MainItemCate li.Item{
		width:16.66666%;
		float:left;

	}

	.MainItemCate li.Item a:hover,
	.MainItemCate li.Item a.Active{
		background:#eee;
	}

}


















/*
======================================================================================================
パンくずリスト
======================================================================================================
*/
.BreadList{
	height:30px;
	overflow:hidden;
	font-size:12px;
	margin-top:-1px;
	background:#f7f7f7;
	border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;
	border-left:none;border-right:none;
	-moz-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset    0 3px 0px rgba(150,150,150,0.2);
	-webkit-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset 0 3px 0px rgba(150,150,150,0.2);
}

.BreadList ul{
	display:block;
	width:980px;
	margin:0 auto;

}

.BreadList ul > li {
	float:left;
	display:block;
	padding-left:10px;

}
.BreadList ul > li:first-child{
	padding-left:0px;
}

.BreadList ul > li > a,
.BreadList ul > li > span {
  float: left;
  text-decoration: none;
  border-right: 1px solid #bbb;
  border-left-width: 0;
}
/*
.BreadList ul > li:first-child > a,
.BreadList ul > li:first-child > span {
	padding-left:23px;
	background:url(/html/safe/images/icon/zoomicon.png) no-repeat left;
	background-position: 3px 50%;
}
*/
.BreadList ul > li:last-child > a,
.BreadList ul > li:last-child > span {
	border:none;
}
/* 吹き出し */
.BreadList .TIP{
	position: relative;
	padding-top:6px;
	padding-bottom:4px;
	padding-right:6px;


}
.BreadList .Lst{
	position: relative;
	padding-top:6px;
	padding-bottom:4px;
	padding-right:6px;

}
.BreadList .TIP:after,.BreadList .TIP:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.BreadList .TIP:after {top: 50%;border-width: 5px;margin-top: -5px;border-left-color: #FFF;}
.BreadList .TIP:before {top: 50%;border-width: 6px;margin-top: -6px;border-left-color: #aaa;}

.BreadList .Item{
	max-width:300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*
======================================================================================================
パンくずリストAdd
======================================================================================================
*/
.BreadListAdd{
}

.BreadListAdd span.Cate{
	background:#f7f7f7;
	border-top:solid 1px #EEE;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	margin-top:-2px;
	padding:10px;
	display:block;
	-moz-box-shadow: 0px 1px 1px rgba(100,100,100,0.1), 0 3px 0px rgba(150,150,150,0.2);
	-webkit-box-shadow: 0px 1px 1px rgba(100,100,100,0.1), 0 3px 0px rgba(150,150,150,0.2);
	-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
	-moz-border-radius:    0 0 5px 5px / 0 0 5px 5px;
	border-radius:         0 0 5px 5px / 0 0 5px 5px;
	color:#000;
}





form.SearchForm{width:260px;float:right;}

.SearchKeyword{
	float:left;
	width:180px;
	height:30px;
	padding:0 3px 0 23px;
	margin:0;
	font-size:14px;
	background: url(/html/safe/images/icon/zoomicon.png) no-repeat left #FFF;
	background-position: 3px 50%;
	border-top:solid 1px #ccc;border-bottom:solid 1px #CCC;;
	border-left:solid 1px #ccc;border-right:none;
	-moz-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset    0 2px 0px rgba(150,150,150,0.2);
	-webkit-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset 0 2px 0px rgba(150,150,150,0.2);
}

.SearchBtn{
	width:53px;
	float:left;
	display:block;
	height:31px;
	cursor: pointer;
	font-size:13px;
	padding:0 12px 0 12px;
	margin:0;
	text-align:center;
	/*
	-webkit-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
	-moz-border-radius:    0 5px 5px 0 / 0 5px 5px 0;
	border-radius:         0 5px 5px 0 / 0 5px 5px 0;
	*/
	color:#000;
	background:url(/html/safe/images/pc/header/searchbutton.png) repeat-x center;
	border-top:     1px solid #adadad;
	border-right:   1px solid #adadad;
	border-bottom:  1px solid #adadad;
	border-left:none;
	text-shadow:1px 1px 1px rgba(255,255,255,0.8);
	-moz-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset 0px -1px 0px rgba(248,248,248,1);
	-webkit-box-shadow: 0px 1px 1px rgba(100,100,100,0.1),inset 0px -1px 0px rgba(248,248,248,1);
}
.SearchBtn:hover{
	background: 							-moz-linear-gradient(top,rgba(244,171,0,1) 0%, rgba(242,213,0,1));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(244,171,0,1)),to(rgba(242,213,0,1)));
}





/*
======================================================================================================
商品ページスペックテーブル用クラス
======================================================================================================
*/
.RespTB td{text-align:center;}
@media only screen and (max-width:767px){
	.RespTB td{text-align:left;}
	.RespTB{
		display: block;
	}
	.RespTB thead{
		display: none;
	}
	.RespTB tbody{
		display: block;
	}
	.RespTB tbody tr{
		display: block;
		margin-bottom: 1.5em;
	}
	.RespTB tbody th,
	.RespTB tbody td{
		display: list-item;
		border: none;
	}
	.RespTB tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		border-top:solid 1px #CCC;
		border-bottom:solid 1px #CCC;
		background: #EEE;
	}
	.RespTB tbody td{
		margin-left: 20px;
		padding: 0;
	}
}





/*
======================================================================================================
フッター
======================================================================================================
*/

.MainFooterBG{
	margin-top:35px;
	padding-top:15px;
	border-top:solid 1px #CCC;
	background: #f5f4ed;
	background: -moz-linear-gradient(top,  #cecec8 0%, #f5f4ed 9%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecec8), color-stop(9%,#f5f4ed));
	background: -webkit-linear-gradient(top,  #cecec8 0%,#f5f4ed 9%);
	background: -o-linear-gradient(top,  #cecec8 0%,#f5f4ed 9%);
	background: -ms-linear-gradient(top,  #cecec8 0%,#f5f4ed 9%);
	background: linear-gradient(to bottom,  #cecec8 0%,#f5f4ed 9%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecec8', endColorstr='#f5f4ed',GradientType=0 );
}

.MainFooterBG address{}

#CopyRight{
	clear:both;
	margin-top:10px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:75%;
	text-align:center;
	background:#999;
	color:#FFF;
}


/*
=========================================
先頭へ内部スクロールチップス
=========================================
*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
/*フォントのサイズ*/
}
#page-top a {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
/*ボタンの背景色*/
	background: #C7B370;
	text-decoration: none;
/*文字色*/
	color: #fff;
/*ボタンの幅*/
	width: 100px;
/*文字周りのスペース*/
	padding: 15px 0;
/*文字位置*/
	text-align: center;
	display: block;
/*ボタンの角丸加減*/
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
/*ボタンに触れた時の背景色*/
	background: #999;
}