@charset "utf-8";
@media(min-width: 1200px){
  /* 削除ボタン込みの設定 */
  .mail_address_edit {
    padding: 10px 30px !important;
    float:left;
    margin-right:5px;
  }
  .mail_address_delete {
    padding: 10px 30px !important;
  }
/* ----- ヘッダー帯 ----- */
div#hd_bnr {
	background-color: #000 /*#fffe93*/ /*#f5f5f5*/ !important;
	width: 100%;
  }
img#hd_bnr_pc{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
  }
img#hd_bnr_smp{
	display: none !important;
  }
/* ----- /ヘッダー帯 ----- */

  #page-footer .footer_nav .nav-inner{
    width: 270px;
    margin-left: 30px;
  }
  #page-footer .footer_nav .nav-inner:first-child{
    margin-left: 0;
  }
}
@media(max-width: 1200px){

/* ----- ヘッダー帯 ----- */
div#hd_bnr {
	background-color: #000 /*#fffe93*/ /*#f5f5f5*/ !important;
	width: 100%;
  }
  img#hd_bnr_pc{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
  }
  img#hd_bnr_smp{
	display: none !important;
  }
/* ----- /ヘッダー帯 ----- */

#head-bar > .top-lead ul li.details{
  margin: 10px;
  }
  #news-list .flexslider{
    width: 950px;
  }
  #news-list .flex-direction-nav .flex-prev{
    left: -35px;
  }
  #news-list .flex-direction-nav .flex-next{
    right: -35px;
  }
  #shoptop-sub-wrap ul.right-banner li:first-child {
    margin-bottom: 4.1%;
  }
  .brandtop #news-list li{
    margin-left: 0;
  }
  .brandtop #news-list .span4 {
    float: none!important;
    width: 100%!important;
    margin-left: 0;
    margin-bottom: 15px;
  }
  #item-count #odometer{
    width: 100%;
    padding: 0;
  }
  .look-more {
    float: none;
  }

  .inquiry .control-group .controls .top-input,
  .inquiry .control-group .controls .second-input{
    width: 50%;
  }
  .inquiry input.input-large{
    width: 100%;
  }
  /*詳細検索*/
  .search #selectBrand li {
    margin-left: 17px;
  }
  .search #selectBrand li:first-child,
  .search #selectBrand li:nth-child( 3n + 1 ) {
     margin-left: 0;
   }
  #searchDetailArea .select-color table th,
  #searchDetailArea .select-color table td{
    width: 120px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
/* 削除ボタン込みの設定 */
.mail_address_edit {
  padding: 10px 18px !important;
  float:left;
  margin-right:5px;
}
.mail_address_delete {
  padding: 10px 18px !important;
}
/* ----- ヘッダー帯 ----- */
  img#hd_bnr_pc{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
  }
  img#hd_bnr_smp{
	display: none !important;
  }
/* ----- /ヘッダー帯 ----- */


  /*bootstrap-custom*/
  .container,.smaller-container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container,
  #page-footer .container{
    width: 965px;
  }
   #shoptop-sub-wrap {
    width: 70%;
  }
#page-footer .navbar .nav > li:nth-child(5){
  font-size: 10px;
}
  #page-footer .navbar .nav{
    text-align: center;
  }
  #page-footer .navbar .nav > li{
    width: 12%;
  }
  .list-layout .span3.sideArea {
    width: 25%;
  }
  .list-layout .span9 {
    width: 70%;
  }
  /*メインヴィジュアル*/
  #grandtop-main .flexslider{
    width: 66%;
  }
  #sub-wrap{
    width: 31.5%;
  }
  /*ブランド一覧*/
  #brand_logo ul{
    width: 100%;
    margin: 0;
  }
  /*ランキング*/
  #ranking-items .box-title > .sort_by{
    right: 20%;
  }
  /*ニュース一覧*/
  #news-list .flex-direction-nav .flex-prev{
    left: 0;
  }
  #news-list .flex-direction-nav .flex-next{
    right: 0;
  }
  #news-list .news-text{
    width: 45%;
  }
  .grandtop #news-list .flex-direction-nav .flex-prev{
    left: -30px;
  }
  .grandtop #news-list .flex-direction-nav .flex-next{
    right: -30px;
  }
  .grandtop #news-list .news-text{
    padding-left: 0;
    padding-top: 0;
  }
  /*一覧*/
  .sort td{
    width: 19.0%;
    margin-left: 5px;
  }
  .sort td > .sort-wrap{
    width: 100%;
  }
  .sort td .select-wrap{
    width: 48%;
  }
  .sort td .select-wrap select{
    padding: 4px 0;
  }
  .sort select,
  .sort td.stock select{
    background-position: 100% 53%;
  }
  .sort table label > .coron {
      margin: 0 2px 0 2px;
  }
  /* マイページ */
  body.mypage .smaller-container {
    width: 965px;
  }
  body.mypage .span9 {
    width: 660px;
  }
  /* 住所登録・解除 */
  body.mypage .address-page .form-horizontal .control-label {
    width: 100px;
  }
  body.mypage .address-page .form-horizontal .controls {
    margin-left: 118px;
  }
  /* メールマガジン設定 */
  .mailmagazine-page .table-wrap table {
    width: 100%;
  }
  .mailmagazine-page .table-wrap table th {
    width: 25%;
  }
  .mailmagazine-page .table-wrap .info {
    padding-left: 165px;
  }
  /* 配送先リスト */
  .delivery-page .delivery-lists ul li.change .btn {
    padding: 10px 38px;
  }
  /* 退会 */
  .leave-page.complete .span12 {
    width: 965px;
  }
  /* ログアウト */
.logout .span12 {
    width: 100%;
}
.row.logout {
    margin-left: 0px;
}
/*新規会員登録*/
.control-group.brand_fav ul.favorite > li {
    width: 172px;
}
}
@media (min-width: 767px) and (max-width: 1200px) {

/* ----- ヘッダー帯 ----- */
  img#hd_bnr_pc{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
  }
  img#hd_bnr_smp{
	display: none !important;
  }
/* ----- /ヘッダー帯 ----- */


  #head-bar .container{
    width: auto;
  }
  #head-bar > .top-lead ul{
    width: auto;
  }
  #head-bar > .top-lead ul li.head_title{
    display: none;
  }
  #head-bar > .top-lead ul li.campain{
    margin: 0 8px 0 0;
  }
  #head-bar > .top-lead ul li.date{
    margin: 0;
  }
  #news-list .flexslider{
    width: 100%;
  }
  /*ショップトップ*/
  /*#shoptop-sub-wrap ul > li:first-child{
    width: 65%;
  }
  #shoptop-sub-wrap ul > li:nth-child(n+2){
    width: 31%;
  }*/
}
@media (max-width: 979px) {
  /*詳細検索*/
  .search #selectBrand li.tatras,
.search #selectBrand li.odd.keithl,
.search #selectBrand li.remalon{
    margin-left: 0;
  }
}
/******************************
tablet only
*******************************/
@media (min-width:768px) and (max-width: 979px) {
  /* 削除ボタン込みの設定 */
  .mail_address_edit {
    padding: 10px 20px !important;
    float:left;
    margin-right:5px;
  }
  .mail_address_delete {
    padding: 10px 20px !important;
  }

/* ----- ヘッダー帯 ----- */
  img#hd_bnr_pc{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
  }
  img#hd_bnr_smp{
	display: none !important;
  }
/* ----- /ヘッダー帯 ----- */


.list-layout {
  margin-left: 0;
}
.list-layout .span9 {
  margin-left: 0;
}
.list-layout .span3.sideArea {
  width: 100%;
  margin: 0;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 750px;
}
.box-title > .look-more{
  width: 135px;
  bottom: 20px;
  margin: 0;
  padding-bottom: 0;
}
.breadcrumbs_wrap{
  border-top:0;
}
#newarrival-items .span2,
#ranking-items .span2,
.brandtop #checked-items .span2{
  width: 17.777%;
}
#ranking-items .box-title > .sort_by {
    width: 135px;
    line-height: 20px;
    right: 20%;
    bottom: 20px;
  }
  #ranking-items .box-title > .sort_by a{
  background-position: 85% center;
  font-size: 15px;
}
#newarrival-items .span2:nth-child(5n+1){
  margin-left: 0;
}

/*商品詳細 スライド*/
#view-slider .flex-direction-nav a{
  opacity:0.8;
}
/*サイドエリア*/
.side-colorsearch .select-color ul{
  width:86%;
}
/*カート*/
.cart-area .form-edit-style{
  width: 532px;
}
.cart-area .form-edit-style .controls .top-input,
.cart-area .form-edit-style .controls .second-input{
  width:50%;
}
li.span3.odd.is_left {
    margin-left: 0;
}
}
/******************************************************************************************
smartphone to tablet
*******************************************************************************************/
@media (max-width: 979px) {

/* ----- ヘッダー帯 ----- */
  img#hd_bnr_pc{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	display: block;
  }
  img#hd_bnr_smp{
	display: none !important;
  }
/* ----- /ヘッダー帯 ----- */


body{
  padding: 0 10px;
}
.drawer-hamburger{
  display: block;
}
.open #wrapper{
  position: relative;
}
.smaller-container{
  width: 100%;
}
.breadcrumb{
  padding-left: 10px;
  padding-right: 10px;
}
.back{
    width: 100%;
    height: 50px;
    margin-top: 35px;
    line-height: 50px;
    font-size: 15px;
    font-family: 'Open Sans', serif;
    color: #333333;
    text-align: center;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.back a{
  display: block;
  position: relative;
}
.back a:after{
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: 40%;
  left: 5%;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
}
.eshop_top{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  text-align: center;
  letter-spacing: .1em;
  height: 40px;
  line-height: 40px;
  border: 1px solid #333;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
      -ms-border-radius: 2px;
          border-radius: 2px;
}
/*ヘッダー*/
#overlay {
  position: absolute;
  top: 0;
  left: -10px;
  background-color: #000;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#head-bar > .top-lead {
  background-color: #f5f5f5;
}
  #head-bar > .top-lead > p a {
    color: #FFF;
  }
#head-bar .sub-nav {
  display: none;
}
  .navbar .brand {
    height: 60px;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .navbar .brand > a, .navbar .brand > .head-search {
    position: static;
    margin: 0;
  }

.navbar-inner{
  padding-right: 0;
  padding-left: 0;
}
.navbar #LogoHeader_icon{
  width: 20px;
  padding: 19px 15px;
  margin: 0;
  float: left;
  background: none;
  border: none;
  box-shadow: none;
  position: absolute;
  top: 0;
  left: 0;
}
.navbar #LogoHeader_icon .icon-bar{
  width: 20px;
  height: 1px;
  background-color: #7d7d7d;
  border: none;
  border-radius: 0;
  box-shadow: none;
  float: left;
}
.navbar #LogoHeader_icon .icon-bar + .icon-bar{
  margin-top: 6px;
}
/*通常ロゴ
.navbar .brand #logo{
  top: 0;
  width: 125px;
  height: 60px;
  line-height: 60px;
  background-size: 125px 12px;
  background-image: url('/assets/images/sp_logo.png');
}*/
/* 20210225 11周年ロゴ設置 */
.navbar .brand #logo{
  top: 0;
  width: 190px;
  height: 58px;
  line-height: 60px;
  background-size: 190px;
  background-image: url('//ds-assets.store-image.jp/e-look.jp/2021/elook/11th_anniversary/11th_logo_sp.png');
}
.navbar ul.smp-head-search{
  float: right;
}
.smp-head-search li:first-child{
  position: relative;
  width: 70%;
}
.smp-head-search .navbar-form{
  border-top:none;
  border-bottom: none;
  margin: 0;
}
.smp-head-search input.smp-search-text{
  height: 30px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.smp-head-search .smp-search-btn{
  width: 18px;
  height: 18px;
  margin-top: 0;
  box-shadow: none;
  background: none;
  background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/search.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
 -webkit-border-radius: 0;
    -moz-border-radius: 0;
     -ms-border-radius: 0;
         border-radius: 0;
}

.smp-head-search li.refine-search .btn{
  width:100%;
  margin-top: 0;
  padding:4px;
 -webkit-border-radius: 0;
    -moz-border-radius: 0;
     -ms-border-radius: 0;
         border-radius: 0;
  -webkit-box-sizing:border-box;
     -mos-box-sizing:border-box;
      -ms-box-sizing:border-box;
          box-sizing:border-box;
}
.smp-head-search li.cart{
  width: 20px;
  height: 18px;
  background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/cart.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: relative;
  top: 20px;
  right: 5px;
  /*padding: 8px;*/
}
.smp-head-search li.cart a{
  font-size: 10px;
  font-weight: normal;
  position: relative;
  left: 3px;
  top: -5px;
}
.navbar-static-top .navbar-inner{
  border-width: 1px 0 1px;
}
.smp-search-text li{
  display: none;
}
.smp-search-text.open{
  width: 100%;
  display: block;
}
.smp-search-text.open .smp-head-search-text{
  width: 96%;
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-top: 40px;
}
.smp-search-text.open button{
  position: absolute;
  top: 104%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  background-position: 0;
  background-size: 20px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/search-open.png');
}
.smp-search-text.open li{
  display: block;
}
.smp-search-text.open li:nth-child(3){
  position: relative;
}
.smp-search-text.open li:last-child a{
  width: 95%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 60px;
  background-color: #333333;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}
/*ヘッダー*/
#head-bar > .top-lead{
  height: 60px;
  line-height: 0;
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}
#head-bar > .top-lead ul{
  width: auto;
  padding: 0 10px;
  padding-left: 15px;
  padding-top: 5px;
  margin-left: 0;
  margin-right: 0;
}
#head-bar > .top-lead ul li{
  display: list-item;
  line-height: 18px;
}
#head-bar > .top-lead ul li.head_icon{
	display: inline-block;
}
#head-bar > .top-lead ul li.head_icon img{
  padding-right: 2px;
}
  #head-bar > .top-lead ul li.head_title{
  display: inline-block;
  margin: 0;
  font-size: 10px;
  }
#head-bar > .top-lead ul li.campain{
  margin: 0;
  font-size: 14px;
}
#head-bar > .top-lead ul li.date{
  margin: 0;
  font-size: 10px;
  letter-spacing: normal;;
}
#head-bar > .top-lead ul li.details {
  width: 60px;
  height: 45px;
  margin: 10px;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
#head-bar > .top-lead ul li.details a{
  padding: 10px;
  line-height: 12px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}


#head-sub-menu{
  float:none;
  border-top: 1px solid #ccc;
}
.nav-collapse, .nav-collapse.collapse{
  height: auto;
}
.nav-collapse .nav{
  margin-bottom: 0;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a{
  position: relative;
  margin-bottom: 0;
  font-weight: normal;
  padding: 10px 15px;
  border-bottom: solid 1px #ccc;
 -webkit-border-radius: 0;
    -moz-border-radius: 0;
     -ms-border-radius: 0;
         border-radius: 0;
}
#global-navi > .nav{
  height: auto;
  line-height: 0;
}
#global-navi > .nav > li{
  width: 33.333%;
  height: 50px;
  margin-left: 0;
  float: left;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  -webkit-box-sizing :border-box;
     -moz-box-sizing :border-box;
      -ms-box-sizing :border-box;
          box-sizing :border-box;

}
#global-navi > .nav > li:first-child{
  border-left: 0;
}
#global-navi > .nav > li a{
  display: block;
  border-bottom: none;
  padding: 8px 0 12px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.1em;
}
#global-navi > .nav > li a:hover{
  border-top: 1px solid #cccccc;
  background: none;
  padding: 10px 0;
}
#global-navi > .nav > li a span{
  display: block;
  font-size: 8px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  line-height: 8px;
  letter-spacing: 0.2em;
}
.nav-collapse .dropdown-menu{
  margin: 0;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus{
  background-image: none;
  color: #777;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  background-image: none;
  background-color: #eee;
  color: #777;
}
.nav-collapse .dropdown-menu a{
  padding-left: 25px;
  margin-bottom: 0;
  font-size: 11px;
}
.nav-collapse .dropdown-menu li + li a{
  margin-bottom:0;
}

.drawer-open #brand_logo {
  background-color: #F5F5F5;
  display: none;
}
.drawer-open #brand_logo .container{
  width: auto;
  margin: 0 5%;
}
.drawer-open #brand_logo.open{
  display: block;
}

.drawer-open #brand_logo ul li{
  height: 40px;
  width: 47%;
  margin-left: 5%;
  margin-bottom: 5%;
  background-color: #F5F5F5;
}
.drawer-open #brand_logo ul li:first-child,
.drawer-open #brand_logo ul li:nth-child(2n+1){
    margin-left: 0;
}
.drawer-open #brand_logo ul li a{
  background-color: #F5F5F5;
  line-height: 45px;
  margin:0;
  border:none;
}
.drawer-open #brand_logo ul li img{
  width: auto;
  height: 38px;
}
.main-nav li:last-child a{
  /*border-bottom: none;*/
}
.drawer-nav{
  overflow: scroll;
}

.drawer-nav .navbar a{
  letter-spacing: 0.2em;
  text-shadow: none;
  padding-left: 0.5em;
}
.drawer-open #brand_logo .look-more a{
    width: 100%;
    background-size: 6px 10px;
    background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/right_arrows.png');
    background-repeat: no-repeat;
    background-position: 73% center;
    font-weight: normal;
}
.drawer-open .drawer-nav #brand_logo{
  padding: 15px 0;
}
.drawer-open  .drawer-nav #brand_logo .container{
  margin: 0 15px;
}
.drawer-open .drawer-nav #brand_logo ul{
  overflow: hidden;
}
.drawer-open .drawer-nav #brand_logo ul li{
  height: 45px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.drawer-open .drawer-nav li.brand_area{
  height: auto;
  line-height: 0;
}
.drawer-open .drawer-nav li.brand_area:after,
.drawer-open .drawer-nav li.brand_area:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  display: block;
}
.drawer-open .drawer-nav li.brand_area:after{
  border-left:2px solid #000;
  border-bottom:2px solid #000;
  top: 22px;
  right: 36px;
}
.drawer-open .drawer-nav li.brand_area:before{
  border-right:2px solid #000;
  border-top:2px solid #000;
  top: 34px;
  right: 48px;
}
.drawer-open .drawer-nav li.brand_area.open ul{
  display: block;
} 
.drawer-open .drawer-nav li.brand_area.open:after{
  border-left:none;
}
.drawer-open .drawer-nav li.brand_area.open:before{
  border-right:none;
  width: 14px;
}




.drawer-open .drawer-nav #brand_logo ul li:first-child,
.drawer-open .drawer-nav #brand_logo ul li:nth-child(2n+1){
  margin-left: 0;
}
.drawer-open .drawer-nav #brand_logo ul li a{
  line-height: 43px;
  padding-left: 0;
}
.drawer-open .drawer-nav #brand_logo ul li img{
  height: 24px;
}
.drawer-open .drawer-nav #brand_logo ul li a.remalon_l img,
.drawer-open .drawer-nav #brand_logo ul li a.koret img {
  height: 15px;
}
.drawer-open .drawer-nav #brand_logo ul li a.roga img,
.drawer-open .drawer-nav #brand_logo ul li a.andcurtaincall img{
  height: 13px;
}
.drawer-open .drawer-nav #brand_logo ul li a.bensimon img{
  height: 15px;
}
.drawer-open .drawer-nav #brand_logo ul li a.laissepasse img{
  height: 10px;
  padding-bottom: 4px;
}
.drawer-open .drawer-nav #brand_logo ul li a.debutdefiore img{
  height: 10px;
}
.drawer-open .drawer-nav #brand_logo ul li a.aliceandolivia img{
  height: 13px;
  padding-bottom: 3px;
}
.drawer-open .drawer-nav #brand_logo ul li a.rains img {
  height: 30px;
}
.drawer-open .drawer-nav #brand_logo ul li a.clausporto img {
  height: 10px;
}
.drawer-open .drawer-nav #brand_logo .look-more{
  height: 45px;
  width: 99%;
  margin:0;
}
.drawer-open .drawer-nav #brand_logo .look-more a{
  line-height: 43px;
  padding: 0;
}
.drawer-open #brand_logo ul li:nth-child(3n+1){
  margin-left: 5%;
}
.close_menu{
  padding: 20px 24px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.15em;
  cursor: pointer;
}
.close_menu .btnClose img{
  width: 13px;
  height: 13px;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.head-nav li{
  height: 61px;
  line-height: 60px;
  /*background-color: #333333;*/
  font-size: 15px;
}
.head-nav li:first-child{
  background-color: #ffffff;
}
.head-nav li:first-child a{
  color: #000000;
  border-top: 1px solid #ccc;
}
.head-nav li a{
  display: block;
  /*color: #fff;*/
  font-weight: bold;
  margin: 0 15px;
  border-bottom: 1px solid #cccccc;
  padding-left: 0.5em;
  position: relative;
}
.head-nav li.customer a{
  text-indent:40px;
}
.head-nav li.customer a:before{
  content: '';
  background: url(/assets/images/sp_icon/customer_icn.jpg) no-repeat;
  position: absolute;
  width: 27px;
  height: 30px;
  display: block;
  top: 50%;
  background-size: 27px 30px;
  -moz-background-size: 27px 30px;
  -webkit-background-size: 27px 30px;
  -ms-background-size: 27px 30px;
  margin-top: -15px;
}
.head-nav li:last-child a{
  /*border-bottom: none;*/
}
.main-nav li{
  height: 61px;
  line-height: 60px;
}
.main-nav > ul li:first-child a{
  border-top:4px solid #ccc;
  border-bottom:none;
}
.main-nav > ul li:nth-of-type(2) a{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.main-nav > ul li:last-child a{
  border-bottom:5px solid #ccc;
}
.main-nav a{
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  margin: 0 15px;
  line-height: 60px;
  border-bottom: 1px solid #cccccc;
}
.main-nav .nav-list{
  display: none;
}

#shoptop-sub-wrap {
  float: none;
  width: auto;
  margin-bottom: 25px;
}
  #shop_main > p {
    margin-bottom: 33px;
  }



/*box title*/
.box-title {
  padding: 40px 0 15px;
}
body.itemList .box-title {
  margin: 30px 0 15px;
}

/******************************
フロー
******************************/
.action-steps li span.number {
  font-size: 12px;
}
.action-steps.step4 {
  display: block;
}
.action-steps.step4 li {
  display: block;
  width: 49.1%;
  float: left;
  margin-bottom: 0.5%;
  border-bottom: 1px solid #fff;
}
/*グランドトップ*/
.grandtop #page-body {
 margin-bottom: 0;
}
/*メインヴィジュアル*/
#grandtop-main .flexslider{
  margin-bottom: 10px;
  width: 100%;
}
#grandtop-main .flexslider .slides img{
  width: 100%;
}
#grandtop-main .flexslider .flex-viewport{
  width: 750px;
  margin: 0 auto;
}
#sub-wrap{
  float: left;
  width: 100%;
  margin: 4px 0 0;
}
#sub-wrap ul li{
  width: 49.33%;
  float: left;
}
#sub-wrap ul li:first-child{
  margin: 0 4px 0 0;
}
#grandtop-main .flex-direction-nav a{
  background-size: 11px 22px;
  /*height: 24px;*/
}
#newarrival-items{
  margin-bottom: 0;
  padding-top: 20px;
}
/*レイアウト　リスト*/
.list-layout .span9{
  float: none;
  width: 100%;
}
.sort td{
  width: 22.5%;
}
/*searcher*/
#searcher{
  margin: 0 ;
  border-top: solid 1px #dfdfdf;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#searcher li{
  float: left;
  width: 50%;
  font-weight: bold;
  height: auto;
  font-size: 13px;
  cursor: pointer;
  padding: 7px 10px 9px 10px;
  line-height: 13px;
  position: relative;
}
#searcher li a {
  padding: 0;
}
#searcher li.open{
  border-bottom: 1px solid #f5f5f5;
}
#searcher li.open:after{
  -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#searcher li.open:first-child {
  border-bottom: solid 1px #f5f5f5;
}
#searcher li.brandSearch,
#searcher li.categorySearch, #searcher li.detailSearch{
  border-bottom: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f5f5;
}
#searcher li.categorySearch.active{
  border-bottom: 1px solid #f1f1f1 ;
}
#searcher li:after{
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    display: block;
    content: '';
    border-top: solid 1px #1b1b1b;
    border-right: solid 1px #1b1b1b;
    margin-top: -7px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #searcher li.detailSearch:after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 55%;
  }
  #searcher li.active:after{
    margin-top: -4px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
#searcher li:first-child{
  padding-left: 10px;
  border-right: solid 1px #dfdfdf;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#searcher li span{
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  font-size: 9px;
  font-weight: normal;
  display: block;
  line-height: 10px;
  margin: 2px 0 0 -5%;
  letter-spacing: initial;
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
          transform: scale(0.9);
}
#searcher li a{
  display: block;
  background-color: #f5f5f5;
  text-decoration: none;
  padding: 0 10px;
}
#searcher .brand{
  display: none;
}
#searcher .brand.open{
  display: block;
}
#searcher .brand > li{
  width: 100%;
}
#searcher .brand li{
  padding: 0;
  width: 100%;
  border: none;
  background-color: #f5f5f5;
}
#searcher .brand li a{
  display: block;
  margin: 0 10px;
  line-height: 44px;
  font-size: 11px;
  border-bottom: 1px solid #d4d4d4;
}
#searcher .brand li:after{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }
#searcher .brand li.closed a{
    text-align: center;
}
#searcher .brand li.closed:after{
-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*Lsize shop*/
.lshop_banner{
	margin-bottom: 5px;
}
.lshop_banner a{
	background-color: #333;
	display: inline-block;
}

/*sidearea*/
#sidebar .categoryList{
  display: none;
}
#sidebar .side-detailsearch{
  display: none;
}
.list-layout .span3.sideArea {
  background-color: #f5f5f5;
  display: none;
  width: auto;
  margin: 0 -5px;
}
#sidebar #category {
  padding: 0 15px;
  margin: 0;
}
#category .side-caption {
  display: none;
}
#category.list-category a {
  border-color: #dfdfdf;
  padding: 14px 8px 14px 3px;
}
#category.list-category a:after {
  border-top: 1px solid #1b1b1b;
  border-right: 1px solid #1b1b1b;
  width: 8px;
  height: 8px;
  right: 10px;
}
#category.list-category li.has-child > a:before {
  right: 8px;
  top: 50%;
}
#category.list-category li.has-child > a:after {
  right: 8px;
  top: 50%;
  margin-top: 0;
}
#category.list-category li.has-child > a.open:after {
  right: 8px;
  top: 50%;
}
.list-category li {
  font-size: 11px;
  position: relative;
}
.list-category a:hover {
  background-color: #f5f5f5;
}

/*close*/
#categoryClose {
  text-align: center;
}
#category.list-category #categoryClose > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
}
#category.list-category #categoryClose > a:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*footer category*/
  .footer-category #sidebar #category{
    border-bottom: none;
    padding: 0 10px;
  }
  .footer-category #sidebar {
    border: solid 1px #d6d6d6;
  }
  .footer-category .side-caption {
    border-bottom: none;
    font-size: 15px;
    letter-spacing: 0.15em;
    padding: 3px 0 0;
  }
  .brandtop .footer-category .side-caption{
    padding-bottom: 15px;
  }
  .footer-category .side-caption span {
    display: inline-block;
    font-size: 9px;
    vertical-align: baseline;
    letter-spacing: 0.15em;
    padding-left: 12px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .footer-category #category.list-category a {
    border-color: #f7f7f7;
  }
  .footer-category #category.list-category .child-category a {
    font-weight: normal;
  }
  .footer-category #category.list-category a:after {
    width: 7px;
    height: 7px;
    right: 5px;
    -webkit-backface-visibility: hidden;
  }
  .footer-category #category.list-category li.has-child > a:after {
    right: 3px;
  }
  .footer-category #category.list-category li.has-child > a:before {
    right: 3px;
  }
  .footer-category .list-category a:hover {
    background-color: transparent;
  }


/*住所登録・変更　& 配送先リスト登録・変更*/
.form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small,
.form-edit-style .control-group:nth-child(3) .controls .inline input#Zip1.input-small{
  width: 33px;
}
.form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode2.input-small,
.form-edit-style .control-group:nth-child(3) .controls .inline input#Zip2.input-small{
  width: 46px;
}
.form-edit-style .control-group:nth-child(3) .controls .post-search-btn{
  width: 49%;
  padding-right: 0;
}
.form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small{
  width: 100%;
  padding: 2px 7px;
}

#grandtop-main {
  margin: 0 -10px;
}
#grandtop-main .flexslider{
  margin-bottom: 0;
}
/*#grandtop-main .flex-control-nav{
  bottom: -5px;
}*/

  /*topics*/
  #topics-list{
    margin-bottom: 50px;
    padding-top: 20px;
  }
#topics-list .row-fluid{
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
  #topics-list .span3{
    width: 49%;
    margin-left: 1%;
    float: left;
  }
  #topics-list .span3:nth-child(1),
  #topics-list .span3:nth-child(2) {
   padding-top: 0;
  }
    #topics-list .span3:nth-child(2n+1){
      clear: both;
      margin-left: 0;
      }
      #topics-list .botopics{
        font-size: 15px;
        width: 50%;
        margin: 0 25%;
      }
/*brand*/
#brand_logo{
  background-color: #fff;
  padding: 0 0 0;
  margin-bottom: 20px;
}
#brand_logo .box-title{
	padding-top: 20px;
}
#brand_logo .container{
	border: none;
}
#brand_logo ul{
  width: 100%;
  margin: 0;
}
  #brand_logo ul li{
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #brand_logo ul > li > a {
    line-height: 80px;
  }
  #brand_logo ul li:nth-child(3n+1){
    margin-left: 2%;
  }
  #brand_logo ul li:nth-child(n+4){
    margin-top: 0;
  }
    #brand_logo ul li:first-child,
    #brand_logo ul li:nth-child(2n+1){
      margin-left: 0;
  }
  #brand_logo ul > li.scapa > a > img {
   height: 14px;
  }
  #brand_logo ul > li.keith > a > img {
   height: 15px;
  }
  #brand_logo ul > li.ilbisonte > a > img {
   height: 35px;
  }
  #brand_logo ul > li.marimekko > a > img {
   height: 12px;
  }
  #brand_logo ul > li.tatras > a > img {
   height: 26px;
  }
  #brand_logo ul > li.verabradley > a > img {
   height: 32px;
  }
  #brand_logo ul > li.roga > a > img {
   height: 13px;
  }
	#brand_logo ul > li.scapa_l > a > img {
	 height: 31px;
	}
	#brand_logo ul > li.keith_l > a > img {
	 height: 31px;
	}
	#brand_logo ul > li.remalon_l > a > img {
	 height: 16px;
	}
  #brand_logo ul > li.koret > a > img {
	 height: 15px;
	}
  #brand_logo ul > li.andcurtaincall > a > img{
    height: 15px;
  }
  #brand_logo ul > li.filage > a > img {
   height: 30px;
  }
  #brand_logo ul > li.bensimon > a > img {
   height: 20px;
  }
  #brand_logo ul > li.laissepasse > a > img {
   height: 10px;
  }
  #brand_logo ul > li.debutdefiore > a > img {
   height: 10px;
  }
  #brand_logo ul > li.aliceandolivia-shop > a > img {
   height: 17px;
  }
  #brand_logo ul > li.bensimon > a > img {
   height: 20px;
  }
  #brand_logo ul > li.rains > a{
    line-height: 74px;
  }
  #brand_logo ul > li.rains > a > img{
    height: 50px;
  }
/*news*/
#news-list{
  clear: both;
  margin-bottom: 0;
  padding-top: 20px;
}
.grandtop #news-list {
  margin: 0;
  padding-top: 0;
}
#news-list .flexslider,
#news-list .flexslider .slides{
  width: 100%!important;
}
#news-list .span4{
  float: none!important;
  width: 100%!important;
  margin-left: 0;
  margin-bottom: 15px;
}
#news-list .span4:nth-child(n+4){
  display: none!important;
}
#news-list .flex-direction-nav{
  display: none;
}

.look-more {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  line-height: 50px;
  font-size: 15px;
  font-family: 'Tinos', serif;
  font-style: italic;
  color: #333333;
  text-align: center;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.look-more a{
  display: block;
}
.look-more a img{
  width: 10px;
  padding-right: 6px;
  vertical-align: baseline;
}
/*ranking*/
#ranking-items {
  padding-top: 20px;
}
#ranking-items .box-title > .sort_by > ul {
  position: relative;
}
#ranking-items .sort_by.open ul > li > a{
  line-height:
}
#ranking-items .sort_by ul:after{
  top: 45%;
}
#ranking-items .sort_by.open ul:after{
  top: 45%;
}
#ranking-items .box-title > .look-more img{
  padding-right: 5px;
}
#ranking-items .box-title > .sort_by a{
  font-size: 11px;
}
#ranking-items .sort_by ul > li.selected{
  line-height: 40px;
}

/*checked items*/
.cart_index #checked-items {
  padding-top: 8px;
  margin-top: 0;
  border-top: none;
}
/*shoptop*/
.brandtop #newarrival-items {
  padding-top: 0;
}
.brandtop #newarrival-items .box-title {
  padding-top: 35px;
}

/*footerbanner*/
#footer_banner ul{
  width: 100%;
  margin: 30px 0 0;
}
#footer_banner li .arrows{
  padding: 15px 0;
  font-size: 13px;
}
/*footer*/
#page-footer .container{
  width: 100%;
}
#page-footer .footer_nav{
  padding: 0;
}
#page-footer .footer_nav .nav-inner{
  width: 100%;
  margin-left: 0;
  float: none;
  border-bottom: 1px solid #cccccc;
}
#page-footer .footer_nav #nav2.nav-inner .unstyled,
#page-footer .footer_nav #nav3.nav-inner .unstyled,
#page-footer .footer_nav #nav4.nav-inner .unstyled {
  margin-bottom: 5px;
}

#page-footer .footer_nav .nav-inner h2{
  margin-bottom: 0;
  padding: 21px 15px;
  border: none;
  background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/plus.png');
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
  font-weight: 600;
  line-height: 15px;
}
#page-footer .footer_nav #nav4.nav-inner h2 {
    background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/slide_right.png');
    background-size: 9px;
}
#page-footer .footer_nav .nav-inner h2 span{
  display: inline-block!important;
  margin-left: 15px;
  font-size: 10px;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
}
#page-footer .footer_nav #nav4.nav-inner h2 > a {
  font-size: 15px;
}
#page-footer .footer_nav .nav-inner ul,
#page-footer .footer_nav #nav2 ul, #page-footer .footer_nav #nav3 ul{
  display:none;
}
#page-footer .footer_nav .nav-inner.open h2{
  background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/minus.png');
}
#page-footer .footer_nav .nav-inner.open ul, #page-footer .footer_nav #nav2.open ul, #page-footer .footer_nav #nav3.open ul{
  display: block;
  width: 100%;
}
#page-footer .footer_nav #nav6 h2{
  background: none;
}
#page-footer .footer_nav #nav5 h2,
#page-footer .footer_nav #nav5 ul{
  display: inline-block;
  width: 44%;
}
#page-footer .footer_nav #nav5{
  margin-top: 0;
}
#page-footer .footer_nav #nav5 .follow li.instagram{
  margin-left: 0;
}
#page-footer .footer_nav .nav-inner li{
  line-height: 20px;
}
#page-footer .footer_nav .nav-inner li a {
  padding: 10px 22px;
  position: relative;
  margin-bottom: 0;
}
#page-footer .footer_nav #nav2.nav-inner li a:after,
#page-footer .footer_nav #nav3.nav-inner li a:after,
#page-footer .footer_nav #nav4.nav-inner li a:after{
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-top-width: 2px;
  border-left-width: 2px;
  top: 40%;
  right: 6%;
  border: 0 solid #ffffff;
  border-top-width: 1px;
  border-left-width: 1px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
#page-footer .footer_nav #nav5.nav-inner li a{
  padding: 10px 5px;
}
#page-footer .footer_nav #nav5 .follow li img{
  width: 25px;
}
#page-footer .navbar .nav{
  margin: 0;
}
#page-footer .navbar .nav > li{
  width: 100%;
  border-right: none;
  border-top: 1px solid #a0a0a0;
  background-size: 8px 14px;
  background-image: url('//ds-assets.store-image.jp/e-look.jp/assets_2016/smp_common/right_arrows.png');
  background-repeat: no-repeat;
  background-position: 95% center;
}
#page-footer .navbar .nav > li:first-child{
  border: none;
}
#page-footer .navbar .nav > li > a{
  font-size: 13px;
  text-align: left;
  padding: 22px 15px;
  line-height: 14px;
  color: #333;
  letter-spacing: 0.2em;
}
#page-footer .footer_nav #nav1.nav-inner.open ul{
  display: table;
  margin: 0 auto;
  width: auto;
  padding: 0 15px;
}
#page-footer .footer_nav #nav1.nav-inner li{
  width: 50%;
  float: left;
  /*margin-left: 4%;*/
  padding: 0 7.5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-bottom: 15px;
}
#page-footer .footer_nav #nav1.nav-inner li:nth-child(2n+1){
  padding-left: 0;
}
#page-footer .footer_nav #nav1.nav-inner li:nth-child(even){
  padding-right: 0;
}
#page-footer .footer_nav #nav1.nav-inner li a{
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 11.5px;
  letter-spacing: 1px;
  padding:0;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#page-footer .footer_nav #nav2.nav-inner{
  clear: both;
}

/******************************
フォーム
******************************/
.form-horizontal.large .control-group {
  padding-left: 0;
  margin-bottom: 10px;
}
.form-horizontal.large label.large {
  font-size: 12px;
}
input.large {
  width: 90%;
  padding: 0 5px;
}
.control-label.large .label-ttl {
  font-size: 12px;
  font-weight: bold;
}
label.radio.large {
  padding: 12px 30px;
}
.controls > .large.radio:first-child {
  padding-top: 12px;
}
.control-label.large {
  padding-top: 12px;
}
.control-group select {
  height: 40px;
}
.form-horizontal.large .post-search-btn input {
  padding: 10px 10px;
}
.form-horizontal.large .control-group.address .btn-primary {
  padding: 10px 15px;
}

/******************************
マイページ
******************************/
body.mypage .smaller-container {
  width: auto;
  padding: 0 10px;
}
body.mypage .span9 {
  width: auto;
}
body.mypage .span3 {
  width: auto;
  float: none;
}

/* mypage-menu */
.mypage-top {
  width: auto;
  padding: 0 10px;
}

/* パスワード変更 */
.changepass-page .control-label {
  padding-top: 10px;
}
.changepass-page .form-horizontal .control-group {
  padding-left: 25px;
}

/* メールマガジン設定 */
.mailmagazine-page .table-wrap table {
  width: 100%;
}
.mailmagazine-page .table-wrap .info {
  padding-left: 21%;
}

/* 配送先リスト */
.delivery-page .delivery-lists ul li.change .btn {
  padding: 10px 38px;
}

/* 退会 */
.leave-page.complete.row {
  margin-left: 0;
}
.leave-page.complete .span12 {
  width: 100%;
  margin-left: 0;
}

/******************************
ログイン
******************************/
.login-page {
  width: 100%;
}
.login-page .row {
  padding: 0 20px;
}
.login-page input.span3 {
  width: 97%;
}
.login-page .span6 {
  width: 100%;
  margin-left: 10px;
}
.login-page .span6:last-child {
  margin-top: 20px;
}
.login-page .login-area-subbox .controls input {
  height: auto;
}

/******************************
リマインダー
******************************/
.reminder .form-horizontal .form-striped,
.reminder .confirm-block{
  padding: 25px 20px;
}
.reminder .form-horizontal .controls input{
  height: 40px;
}
.reminder .form-horizontal .control-label{
  line-height: 40px;
}
.reminder .confirm-block .table th, .confirm-block .table td{
  padding: 15px 5px;
}
.reminder .complete-block{
  padding: 25px 30px;
}
.reminder .complete-block .lead{
  margin: 0;
}
.reminder .complete-block .lead p{
  margin-bottom: 0;
}



/******************************
新規会員登録
******************************/
.customer-register {
  padding: 0 10px;
}
.customer-register .register-legal-area h2 a {
  text-decoration: underline;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    height: 40px;
}
  .search .form-actions .btn-primary,
  .search .form-actions .btn-reset{
    width: 100%;
  }
    .search .form-actions .btn-reset{
      margin-top: 15px;
    }
.smp-search-text.open button{
  top: 112%;
  right: 25px;
  background-size: 15px;
}
  .smp-search-text.open button:hover{
    background-position: 0;
  }
    #searchDetailArea.span11{
    width: 100%;
  }
  body.search .search_wrap{
    border: 8px solid #f5f5f5;
    padding: 15px;
  }
  .smp-search-text.open .smp-head-search-text{
    width: 96%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
  }
  body.search #searchDetailArea .input-title{
    padding-top: 20px;
    margin-bottom: 5px;
  }
  body.search #searchDetailArea h2.input-title:first-child{
    padding-top: 0;
  }
  .search #selectBrand li{
    width: 49%;
    margin-left: 0;
  }
  #selectBrand li.odd{
    margin-right: 2%;
  }
  #selectBrand input{
    width: 13%;
    height: 18px;
    margin-left: 2%;
  }
  #selectBrand label{
    width: 85%;
  }
  #selectBrand label img{
	  max-width: 155px;
    width: 50%;
  }
  #selectBrand .filage label img {
    margin: 0;
  }
  #selectBrand li.ilbisonte img{
  width: 50%;
}
#selectBrand li.marimekko img{
  width: 50%;
}
#selectBrand li.tatras img{
  width: 50%;
}
#selectBrand li.verabradley img{
  width: 50%;
}
#selectBrand li.roga img{
  width: 50%;
}
#selectBrand li.remalon img{
  width: 50%;
}
#selectBrand li.keithl img{
  width: 40%;
}
#selectBrand li.scapal img{
  width: 40%;
}
#selectBrand li.andcurtaincall img{
  width: 75%;
}
#selectBrand li.bensimon img{
  width: 50%;
}
#selectBrand li.laissepasse img{
  width: 70%;
}
#selectBrand li.debutdefiore img{
  width: 70%;
}
#selectBrand li.aliceandolivia img {
  width: 90%;
}
#selectBrand li.rains img {
  height: 30px;
  margin-left: -14px;
}
  .search #selectBrand li.tatras{
    margin-left: 0;
  }
  .search .form-actions .btn-primary{
    background-position: 30% center;
  }
  .search select,
  .search input[type="text"]{
    height: 40px;
  }
  .sel-rate-set > li.to{
    line-height: 40px;
  }
.control-group.brand_fav ul.favorite > li {
  width: 39.9%;
  margin-left: 10px;
  margin-bottom: 9px;
}
.control-group.brand_fav ul.favorite > li:nth-child(3n+1) {
    margin-left: 10px;
}
.control-group.brand_fav ul.favorite > li:nth-child(2n+1){
  margin-left: 0;
}
  /*inquiry*/
  .inquiry .form-horizontal .form-striped{
    padding: 20px 20px 50px;
  }
  .inquiry .form-horizontal .control-label{
    font-size: 12px;
    line-height: 30px;
  }
  .inquiry .necessary{
    margin-left: 0;
  }
  .inquiry .inquiry-text textarea{
    height: 193px;
  }
  .inquiry input.input-large{
    box-sizing: border-box;
    height: 40px;
  }
  .inquiry input#Mail{
    height: 40px;
  }
  .inquiry dl{
    margin-bottom: 0;
    margin-top: 5px;
  }
  .inquiry dl dt,
  .inquiry dl dd{
    line-height: 16px;
  }
  .inquiry .confirm-block{
    border: 5px solid #f5f5f5;
  }
  .inquiry .confirm-block .table th{
    font-weight: bold;
  }
  .inquiry .confirm-block .table td{
    font-weight: normal;
  }
  .inquiry-complete .lead{
    margin: 30px 0;
  }
  .inquiry .inquiry-complete .form-actions .btn{
    font-size: 12px;
  }



}



@media (min-width: 768px) {
    #grandtop-main .flex-direction-nav a{
    background-size: 22px 43px;
    padding: 0 10px;
  }
  #selectBrand label{
    line-height: 60px;
  }
  /* 削除ボタン込みの設定 */
  .mail_address_edit {
    padding: 10px 15px;
    float:left;
    margin-right:5px;
  }
  .mail_address_delete {
    padding: 10px 15px;
  }
}
/******************************************************************************************************************************************************
smartphone only
*******************************************************************************************************************************************************/
@media (max-width: 767px) {
body {
  padding: 0 5px;
}
/* ----- ヘッダー帯 ----- */

img#hd_bnr_pc{
	display: none !important;
}
img#hd_bnr_smp{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	display: block !important;
}
/* ----- /ヘッダー帯 ----- */
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
  margin: 0 -5px;
}
#page-footer {
  margin: 0 -5px;
}
/*パンくず*/
.breadcrumbs_wrap{
  width: auto;
  border-top: none;
}

.breadcrumb{
  padding: 5px 0;
  padding-left: 10px;
  margin: 0 -5px;
  background-color:#f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb li a{
  color: #989898;
}
.breadcrumb li.active {
  color: #333333;
}
  /*ヘッダー*/
  .smp-search-text.open li{
    width: 100%;
    float: none;
  }
  .smp-search-text.open .smp-head-search-text{
    width: 95%;
  }
  .smp-search-text.open li:last-child a{
    width: 92%;
    position: relative;
  }
  .smp-search-text.open li:last-child a:after{
   position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 45%;
    right: 33%;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
  /*タイトル*/
  .box-title{
    font-size: 20px;
    margin: 0;
    padding: 20px 0 15px;
  }
  .box-title .sub {
    padding-top: 9px;
  }
  .box-title span.sub {
    padding-top: 4px;
  }
   /*look more*/
  .look-more {
    margin-bottom: 0;
  }
  /*メインヴィジュアル*/
  #grandtop-main {
    margin: 0 -5px;
  }
  #grandtop-main .flexslider{
    width: 100%;
  }
  #grandtop-main .flexslider .flex-viewport{
    width: 100%;
  }
  #grandtop-main .flex-control-nav {
    bottom: 10px;
  }
  #grandtop-main .flex-control-nav li {
    margin: 0 3px;
  }
  #grandtop-main .flex-direction-nav a {
    margin: 0;
  }
  #grandtop-main .flex-direction-nav .flex-prev{
    /*left: 10px;*/
  }
  #grandtop-main .flex-direction-nav .flex-next{
    /*right: 10px;*/
  }
  #grandtop-main .flex-control-paging li a {
    width: 4px;
    height: 4px;
   }
  #sub-wrap{
    width: 100%;
    margin-top: 5px;
  }
/*レイアウト*/
.list-layout > .span9{
  float:none;
  clear: both;
}
/*news-list*/
#news-list .flex-direction-nav{
  display:none;
}
/*checked items*/
.brandtop #checked-items .span2 {
  width: 49%;
  margin-left: 2%;
}

/*フッター*/
#page-footer .navbar .nav{
  float:none;
  margin:0;
}
#page-footer .navbar .nav > li{
  float:none;
  border-bottom:solid 1px #ffffff;
}

/*サイドエリア*/
#searcher {
  margin: 0 -5px;
}
.sidearea .side-caption,
.sidearea .list-category > h2,
.sidearea .list-category > ul{
  margin: 0;
}

.sel-rate-set > li{
  width:45%;
}
.sel-rate-set > li.to{
  width:10%;
  padding:0;
}
#searchDetailArea .select-color table td{
  width: 33.3333%;
  float: left;
  padding-bottom: 20px;
}
#searchDetailArea .select-color .color-tip{
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-top: 3px;
}
#searchDetailArea .select-color table td label .color-name{
  line-height: 15px;
  font-size: 10px;
}
#searchDetailArea .select-color .other .color-tip{
  border: 1px solid #ccc;
}

/*ソート*/
.newarrival-date{
  padding-right: 5px;
}
.newarrival-date select{
  width: 100%;
}
.sort table{
  margin-left: 0;
  width: 100%;
}
.sort table td{
  width: 22.9%;
  height: auto;
  line-height: 0;
  border-top: none;
  text-align: left;
  padding: 0 5px 15px 0;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.sort select{
  width: 100%;
  padding-left: 0;
}
.sort select{
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.pagination ul{
  text-align: right;
}
.pagination ul > li > a {
    padding: 4px 8px;
  }
.list-layout .pagination ul > .active > a{
  border-radius: 0;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.pages{
  border-top: none;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin: 0 0 15px;
}
/*トピックス*/
#topics-list .row-fluid{
  width: 100%;
}
/*ブランド*/
#brand_logo{
  margin-bottom: 0;
  padding-top: 20px;
}
/* ニュース */
#news-list .span4{
  width: 100%;
  margin-left: 0;
  margin-bottom: 15px;
  height: 100px;
}
#news-list .span4 table,
#news-list .span4 tbody,
#news-list .span4 tr{
  display: inline-block;
}
#news-list .news-image{
  float: left;
  padding: 5px;
}
#news-list .news-image img{
  width: 80px;
}
#news-list .news-text{
  padding-left: 5px;
  width: 65%;
}
#news-list .news-text p{
  padding-top: 0;
}
/*ランキング*/
#ranking-items .rank5{
  display: none;
}

#ranking-items .sort_by.open ul{
  position: relative;
}
#ranking-items .sort_by ul:after {
    border-color: #858585;
    width: 8px;
    height: 8px;
    top: 18px;
    right: 10px;
  }
#ranking-items .sort_by.open ul:after{
  top: 18px;
}
  #ranking-items .sort_by ul > li.selected {
    line-height: 50px;
  }
  #ranking-items .sort_by.open ul > li > a {
    line-height: 50px;
  }
  #ranking-items .box-title {
    padding-bottom: 0;
  }
  .brandtop #ranking-items .box-title{
    padding-bottom: 15px;
  }
  #ranking-items .box-title > .sort_by{
    width: 100%;
    position: static;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 15px 0;
  }
  #ranking-items .box-title > .sort_by a{
    background-position: 85% center;
    font-size: 15px;
}
  #ranking-items .listSetting{
    margin-top: 15px;
  }
  #related-items ul > li:nth-child(n+5),
  #checked-items ul > li:nth-child(n+5){
    display: none;
  }
  /*TOPICS*/
  #topics-list .box-title {
    margin-bottom: 10px;
  }
  /*ショップトップ*/
  #shop_main {
   margin: 0 -5px;
  }
  #shop_main > p {
   margin-bottom: 15px;
  }
  #shoptop-sub-wrap {
    text-align: center;
    margin-bottom: 10px;
  }
  #shoptop-sub-wrap .main-slider {
    margin: 0 -5px;
  }
  #shoptop-sub-wrap .main-slider .flex-direction-nav {
    height: 0;
  }
  #shoptop-sub-wrap ul > li {
    max-width: none;
  }
  #shoptop-sub-wrap ul.right-banner li:first-child {
    margin-bottom: 0;
  }
  .brandtop .main-slider .flexslider {
    float: none;
    width: 100%;
    max-width: none;
    margin-bottom: 5px;
  }
  #shoptop-sub-wrap ul.right-banner {
    float: none;
    max-width: none;
    margin-left: 0;
    width: 100%;
  }
  #shoptop-sub-wrap ul.right-banner li {
    float: left;
    width: 49.33%;
    margin-left: 1.34%;
  }
  #shoptop-sub-wrap ul.right-banner li:first-child {
    margin-left: 0;
  }
  /*新着一覧*/
  .shop #newarrival-items{
    padding-top: 35px;
  }
  .brandtop #newarrival-items{
    padding-top: 0;
  }
  /*レコメンド*/
#recommend-items ul > li:nth-child(n+5){
  display: none;
}
/*ranking index*/
#ranking-items .brand_img img{
  max-width: 33%;
}


/******************************
フォーム
******************************/
label, input, button, select, textarea{
  font-size: 12px;
}
.form-horizontal.large .form-edit-style .control-group {
  border-top: none;
}
.form-horizontal.large .span3 {
  width: 100%;
}
.form-horizontal.large .controls {
  margin-left: 0;
}
.form-horizontal.large {
  margin-top: 10px;
}
.form-horizontal.large .form-striped {
  padding: 0 15px;
  border:5px solid #f5f5f5;
}
.form-horizontal .controls {
  margin-left: 0;
}
.form-horizontal.large .form-edit-style {
  padding: 15px 15px 0;
  border:5px solid #f5f5f5;
}
input.large {
  width: 100%;
  padding: 0;
  text-indent: 5px;
}
.control-label.large {
  padding-top: 0;
  text-align: left;
  float: none;
}
.control-group.sex .control-label {
  width: auto;
  float: left;
  margin-right: 15px;
  padding-top: 8px;
}
.control-group.birthday select:first-child {
  width: 25%;
}
.control-group.birthday select {
  width: 18%;
}
.form-horizontal.large .control-group li {
  padding: 0;
}
.form-horizontal.large .control-group.address li.input {
  width: 47.5%;
}
.form-horizontal.large .control-group.address li.input input {
  width: 100%;
}
.form-horizontal.large .control-group.address .post-search-btn {
  width: 100%;
}
.form-horizontal.large .control-group.address .post-search-btn input {
  width: 100%;
}

/******************************
マイページ
******************************/
body.mypage .smaller-container {
  padding: 0;
}
body.mypage .lead {
  font-size: 12px;
  line-height: 1.8;
}
body.mypage .sub-title {
  font-size: 12px;
}
body.mypage .form-actions {
  padding: 20px 0;
}
body.mypage .form-actions .btn {
  width: 100%;
  margin: 5px 0;
}

.mail_address_area{
  clear:both;
  float:none;
  margin-left: 5px;
}
.mypage-top {
  padding: 0;
}
.mypage-top .lead {
  padding: 15px 10px;
}
/* mypage-menu */
.mypage-menu {
  padding-bottom: 45px;
}
.mypage-menu .left-side,
.mypage-menu .right-side {
  float: none;
  width: 100%;
}
.mypage-menu .mypage-menu-select {
  width: 100%;
  margin-bottom: 0;
}
.mypage-menu .nav-block{
  border-top: none;
}
.mypage-menu .nav-block .mypage-menu-select.odd,
.mypage-menu .nav-block .mypage-menu-select.even{
  float: none;
  width: 100%;
}
.mypage-menu .mypage-menu-select:nth-last-child(2){
  border-bottom: none;
}
.mypage-menu .nav-block .mypage-menu-select.top .menu-text-block{
  border-top: 1px solid #000;
}
.mypage-menu .left-side .mypage-menu-select:last-child {
  border-bottom: none;
}
.mypage-menu .mypage-menu-select:nth-child(2n) {
  margin-left: 0;
}
.mypage-menu .menu-text-block {
  height: 90px;
}
.mypage-code .current-status {
  margin:30px auto 0;
}

/* subnav */
body.mypage .subnav .nav-list {
  border-top: none;
  margin:0;
}
body.mypage .subnav .nav-list > li > a {
  border-bottom: none;
}
body.mypage .subnav ul.nav.nav-list li a{
  padding: 15px 5px;
  margin: 0 -5px;
}
body.mypage .subnav ul.nav.nav-list li a:after{
  right: 2%;
}

/* 住所登録・解除 */
body.mypage .address-page .form-edit-style .control-group {
  border: none;
}
body.mypage .address-page .form-horizontal .control-label {
  float: none;
  width: 100%;
  text-align: left;
  padding-top: 0;
}
body.mypage .address-page .form-horizontal .controls {
  margin-left: 0;
}
body.mypage .address-page .form-horizontal input.span6 {
  width: 100%;
}
body.mypage .address-page .form-horizontal select {
  margin-bottom: 0;
}
body.mypage .control-group.sex .controls label {
  padding: 10px 30px;
}
body.mypage .address-page .control-group.sex .control-label {
  width: 20%;
  float: left;
}

/*住所登録・変更　& 配送先リスト登録・変更*/
.form-edit-style{
  border-bottom: 0;
}
.control-group .controls .top-input,
.control-group .controls .second-input{
  width: 100%;
}
.control-group .controls .top-input .input-front,
.control-group .controls .second-input .input-front{
  width: 10%;
}
.form-horizontal .controls #prefecture_id{
  width: 100%;
}
.docs-input-sizes select:first-child{
  width: 25%;
}

.address-page .form-actions {
  padding-top: 25px;
}

/*メールアドレス一覧 お気に入り*/
.list-layout .table.liquid-table .form-part form,
.list-layout .table.liquid-table .form-part .delete-part{
  padding: 2px 8px;
}
.list-layout .mailaddress-lists {
  padding: 20px 0 10px;
  margin-bottom: 20px;
}

.mailaddress-page .mailaddress-lists {
  margin-bottom: 0;
}
.mailaddress-page .mailaddress-lists .table.table-list-style {
  border-bottom: none;
}
.mailaddress-page .mailaddress-lists table td:first-child {
  border-top: 1px solid #ccc !important;
}
.mailaddress-page .mailaddress-lists table td {
  border-right: none;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  overflow: hidden;
}
.mailaddress-page .mailaddress-lists table td.mail-address {
  width: 100%;
}
.mailaddress-page .mailaddress-lists table td.status {
  width: 100%;
}
.mailaddress-page .mailaddress-lists table td.change {
  width: 100%;
  margin-top: 10px;
  border-bottom: none;
  margin-bottom: 15px;
}
.mailaddress-page .mailaddress-lists table tr:last-child td.change {
  margin-bottom: 0;
}
.mailaddress-page .mailaddress-lists table td .category {
  width: 30%;
  float: left;
}
.mailaddress-page .mailaddress-lists table td .main {
  width: 70%;
  float: left;
}

.mailaddress-page .form-horizontal.large .form-edit-style {
  padding: 20px 15px;
}
.mailaddress-page .form-horizontal.large .form-edit-style .control-group {
  padding-top: 0;
}

/* パスワード変更 */
.changepass-page .form-horizontal .control-group {
  padding-left: 0;
  padding-top: 0;
  border: none;
}

/* メールマガジン設定 */
.mailmagazine-page .table-wrap {
  padding: 10px;
}
.mailmagazine-page .table-wrap table th {
  width: 100%;
}
.mailmagazine-page table.liquid-table > tbody > tr > th:first-child {
  border: none !important;
}
.mailmagazine-page .table-wrap .info {
  padding-left: 0;
}
.mailmagazine-page .table-wrap table label.inline {
  padding: 20px 34px;
}

.mailmagazine-page .confirm-block.side .table th {
  width: 60%;
}

/* クレジットカード登録 */
.creditcard-page .form-edit-style {
  margin-bottom: 20px;
}
.creditcard-page .form-edit-style .control-group {
  border-top: none;
}
.creditcard-page input.large {
  padding: 0;
}
.creditcard-page .form-horizontal.large .controls {
  margin-left: 0;
}
.creditcard-page .docs-input-sizes #month {
  width: 17%;
}
.creditcard-page .docs-input-sizes #year {
  width: 27%;
}

/* 配送先登録・変更 */
.delivery-page .form-horizontal.large .controls {
  margin-left: 0;
}
.delivery-page .confirm-block {
  padding: 20px 0 0;
}
.delivery-page .confirm-block.side {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.delivery-page .delivery-lists table tr:last-child td {
  border-bottom: none;
}

.delivery-page .delivery-lists .table td {
  font-size: 12px;
  padding: 0;
  border: none;
  display: table;
  overflow: hidden;
}
.delivery-page .delivery-lists table td .category,
.delivery-page .delivery-lists table td .main {
  float: none;
  padding: 10px 0;
  border-bottom: solid 1px #ddd;
  border-right: solid 5px #fff;
  display: table-cell!important;
}
.delivery-page .delivery-lists table td .category {
  width: 27%;
}
.delivery-page .delivery-lists table td .main {
  width: 73%;
  font-weight: normal;
}
.delivery-page .delivery-lists table td.name {
  width: 100%;
}
.delivery-page .delivery-lists table td.address {
  width: 100%;
}
.delivery-page .delivery-lists table td.company {
  width: 100%;
}
.delivery-page .confirm-block .delivery-lists table td.tel {
  width: 100%;
  border-bottom: solid 1px #ddd;
}
.delivery-page .delivery-lists table td.change {
  width: 100%;
  padding-top: 20px;
  margin-bottom: 15px;
}
.delivery-page .delivery-lists table tr td.tel .category,
.delivery-page .delivery-lists table tr td.tel .main {
    border: none;
}
.delivery-page .delivery-lists table tr td.tel .main {
    padding-left: 5px;
}
.delivery-page .delivery-lists table td.change form {
  display: inline;
}
.delivery-page .delivery-lists table td.change form:first-child {
  margin-right: 15px;
}
.delivery-page .delivery-lists table td.change form p,
.delivery-page .delivery-lists table td.change form div {
  display: inline;
}

.delivery-page .delivery-lists table td.change form .btn-small {
    padding: 10px 40px;
    font-size: 11px;
}
/* 退会 */
.leave-page .confirm-lists {
  padding: 20px 20px;
  font-size: 12px;
  text-align: left;
}
.leave-page .confirm-lists ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.leave-page .confirm-lists p {
  margin-top: 20px;
  text-align: center;
}

body.mypage .leave-page.final-confirm .lead {
  padding: 30px 15px;
  margin-bottom: 0;
  border: 8px solid #f5f5f5;
}

.leave-page.complete .form-actions {
  padding: 0;
}

.leave-confirm .leave-explain{
  padding-top:15px;
}
.leave-confirm .leave-explain-inner{
    display: block;
    /*font-size: 9px;*/
    padding: 30px 15px;
    line-height: 16px;
}
.leave-confirm .leave-explain-inner ul{
  margin-bottom:15px;
}
.leave-confirm .leave-explain-inner > ul li{
  line-height:16px;
  font-weight: bold;
}
.leave-confirm .pos-point span {
    margin: 5px 0;
    font-size: 20px;
}
.leave-confirm .form-actions .red {
    position: relative;
    top: 0;
    left: 0;
}
.leave-confirm .form-actions .btn {
  width: 100%;
}
/* 退会logo */
#confirm_leave_logo{
    padding-top: 0;
    padding-bottom: 0;
}
.leave-final #confirm_leave_logo {
    margin: 10px 0 0;
}
#confirm_leave_logo ul {
    padding: 0;
    margin-bottom: 0;
}
#confirm_leave_logo ul > li {
    width: 100%;
    margin: 0;
    padding: 10px 8px;
    text-align: left;
    border-bottom: solid 1px #ddd;
}
#confirm_leave_logo ul > li:last-child {
    border-bottom: none;
}
#confirm_leave_logo ul > li span {
    width: 110px;
    height: auto;
    text-align: left;
}
.leave-confirm #confirm_leave_logo ul > li span {
    padding-left: 10px;
    text-align: right;
  }
#confirm_leave_logo ul > li span.brand_name {
    width: auto;
    padding-left: 20px;
    font-size: 12px;
}
.ie7 #confirm_leave_logo ul > li span.brand_name,
.ie8 #confirm_leave_logo ul > li span.brand_name {
    height: auto;
}



/******************************
新規会員登録
******************************/
body.mypage .customer-register .lead{
  border-top: none;
  padding: 0;
  margin: 0;
}
.customer-register {
  padding: 0;
}
.customer-register .action-steps-wrap {
  margin-bottom: 0;
}
.customer-register .form-striped p.info {
  padding-top: 10px;
  padding-left: 0;
  margin-bottom: 0;
}
.customer-register .register-legal-area {
  margin-top: 20px;
}
.customer-register .register-legal-area .form-actions {
  padding: 0;
}
  select#customer_options_in_which_do_you_know_this{
  width: 100%;
  height: 40px;
}
.form-horizontal .control-group{
  margin-bottom: 20px;
}
.control-group.brand_fav ul.favorite > li{
  width: 47.9%;
}

.brand_fav label img{
  padding-left: 10px;
  height: 40px;
}
/******************************
確認画面
******************************/
.confirm-block {
  padding: 20px 0;
  border:5px solid #f5f5f5;
}
.confirm-block .table {
  width: 90%;
}
.confirm-block .table th,
.confirm-block .table td {
  display: block;
  font-size: 12px;
}
.confirm-block .table th {
  width: 100%;
  border-top: none;
  margin-top: 10px;
  padding: 7px 8px;
  border-right: none;
}
.confirm-block .table tr:first-child th {
  margin-top: 0;
}
.confirm-block .table tr:last-child th {
  border-bottom: none;
}
.confirm-block .table td {
  padding: 10px 8px;
  border-bottom: 1px solid #ccc;
}
.confirm-block .table.buyhistory-list-table td{
  padding: 10px 0;
  border:none;
}
.confirm-block .table.buyhistory-list-table td.order-no span{
  border-bottom: none;
}
.confirm-block .table.buyhistory-list-table td.order-no{
  border-bottom: 1px solid #ddd;
}
.confirm-block.side {
  margin-bottom: 20px;
}
.confirm-block.side .table th,
.confirm-block.side .table td {
  display: table-cell;
}
.confirm-block.side .table th {
  width: 40%;
  border-top: 1px solid #ccc;
  border-right: 5px solid #fff;
  padding: 10px 5px;
}
.confirm-block.side .table tr:last-child th {
  border-bottom: 1px solid #ccc;
}

/* 新規会員登録完了 */
.customer-register.complete .lead {
  text-align: left;
  padding: 20px 10px;
  font-size: 12px;
  margin-bottom: 0;
}
.customer-register.complete .lead .complete {
  font-size: 17px;
  margin-bottom: 10px;
  text-align: center;
}
.customer-register.complete .lead p {
  margin-bottom: 10px;
}
.customer-register.complete .form-actions {
  padding-bottom: 0;
}

/******************************
ログイン
******************************/
.login-page{
  margin-bottom: 40px;
}
.login-area-box h2{
  margin: 20px;
}
.login-page .row {
  padding: 0;
  text-align: center;
}
.login-page .span6 {
  margin-left: 0;
  padding: 0 20px;
}
.login-page .login-area-subbox .controls input {
  width: 100%;
  padding: 9px;
}
.login-page .form-horizontal .control-group{
  margin-bottom: 17px;
}
.login-page .login-area .form-actions {
  text-align: center;
  padding: 0 0 15px;
}
.login-page #loginBtn {
  width: 100%;
  margin: 0 auto;
}
.login-page .login-area .form-actions .forget-pass {
  margin-left: 0;
}
.login-page .form-horizontal .form-actions {
  text-align: center;
  margin-top: 0;
}
.login-page .form-horizontal .form-actions.smp-form{
  padding: 0 20px;
}
.login-page #loginBtn {
  margin-top: 20px;
  padding: 0;
  height: 40px;
  line-height: 40px;
}
.login-page .span6:last-child{
  margin-top: 35px;
}
.login-page .register-area .form-actions {
  padding: 10px 0 25px;
}
.login-page .register-area .form-actions .btn {
  width: 100%;
  line-height: 40px;
}

/******************************
リマインダー
******************************/
.reminder .form-horizontal .control-label{
  width: 100%;
  line-height: normal;
}
.reminder .form-horizontal .controls{
  margin-left: 0;
}
.reminder .form-horizontal .controls input{
  width: 100%;
}
.reminder .form-horizontal .form-striped,
.reminder .confirm-block{
  border: 5px solid #f5f5f5;
}
.reminder .form-horizontal .form-striped,
.reminder .confirm-block{
  padding: 25px 15px;
}
.reminder .form-horizontal .form-actions{
  padding-top: 5px;
}
.reminder .form-actions .btn{
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
}
.reminder .form-actions .btn-primary{
  margin-left: 0;
  margin-bottom: 0;
}
.reminder .confirm-block .table tr:last-child th{
  padding: 0;
  width: 100%;
}
.reminder .confirm-block .table tr:last-child td{
  font-weight: normal;
}
.reminder_confirm .form-actions .btn{
  margin-bottom: 0;
}
.reminder_confirm .form-actions,
.reminder_complete .form-actions{
  padding-top: 5px;
}
.reminder_complete .form-actions{
  padding-bottom: 0;
}
.complete-block{
  border: 5px solid #f5f5f5;
}



/******************************
カート
******************************/
.cart-area .form-edit-style{
  width: 100%;
}
.cart-area .form-edit-style .controls .top-input,
.cart-area .form-edit-style .controls .second-input{
  width:100%;
}

/*規約系*/
.style-guide .sentence table th,
.style-guide .sentence table td{
  padding:0 0 10px;
  vertical-align:top;
}


.style-guide .sentence table th{
  width:15%;
}

.style-guide .sentence table td{
  width:85%;
}
.style-guide .sentence p,
.style-guide .sentence li{
  line-height: 20px;
}
/*サブナビ*/
.subnav .nav-list{
  margin: 0 -10px;
  border-top: 1px solid #ccc;
}
.subnav .nav-list > li > a{
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
}
/*form-actions*/
/*.form-actions{
  margin: 20px -10px;
}*/

/*action-steps*/
.action-steps li {
  padding: 13px 0;
}
.action-steps.step6 li{
  width: 32%;
  float: left;
  margin-right: 0;
  margin-bottom: 1px;
  border-right: 0;
  border-left: solid 1px #fff;
}
.action-steps.step6 li:nth-child(3n+1){
  border-left: 0;
}
/*お問い合わせ*/
#inquiry h3{
  padding: 10px 40px 10px 10px;
  text-indent: 0;
}
.inquiry-index .lead p{
  line-height: 20px;
}
.inquiry .action-steps li{
  padding: 5px 5px;
}
.inquiry .action-steps li span.number{
  line-height: 28px;
  display: block;
  float: left;
  padding-right: 5px;
}
.inquiry .action-steps-wrap + .lead p{
  margin: 20px 15px;
}
.inquiry .form-horizontal .form-striped{
  padding: 15px;
  border: 5px solid #f5f5f5;
}
.inquiry .form-horizontal .control-label{
  width: 100%;
  text-align: left;
}
.inquiry .form-horizontal .controls{
  margin-left: 0;
}
.inquiry .control-group .controls .top-input,
.inquiry .control-group .controls .second-input{
  width: 100%;
}
.inquiry .form-horizontal .controls ul li{
  width: 100%;
}
.inquiry input#Name1{
  margin-right: 0;
}
.inquiry .form-horizontal .control-group{
  margin-bottom: 10px;
}
.inquiry #wrapper ul.liquid-column2 > li{
  width: 100%;
  margin-left: 0;
  padding-left: 5px;
}

.inquiry input{
  height: 22px;
}

.inquiry .inquiry-radio li label.radio{
  margin-bottom: 0;
}
.inquiry .control-group + .lead{
  padding-top: 10px;
  border-top: none;
}
.inquiry .form-horizontal .form-actions, .form-actions{
  padding: 20px 0 0;
}
.inquiry .form-actions .btn{
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
}
.inquiry .form-actions .btn-primary{
  margin-left: 0;
  margin-top: 0;
}
/*詳細検索*/
.search #selectBrand li{
  height: 40px;
  overflow: hidden;
}
#selectBrand label{
  height: 40px;
  width: 75%;
}
#selectBrand label:after{
  content: '';
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}
#selectBrand li img{
  width: auto;
  margin: 0 auto;
  padding: 0;
}
#selectBrand li .logo_sp{
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
#selectBrand li.filage img {
  height: 18px;
}
#selectBrand li.remalon img{
  width: 66%;
}
#selectBrand li.scapa img{
  height: 12px;
  padding-bottom: 2px;
}
#selectBrand li.keith img{
  height: 13px;
  padding-bottom: 4px;
}
#selectBrand li.scapal img{
  width:62%;
}
#selectBrand li.keithl img{
  width:62%;
  margin-top: -3%;
}
#selectBrand li.ilbisonte img,
#selectBrand li.ilbisonte .logo_sp{
  height: 26px;
  width: auto;
}
#selectBrand li.marimekko img{
  height: 8px;
  width: auto;
  padding-bottom: 4px;
}
#selectBrand li.tatras img{
  height: 21px;
  width: auto;
}
#selectBrand li.verabradley img,
#selectBrand li.verabradley .logo_sp{
  height: 25px;
  width: auto;
}
#selectBrand li.roga img{
  height: 12px;
  width: auto;
}
#selectBrand input{
  height: 12px;
  width: 18px;
  margin: 13px 0;
  margin-left: 10px;
}




/* btn */
input#btn_add, input.btn.btn-small.btn-delete{
  width: 100%;
  }
  .form-actions {
    padding: 20px 0 40px;
  }
  .form-actions .btn{
    margin: 10px 0;
    padding: 0;
  }
  .btn-wrap {
    font-weight: bold;
    padding-top: 14px;
    text-align: center;
  }
  .btn-wrap a {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 15px;
    letter-spacing: 2px;
  }
  a.simple-btn {
    color: #000;
    border: solid 1px #000;
  }

  /*footer*/
  #footer_banner{
    margin: 40px -5px 0px;
  }
  #footer_banner ul{
    padding: 15px 0 0;
    margin-top: 0;
  }
  #footer_banner li:first-child,
  #footer_banner li{
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  #footer_banner li > a > img{
    width: 100%;
    height: auto;
  }
  #page-footer .copyright{
    height: 50px;
    line-height: 50px;
    font-size: 10px;
    letter-spacing: 2px;
  }
  /*watch_list*/
  .customer .watch_list .lead{
    margin: 20px 0;
  }
  .customer .watch_list input#btn_add{
    width: auto;
  }
  .customer .fav-list-table.table.table-list-style{
    border-bottom: none;
  }
  .customer .watch_list .form-actions{
    padding-bottom: 0;
  }
  .customer .watch_list .form-actions .btn{
    width: 100%;
    margin: 5px 0;
    font-weight: normal;
  }
  .customer .watch_list .form-actions .btn.btn-primary{
    margin-left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  /*sitemap*/
  .sitemap h1.title{
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 24px;
  }
  .sitemap  h1.title small{
    font-size: 11px;
  }
  /* 削除ボタン込みの設定 */
  .mail_address_edit {
    padding: 10px 35px;
    margin-right:5px;
  }
  .mail_address_delete {
    padding: 10px 35px;
  }

}
@media(max-width: 480px){
  .smp-search-text.open button{
    top: 122%;
  }
    .smp-search-text.open .smp-head-search-text{
    width: 96%;
    margin-top: 40px;
  }
  /*退会*/
  #confirm_leave_logo ul > li{
    display:  table; 
  }
  #confirm_leave_logo ul > li span {
      display:  table-cell; 
      width: 93px;
      height: auto;
      /*text-align: right;*/
  }
  #confirm_leave_logo ul > li span.brand_name {
      width: auto;
      /*padding-left: 15px;*/
      font-size: 11px;
  }
  #selectBrand li.scapal img {
    margin: 5% 0 0;
  }
}
@media(max-width: 426px){
  #selectBrand li.keithl img {
  width: 64%;
  margin-top: 7%;
  }
  #selectBrand li.scapal img {
  width: 64%;
  }
  #selectBrand li.koret img {
  margin-top: -5%;
  width: 70%;
  }
}

@media(max-width: 339px){
  #selectBrand li.remalon img {
  margin-top: 15%;
  }
}
@media(max-width: 320px){
  #head-bar > .top-lead ul li.date{
    font-size: 9px;
    transform:scale(0.9) translate(-9px);
    -webkit-transform:scale(0.9) translate(-9px);
    display: inline-block;
  }
  /* メアド削除用 */
  .mail_address_delete_area th {
    width: auto !important;
    padding: 10px !important;
  }
  .mail_address_line{
    padding: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media(max-width: 320px){
  #selectBrand li.keithl img {
  width: 64%;
  margin-top: 10%;
  }
  #selectBrand li.scapal img {
  width: 64%;
  margin-top: 8%;
  }
}
@media(max-width: 508px){
  #selectBrand li.bensimon img{
    margin-top: 12px;
  }
  #selectBrand li.laissepasse img{
    margin-top: 12px;
  }
  #selectBrand li.debutdefiore img{
    margin-top: 12px;
  }
  #selectBrand li.aliceandolivia img {
    margin: 8px 0 0;
  }
}

/* DH_FRONT_DEPT-3657 */
@media(max-width: 1200px) {
  #selectBrand li.outlet {
    width: 407px;
    clear: none;
  }
}

@media (max-width: 980px) {
  #global-navi > .nav > li.outlet-gloval-navi {
    width: 50%;
  }
  #selectBrand li.outlet {
    width: 49%;
  }
  #selectBrand li.outlet font {
    font-size: 12px;
  }
  #selectBrand li.outlet label {
    margin: 0;
  }
  .drawer-open .drawer-nav #brand_logo ul li.outlet_bensimon a img {
    height: 15px;
  }
  .drawer-open .drawer-nav #brand_logo ul li.outlet_koret a img {
    height: 15px;
    padding-bottom: 7px;
  }
  .drawer-open .drawer-nav #brand_logo ul li.outlet_andcurtaincall a img {
    height: 13px;
  }
  .drawer-open .drawer-nav #brand_logo ul li.outlet_aliceandolivia a img {
    height: 13px;
    padding-bottom: 7px;
  }
  #page-footer .footer_nav #nav1.nav-inner .footer_brand_outlet li a {
    font-size: 10px;
    letter-spacing: 0.2;
  }
}

@media(max-width: 1200px) {
  #global-navi .open > .dropdown-menu {
    width: 100%;
  }
}

/* DH_FRONT_DEPT-5186 */
@media (max-width: 1200px) and (min-width: 980px) {
  body.shopnotfound .sideArea + meta + div {
     width: 70%;
  }
}
@media (max-width: 979px) {
  body.shopnotfound #searcher .categorySearch {
    display: none;
  }
  body.shopnotfound #searcher .categorySearch + .detailSearch {
    width: 100%;
  }
  body.shopnotfound .sideArea + meta + div {
    width: 100%;
  }
  body.shopnotfound .footer-category {
    display: none !important;
  }
  meta[http-equiv="refresh"] + div {
    margin: 40px 0 0;
  }
}
/* DH_FRONT_DEPT-5475 */
@media (min-width: 768px) {
  #selectBrand .plus label {
    width: 75px;
    padding-left: 25px;
  }
  #selectBrand .clausporto label {
    width: 110px;
    padding-left: 25px;
  }
}
@media (max-width: 1200px) {
  .search #selectBrand li.keithl {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #selectBrand .plus label {
    width: calc(100% - 178px);
    width: -webkit-calc(100% - 178px);
    padding: 0 55px;
  }
  #selectBrand .clausporto label {
    width: calc(100% - 118px);
    width: -webkit-calc(100% - 118px);
  }
}

@media (max-width: 767px) {
  #selectBrand .plus label img {
    max-width: 60px;
  }
  #selectBrand .clausporto label img {
    max-width: 80px;
  }
}

/* DH_FRONT_DEPT-5720 */
@media (max-width: 979px) {
  #grandtop-main > .container {
    width: 100%;
  }
  #grandtop-main {
    margin: 0;
  }
  #news-list .swiper-wrapper {
    display: block;
  }
  #news-list .swiper-button-next, #news-list .swiper-button-prev {
    display: none;
  }
}
@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
  }
  .swiper-button-next, .swiper-button-prev {
    background-size:  11px 22px;
  }
  #grandtop-main {
    margin: 0 -5px;
  }
  .brandtop .main-slider .swiper-container {
    width: 100%;
    margin-bottom: 5px;
  }
  #shoptop-sub-wrap .swiper-button-next,
  #shoptop-sub-wrap .swiper-button-prev {
    display: block;
  }
  #shoptop-sub-wrap .swiper-button-next,
  #shoptop-sub-wrap .swiper-button-prev {
    background-size: 22px 43px;
    width: 22px;
    height: 43px;
  }
}

/* DH_FRONT_DEPT-5852 top-instagram */
@media (max-width: 767px) {
  #instagram {
    margin: 20px 0 0;
  }
  /*BOXER*/
  .grandtop #boxer.mobile .boxer-control {
    margin:0;
  }
  .grandtop #boxer.mobile .boxer-control.previous {
    background:url("/assets/images/slider_arrow_prev_w.png") no-repeat scroll 0 0 transparent;
    background-size: 18px 25px;
    height:40px;
    left:10px;
    position: relative;
  }
  .grandtop #boxer.mobile .boxer-control.next {
    background:url("/assets/images/slider_arrow_next_w.png") no-repeat scroll 100% 0 transparent;
    background-size: 18px 25px;
    height:40px;
    right:10px;
    position: relative;
  }
  .grandtop #boxer.mobile.loading .boxer-container {
    background: #000 url(/assets/boxer-master/jquery.fs.boxer-loading-dark.gif) no-repeat center;
  }
  .grandtop #boxer.mobile .boxer-position {
    display:none;
  }
  .grandtop #boxer.mobile .boxer-meta {
    padding:0;
    position: relative;
  }
  .grandtop #boxer.mobile {
    z-index: 1001;
    padding-top: 40px;
    overflow: visible;
    overflow-y: scroll;
    margin-bottom: 20px;
  }
  .grandtop #boxer.mobile .boxer-image {
    margin-bottom: 20px;
  }
  .grandtop #boxer.mobile #boxer-overlay {
    opacity: 0.75;
  }
  .grandtop #boxer .boxer-container {
    overflow-y: scroll;
  }
  .grandtop #boxer .boxer-content {
    overflow-y: scroll;
  }
  .grandtop #boxer.mobile .boxer-meta {
    background-color: transparent;
  }
  .grandtop #boxer.mobile .boxer-caption {
    padding: 10px;
    font-size: 12px;
  }
  .grandtop #boxer.mobile .boxer-close {
    top: 10px;
    background-size: 18px 18px;
    right: 3%;
    background-color: transparent;
    background-position: initial;
  }
  .grandtop #boxer .boxer-caption.gallery > p > a {
    color: #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: -1px;
  }
}

/* DH_FRONT_DEPT-6019 */
@media (max-width: 979px) and (min-width: 768px) {
  .list-layout .span3.sideArea {
    width: 100%;
    margin: 0;
  }
}
/* DH_FRONT_DEPT-7018 Aliceショップ削除 */
#selectBrand li.outlet {
  margin-left:unset ;
}
@media (min-width: 980px) and (max-width: 1200px) {
  .search #selectBrand li {
    margin-left: 17px !important;
  }
}
@media (min-width: 1201px) {
  .search li.odd.scapal {
    margin-left: 17px !important;
  }
}
@media (min-width: 1200px) {
  #selectBrand li.outlet {
    clear: unset;
  }
}
@media (max-width: 979px){
  #searchDetailArea .sel-rate-set > li.to {
    line-height: 60px;
  }
}
@media (max-width: 979px){
  #selectBrand li.scapal img {
      width: 50%;
  }
}
@media (max-width: 767px) {
  #selectBrand li.scapal img {
      width: 75%;
  }
}
@media (max-width: 426px){
  #selectBrand li.scapal img {
      width: 93%;
      margin-top: 6%;
  }
}
@media (max-width: 320px) {
  #selectBrand li.scapal img {
      width: 95%;
      margin-top: 10%;
  }
}