@charset "utf-8";

/* ==================================
brandlist.css
================================== */
#brandlist #contents {
  padding-top: 130px;
}
#brandlist .contents-inner {
	width: 1000px;
	margin: 0 auto;
}

/* ==================================
brandlist-nav
================================== */
#brandlist .tab-list {
  width:1000px;
  margin:0 auto;
  font-size:0;
}
#brandlist .tab-list li {
  display:inline-block;
  font-size:16px;
	width: 50%;
}
#brandlist .tab-list a {
  display:block;
  width:100%;
  padding:18px 0;
  background:#fff;
	border: solid 2px #d9ead7;
	box-sizing: border-box;
  text-align:center;
}
#brandlist .tab-list .active a {
  background:#d9ead7;
}
#brandlist .tab-list a:hover {
	text-decoration: none;
	opacity: .8;
}


/* ==================================
brandlist-nav
================================== */
#brandlist .brandlist-nav {
  color:#666;
}
#brandlist .brandlist-nav .inner {
  width:1000px;
  margin:0 auto;
  padding:40px 0 0;
}
#brandlist .brandlist-nav .tab-header {
  display:none;
}
#brandlist .brandlist-nav .tab-header:first-child {
  display:block;
}
#brandlist .brandlist-nav ul {
	width: 639px;
	font-size: 0;
	margin: 0 auto;
}
#brandlist #selectBrandIndexKana .brandlist-nav ul {
  width:530px;
  font-size:0;
	margin: 0 auto;
}
#brandlist .brandlist-nav li {
  display:inline-block;
  margin:10px 0 0 10px;
  font-size:16px;
}
#brandlist .brandlist-nav li a {
  display:block;
  width:32px;
  line-height:32px;
  border:1px solid #666;
  text-align:center;
  background:#d9ead7;
  color:#333;
}
#brandlist .brandlist-nav a:hover {
  background:#a4cb9f;
	text-decoration: none;
}
#brandlist .brandlist-nav li:last-child a,
#brandlist .brandlist-nav li:last-child span {
  width:76px;
}
#brandlist .tab-header li:nth-child(1),
#brandlist #brandlist-alphabet li:nth-child(15) {
  margin-left:0;
}
#brandlist .brandlist-nav li a:not(#pageInsideLink) {
	pointer-events: none;
  opacity: .5;
}

/* ==================================
brandlist-detail
================================== */
.brandlist-detail {
  width:1000px;
  margin:0 auto;
  padding:40px 0;
}
.brandlist-detail .tab-body {
  display:none;
}
.brandlist-detail .tab-body:first-child {
  display:block;
}
.brandlist-detail .ttl {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d9d9d9;
}
.brandlist-detail .ttl span {
	padding-right: 5px;
	font-size: 35px;
	font-weight: normal;
}
.brandlist-detail .tit + .tit {
  margin-top:60px;
}
.brandlist-detail ul {
  margin-bottom:50px;
}
.brandlist-detail li {
  float:left;
  width:176px;
  margin:25px 0 0 30px;
	position: relative;
	color:#666;
}
.brandlist-detail li:nth-child(5n+1) {
  clear:both;
  margin-left:0;
}
.brandlist-detail li:nth-child(-n+5) {
  margin-top:0;
}
.brandlist-detail li::before {
  content:"・";
  display:block;
  position:absolute;
  left:0;
  top:0;
}
.brandlist-detail li .brandName {
  display: block;
	position: relative;
  color:#666;
  font-size:14px;
	font-weight: normal;
  word-wrap:break-word;
	padding-left: 1em;
}
.brandlist-detail li .brandName h4 {
	font-weight: normal;
}
.brandlist-detail li a:hover {
  opacity: .7;
	text-decoration: underline;
}
.brandlist-detail li .brandName .kana span span {
	color: #888;
	font-size: 10px;
	padding-left: 0;
}
.selectBrandIndexSingle {
	display: none;
}
.selectBrandIndexSingle.active {
	display: block;
}

/* ==================================
clearfix
================================== */
#brandlist .brandlist-nav .inner:after,
.brandlist-detail ul:after {
  content:"";
  clear:both;
  display:block;
}


/* ==================================
catalog
================================== */
#catalog .p-hl{
	padding: 0 0 9px;
	line-height: 1.5;
	border-bottom: solid 1px #ededed;
}
#catalog p{
	font-size: 15px;
}
#catalog form {
	overflow: hidden;
}
#catalog .catalog_img{
	width: 49%;
	float: left;
	text-align: center;
	margin: 25px auto;
}
#catalog .catalog_img img {
	width: 100%;
}
#catalog .catalogUnit-wrap{
	width: 46%;
	float: right;
	margin: 25px 0;
}
#catalog .catalogUnit > div{
	box-sizing: border-box;
	background: #ededed;
	margin-bottom: 2px;
	overflow: hidden;
}
#catalog .catalogNum{
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 70px;
	height: 70px;
	width: 60px;
	background: #666;
	float: left;
}
#catalog .catalogInput{
	width: 400px;
	height: 70px;
	float: left;
}
#catalog .catalogInput input{
	height: 40px;
	width: 90%;
	margin: 13px 5% 0;
	border: 1px solid #ccc;
	text-indent: 10px;
}
#catalog .is-hidden{
	display: none;
}
#catalog .readMoreWrap{
	text-align: center;
	margin-top: 40px;
}
#catalog .readMore{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	background: #ffffff;
	display: inline-block !important;
	vertical-align: middle;
	border: 1px solid #10ad3c;
	height: 60px;
	line-height: 60px;
	max-width: 800px;
	min-width: 300px;
	padding: 0 20px;
	transition: opacity .3s ease-out;
	cursor: pointer;
}
#catalog .readMore::after{
	content: "";
	background: url(../../images/common/arrow_down.png) center right / 17px 10px  no-repeat;
	width: 17px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	margin-top: -2px;
}
#catalog .readMore:hover{
	opacity: 0.6;
}
#catalog .doCartAdd{
	text-align: center;
	margin-top: 20px;
}
#catalog .doCartAdd input{
	transition: opacity .3s ease-out;
}
#catalog .doCartAdd input:hover{
	opacity: 0.6;
}