/* メニューボタン */
[data-js="drawer-menu-open"]{
  display: none;
}
.active[data-js="drawer-menu-open"]{
  display: block;
}
/* 閉じるボタン */
[data-js="drawer-menu-close"]{
  display: none;
}
.active[data-js="drawer-menu-close"]{
  display: block;
}
/* ドロワーメニュー */
[data-js="drawer-menu"]{
  transform: translateY(150%);
  transition: all 0.3s;
}
.active[data-js="drawer-menu"]{
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .active[data-js="drawer-menu"]{
    display: block;
  }
}

@charset "utf-8";
[data-js="alphabet"]:last-child{
  width: 6.7rem;
}
.is-stuck{
  position: fixed;
  z-index: 50;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.is-stuck [data-js="sticy-contents"]{display: block}
@keyframes slideIn{
0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}

.active_acc [data-css="toggle-border"]{
  display: none;
}

[data-css="header-favoritelist"] [data-css="favoritelist"]{
  margin: 0 0 1%;
}
[data-css="header-favoritelist"] [data-css="favoritelist-text-box"]{
  display: none;
}
[data-css="header-favoritelist"] [data-css="favorite-item-more-btn"]{
  text-align: right;
}

[data-css="member-sidebar-icon"]{
  /* background: url(/res/img/icons/icon-arrow-right.svg) .6rem .85rem no-repeat;
  background-size: 12px auto */
  position: relative;
}

[data-css="member-sidebar-icon"]::after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1.5px solid #7D7D7D;
  border-bottom: 1.5px solid #7D7D7D;
  position: absolute;
  right: 14px;
  top: 50%;
  margin: -5px;
  transform: rotate(-45deg)
}

@media (max-width: 767px){
  /* [data-css="member-sidebar-icon"]{
    background: none;
    position: relative
  } */
}

[data-css="mypage-list-group"]{
  overflow: hidden;
  margin: 0 0 25px;
}

[data-css="mypage-list-group"] .mypage-title {
  font-size: 16px;
  font-weight: normal;
  border-bottom: 2px solid #e9e9e9;
  padding: 0 0 6px;
  margin: 0 0 20px;
}

/* 指定した検索条件 modal end */
/*レコメンド共通*/
.item-thumb-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-thumb-list .item-thumb-list__unit {
  width: 160px;
  margin: 0 20px 40px 0;
}
.item-thumb-list .item-thumb-list__unit:nth-child(5n) {
  margin-right: 0;
}
.item-thumb-list .item-thumb-list__unit a {
  display: block;
  text-decoration: none;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__img {
  margin: 0 0 8px 0;
  position: relative;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__img .item-thumb-list__icon--new {
  padding: 8px;
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 10px;
  background: #000;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 0;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__img .item-thumb-list__icon--soldout {
  width: 100%;
  padding: 5px;
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  background: #ababab;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__img img {
  width: 100%;
  height: auto;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__text .item-thumb-list__brand {
  margin: 0 0 5px 0;
  font-weight: bold;
  line-height: 1.4;
  word-break: break-all;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__text .item-thumb-list__size {
  margin: 0 0 5px 0;
  font-size: 12px;
  color: #999;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__text .item-thumb-list__price {
  font-size: 14px;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__text .item-thumb-list__price.item-thumb-list__price--discount {
  color: #C20202;
  display: block;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__text .item-thumb-list__price.item-thumb-list__price--old {
  font-size: 12px;
  text-decoration: line-through;
  display: block;
}
.item-thumb-list .item-thumb-list__unit a .item-thumb-list__text .item-thumb-list__off-ratio {
  display: none;
}


/*お気に入り*/
.mypage-list-group-block + .mypage-list-group-block {margin: 30px 0 0}
.mypage-list-group-block-title {
  overflow: hidden;
  margin: 0 0 20px;
}
.mypage-list-group-block-title h3 {float: left}

/*お気に入りアイテム*/
[data-css="mypage-list-group"] [data-css="favoritelist"] {letter-spacing: -.4em}
[data-css="mypage-list-group"] [data-css="favoritelist-item"] {
  width: 148px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-align: left;
  line-height: 1.7;
  float: none;
  margin: 0 3px 25px 0;
}
[data-css="mypage-list-group"] [data-css="favoritelist-item"]:empty {display: none}

[data-css="mypage-list-group"] [data-css="favoritelist-link"] {
  color: #333;
  display: block;
}
[data-css="mypage-list-group"] [data-css="favoritelist-icon-list"] {display: none}
[data-css="mypage-list-group"] [data-css="favoritelist-imgwrap"] {
  position: relative;
  margin: 0 0 5px;
}
[data-css="mypage-list-group"] [data-css="favoritelist-img"] {
  width: 100%;
  height: auto;
  vertical-align: top;
}
[data-css="mypage-list-group"] [data-css="favoritelist-label"] {
  top: auto;
  bottom: 0;
}

/*お気に入りブランド*/
[data-css="mypage-list-group"] .favorite-brand__list ul {letter-spacing: -.4em}
[data-css="mypage-list-group"] .favorite-brand__list ul li {
  width: 148px;
  display: inline-block;
  vertical-align: top;
}
[data-css="mypage-list-group"] .favorite-brand__list ul li img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  [data-css="mail-arrival-item-address-input"]::placeholder {
    font-size: 12px;
  }
}

