﻿@charset "utf-8";
/*--- ブランドリスト ---*/
.block-index.is-fixed-menu{
	position:fixed;
	/*top:83px;
	*/
	top:58px;
}
.block-index{
	width:100%;
	background:#F6F6F6;
	padding:10px 0;
	z-index:9;
	position: relative;
}
.block-index .container{
	display:flex;
	align-items: center;
}
.block-alphabet ul{
	display:flex;
	margin-right:45px;
}
.block-alphabet li{
	font-family: Lato;
	font-size:14px;
	z-index:10;
}
.block-alphabet li+li{
	margin-left:20px;
}
.block-alphabet a{
	text-decoration:none;
	white-space:nowrap;
}
.block-index--keyword-box{
	width: 100%;
}
.block-index--keyword-box form{
	display: flex;
	width: 100%;
	height: 50px;
}
.block-index--keyword-txt[type="text"],.block-index--keyword-txt[type="text"]:hover {
	width: calc(100% - 52px);
	border: none;
	padding-left: 15px;
	margin-right:2px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	font-size:11px;
}
input::placeholder {
	color: #a6a6a6;
}
input:-ms-input-placeholder {
	color: #a6a6a6;
}
input::-ms-input-placeholder {
	color: #a6a6a6;
}
.block-index--keyword-btn {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	flex-grow: 1;
	width: 50px;
	border: none;
	background: #ffffff url(../../img/usr/ico_search.svg) center center/22px no-repeat;
}
.block-brand-list{
	margin: 0;
	padding: 53px 0 0;
}
/*.block-brand-list+.block-brand-list{
	border-top:2px #E0E0E0 solid;
}
*/
.block-brand-list--header{
	font-family: Lato;
	font-size:34px;
	font-weight:500;
	text-align:center;
	margin:20px 0 50px;
	border-top:1px #E0E0E0 solid;
	padding-top: 73px;
}
.block-brand-list:first-child .block-brand-list--header,h2.block-brand-list--header{
	border-top: none;
	padding-top: 0;
}
.block-brand-list--items{
	display:flex;
}
.block-brand-list--item {
	flex-grow: 1;
	flex-basis: 330px;
	max-width: 330px;
	margin: 0 0 35px 55px;
}
.block-brand-list--item:nth-child(3n+1){
	margin-left:0;
}
.block-brand-list--items{
	display:flex;
}
.block-brand-list--item-name {
	padding:0;
	border:none;
}
.block-brand-list--name {
	display:block;
	font-family: Lato;
	font-size:14px;
	font-weight:500;
}
.block-brand-list--count {
	font-size:12px;
	margin: 0 0 0 8px;
	color: #A6A6A6;
}
.block-brand-list--name2 {
	display:block;
	font-size:10px;
}
/*--- ブランド詳細 ---*/
.block-brand-detail{
	width:1100px;
	margin:0 auto;
}
.block-brand-detail--image{
	display:flex;
	align-items: center;
	justify-content:center;
	/*	height:50px;
	*/
	margin:5px;
}
.block-brand-detail--image img{
	max-width:220px;
	/*max-height:50px;
	*/
}
.block-brand-detail--header{
	margin:0;
	font-family: Lato;
	font-size:28px;
	font-weight:normal;
	text-align:center;
}
.block-brand-detail--image+.block-brand-detail--header{
	margin-top:35px;
}
.block-brand-detail--header .sub {
	display: inline-block;
	font-size: 15px;
	color: #232323;
	margin-left:14px;
	position:relative;
}
.block-brand-detail--header .sub:before {
	content: '/';
	display:inline-block;
	padding-right:5px;
}
.block-brand-detail--description{
	margin:0 0 10px;
	padding-bottom:10px;
	border-bottom:2px #E0E0E0 solid;
}
.block-brand-detail--header+.block-brand-detail--description{
	margin-top:25px;
}
.block-brand-detail--description p{
	margin-bottom:10px;
	font-size:13px;
	line-height:1.8em;
	position: relative;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	/* height:3.6em;
	*/
	/* overflow:hidden;
	*/
}
.block-brand-detail--description p:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	transition: .25s;
	background: linear-gradient(to bottom,transparent 0%,#ffffff 100%);
}
.block-brand-detail--description p.brand-open:after ,.block-brand-detail--description p.brand-close:after {
	z-index: -1;
	opacity: 0;
}
.block-brand-detail--description .brand-open {
	overflow: visible;
	height: auto;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}
/* .block-brand-detail--description .brand-open + .more {
	display: none;
}
*/
.block-brand-detail .more{
	text-align:right;
}
.block-brand-detail .more a{
	display:inline-block;
	padding-right:25px;
	font-size:10px;
	position:relative;
}
.block-brand-detail .more a:after{
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-right: 1px #232323 solid;
	border-top: 1px #232323 solid;
	transform: rotate(135deg);
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.block-brand-detail .brand-open + .more a:after{
	transform: rotate(-45deg);
	margin-top: -2px;
}
.block-left-menu.menu-brand a.checkbox:after,.block-left-menu.menu-shop a.checkbox:after,.block-left-menu.menu-price a.checkbox:after {
	display: none;
}
.block-left-menu.menu-size .select {
	width: 106px;
	height: 46px;
	padding: 0;
	text-align: center;
	font-size: 10px;
	position: relative;
}
.block-left-menu.menu-size .select>div>a {
	height: 46px;
	display: flex;
	align-items: center;
	justify-content:space-between;
	padding:10px;
}
.block-left-menu--size-bar:before,.block-left-menu--size-bar:after{
	display: block;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	text-align:center;
	font-size: 14px;
	line-height:1;
}
.block-left-menu--size-bar:before{
	content: '-';
	left: -25px;
}
.block-left-menu--size-bar:after{
	content: '+';
	right: -25px;
}
.block-left-menu--size-bar{
	position:relative;
	height:1px;
	margin:30px 25px 20px;
	background:#A6A6A6;
}
.size-icon{
	dissplay:block;
	height:14px;
	width:14px;
	position:absolute;
	top:-7px;
	border-radius:7px;
	border:1px #A6A6A6 solid;
	background:#ffffff;
}
.size-icon.size-min {
	left:0;
}
.size-icon.size-max {
	right:0;
}
.block-brand-detail-magazine-entry{
	margin-bottom: 70px;
}
.block-brand-detail-magazine-entry::after{
  content: "※新作や再入荷情報をメールでお知らせします";
  margin: 6px 0 0 6px;
  font-size: 11px;
  line-height: 1.5;
  color: #888;
  text-align: left;
}
.block-brand-detail-magazine-entry a{
	color: #6B95C4;
}
.block-brand-detail-magazine-entry a i{
	margin-right: 5px;
}
.block-brand-detail-magazine-entry a i img{
	width: 20px;
	vertical-align: middle;
	margin-bottom: 2px;
}
/*--- タグリスト ---*/
.block-brand-detail--tag {
	width: 1100px;
	margin: 30px auto;
}
.block-brand-detail--tag > h3 {
	font-size: 16px;
	margin: 0 0 10px;
}
.block-brand-detail--tag ul {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
}
.block-brand-detail--tag ul li {
	margin: 5px;
}
.block-brand-detail--tag ul li a {
	display: inline-block;
	height: 32px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px #E0E0E0 solid;
	font-size: 12px;
	border-radius: 3px;
	color: #232323;
}
.block-brand-list__first .block-brand-list--header {
	border-top:none;padding-top:0
}
.block-brand-list--items.block-brand-list__filtered .block-brand-list--item {
	margin-left:55px
}
.block-brand-list--items.block-brand-list__filtered .block-brand-list--item.block-brand-list__row-first {
	margin-left:0
}
