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

#brand {
margin: 80px auto 150px;
padding: 0px;
width: 950px;
	
font-family: 'Noto Sans JP', sans-serif;
	color: #222222;
}

h1 {
 text-align:center;
	letter-spacing: 0.05em;
	font-size: 28px;
	margin-bottom: 80px;
}

h1 span {
    font-size: 17px;
    display: block;
    margin-top: 1em;
    font-weight: normal;
}

#brand ul{
	overflow: hidden;
}

/* パンくず */
#pan {
font-size: 12px;
margin:20px 0 40px;
color:#666;
}


/* タブ */
#brandTab li{
	width: 470px;
    height: 60px;
    float: left;
    margin-left: 0;
}
#brandTab li:first-child{
	margin-right:10px;
}
#brandTab li a{
	display:block;
	width:470px;
	height:60px;
	background-color:#c1c1c1;
	text-align:center;
	color:#FFF;
	font-size:18px;
	line-height:62px;
}
#brandTab li a:hover{
	top:0;
	left:0;
}
#brandTab .selected{
	background-color:#28758f;
}
.menu{
	background-color:#f2f1ef;
	margin:10px 0 -60px;
	padding:20px;
}
#azMenu li{
	width:40px !important;
	height:40px !important;
	margin:14px !important;
	padding:0 !important;
}
#azMenu li a{
	width:40px !important;
	height:40px !important;
	background-color:#fff;
	display:block;
	text-align:center;
	line-height:42px;
}
#azMenu li a:hover{
	top:0;
	left:0;
	color:#FFF;
	/*background-color:#28758f;*/
	background-color:#8B0007;
}
#itemMenu li{
	width:152px !important;
	height:40px !important;
	margin:14px !important;
	padding:0 !important;
}
#itemMenu li a{
	width:152px !important;
	height:40px !important;
	background-color:#fff;
	display:block;
	text-align:center;
	line-height:42px;
	font-size:14px;
}
#itemMenu li a:hover{
	top:0;
	left:0;
	color:#FFF;
	background-color:#28758f;
}

/* リストタイトル */
#brand .tit_blackbelt {
	border-bottom-style:solid;
	border-bottom-color:#8d8d8d;
	border-bottom-width:1px;
	margin-top:120px;
	/*font-family: MS PMincho,"MS P 明朝", "游明朝 Light","YuMincho",serif;*/
	font-size:30px;
	font-weight:bold;
	padding:30px 0 8px 5px;
}
#brand_name .tit_blackbelt {
	font-size:46px !important;
	padding:30px 0 4px 5px !important;
}
#brand .tit_blackbelt img{
	margin-bottom:10px;
}



/* リスト */
#brandWarp li{
	width:258px;
	float:left;
	margin:40px 25px 0 0;
	border:1px solid #e2e2e2;
	padding:0 20px 20px 20px;
}
#brandWarp li:nth-child(3n){
	margin:40px 0 0 0;
}
.brandTitle span{
	text-align: center;
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    width: 258px;
}
.brandTitle{
	margin:0 0 30px;
}
.brandTitle p{
	margin:0;
	text-align:center;
}
.brandTitle .title{
	font-weight:bold;
	font-size:18px;
	height:27px;
	overflow:hidden;
	border-top: 1px dashed #dddddd;
    padding-top: 2em;
}
.brandTitle .kana{
	font-size:12px;
}
.brandTitle span img{
/*	max-height:130px;
	max-width: 200px;*/
	width: 200px;
}
.brandRelease li{
	width:78px !important;
	float:left;
	border:none !important;
	margin:12px 0 12px 12px !important;
	padding:0 !important;
}
.brandRelease {
	/*height:310px;*/
	height:200px;
}
.brandRelease li:first-child{
	margin:12px 0 12px 0 !important;
}
.brandRelease li img{
	width:100%;
}
.brandRelease span{
	margin-bottom:7px;
	display:block;
	color:#999;
	font-size:14px;
}
.brandRelease p{
	font-size:12.5px;
	line-height:22px;
	margin:0;
	height:140px;
	overflow:hidden;
}

.brandRelease div a{
    color: #198892;
    font-size: 11px;
    text-align: right;
    padding-right: 10px;
	margin-top:15px;
}


#brandWarp .arrowIink { 
	display:block;
	padding-right:15px;
	position:relative;
	/*color:#198892; */
	color:#999999; 
}
#brandWarp .arrowIink:after { 
	display:block;
	position:absolute;
	top:51%;
	right:4px;
	width:4px;
	height:4px;
	margin-top:-2px;
	border-top:solid 2px #999999;
	border-right:solid 2px #999999;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	content:"";
}

.nobrand {
	padding:30px 10px 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 #333333;
	background-color: rgba(255,255,255,0.8);
	border-radius: 4px;
  	-webkit-border-radius: 4px;
}

#goToPageTop:hover {
		background-color:#333333;
	color: #ffffff;
	text-decoration: none !important;
}