@charset "utf-8";

/* ==================================
brand.css
================================== */

/* ==================================
brand / box_section
================================== */
.box_section {
  padding:60px 0 40px;
  background-color:#eee;
}
.box_section:nth-of-type(2n-1) {
  background-color:#fff;
}
.box_section .inner {
  position:relative;
  width:1000px;
  margin:0 auto;
}
.box_section .inner .banner {
  margin-bottom:60px;
}
.box_section h2,
.box_section h3 {
  margin-bottom:20px;
  font-size:20px;
  font-weight:normal;
}
.box_section h2 span,
.box_section h3 span {
  margin-left:15px;
  font-size:15px;
  vertical-align:bottom;
}
#recently.box_section h2,
#recently.box_section h3 {
  margin-bottom:0;
}
.box_section .bt-more {
  position:absolute;
  top:14px;
  right:0;
}
.box_section .bt-more a {
  min-height:18px;
  padding-left:28px;
  font-size:14px;
  line-height:18px;
  color:#000;
  background:url(../../images/common/icon_item_arrow.png) 0 center no-repeat;
}
.box_section .slider {
  color:#757575;
}
.box_section .bx-wrapper {
  max-width:1000px !important;
}
.box_section .slider li {
	padding:0;
}
.box_section .slider li a {
  display:block;
  position:relative;
  text-decoration:none;
}
.box_section .slider li span {
  display:block;
  margin-top:4px;
  font-size:12px;
/*  text-align:center;*/
  word-wrap:break-word;

}
.box_section .slider li img {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #e6e6e6;
}
.box_section .slider li .item_img {
	position:relative;
	margin:0;
}
.box_section .slider li .item_status {
	width:100%;
	margin:0;
	text-align:left;
	font-size: 0;
}
.box_section .slider li .item_status img {
	display:inline;
	width:auto;
	height: 18px;
	margin:2px 2px 0 0;
	border:none;
}

.box_section .slider li .item_bland {
  margin-top:15px;
}
.box_section .slider li .item_price {
  margin-bottom:10px;
  font-size:14px;
}
.box_section .slider li .item_icon {
	margin:0;
}
.box_section .slider li .item_icon img {
  display:inline;
  margin:2px 2px 0 0;
  border:none;
  vertical-align:middle;
  max-height:20px;
}


/* ==================================
brand / #special-issue + .box_section
================================== */
#brand #special-issue + .box_section:nth-of-type(odd) {
  background-color:#fff;
}
#brand #special-issue + .box_section:nth-of-type(even) {
  background-color:#eee;
}

/* ==================================
brand / breadcrumbs
================================== */
#brand #breadcrumbs,
#brand .bg_black + .bg_color #breadcrumbs {
  background:#000;
  border-bottom:1px solid #000;
}
#brand #breadcrumbs li,
#brand #breadcrumbs li a,
#brand .bg_black + .bg_color #breadcrumbs li,
#brand .bg_black + .bg_color #breadcrumbs li a {
  color:#fff;
}

/* brand_b */
#brand.brand_b #breadcrumbs,
#brand .bg_gray + .bg_color #breadcrumbs {
  background:#eee;
  border-bottom:1px solid #eee;
}
#brand.brand_b #breadcrumbs li,
#brand.brand_b #breadcrumbs li a,
#brand .bg_gray + .bg_color #breadcrumbs li,
#brand .bg_gray + .bg_color #breadcrumbs li a {
  color:#424242;
}
/* brand_c */
#brand #breadcrumbs.brand_c,
#brand .bg_gray + .bg_color #breadcrumbs {
  background:#fff;
  border-bottom:1px solid #eee;
}
#brand #breadcrumbs.brand_c li,
#brand #breadcrumbs.brand_c li a,
#brand .bg_gray + .bg_color #breadcrumbs li,
#brand .bg_gray + .bg_color #breadcrumbs li a {
  color:#000;
}

/* ==================================
brand
================================== */
#main-view {
  padding-top:35px;
  padding-bottom:35px;
  background:#fff;
  text-align:center;
}
/* brand_a */
.brand_a #main-view,
.bg_black + .bg_color #main-view {
  padding-top:0;
  background:#000;
}

/* brand_b */
.brand_b #main-view,
.bg_gray + .bg_color #main-view {
  padding-top:0;
  background:#eee;
}

/* ==================================
brand-category
================================== */
#brand-category {
  background:#757575;
}
#brand-category .inner {
  position:relative;
  width:1000px;
  min-height:90px;
  margin:0 auto;
}
#brand-category h1 {
  width:640px;
  color:#fff;
  font-size:24px;
  padding:28px 0 10px;
  line-height:1.28;
  vertical-align:middle;
  font-weight:normal;
  word-wrap:break-word;
}
#brand-category h1 span {
  font-size:16px;
  padding-left:10px;
  vertical-align:baseline;
}

/* item-sort */
#brand-category .brand-sort {
  position:absolute;
  top:22px;
  right:0;
}
#brand-category .brand-sort .sod_select {
  width:330px;
  padding:11px 22px 11px 15px;
  border:1px solid #e0e0e0;
}
#brand-category .brand-sort .sod_select:before {
  top:18px;
  right:13px;
}
#brand-category .brand-sort .sod_select .sod_list_wrapper {
  width:330px;
  border:1px solid #e0e0e0;
  border-radius:3px;
}
#brand-category .brand-sort .sod_list {
  text-align:left;
}

/* ==================================
pickup-news
================================== */
#brand #pickup-news {
  padding-bottom:60px;
}
#brand #pickup-news h2 {
  margin-bottom:30px;
}
#brand #pickup-news .box {
  box-sizing:border-box;
  position:relative;
  float:right;
  width:475px;
  min-height:158px;
  padding-left:210px;
}
#brand #pickup-news .box:nth-child(odd) {
  clear:both;
  float:left;
}
#brand #pickup-news .box:nth-child(n+3) {
  margin-top:30px;
}
#brand #pickup-news .box img {
  position:absolute;
  top:0;
  left:0;
  border:1px solid #e6e6e6;
}
#brand #pickup-news .box h3 {
  margin:10px 0;
  font-size:16px;
}
#brand #pickup-news.box_section.banner_only {
  padding:30px 0 30px;
}
#brand #pickup-news .notes {
	font-size:90%;
}
/* ==================================
ranking
================================== */
#brand #ranking {
}


#brand #ranking .bx-wrapper .bx-controls-direction a {
  top: 73px;
}

/* ナンバー表示 */

#brand #ranking .slider li {
	padding-top:50px;
}

#brand #ranking .slider li a:before {
  content:"";
  display:block;
  position:absolute;
  top:-50px;
/*  top:-16px;*/
  left:50%;
  margin-left:-17px;
  width:34px;
  height:34px;
  background-repeat:no-repeat;
  background-position:center 0;
  z-index:20;
}
#brand #ranking .slider .slick-slide:nth-child(1) li a:before { background-image:url(../../images/icon/icon_number01.svg); }
#brand #ranking .slider .slick-slide:nth-child(2) li a:before { background-image:url(../../images/icon/icon_number02.svg); }
#brand #ranking .slider .slick-slide:nth-child(3) li a:before { background-image:url(../../images/icon/icon_number03.svg); }
#brand #ranking .slider .slick-slide:nth-child(4) li a:before { background-image:url(../../images/icon/icon_number04.svg); }
#brand #ranking .slider .slick-slide:nth-child(5) li a:before { background-image:url(../../images/icon/icon_number05.svg); }
#brand #ranking .slider .slick-slide:nth-child(6) li a:before { background-image:url(../../images/icon/icon_number06.svg); }
#brand #ranking .slider .slick-slide:nth-child(7) li a:before { background-image:url(../../images/icon/icon_number07.svg); }
#brand #ranking .slider .slick-slide:nth-child(8) li a:before { background-image:url(../../images/icon/icon_number08.svg); }
#brand #ranking .slider .slick-slide:nth-child(9) li a:before { background-image:url(../../images/icon/icon_number09.svg); }
#brand #ranking .slider .slick-slide:nth-child(10) li a:before { background-image:url(../../images/icon/icon_number10.svg); }

#brand #ranking .slider .slick-prev,
#brand #ranking .slider .slick-next { top:80px; }


/* ==================================
special-issue
================================== */
#brand #special-issue {
  background:#000;
  color:#fff;
}
#brand #special-issue .bx-wrapper .bx-prev,
#special-issue .slick-prev {
  top:70px;
  background: url(../../images/bxslider/btn_slide_left_white.png) no-repeat left center;
}
#brand #special-issue .bx-wrapper .bx-next,
#special-issue .slick-next {
  top:70px;
  background: url(../../images/bxslider/btn_slide_right_white.png) no-repeat right center;
}

/* brand_b */
#brand.brand_b #special-issue,
#brand .bg_gray + .bg_color #special-issue {
  background:#757575;
}

/* ==================================
about
================================== */
#brand #special-issue + #about {
  background:#fff;
}
#brand #about {
  padding-bottom:60px;
}
#brand #about h2 {
  margin-bottom:35px;
}
#brand #about .box {
  display:table;
  width:100%;
}
#brand #about .pic {
  display:table-cell;
  vertical-align:top;
}
#brand #about .box img {
  float:left;
}
#brand #about .txt {
  display:table-cell;
  line-height:1.8;
}
#brand #about .pic + .txt {
  display:table-cell;
  padding-left:30px;
}


/* ==================================
STAFF START
================================== */
#brand #CoordinateList .rec-list,
#brand #StaffList .rec-ranking {
  padding: 0;
  border-top: none;
}

/* CoordinateList */
#brand #CoordinateList .list-thumb {
  padding: 20px 0;
  border: none;
}
#brand #CoordinateList .slick-dotted.slick-slider {
  padding-bottom: 40px;
}
#brand #CoordinateList .list-thumb .slick-slide {
  opacity: 1;
  width: calc(100% / 5);
}
#brand #CoordinateList .list-thumb .slick-slide a {
  display: block;
  padding: 0 15px;
}
#brand #CoordinateList .list-thumb .review-staff {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#brand #CoordinateList .thum-img,
#brand #CoordinateList .list-thumb .review-staff .review-staff-img img {
  border: solid 1px #ddd;
  background: #fff;
  text-align: center;
}
#brand #CoordinateList .list-thumb .review-staff .review-staff-img {
  width: 25%;
}
#brand #CoordinateList .list-thumb .review-staff .review-staff-img img {
  width: 100%;
  height: auto;
}
#brand #CoordinateList .list-thumb .review-staff .review-staff-txt {
  width: 75%;
  padding-left: 10px;
  overflow: hidden;
}
#brand #CoordinateList .list-thumb .review-staff .review-staff-txt .thum-brand,
#brand #CoordinateList .list-thumb .review-staff .review-staff-txt .thum-staff,
#brand #CoordinateList .list-thumb .review-staff .review-staff-txt .thum-shop {
  overflow: hidden;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#brand #CoordinateList .list-thumb .thum-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 176px;
  box-sizing: border-box;
}
#brand #CoordinateList .list-thumb .thum-img img {
  max-width: 100%;
  max-height: 100%;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #brand #CoordinateList .list-thumb .thum-img img {
    height: 225px;
  } /* IE11 */
}
#brand #CoordinateList .thum-txt + .thum-brand,
#brand #CoordinateList .thum-txt + .thum-charge,
#brand #CoordinateList .thum-brand + .thum-charge {
  margin-top: 4px;
}
#brand #CoordinateList .thum-brand,
#brand #CoordinateList .thum-charge {
  color: #999;
  font-size: 12px;
}
#brand #CoordinateList .thum-date {
  text-align: left;
  margin-top: 4px;
  color: #999;
  font-size: 12px;
}
#brand #CoordinateList .thum-txt {
  text-align: left;
  margin-top: 4px;
  font-size: 12px;
}
#brand #CoordinateList .thum-txt.js-limitTxt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#brand #CoordinateList .slick-prev,
#brand #CoordinateList .slick-next {
  top: 50%;
  transform: translateY(-50%);
}

/* StaffList */
#brand #StaffList .rec-ranking .thum-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 176px;
  box-sizing: border-box;
}
#brand #StaffList .rec-ranking .thum-img img {
  max-width: 100%;
  max-height: 100%;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #StaffList .rec-ranking .thum-img img {
    height: 188px;
  } /* IE11 */
}

#brand #StaffList .rec-ranking .ranking-staffType .type-spec {
  background: #ddd;
}
#brand #StaffList .rec-ranking .m-selectList {
  display: block;
  padding: 20px 0;
  border: none
}
#brand #StaffList .slick-dotted.slick-slider {
  margin-bottom: 0;
  padding-bottom: 40px;
}
#brand #StaffList .rec-ranking .m-selectList .slick-slide {
  position: relative;
  padding: 0 15px;
}
#brand #StaffList .rec-ranking .m-selectList .slick-slide::before {
  display: none;
}
#brand #StaffList .rec-ranking .m-selectList .slick-slide a {
  display: block;
  padding: 0;
}
#brand #StaffList .rec-ranking .thum-brand {
  height: 19px;
}
#brand #StaffList .rec-ranking .thum-txt {
  margin-top: 4px;
  font-size: 12px;
  text-align: left;
}
#brand #StaffList .thum-txt + .thum-brand,
#brand #StaffList .thum-txt + .thum-charge,
#brand #StaffList .thum-brand + .thum-charge {
  margin-top: 4px;
}
#brand #StaffList .thum-brand,
#brand #StaffList .thum-charge {
  color: #999;
  font-size: 12px;
  text-align: left;
}
#brand #StaffList .rec-ranking .m-selectList .m-staffType-02 {
  margin-top: 40px;
  font-size: 12px;
}
#brand #StaffList .m-staffType-02 li {
  display: flex;
  align-items: center;
  margin-top: 10px;
  color: #424242;
}
#brand #StaffList .m-staffType-02 .type-ttl {
  width: 36%;
  text-align: left;
}
#brand #StaffList .m-staffType-01 .type-spec,
#brand #StaffList .m-staffType-02 .type-spec {
  padding: 2px 8px;
  background: #eee;
  text-align: left;
}
/*#brand #StaffList .m-btn-01 {
  border-radius: 3px;
  background: #000;
  color: #fff;
  text-align: center;
}
#brand #StaffList .m-btn-nextpage {
  width: 300px;
  margin: 0 auto;
  font-size: 14px;
}
#brand #StaffList .m-btn-nextpage a {
  display: block;
  position: relative;
  padding: 14px 0 ;
  color: #fff;
}
#brand #StaffList .m-btn-nextpage a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  width: 7px;
  height: 13px;
  background: url(/ec/shop/hankyu-beauty/images/recommend/bt_list_arrow.svg) no-repeat;
  background-size: 7px 13px;
  content: "";
}*/
#brand #StaffList .slick-dots {
  bottom: 0;
}

/* ==================================
brand_c
================================== */



/* ==================================
main
================================== */
#main {
  float:right;
  width:760px;
  padding:50px 0 100px;
}

/* ==================================
main / list-header
================================== */
#list-header {
  position:relative;
  padding-bottom:30px;
}
#list-header .item-count {
  font-size:20px;
  font-weight:normal;
}

/* item-sort */
#list-header .item-sort {
  position:absolute;
  top:-6px;
  right:80px;
}
#list-header .item-sort .sod_select {
  width:150px;
  border:none;
  padding:8px 22px 8px 15px;
  text-align:right;
}
#list-header .item-sort .sod_select:before {
  top:15px;
  right:13px;
}
#list-header .item-sort .sod_select .sod_list_wrapper {
  width:160px;
  border:1px solid #e6e6e6;
  border-radius:3px;
}
#list-header .item-sort .sod_list {
  text-align:left;
}

/* view-change */
#list-header .view-change {
  position:absolute;
  top:0;
  right:0;
  font-size:0;
}
#list-header .view-change li {
  display:inline-block;
  margin-left:20px;
  font-size:12px;
}
#list-header .view-change a,
#list-header .view-change span {
  display:block;
  width:22px;
  height:22px;
  background:url(../../images/icon/icon_view_change.png);
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
#list-header .view-change .small a,
#list-header .view-change .small span {
  display:block;
  width:22px;
  height:22px;
  background-position:-30px 0;
}
#list-header .view-change a {
  opacity:.5;
}
#list-header .view-change a:hover {
  opacity:1;
}

/* ==================================
main / item-list
================================== */
.item-list .item {
  color:#757575;
}
.item-list .item li {
  float:left;
}

.item-list .item li a {
  display:block;
  position:relative;
  text-decoration:none;
}
.item-list .item li span {
  display:block;
  margin-top:4px;
  font-size:12px;
/*  text-align:center;*/
}
.item-list .item li img {
	max-width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #e6e6e6;
}
.item-list .item li .item_img {
	margin:0;
}
.item-list .item li .item_status {
	width:100%;
	margin:0;
	text-align:left;
}
.item-list .item li .item_status img {
	display:inline;
	width:auto;
	height: 18px;
	margin:0 2px 2px 0;
	border:none;
}

.item-list .item li .item_bland {
  margin-top:15px;
}
.item-list .item li .item_price {
  margin-bottom:10px;
  font-size:14px;
}
.item-list .item li .item_icon {
	margin:0;
}
.item-list .item li .item_icon img {
  display:inline;
  margin:2px 2px 0 0;
  border:none;
  vertical-align:middle;
  max-height:20px;
}


/* ==================================
main / item-list .item-large (3column)
================================== */
.item-list.item-large .item li {
  width:233px;
  margin:0 0 40px 30px;
}
.item-list.item-large .item li:nth-child(3n+1) {
  clear:both;
  margin-left:0;
}

/* ==================================
main / item-list .item-small (5column)
================================== */
.item-list.item-small .item li {
  width:136px;
  margin:0 0 40px 20px;
}
.item-list.item-small .item li:nth-child(5n+1) {
  clear:both;
  margin-left:0;
}

/* ==================================
main / pager
================================== */
.pager {
  position:relative;
  margin-top:20px;
  text-align:center;
  font-size:0;
}
.pager li {
  display:inline-block;
  font-size:14px;
  margin:0 5px;
  vertical-align:top;
}
.pager span,
.pager a {
  box-sizing:border-box;
  display:block;
  width:50px;
  height:50px;
  border-radius:4px;
  line-height:50px;
  color:#000;
}
.pager a {
  border:1px solid #e6e6e6;
}
.pager a:hover {
  background:#e6e6e6;
}
.pager .current span,
.pager span.here {
  background:#000;
  color:#fff;
}
.pager .ellipsis,
.pager .ellipsis span {
  width:40px;
  margin:0;
}
.pager .prev {
  margin-right:15px;
}
.pager .next {
  margin-left:15px;
}
.pager .prev span,
.pager .next span,
.pager .prev a,
.pager .next a {
  position:relative;
  width:67px;
  background:#000;
  border:none;
  color:#fff;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.pager .prev a:hover,
.pager .next a:hover {
  background:#666;
}
.pager .prev span:after,
.pager .next span:after,
.pager .prev a:after,
.pager .next a:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:12px;
  height:24px;
  background:url(../../images/button/bt_pager.png) no-repeat;
}
.pager .next span:after,
.pager .next a:after {
  background-position:-20px 0;
}
.pager .prev.disabled span,
.pager .next.disabled span {
  background:#bfbfbf;
}

/* ==================================
side
================================== */
#side {
  float:left;
  width:180px;
  padding:0 0 100px;
}
#side .box {
  margin-top:30px;
}
#side .box .ttl {
  margin-bottom:5px;
  font-size:16px;
}
#side .box .ttl span {
  padding-left:5px;
  font-size:12px;
}

/* ==================================
side / target-securities
================================== */
#side .target-securities dl {
  min-height:115px;
  padding:10px;
  background:#000;
  color:#fff;
  text-align:center;
}
#side .target-securities dt {
  padding-top:20px;
  font-weight:bold;
}
#side .target-securities dd {
  padding-top:5px;
  font-size:34px;
}
#side .target-securities dd span {
  font-size:16px;
}
#side .target-securities li a {
  display:block;
  padding:12px 5px;
  color:#fff;
  background:#757575;
  text-align:center;
}
#side .target-securities li a:hover {
  background:#999;
}

/* ==================================
side / side-keyword
================================== */
#side-keyword input,
#side-keyword button {
  display:block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  border-radius:3px;
  padding:0;
}
#side-keyword input {
  box-sizing:border-box;
  width:100%;
  height:42px;
  padding:0 8px;
  border:1px solid #e0e0e0;
  font-size:11px;
  color:#666;
  line-height:40px;
  vertical-align:middle;
}
#side-keyword button {
  display:block;
  width:100%;
  margin-top:10px;
  background:#757575;
  font-size:14px;
  color:#fff;
  line-height:42px;
  text-align:center;
  text-indent:.5em;
  letter-spacing:.5em;
}
#side-keyword button:hover {
  background:#999;
  cursor:pointer;
}
#side-keyword .autocomplete table {
  z-index:10;
  top:40px;
  left:0;
  border:1px solid #e0e0e0;
}
#side-keyword .autocomplete td {
  padding:5px 10px;
}

/* ==================================
side / side-brand
================================== */
#side-brand .brand-select {
  position:relative;
}
#side-brand .btn {
  display:block;
  width:100%;
  background:#757575;
  color:#fff;
  line-height:42px;
  text-align:center;
  border-radius:3px;
  cursor:pointer;
}
#side-brand .btn:hover {
  background:#999;
  cursor:pointer;
}
#side-brand .btn.active {
  background:#000;
}

/* ==================================
side / side-brand mega-menu
================================== */
#side-brand .mega-menu {
  display:none;
  position:absolute;
  top:-118px;
  left:200px;
  width:800px;
  box-shadow: 2px 90px 180px -90px #000;
  z-index:9999;
}
#side-brand .mega-menu.active {
  display:block;
}
#side-brand .mega-menu:before {
  content:"";
  display:block;
  position:absolute;
  top:118px;
  left:-18px;
  width:0;
  height:0;
  border-style:solid;
  border-width:20px 20px 20px 0;
  border-color:transparent #000 transparent transparent;
}
#side-brand .mega-menu .bt-closed {
  display:none;
  position:absolute;
  top:-20px;
  right:-20px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#fff;
  z-index:2;
  cursor:pointer;
}
#side-brand .mega-menu .bt-closed:after {
  content:"";
  box-sizing:border-box;
  display:block;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #666;
  background:#fff url(../../images/button/bt_closed.png) center no-repeat;
}
#side-brand .mega-menu .bt-closed:hover:after {
  opacity:.6;
}

/* mega-header */
#side-brand .mega-header {
  min-height:190px;
  padding:40px 40px 30px;
  background:#000;
}
#side-brand .tab-list {
  display:table;
  width:100%;
  border:1px solid #424242;
}
#side-brand .tab-list li {
  display:table-cell;
  width:50%;
}
#side-brand .tab-list a {
  display:block;
  background:#000;
  color:#fff;
  font-size:18px;
  text-align:center;
  line-height:65px;
  cursor:pointer;
}
#side-brand .tab-list a:hover {
  background:#212121;
}
#side-brand .tab-list li.active a {
  display:block;
  background:#424242;
}
#side-brand .tab-box {
  display:none;
  margin-top:15px;
}
#side-brand .tab-box:first-child {
  display:block;
}
#side-brand .tab-box ul {
  font-size:0;
}
#side-brand .tab-box li {
  display:inline-block;
  margin:10px 10px 0 0;
  font-size:16px;
}
#side-brand .tab-box li a,
#side-brand .tab-box li span {
  display:block;
  width:35px;
  line-height:35px;
  border:1px solid #fff;
  text-align:center;
  background:#000;
  color:#fff;
}
#side-brand .tab-box li span {
  opacity:.5;
}
#side-brand .tab-box li a:hover {
  background:#666;
}
#side-brand .tab-box li:last-child a,
#side-brand .tab-box li:last-child span {
  width:83px;
}
#side-brand #tab-kana ul {
  width:290px;
}
#side-brand #tab-alphabet li:nth-child(14),
#side-brand #tab-alphabet li:nth-child(28) {
  margin-right:0;
}
#side-brand #tab-alphabet li:last-child {
  width:82px;
}

/* mega-body */
#side-brand .mega-body {
  height:300px;
  background:#fff;
  overflow:auto;
}
#side-brand .mega-body .inner {
  display:none;
  padding:0 40px 25px 40px;
}
#side-brand .mega-body .inner:first-child {
  display:block;
}
#side-brand .mega-body .mega-ttl {
  margin:20px 0;
  border-bottom:1px solid #bdbdbd;
}
#side-brand .mega-body .mega-ttl span {
  padding-right:5px;
  font-size:40px;
}
#side-brand .mega-body li {
  float:left;
  width:230px;
  margin-left:5px;
  padding:4px 0;
  font-size:12px;
  word-wrap:break-word;
}
#side-brand .mega-body li:nth-child(3n+1) {
  clear:both;
  margin-left:0;
}
#side-brand .mega-body ul a {
  display:block;
  color:#000;
  padding-left:1em;
}
#side-brand .mega-body ul a:hover {
  color:#666;
}
#side-brand .mega-body ul a:before {
  content:"・";
  display:block;
  position:absolute;
  left:0;
  top:0;
}


/* ==================================
side / side-item
================================== */
#side .side-nav {
  border-bottom:1px solid #bdbdbd;
}
#side .side-nav a,
#side .side-nav span {
  display:block;
  position:relative;
  padding:9px 35px 9px 18px;
  border-top:1px solid #bdbdbd;
  background:#f6f6f6;
  font-size:11px;
  cursor:pointer;
}

/* 大カテゴリ */
#side .side-nav .cat-large.current + ul {
  display:block;
}
#side .side-nav .cat-large {
  padding:9px 10px;
  background:#757575;
  color:#fff;
}
#side .side-nav .cat-large:hover {
  background:#000;
}
#side .side-nav .cat-large:after {
  content:"";
  display:block;
  position:absolute;
  top:14px;
  right:13px;
  width:14px;
  height:8px;
  background:url(../../images/icon/icon_middle_arrow.png) -20px 0;
  color:#424242;
}
#side .side-nav > li > .bt-closed:after {
  top:7px;
  right:7px;
  width:20px;
  height:20px;
  background:url(../../images/icon/icon_delete.png);
}

/* 中カテゴリ */
#side .side-nav .cat-middle > li > a,
#side .side-nav .cat-middle .ttl-middle {
  background:#e0e0e0;
  color:#424242;
}
#side .side-nav .cat-middle > li > a:hover,
#side .side-nav .cat-middle .ttl-middle:hover {
  background:#bbb;
}
#side .side-nav .cat-middle > li > a:after,
#side .side-nav .cat-middle .ttl-middle:after,
#side .side-nav .cat-small .bt-closed:after {
  content:"";
  display:block;
  position:absolute;
  top:14px;
  right:13px;
  width:14px;
  height:8px;
  background:url(../../images/icon/icon_middle_arrow.png);
  color:#424242;
}
#side .side-nav .cat-middle .ttl-middle.bt-closed:after,
#side .side-nav .cat-small .bt-closed:after {
  top:7px;
  right:7px;
  width:20px;
  height:20px;
  background:url(../../images/icon/icon_delete.png);
}

/* 小カテゴリ */
#side .side-nav .cat-small a {
  padding:9px 18px;
}
#side .side-nav .cat-small > li > a:before {
  content:"・";
}
#side .side-nav .cat-small > li > a:hover,
#side .side-nav .cat-small > li.current a {
  background:#fff;
  color:#424242;
}

/* ==================================
side / side-price
================================== */
#side #side-price ul {
  border-bottom:1px solid #bdbdbd;
}
#side #side-price ul a {
  display:block;
  padding:8px 10px;
  border-top:1px solid #bdbdbd;
  font-size:12px;
}

/* ==================================
side / side-icon
================================== */
#side #side-icon ul {
  border-bottom:1px solid #bdbdbd;
}
#side #side-icon ul a {
  display:block;
  padding:8px 10px;
  border-top:1px solid #bdbdbd;
  font-size:12px;
}

/* ==================================
side / side-stock
================================== */
#side #side-stock ul {
  border-bottom:1px solid #bdbdbd;
}
#side #side-stock ul a {
  display:block;
  padding:8px 10px;
  border-top:1px solid #bdbdbd;
  font-size:12px;
}

/* ==================================
clearfix
================================== */
.item-list ul:after,
#side-brand .mega-body ul:after {
  content:"";
  clear:both;
  display:block;
}



/* ==================================
clearfix
================================== */
#brand #pickup-news .box-wrap:after,
#brand #about:after {
  content:"";
  clear:both;
  display:block;
}

/* ==================================
brand-sort
================================== */
#brand-category .brand-sort p{
  width: 310px;
background: #fff;
color: #424242;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
padding: 11px 0 11px 20px;
border: 1px solid #e0e0e0;
border-radius: 3px;
position: relative;
}
#brand-category .brand-sort p::after{
  display: block;
  content: "";
  width: 11px;
  height: 10px;
  position: absolute;
  top: 18px;
right: 13px;
  background: url(../../images/button/bt_option_arrow.png);
}
#brand-category .brand-sort ul{
  display: none;
  border: 1px solid #e0e0e0;
background: #fff;
z-index: 1;
position: relative;
}
#brand-category .brand-sort ul li a{
      padding: 5px 0 5px 20px;
      display: block;
}
#brand-category .brand-sort ul li:hover{
  background: #f7f7f7;
}
#brand-category .brand-sort .accordion__title:hover{
  cursor: pointer;
}
#brand-category .brand-sort ul.accordion__content_btm{
  position: absolute;
bottom: 45px;
}
#brand-category .brand-sort ul.accordion__content_btm li{
  width: 330px;
}
#brand-category #brand_tit.ins-inner{
  position: fixed !important;
  z-index: 999 !important;
  width: 100% !important;
  position: fixed !important;
  background: #757575 !important;
  bottom: 0 !important;
}
#brand-category #brand_tit h1.ins-h1{
  /* margin-left: 23% !important; */
  width: 1000px;
  margin: 0 auto;
}
#brand-category #brand_tit .brand-sort.ins-sort{
  left: 60% !important;
}