@charset "UTF-8";

/** BASE STYLES **/
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea {
  margin: 0px;
  padding: 0px;
}
.clearfix {
  *zoom: 1;
  height: 1%;
  /* Above are for IE7 */
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.area-header {
  width: 990px;
  margin: 0 auto;
}
.l-container {
  width: 990px;
  margin: 0 auto;
}
.l-main {
  float: right;
  width: 730px;
}
.l-main--wide {
  /*@include clearfix; */
  margin-bottom: 1em;
}
.l-sub {
  width: 236px;
}
/*.l-sub > div {
  margin: 0 0 50px;
  overflow: hidden;
}*/
.l-footer {
  padding:40px 0 0 0;
  clear: both;
}
body {
  font-family: 'Lucida Grande', 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
  color: #222;
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-smoothing: subpixel-antialiased;
}
h1{
  font-size: 100%;
  font-family:"EB Garamond";
  font-style:normal;
  font-weight:400;
}
h2, h3, h4, h5, h6 { font-size: 100%; }

/* 基本フォント -------------------- */
a { color:#222; text-decoration: none; }
a:link { color:#222; text-decoration: none; }
a:visited { color:#222; text-decoration: none; }
a:hover { color:#222; text-decoration: underline; }
a:active { color:#222; text-decoration: underline; }
img { border: 0; vertical-align: top; }
em { font-style: normal; }
ul { list-style: none; }

/*-- パンくず --*/
.breadcrumbs{
  letter-spacing: 1px;
  margin:0 0 30px 0;
  text-align: left;
}

/*-- タイトル --*/
.title{
  width:990px;
  margin:0 0 25px 0;
  font-size:28px;
  letter-spacing:2px;
}

/*ランキングアイコン*/
.ranking--number{
  display: inline;
}
.ranking--icon {
  width: 100%;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background: #000;
  padding: 4px 0;
  line-height: 1;
  text-align: center;
}

/*一覧へ*/
.more--list{
  font-size:12px;
  font-weight:normal;
  padding:0 25px 0 0;
  display:block;
  float:right;
  background: url(https://supremelala-shop.jp/res/p/img/common/common.png) no-repeat 41px -54px;
}
.more--list:hover{
  opacity: 0.6;
  text-decoration: none;
}
/*注意文言*/
.attention--text{
  color:#f00;
}


a:hover img.fadeimg{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}

/*Sold Out*/
.search-result__item--photo .item_soldout {
  width: 129px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #ccc;
  color: #fff;
  position: absolute;
  left: 0px;
}

/*マイページお気に入りブランド削除*/
.favorite-brand{
  display:none;
}
/*ログインページお気に入りブランド削除*/
.member__auth__favorite--brand {
  display:none;
}
/*ブランド名削除*/
.search-result__item--brand{
  display:none;
}

/** /BASE STYLES **/

/* ///////////////////////////////////////////////////////////////////
header
/////////////////////////////////////////////////////////////////// */
/*スーパーバナー*/
.super-bnr {
  padding: 20px 0;
}
.super-bnr ul {
  text-align: center;
}
.super-bnr ul li a {
  display: inline-block;
}
#header li {
  list-style: none;
}
.header__inner {
  width: 990px;
  margin: 0 auto;
}

/*header__sp-bnr*/
.header__sp-bnr {
  border-bottom: solid 1px #c0c0c0;
  text-align: center;
  padding: 15px 0;
}
.header__sp-bnr a {
  display: inline-block;
}

/*header--logo*/
.header--logo {
  width: 293px;
  height: 91px;
  margin: 12px 0 20px;
  float: left;
}
.header--logo p {
  margin: 0;
}
.order {
  box-sizing: border-box;
  overflow: hidden;
  background: url(../img/common/header.png) no-repeat;
  height: 91px;
  padding: 91px 0 0;
}
.order-header #header .order-header--customer-info {
  top: 20px;
}
.header--logo a{
  box-sizing: border-box;
  display: block;
  height: 91px;
  background: url(../img/common/header.png) no-repeat;
  padding: 91px 0 0;
  overflow: hidden;
}

/*header-sub-nav*/
.header-sub-nav {
  float: right;
  position: relative;
}
.header-sub-nav ul {
  float: right;
  margin: 29px 0 17px;
}
.header-sub-nav ul li {
  float: left;
}
.header-sub-nav .header-sub-nav__guide a{
  margin: 0;
} 
.header-sub-nav ul li>a {
  box-sizing: border-box;
  display:block;
  background: url(../img/common/header.png) no-repeat;
  overflow: hidden;
  height: 23px;
  padding: 23px 0 0;
  margin: 0 0 0 10px;
}
.header-sub-nav .header-sub-nav__mail a { background-position: 0 -92px; width: 89px; }  
.header-sub-nav .header-sub-nav__guide a { background-position: 0 -112px; width: 77px; }
.header-sub-nav .header-sub-nav__login a { background-position: 0 -136px; width: 160px; }
.header-sub-nav .header-sub-nav__logout a { background-position: 0 -164px; width: 93px; } 
.header-sub-nav .header-sub-nav__mypage a { background-position: 0 -192px; width: 93px; }  
.header-sub-nav .header-sub-nav__favorite a { background-position: 0 -220px; width: 93px; } 
.header-sub-nav .header-sub-nav__cart>a { background-position: 0 -248px; width: 93px; }
.header-sub-nav a:hover {
  opacity: 0.7;
}

.header-search {
  float: right;
  clear: both;
  width: 353px;
  overflow: hidden;
}
.header-search__icon{
  width: 23px;
  height: 26px;
  background: url(../img/common/header.png) no-repeat;
  background-position: 0 -276px;
  float: left;
}
.header-search input {
  box-sizing: border-box;
  width: 244px;
  height: 26px;
  color: #333;
  padding: 3px 10px;
  float: left;
}
.header-search__btn {
  float: right;
  margin: 0 0 0 10px;
}
.header-search__btn a {
  box-sizing: border-box;
  display: block;
  background: #000;
  color: #fff !important;
  width: 76px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  font-family: 'Helvetica','Arial';
  text-align: center;
}
.header-search__btn a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/*header-main-nav*/
.header-main-nav {
  border-bottom:1px solid #dcdcdc;
  border-top:1px solid #dcdcdc;
  clear: both;
  margin:0 0 25px 0;
}
.header-main-nav ul {
  width: 990px;
  margin: 0 auto;
  padding: 11px 0;
  letter-spacing: -.40em;
}
.header-main-nav ul li {
  width: 81px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  letter-spacing:normal;
  text-align: center;
  border-left: 1px solid #ddd;
  font-family: 'Helvetica','Arial';
  font-size: 13px;
}
.header-main-nav ul li:first-child {
  width: 82px;
}
.header-main-nav ul li:last-child {
  width: 82px;
  border-right: 1px solid #ddd;
}
.header-main-nav ul li a{
  box-sizing: border-box;
  display:block;
  overflow: hidden;
}
.header-main-nav a:hover {
  opacity: 0.7;
  text-decoration: none;
}
/*cart*/
#cart_area{
}
/*カート部分*/
.cart_win {
  display:none;
  width:275px;
  padding:0;
  position: absolute;
  right:0;
  top: 51px;
  z-index: 2;
}
.header--members--cart--dammy{
  width:163px;
  height:1px;
  font-size:0;
  position:absolute;
  top:0;
  right:1px;
  z-index:5;
  background:#f9f9f9;
}
.header--members--cart--list{
}
.header--members--cart--list .cart_item {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  font-size: 10px;
  padding: 15px 15px 0;
}
.header--members--cart--list .cart_item_inner {
  height: 184px;
  overflow: auto;
}
.header--members--cart--list .cart_item_detail {
  margin-bottom: 10px;
  overflow: hidden;
  clear: both;
}
.header--members--cart--list .cart_item_link {
  display: block;
  color: inherit;
}
.header--members--cart--list .cart_item dl {
  width: 51px;
  float: left;
  margin: 0;
  padding: 0;
}
.header--members--cart--list .cart_item dd .delete-button {
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
  width: 100%;
  padding: 3px 0;
}
.header--members--cart--list .cart_item p.item_txt {
  width: 160px;
  margin: 0;
  padding: 0;
  float: right;
  text-align: left;
}
.header--members--cart--list .item_leading_time {
  color: #b10606;
}
.header--members--cart--list .cart_item .total_price {
  margin-top: 10px;
  text-align: center;
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
.header--members--cart--list .regi {
  padding: 10px;
  background:#f9f9f9;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.header--members--cart--list .regi a {
  text-decoration:none;
  display:block;
}
.header--members--cart--list .regi p {
  padding:7px 0;
  background: #5f5f5f;
  color: #fff;
  text-align: center;
}
/*/カート部分*/

/* ///////////////////////////////////////////////////////////////////
footer
/////////////////////////////////////////////////////////////////// */
/*view-switcher*/
.view-switcher {
  padding: 20px 0;
  text-align: center;
}

#footer {
  border-top: 3px solid #dcdcdc;
  padding:30px 0;
}
#footer li{
  list-style: none;
}
/*footer-main-nav*/
.footer-main-nav {
  width: 990px;
  margin: 0 auto;
  overflow:hidden;
}
.footer-main-nav ul {
  float:left;
  font-size:10px;
  margin: 0;
  padding: 0;
}
.footer-main-nav ul li {
  float:left;
  border-right: 1px solid #222;
  margin: 0 0 0 7px;
  padding: 0 7px 0 0;
}
.footer-main-nav ul li:last-child {
  border-right: none;
}
.footer-main-nav ul li a {
  text-decoration:none;
}
.footer-main-nav ul li a:hover {
  text-decoration:underline;
}

small {
  font-size:10px;
  float:right;
}

/*---------- HISTORY ----------*/
.history-item,
.history-coord {
  text-align: left;
  clear: both;
  margin: 0 auto 50px;
}
.history-item__list,
.history-coord__list {
  margin:0 0 20px 0;
  padding:0;
  overflow: hidden;
}
.history-item__list li,
.history-coord__list li {
  float: left;
  font-size: 10px;
  margin:0;
  padding:0;
  text-align: left;
  width: 82px;
  list-style: none;
}
.search__btn__wrapper .btn--next--color.btn--next,
.search__btn__wrapper .btn--prev--color{
  display:inline-block;
}
.search__error__main{
margin-top: 20px;
}

/*検索カテゴリ削除*/
.category__more--list{
  display:none !important;
}

/*転送コム*/
#tenso{
margin: 0 auto;
text-align: center;
font-size:0;
}

/* クローズ対応の為新規会員登録エリア削除 
#login-chenge-0420 .member__auth__regist {
  display: none;
}*/