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



/* パンくず */
#sp_brand_pan{
	padding:5px 0 0 5px;
	height:20px;
	font-size:10px;
	/*border-bottom:1px #c9c9c9 solid;*/
	margin-bottom:20px;

}
/***************************

  固定ナビゲーション
  
***************************/
#brandNav{
    /*position:fixed;
    top:0;
    left:0;*/
    width:100%;
    z-index:10000;
    background:#fff;
}   
nav.fixed {
    position: fixed;
    left: 0;
    top: 0;
}
#brandNav li{
    float:left; 
    width:50%;  
    background:#e8e7e4;
    box-sizing:border-box;
    height:50px;
    line-height:51px;
	border-right: 1px #ffffff solid;
	text-align:center;
	font-size:14px;
}

#brandNav li:last-child{
    border-right: 0;
}

/* A-Zから探す */
/*
#azMenu{
    position:fixed;
    top:-1000px;
	background-color:#1e1e1e;
	font-size:16px !important;
	z-index:10001;
	width:100%;
	height:430px;
}
*/
#azMenu{
	background-color:#f2f1ef;
	font-size:16px !important;
	z-index:10001;
	width:100%;
	/*height:430px;*/
	padding: 20px 0;
}
#azMenu ul{
	margin:0 auto 0;
	max-width:320px;
	padding:5px;
}
#azMenu li{
	margin:5px 6px 10px 5px;
	float:left;
	width:40px;
	font-size:14px;
	text-align:center;
}
#azMenu a{
	display: block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border: 1px #fff solid;
	border-radius: 2px;
	background: #fff;
/*	color: #202020;*/
	color: #333333;
	font-weight: bold;
	line-height:40px;
}

/*#a-z_search{
	background-color:#F2F2F2;
}
#a-z_search p{
	padding:15px 0 0 0;
	font-size:12px;
	font-weight: bold;
}
#a-z_search ul{
	padding:0 0 20px 13px;
}
#a-z_search li{
	margin:12px 8px 0 0;
	float:left;
	width:35px;
	font-size:14px;
	text-align:center;
}
#a-z_search a{
	display: table-cell;
	width: 33px;
	height: 33px;
	vertical-align: middle;
	border: 1px #e0e0e0 solid;
	border-radius: 2px;
	background: #fff;
	color: #202020;
	font-weight: bold;
}*/

/* カテゴリから探す */
#itemMenu{
    position:fixed;
    top:-1000px;
	background-color:#1e1e1e;
	font-size:16px !important;
	z-index:10001;
	width:100%;
	height:430px;	
}
#itemMenu ul{
	margin:20px auto 0;
	max-width:320px;
	padding:5px;
}
#itemMenu li{
	margin:8px 10px;
	float:left;
	width:43%;
	font-size:14px;
	text-align:center;
	line-height:41px;
}
#itemMenu a{
	display:block;
	width: 100%;
	height: 40px;
	vertical-align: middle;
	border: 1px #fff solid;
	border-radius: 2px;
	background: #fff;
	color: #202020;
	font-weight: bold;
}
/* 閉じるボタン */
.closeBtn{
	width:50%;
	padding:5px 12px 6px 6px;
	border: 1px #fff solid;
	border-radius: 2px;
	color:#FFF;
	margin:15px auto 35px;
	text-align:center;
	max-width:260px;
	line-height:30px;
}
.closeBtn span{
	font-size:22px;
	font-weight:bold;
	margin-right:5px;
}

/***************************

  ピックアップブランド
  
***************************/
#pickBrand{
	background-color:#FFF;
	margin:80px 0 20px;
}
#pickBrand p{
	padding:15px 0 5px 0;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
#pickBrand ul{
	padding:2% 0 2% 3%;
}
#pickBrand li{
	width: 23%;
    margin: 2% 1%;
	float:left;
	text-align:center;
}
#pickBrand a{
	display:block;
}
#pickBrand a img{
	display:block;
	max-height: 50px;
    max-width:100%;
	margin: 0 auto;
}


/***************************

  ブランドリスト
  
***************************/

#brandWarp .arrow { display:block; padding-right:20px; position:relative; color:#202020; }
#brandWarp .arrow:link { color:#202020; text-decoration:none; }
#brandWarp .arrow:visited { /* color:#202020; */ /* text-decoration:none; */ }
#brandWarp .arrow:after {
	display:block; position:absolute; top:45%; right:14px; width:6px; height:6px; margin-top:-4px; 
	border-top:solid 2px #333333;
	border-right:solid 2px #333333;
	-webkit-transform:rotate(135deg); transform:rotate(135deg); content:""; }

#brandWarp .openBrand { display:block; padding-right:20px; position:relative; color:#202020; }
#brandWarp .openBrand:after { display:block; position:absolute; top:50%; right:14px; width:6px; height:6px; margin-top:-4px;
	border-top:solid 2px #333333;
	border-right:solid 2px #333333;
	-webkit-transform:rotate(315deg); transform:rotate(315deg); content:""; }

#brandWarp .arrowIink { display:block; padding-right:20px; position:relative; color:#202020; }
#brandWarp .arrowIink:after { display:block; position:absolute; top:51%; right:18px; width:6px; height:6px; margin-top:-4px; 
	border-top:solid 2px #333333;
	border-right:solid 2px #333333;
	-webkit-transform:rotate(45deg); transform:rotate(45deg); content:""; }

#brandWarp li{
	/*border-top:1px #c9c9c9 solid;*/
	/*height:46px;*/
	/*padding:12px 0 2px 12px;*/
}
#brand_name li{
	border-top:1px #c9c9c9 solid;
	/*height:46px;*/
	/*padding:12px 0 2px 12px;*/
}
#brandWarp li:first-child {
	border-top:none;
	/*height:46px;*/
}
.brandTitle{
	coursor:pointer;
}
#brandWarp .brandTitle{
	height:46px;
/*	padding:12px 0 0 12px;*/
   display: flex;
    align-items: center;
}
#brandWarp .brandTitle span{
	/*width:50px;*/
	width: 66px;
	height:46px;
	display:block;
	float:left;
	margin-right:10px;
}
#brandWarp .brandTitle img{
	/*max-height:36px;
	max-width:100%;*/
	width: 46px;
	display: block;
    margin: 0 auto;
}
#brandWarp .brandTitle .title{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   /* padding-right: 30px;*/
    width: 200px;
	
}

#brandWarp .brandTitle .kana{
	font-size: 10px;
}

#brandWarp .brandRelease{
	font-size:12px;
	padding:5%;
	background-color:#f1f1f1;
	display:none;
}
#brandWarp .brandRelease span{
	display:block;
	margin:5px 0 10px;
	/*font-weight:bold;*/
	color: #999999;
}
#brandWarp .brandRelease p{
	margin-bottom:15px;
	/*line-height:19px;*/
	line-height: 1.7em;
}
#brandWarp .brandRelease li{
	border:none;
	float:left;
	width: 31.33%;
	margin:1%;
}
#brandWarp .brandRelease li img{
	width:100%;
	display:block;
}

#brandWarp .brandRelease div a{
/*	border: 1px solid #2490d0;*/
	border: 1px solid #333333;
/*    color: #2490d0;*/
    color: #333333;
    width: 90%;
    font-size: 12px;
    padding: 12px 0 10px;
    /*font-weight: bold;*/
    margin: 20px auto 15px;
    background: #fff;
    display: block;
    text-align: center;
    border-radius: 6px;
}
#brandWarp .top {
	clear: both;
	padding: 7px 5px 4px 12px;
	background:#F2F2F2;
	font-size: 10px;
	text-align:right;
	top:10px;
	height: 15px;
	line-height: 15px;
}
#brandWarp .nobrand{
	color:#666;
	padding:0 0 0 10px;
	line-height:47px;
	height:46px;
	font-size: 10px;
}



/***************************

  TOPに戻る
  
***************************/
#goToScroll {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
	z-index:10000;
}
#goToPageTop {
    display:block;
    width:50px;
    height: 50px;
	background-color:#a0d3d7;
    margin-bottom: 10px;
	/*color:#2490d0;*/
	color:#333333;
	text-align:center;
	line-height:52px;
	font-size:24px;
	font-weight:bold;
	/*border: 1px solid #2490d0;*/
	border: 1px solid #333333;
	background-color: rgba(255,255,255,0.8);
	border-radius: 4px;
  	-webkit-border-radius: 4px;
}