@charset "utf-8";
/* ======================================================
 * brand_list.css
 * ------------------------------------------------------
 * css for cross-domain
====================================================== */
.brandInclude {
	border-top: 1px solid #917729;
	border-bottom: 1px solid #ede8c8; }
	.brandInclude__body {
		max-width: 1280px;
		min-width: 1030px;
		width: 100%;
		margin: 0 auto;
		padding: 0 40px;
		background: #ffffff; }
		.brandInclude__title {
			position: relative;
			padding: 25px 30px;
			line-height: 1.2;
			color: #917729;
			font-size: 17px;
			cursor: pointer; }
			.brandInclude__title:before {
				content: "";
				position: absolute;
				top: 50%;
				left: 1px;
				width: 13px;
				height: 7px;
				margin-top: -4px;
				background: url(/shared/img/inc_brand_ic01.png) no-repeat 0 0; }
			.brandInclude__title.is-active:before {
				background-image: url(/shared/img/inc_brand_ic03.png); }
		.brandInclude__items {
			overflow: hidden;
			padding-bottom: 80px; }
.brandList {
	overflow: hidden;
	width: 110%;
	margin-right: -10%;
	margin-bottom: -20px; }
	.brandList > li {
		float: left;
		max-width: 220px;
		width: 16.7%;
		margin-right: 1.9%;
		margin-bottom: 20px; }
		.brandList > li > a {
			display: block;
			/* transition */
				-webkit-transition: opacity 0.2s ease-out;
				-moz-transition: opacity 0.2s ease-out;
				-ms-transition: opacity 0.2s ease-out;
			transition: opacity 0.2s ease-out; }
			.brandList > li > a:hover {
				opacity: 0.8;
					filter: alpha(opacity=80);
					-ms-filter: "alpha(opacity=80)";
				text-decoration: none; }
				.brandList > li .brandList__image > img {
					width: 100%;
					/* for chrome */
						-webkit-backface-visibility: hidden;
					backface-visibility: hidden; }
				.brandList__name {
					position: relative;
					padding: 7px 25px 8px 17px;
					background: #f4eed3;
					color: #410000;
					font-size: 14px;
					line-height: 1.2; }
					.brandList__name:after {
						content: "";
						position: absolute;
						top: 50%;
						right: 10px;
						width: 9px;
						height: 16px;
						margin-top: -8px;
						background: url(/shared/img/inc_brand_ic02.png) no-repeat 0 0; }
					.brandList__name > span {
						display: block;
						font-size: 10px;
						line-height: 1.2; }


.is-responsive .brandInclude__body {
	max-width: 1280px;
	min-width: 1080px;
	width: 100%;
	padding: 0 40px; }
	@media screen and (max-width: 768px) {
		.is-responsive .brandInclude {
			border-bottom: none; }
		.is-responsive .brandInclude__body {
			max-width: none;
			min-width: inherit;
			padding: 0; }
			.is-responsive .brandInclude__title {
				padding: 15px 40px;
				border-bottom: 1px solid #917729;
				font-size: 14px;
				font-size: 1.4rem; }
				.is-responsive .brandInclude__title:before {
					left: 17px; }
			.is-responsive .brandInclude__items {
				padding: 20px 12px 40px; }
		.is-responsive .brandList {
			overflow: hidden;
			width: 115%;
			margin-right: -15%;
			margin-bottom: -20px; }
			.is-responsive .brandList > li {
				float: left;
				width: 41%;
				max-width: none;
				margin-right: 5%; }
			.is-responsive .brandList > li:nth-child(2n+1) {
				clear: left; }
				.is-responsive .brandList__name {
					padding: 5px 18px 6px 10px;
					font-size: 11px; }
					.is-responsive .brandList__name:after {
						content: "";
						position: absolute;
						top: 50%;
						right: 7px;
						width: 6px;
						height: 16px;
						margin-top: -8px;
						background-position: 0 50%;
						background-size: 6px auto; }
					.is-responsive .brandList__name > span {
						font-size: 8px;
						line-height: 1.4; }
	}


/* image entity reference */
.er-tsujiri01 {
	width: auto;
	height: 13px; }
	@media screen and (max-width: 768px) {
		.er-tsujiri01 {
			width: auto;
			height: 11px; }
	}

/* clearfix
=========================================*/
.brandList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
.brandList {
	zoom: 1; }