@charset "utf-8";
/******************************
PC to tablet
*******************************/
@media (min-width: 980px) {
  #smp-toggle-menu,
  #openMenu{
    display: none !important;
  }
}

@media (min-width: 980px) and (max-width: 1200px) {
  /*bootstrap-custom*/
  #page-body .container,.smaller-container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container{
    width: 940px;
  }
  .smaller-container .row .span12,
  .span12 {
    width: 940px;
  }
  .smaller-container .row .span11,
  .span11 {
    width: 860px;
  }
  .smaller-container .row .span10,
  .span10 {
    width: 780px;
    margin-left: 20px;
  }
  .smaller-container .row .span9,
  .span9 {
    width: 700px;
  }
  .smaller-container .row .span8,
  .span8 {
    width: 620px;
  }
  .smaller-container .row .span7,
  .span7 {
    width: 540px;
  }
  .smaller-container .row .span6,
  .span6 {
    width: 460px;
  }
  .smaller-container .row .span5,
  .span5 {
    width: 380px;
  }
  .smaller-container .row .span4,
  .span4 {
    width: 300px;
  }
  .smaller-container .row .span3,
  .span3 {
    width: 220px;
  }
  .smaller-container .row .span2,
  .span2 {
    width: 140px;
  }
  .smaller-container .row .span1,
  .span1 {
    width: 60px;
  }
  .smaller-container .row .offset12,
  .offset12 {
    margin-left: 980px;
  }

  .smaller-container .row .offset11,
  .offset11 {
    margin-left: 900px;
  }
  .smaller-container .row .offset10,
  .offset10 {
    margin-left: 820px;
  }
  .smaller-container .row .offset9,
  .offset9 {
    margin-left: 740px;
  }
  .smaller-container .row .offset8,
  .offset8 {
    margin-left: 660px;
  }
  .smaller-container .row .offset7,
  .offset7 {
    margin-left: 580px;
  }
  .smaller-container .row .offset6,
  .offset6 {
    margin-left: 500px;
  }
  .smaller-container .row .offset5,
  .offset5 {
    margin-left: 420px;
  }
  .smaller-container .row .offset4,
  .offset4 {
    margin-left: 340px;
  }
  .smaller-container .row .offset3,
  .offset3 {
    margin-left: 260px;
  }
  .smaller-container .row .offset2,
  .offset2 {
    margin-left: 180px;
  }
  .smaller-container .row .offset1,
  .offset1 {
    margin-left: 100px;
  }
  #global-navi .dropdown > a{
    padding: 12px 19px;
  }
  #head-bar .utility-nav-right li{
    padding: 0 17px;
  }
  #logo{
    background-size: 180px;
  }
  #global-navi .dropdown-menu{
    width: 980px;
  }
  .dropdown-menu.drop02{
    left: -305px;
}
  .dropdown-menu.drop03{
    left: -415px;
  }
  .dropdown-menu.drop04{
    left: -495px;
  }
  #pagetop-area{
    right: 0;
  }
  /*login*/
  .login-area-box{
    margin: 0;
  }
  .login-area-box.register-area{
   margin-left: 0;
  }
  /*mypage*/
  .mypage-watchList .form-actions .btn-primary,
  .mypage-watchList .form-actions .btn-back{
    width: 210px;
  }
  /*news*/
  #news-wrap .news-info .news-inner{
    min-height: 140px;
  }
}
/******************************
smartphone to tablet
*******************************/
@media (max-width: 979px) {
#page-body{
  padding: 30px 0 0;
}
.breadcrumb{
  margin: 60px 0 0;
}
/*レイアウト*/
.guide .span3,
.mypage .span3{
  width: 100%;
  margin-left: 0;
}
.subnav .nav-list{
  border-top: solid 1px #ccc;
}
.subnav .nav-list > li > a{
  border-bottom: solid 1px #ccc;
  padding: 10px 15px;
}
/*ヘッダー*/
#page-header.navbar-static-top{
  position: static;
  background-color: #fff;
}
#wrapper.fixed #page-header.navbar-static-top{
  margin: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner{
  position: relative;
  height: 95px;
  margin-top: 0;
}
#logo{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  float: none;
  background-position: center;
}
.navbar-inner{
  padding-right: 0;
  padding-left: 0;
}
.head-info {
  background-color: transparent;
  border-top: solid 1px #ececec;
  border-bottom: solid 1px #ececec;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(229,229,229,1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(229,229,229,1);
  box-shadow: 0px 3px 3px 0px rgba(229,229,229,1);
  margin: 0 0 3px;
  padding: 0 ;
}
.head-info p {
  color: #ff9e5a;
}
/***********
#27437 社員用クーポン表示出し分け
staff coupon
*************/
.staff-login .staff-coupon {
  font-size: 12px;
  width: 100%;
  min-width: initial;
  height: 28px;
  line-height: 28px;
  position: static;
  padding: 0;
  z-index: 100;
}
.staff-login.cart-quickCart .cart-wrap .staff-coupon {
  width: 453px;
}
.staff-login .staff-coupon img {
  margin: 0 7px 3px 0;
}
/*search*/
.head-search-wrap{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.head-search-wrap > .container{
  padding: 10px;
}
#grandtop-slider .flex-viewport{
  overflow: hidden !important;
}
/*smp hot keyword*/
.smp-hot-keyword{
  margin: 10px 0 0;
}
.smp-hot-keyword h2{
  border: solid 1px #b5b5b5;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  margin-bottom: 15px;
}
.smp-hot-keyword ul.inline > li{
  padding: 0;
}
.smp-hot-keyword li a{
  display: inline-block;
  background-color: #f5f5f5;
  text-align: center;
  padding: 10px 20px;
  margin-right: 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
/*smp toggle menu*/
#wrapper{
  position: relative;
  top: 0;
  left: 0;
  /*width: auto;*/
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
          transition: all 0.5s ease;
  z-index: 2;
  background-color: #fff;
  width: 100%;
}
#wrapper.fixed{
  position: fixed;
  left: 84.375%;
  width: 100%;
  overflow: hidden;
}
#openMenu,#closeMenu,#smp_cart{
  display: inline-block;
  position: absolute;
  padding: 11px 10px 0;
  cursor: pointer;
  text-align: center;
}
#closeMenu{
  display: none;
  background-color: #ff9e5a;
}
#openMenu .sub,
#closeMenu .sub,
#smp_cart .sub{
  display: block;
  color: #1f414f;
  font-size: 8px;
  -webkit-transform: scale(0.8);
}
#closeMenu .sub{
  color: #fff;
}
#smp_cart .count{
  display: block;
  position: absolute;
  top: 7px;
  left: 18px;
   color: #fff;
  font-size: 8px;
  -webkit-transform: scale(0.8);
}
#smp-toggle-menu{
  position: fixed;
  height: 100%;
  left: 0;
  width: 84.375%;
  overflow-y: scroll;
  top: 0;
  z-index: 1;
  background-color: #f1f1f1;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#smp-toggle-menu.fixed{
  left: 0%;
}
/*sp_menu_main*/
.sp_menu_main{
  background-color: #fff;
  padding: 5px 0;
}
.sp_menu_main li{
  padding: 0;
  width: 32%;
  text-align: center;
  border-left: solid 1px #d4d4d4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sp_menu_main li:first-child{
  border-left: 0;
}
.sp_menu_main li a{
  display: block;
  color: #3e3e3e;
  text-decoration: none;
}
.sp_menu_main li .sub{
  display: block;
  font-size: 9px;
  -webkit-transform: scale(0.8);
}
/*sp_menu_nav*/
.sp_menu_nav{
  border-bottom: solid 1px #d4d4d4;
}
.sp_menu_nav.list-category{
  margin-bottom: 30px;
  padding-bottom: 0;
}
.sp_menu_nav li > a{
  display: block;
  padding: 15px 5px 15px 15px;
  text-decoration: none;
  color: #3e3e3e;
  border-top: solid 1px #d4d4d4;
}
.sp_menu_nav .has-child > a{
  border-top: solid 1px #d4d4d4;
}
.sp_menu_nav li.has-child > a{
  position: relative;
}
.sp_menu_nav li.has-child > a:after{
  position: absolute;
  content: '';
  background: url('/assets/images/icn_smp_menu_open.png') no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  top: 32%;
  right: 8px;
}
.sp_menu_nav li.has-child > a.select:after{
  content: '';
  background: url('/assets/images/icn_smp_menu_close.png') no-repeat;
  background-size: 12px 12px;
}
#smp-toggle-menu .list-category .child-category > li > a{
  padding-left: 15px;
  line-height: 13px;
}
#smp-toggle-menu .list-category a:hover{
  background-color: transparent;
}
#smp-toggle-menu .list-category .has-child > a:after{
  top: 35%;
}
.sp_menu_nav .category-menu{
  display: none;
}
#smp-toggle-menu .toggle.category-menu{
  margin-bottom: 0;
  background-color: #fff;
}
#smp-toggle-menu .toggle li > a{
  border-bottom: 0;
}
#smp-toggle-menu .toggle li:after{
  content: '';
  display: block;
  clear: both;
}
#smp-toggle-menu .toggle .menu-wrap{
  border: 0;
}
#smp-toggle-menu .toggle .child-category li{
  float: left;
  width: 50%;
  border-right: solid 1px #d4d4d4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#smp-toggle-menu .toggle .child-category li:nth-child(2n){
  border-right: 0;
}
#smp-toggle-menu .toggle li.has-child.main{
  width: 100%;
  float: none;
}
#smp-toggle-menu .toggle .child-category li >a{
  padding: 0 10px;
  min-height: 64px;
  height: 64px;
}
#smp-toggle-menu .toggle .child-category li >a:after{
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
/*smpトグルメニュー　ブランドから探す*/
#smp-toggle-menu .toggle-brand{
  background-color: #fff;
}
#smp-toggle-menu .toggle-brand .child-category{
  background-color: #f1f1f1;
}
#smp-toggle-menu .toggle-brand .has-child.main{
  margin-top: -1px;
}
#smp-toggle-menu .toggle-brand .child-category li{
  float: left;
  width: 50%;
  margin-top: -1px;
  border-top: solid 1px #d4d4d4;
  border-right: solid 1px #d4d4d4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#smp-toggle-menu .toggle-brand .child-category li > a{
  height: 20px;
  border-top: 0;
  border-bottom: solid 1px #d4d4d4;
}
#smp-toggle-menu .toggle-brand .child-category.grand li{
  float: none;
  width: 100%;
  border-right: 0;
  border-left: solid 1px #d4d4d4;
}
#smp-toggle-menu .toggle-brand .child-category li:nth-child(2n){
  border-right: 0;
}
#smp-toggle-menu .toggle-brand .child-category li:nth-child(2n+1){
  clear: both;
}
/*grandtop main*/
.grandtop .head-search-wrap{
  position: static;
  border-top: solid 1px #e5e5e5;
  padding: 20px 0 20px 0;
  background-color: #fff;  
}
/*box-title*/
.box-title{
  font-size: 14px;
}
.box-title .sub, h1 .sub{
  font-size: 9px;
  -webkit-transform: scale(0.9);
  line-height: 10px;
}
/*head-search*/
.head-search {
    width: 96%;
    width: 95%;
    padding: 20px 0px 20px 20px;
    background-color: #fff;
    margin: 2px -2% 0px 0px;
}
.head-search li:first-child{
  position: relative;
  width: 70%;
}
.head-search .navbar-form{
  border-top:none;
  border-bottom: none;
  margin: 0;
}
.head-search input.head-search-text{
  height: 30px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.head-search .btn.head-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 28.5%;
    height: 30px;
    left: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.head-search li.refine-search {
    width: 90%;
    padding: 0;
    margin: 5% 0 0 0;
    float: left;
}
.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;
}
/*TOPページとスマホトグルメニュー共通 カテゴリーから探す*/
.grandtop .category-menu .box-title{
  padding-top: 6px;
}
.grandtop .category-menu .box-title:after{
  top: 21px;
}
.category-menu{
  margin: 32px 0 52px 0;
}
.category-menu .menu-wrap{
  border: solid 1px #d5d5d5;
  border-top: 0;
}
.category-menu .menu-wrap h3{
  border-top: solid 1px #d5d5d5;
  padding: 13px 5px 13px 16px;
  font-weight: bold;
  margin-top: -1px;
}
.category-menu .menu-wrap > h3 > a{
  display: block;
}
.category-menu .menu-wrap h3.viewall-item{
  padding: 0;
}
.category-menu .menu-wrap h3.viewall-item > a{
  padding: 13px 5px 13px 16px;
  line-height: 20px;
}
.category-menu .menu-wrap h3.has-child,
.category-menu .menu-wrap .has-grand-child > a{
  position: relative;
}

.category-menu .menu-wrap h3.has-child:after,
.category-menu .menu-wrap .has-grand-child > a:after{
  position: absolute;
  content: '';
  background: url('/assets/images/icn_smp_menu_open.png') no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  top: 32%;
  right: 8px;
}
.category-menu .menu-wrap h3.has-child.open:after,
.category-menu .menu-wrap .has-grand-child > a.open:after{
  content: '';
  background: url('/assets/images/icn_smp_menu_close.png') no-repeat;
  background-size: 12px 12px;
}
.category-menu .menu-inner{
  background-color: #f1f1f1;
  display: none;
  border-top: solid 1px #d5d5d5;
}
.category-menu .grand-child-menu{
  display: none;
  margin-left: -1px;
  border-top: solid 1px #d5d5d5;
}
.category-menu .menu-inner li{
  float: left;
  width: 50%;
  border-right: solid 1px #d5d5d5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.category-menu .menu-inner .has-grand-child li{
  float: none;
  width: 100%;
  border-top: solid 1px #d5d5d5;
  border-right: 0;
  border-left: solid 1px #d5d5d5;
  border-bottom: 0;
}
.category-menu .menu-inner .child-ctgry-menu li{
  border-bottom: solid 1px #d5d5d5;
  border-top: solid 1px #d5d5d5;
  margin-top: -1px;
}

.category-menu .menu-inner .child-ctgry-menu li > a{
  border-top: 0;
  line-height: 13px;
  height: 20px;
}
.category-menu .menu-inner .child-ctgry-menu li:nth-child(2n){
  border-right: 0;
}
.category-menu .menu-inner .child-ctgry-menu li:nth-child(2n+1){
  clear: both;
}
.category-menu .menu-inner .grand-child-menu li{
  border-bottom: 0;
}
.category-menu .menu-wrap .has-grand-child > a{
  border-top: 0;
}

.category-menu .menu-inner li a{
  padding: 17px 5px 17px 16px;
  display: block;
  text-decoration: none;
}
/*list*/
.category-visual{
  text-align: center;
}
/*list内　カエゴリーから探す*/
#smp-select-menu.span3{
  width: 100%;
  margin-left: 0;
}
#smp-select-menu .sidearea{
  margin: 0 0 25px;
}
#smp-select-menu .list-category{
  padding-bottom: 1px;
}
#smp-select-menu .side-caption{
  position: relative;
  background-image: none;
  background-color: #858585;
  color: #fff;
  padding: 12px 5px 12px 10px;
  font-size: 13px;
}
#smp-select-menu .side-caption:after{
  position: absolute;
  content: '';
  background: url('/assets/images/icn_smp_menu_open_white.png') no-repeat;
  background-size: 13px 13px;
  width: 13px;
  height: 13px;
  right: 10px;
  top: 30%;
}
#smp-select-menu .side-caption.open:after{
  content: '';
  background: url('/assets/images/icn_smp_menu_close_white.png') no-repeat;
  background-size: 13px 13px;
}
#smp-select-menu .parent{
  display: none;
}
#smp-select-menu .list-category li a{
  padding: 14px 10px;
  border-bottom: solid 1px #d4d4d4;
}
#smp-select-menu .list-category .child-category li a{
  padding-left: 15px;
}
#smp-select-menu .list-category .has-child > a:after{
  top: 32%;
}
/*sales type*/
.list-category.sales-type .side-caption{
  background: none;
  font-size: 12px;
  padding: 5px 0;
}
.list-category.sales-type li{
  float: left;
  width: 31%;
  margin-left: 2%;
  text-align: center;
  border: solid 1px #d5d5d5;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.list-category.sales-type li.active{
  border: solid 1px #ff9e5a;
}
.list-category.sales-type li:first-child{
  margin-left: 0;
}
.list-category.sales-type li a{
  padding: 15px 16px;
}
.list-category.sales-type li.active > a{
  background-color: transparent;
}
/*special contents*/
#sp-contents{
  padding: 30px 10px 10px;
  background-color: #f1f1f1;
}
#sp-contents h2{
  margin-bottom: 20px;
}
#sp-contents li{
  width: 48%;
  float: left;
  margin-left: 4%;
  margin-bottom: 2%;
}
#sp-contents li img{
  width: 100%;
}
#sp-contents li:nth-child(2n+1){
  margin-left: 0;
}
#sp-contents .slide-txt{
  padding: 10px 2px 5px;
  font-size: 11px;
  text-align: left;
  line-height: 13px;
  min-height: 30px;
}
#sp-contents .more{
  background: url('/assets/images/icn_arrow_down.png') no-repeat 65% 50% #fff;
  background-size: 9px 6px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#sp-contents .more.open{
  background: url('/assets/images/icn_arrow_up.png') no-repeat 65% 50% #fff;
  background-size: 9px 6px;
}
#sp-contents .content-wrap{
  display: none;
}
/*basic item*/
#basic-item{
  text-align: center;
  clear: both;
/* #49976 */
/*  margin: 0 0 32px 0;*/
}
#basic-item li{
  width: 31%;
  margin-left: 2%;
}
/* #49976 */
#basic-item.flexslider ul.slides li{
  margin-right: 20px;
  margin-left: 0;
}
#basic-item .flex-direction-nav a{
  top: 70%;
}
/*news list*/
#news-list .news-txt{
  width: 100%;
  float: none;
}
#news-list .news-date{
  width: 100%;
  float: none;
}
/*newsページ*/
#news-wrap{
  margin-bottom: 20px;
}
#news-wrap .title{
  margin-bottom: 20px;
}
#news-wrap .news-info{
  width: 100%;
  margin-left: 0;
}
#news-wrap .news-date{
  font-size: 12px;
}
#news-wrap .news-info .news-inner{
  min-height: inherit;
}

/*new item*/
#newarrival-items{
  margin-bottom: 0;
}
#newarrival-items li{
  margin: 0 11px;
}
/*住所登録・変更　& 配送先リスト登録・変更*/
.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-theme li{
  width: 31%;
}

/*customer*/
.login-area-box{
  margin: 0;
}
.login-area-box.register-area{
  margin: 0;
}
.login-area-box h2{
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #333;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.login-area-box .login-area-subbox .control-label{
  font-size: 12px;
}
.register-area .form-actions{
  margin-top: 20px;
}
.customer-register .form-horizontal{
  padding: 10px 0;
}
.customer-registerConfirm .table{
  width: 100%;
}
/*マイページ*/
.mypage-menu .menu-text-block .menu-explain{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*cart*/
.cart-area .total-price-part{
  padding: 10px 0;
}
/*詳細検索*/
#searchDetailArea{
  width: 100%;
}
}

/******************************
for_layout
******************************/
.form-actions .btn-primary, .btn-back {
  font-size: 13px;
}


/******************************
tablet only
*******************************/
@media (min-width:768px) and (max-width: 979px) {
/*layout*/
.row.list-layout{
  margin-left: 0;
}
.list-layout .span9{
  width: 100%;
}
/*ヘッダー*/
#page-header.navbar-static-top{
  /*height: 160px;*/
  height: 95px;
}
/***********
#27437 社員用クーポン表示出し分け
*************/
body.staff-login #page-header.navbar-static-top {
  height: 125px;
}

.grandtop #page-header.navbar-static-top{
  height: 126px;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner{
  position: relative;
  width: 724px;
  margin: 0 auto;
}
#openMenu,#closeMenu{
  top: 19px;
  left: -10px;
}
#smp_cart{
  top: 19px;
  right: -10px;
}
#logo{
  width: 196px;
  top: 10px;
}
.head-search-wrap > .container{
  width: 724px;
}
.slider-wrap{
  margin-bottom: 20px;
}
/*商品詳細 スライド*/
#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%;
}
.cart-area .cart-index td.quantity-part select{
  width: 50px;
}
/*special contents*/
#sp-contents{
  padding: 30px;
}
/*フッター*/
#page-footer .navbar{
  width: 100%;
}
#page-footer .nav-block{
  width: 25%;
}
#pagetop-area{
    right: 0;
  }

}
/******************************
smartphone only
*******************************/
@media (max-width: 767px) {
.breadcrumb{
  margin: 40px 0 0;
}
/*レイアウト*/
#page-body{
  padding: 15px 0 0;
}
body {
  overflow-x: hidden;
}
.list-layout > .span9{
  float:none;
}
/*title*/
.box-title{
  margin-bottom: 15px;
}
.navbar-fixed-top,
.navbar-static-top{
  overflow: hidden;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner{
  position: absolute;
  display: block;
  z-index: 9999;
  height: 70px;
  margin-top: 0;
  background-color: #fff;
  border-bottom: solid 1px #ececec;
  width: 100%;
  top: 0;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px !important;
}
.navbar-fixed-top .navbar-inner.nav_fixed,
.navbar-static-top .navbar-inner.nav_fixed{
  position: fixed;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0 !important;
}
.fixed .navbar-fixed-top .navbar-inner,
.fixed .navbar-static-top .navbar-inner{
  position: static;
}
.navbar-inner img {
  display: block;
  margin:0 auto;
}
.grandtop .navbar-fixed-top .navbar-inner,
.grandtop .navbar-static-top .navbar-inner{
  margin: 0;
  width: 100%;
  height: 68px;
}
.navbar-static-top .navbar-inner .head-search-wrap{
  margin-bottom: 0;
}
.head-info{
  position: relative;
  width: 100%;
  top: 70px;
  background-color: transparent;
  border-bottom: solid 1px #ececec;
  border-top: none;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(229,229,229,1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(229,229,229,1);
  box-shadow: 0px 3px 3px 0px rgba(229,229,229,1);
  margin: 0 -10px 3px -10px;
  padding: 0 10px;
}
.grandtop .head-info{
  bottom: 0;
  left:0;
}
/***********
#27437 社員用クーポン表示出し分け
*************/
 .staff-login .staff-coupon {
  position: fixed;
  top: 0;
 }
 .staff-login .fixed .staff-coupon {
   position: static;
 }
  /*カート内*/
  .staff-login.cart-quickCart .cart-wrap .info-wrap {
    padding-right: 8px;
   }
  .staff-login.cart-quickCart .cart-wrap .staff-coupon {
   position: static;
   width: 100%;
   padding: 0 ;
  }
body.staff-login .fixed #closeMenu {
  top: 35px;
}
body.staff-login .navbar-fixed-top .navbar-inner,
body.staff-login .navbar-static-top .navbar-inner,
body.staff-login.grandtop .navbar-fixed-top .navbar-inner,
body.staff-login.grandtop .navbar-static-top .navbar-inner {
  top: 28px;
}
body.staff-login .head-info {
  top: 100px;
}

.head-info p,
.head-info a{
  color: #ff9e5a;
}
#logo{
  width: 160px;
  background-size: 160px;
}
#openMenu,#closeMenu{
  top: 5px;
  left: 0;
}
#smp_cart{
  top: 5px;
  right: 0;
}
/***********
#27437 社員用クーポン表示出し分け
*************/
body.staff-login .fixed #logo {
  top: 30px;
}
body.staff-login .fixed #smp_cart {
  top: 25px;
}

/*head search*/
.head-search-wrap > .container{
  width: auto;
}
.head-search input.head-search-text{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
div.list-head-search{
  margin-top: 45px;
}
.fixed div.list-head-search {
  margin-top: -36px;
}
/***********
#27437 社員用クーポン表示出し分け
*************/
body.staff-login div.list-head-search {
  margin-top: 135px;
}
body.staff-login .fixed div.list-head-search {
  margin-top: 25px;
}
div.hidden-head-search{
  display: none;
}
/*フッター*/
#page-footer .navbar .nav{
  float:none;
  margin:0;
}
#page-footer .navbar .nav > li{
  float:none;
  border-bottom:solid 1px #ffffff;
}
#page-footer .sns-block li img{
  width: 33px;
}

/*サイドエリア*/
.sidearea .side-caption,
.sidearea .list-category > h2,
.sidearea .list-category > ul{
  margin-left:-10px;
  margin-right:-10px;
}

/*grandtop main*/
.slider-wrap{
  margin: 54px -10px 0;
}
/***********
#27437 社員用クーポン表示出し分け
*************/
body.staff-login .slider-wrap {
  margin-top: 130px;
}

.fixed .slider-wrap,
body.staff-login .fixed .slider-wrap{
  margin: -15px -10px 0;
}
#grandtop-slider.for-smp.flexslider.container{
  margin-bottom: 30px
}
#grandtop-slider.for-smp.flexslider p{
  margin: 8px 0 5px;
}
#grandtop-slider .flex-direction-nav li{
  position: static;
  opacity: 1;
}
#grandtop-slider .flex-direction-nav a{
  width: 8px;
  height: 13px;
  bottom: -30px;
  top: auto;
}
#grandtop-slider.for-smp .flex-direction-nav a{
  bottom: -10px;
}
#grandtop-slider .flex-direction-nav .flex-next{
  background: url('/assets/images/smp_mv_slider_next.png') no-repeat;
  background-size: 8px 13px;
  right: 5px;
  left: auto;
}
#grandtop-slider .flex-direction-nav .flex-prev{
  background: url('/assets/images/smp_mv_slider_prev.png') no-repeat;
  background-size: 8px 13px;
  left: 5px;
}
#grandtop-slider .flex-control-paging li a{
  width: 7px;
  height: 7px;
}
#grandtop-slider.for-smp .flex-control-nav{
  bottom: -20px;
}
/*詳細検索*/
.sel-rate-set > li{
  width:45%;
}
.sel-rate-set > li.to{
  width:10%;
  padding:0;
}
#searchDetailArea .select-color td{
  width:50%;
  float:left;
}
/*list*/
.category-visual{
  margin: 0 -10px;
}
/*ソート*/
.newarrival-date{
  padding-right: 5px;
}
.newarrival-date select{
  width: 100%;
}
.sort table{
  margin-left: 0;
  width: 100%;
}
.sort table td{
  padding:0 5px 5px 0;
  width: 50%;
  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;
}
/* ニュース */
#news-list .news-info{
  padding: 8px 15px;
}
#news-list .news-date{
  display: block;
  font-size: 11px;
}
/*special contents*/

#sp-contents li{
  min-height: 154px;
}
#sp-contents{
  margin: 0 -10px;
}
#sp-contents .content-wrap {
  display: block !important;
}
/* カテゴリメニュー*/
.menu-wrap div.ctgry-menu-open {
  display: block;
}
/*ランキング*/
#top-tab-contents .nav-tabs > .active > a,
#top-tab-contents .nav-tabs > .active > a:hover,
#top-tab-contents .nav-tabs > .active > a:focus{
  border: solid 1px #ff9e5a;
  border-bottom-color: transparent;
}
#top-tab-contents .nav-tabs{
  border-bottom: solid 1px #ff9e5a;
}
#top-tab-contents .nav-tabs > li > a{
  padding: 15px 42px;
  line-height: 55px;
}
#top-tab-contents .left-block,
#top-tab-contents .right-block{
  float: none;
  width: auto;
}
#top-tab-contents .right-block .col-sm-3{
  width: 32%;
  margin-left: 1.8%;
}
#top-tab-contents .item{
  float: left;
  width: 32%;
}
#top-tab-contents .ranking-content .rank-num > img{
  width: 20px;
}
/*チェックしたアイテム*/
#checked-items{
  margin: 0 0 32px 0;
}
#checked-items .flex-direction-nav a{
  top: 70%;
}
/*#53112 購入履歴*/
#order-history-items{
  margin: 0 0 32px 0;
}
#order-history-items .flex-direction-nav a{
  top: 70%;
}
.order-history-link#view-all {
  margin-bottom: 15px;
}
/*マイページ*/
.mypage .lead{
  text-align: left;
}
.mail_address_area{
  clear:both;
  float:none;
  margin-left:5px;
}
.mypage-menu .mypage-menu-select{
  width: 48%;
}
/*action step*/
.action-steps li{
  border-right: 0;
}
.action-steps.step6 li{
  width: auto;
}
/*form actions*/
.form-actions{
  margin: 0;
}
/*カート*/
.cart-area .lead .check{
  font-size: 15px;
  margin-bottom: 5px;
}
.cart-area .form-edit-style{
  width: 100%;
}
.cart-area table td.itemprice-part{
  width: 100%;
}
.cart-area .cart-index .delete-part{
  width: 100%;
  text-align: right;
}
.cart-area td.total-itemprice-part span{
  float: right;
  text-align: right;
}
.cart-area .total-price-part .notone{
  padding: 8px;
}
.cart-area .total-price-part tr{
  display: block;
}
.cart-area .total-price-part .total{
  float:left;
}
.cart-area .form-edit-style .controls .top-input,
.cart-area .form-edit-style .controls .second-input{
  width:100%;
}
.cart-area .table-bordered.liquid-table th,
.cart-area .table-bordered.liquid-table td{
  border-top: 0;
}
/*住所登録・変更　& 配送先リスト登録・変更*/
.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%;
}
/*メールアドレス一覧 お気に入り*/
.list-layout .table.liquid-table .form-part{
  margin-top: 10px;
}
.list-layout .table.liquid-table .form-part form,
.list-layout .table.liquid-table .form-part .delete-part{
  padding: 2px 8px;
}
.list-layout .btn.btn-small{
   width: 100%;
   padding: 6px 0;
}

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

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

.style-guide .sentence table td{
  width:85%;
}
/*サブナビ*/
.subnav .nav-list{
  margin: 0 -10px;
}

/*お問い合わせ*/
#inquiry h3{
  padding: 10px 40px 10px 10px;
　text-indent: 0;
}
/* btn */
input#btn_add, input.btn.btn-small.btn-delete{
  width: 100%;
  }
/*footer*/
#page-footer .navbar{
  width: 100%;
  padding-top: 0;
}
#page-footer .nav-block{
  width: 100%;
  float: none;
}
#page-footer .nav-block li{
  border-bottom: solid 1px #fff;
}
#page-footer .nav-block li a{
  display: block;
  padding: 10px 5px 10px 20px;
  text-decoration: none;
}
#page-footer .sns-block{
  text-align: center;
}
/*pagetop*/
#pagetop-area {
    /* position: static; */
    position: fixed;
    right: 0;
    bottom: 10px;
    margin-right: 3%;
    z-index: 100;
}
#pagetop > span{
  display: inline-block;
  /* font-family: 'Muli', sans-serif; */
}
#pagetop:after{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/*20171114*/
#item-detail .tab{
  overflow:hidden;
  margin: 7% 0;
}
#item-detail .tab li{
  background: #c1c1c1;
  padding: 15px;
  float: left;
  margin: 10px 1px -1px 0px;
  list-style: none;
  border: 1px solid #ddd;
  color: #fff;
}
#item-detail .tab li.select{
background: #fff;
    border: solid 1px #c1c1c1;
    border-bottom-color: transparent;
    color: #000;
    width: 33.3%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 !important;
}
#item-detail .tab > li:nth-child(2){
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    margin: 0 !important;
}
#item-detail .tab > li:last-child{
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    margin: 0;
}
#item-detail .tab > li:first-child{
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    margin: 0;
}
#item-detail ul.content > li.hide{
  background:#fff;
  padding:20px 0 0 0;
  border top: solid 1px #ff9e5a;
  border left: solid 1px #ff9e5a;
  border right: solid 1px #ff9e5a;
  width: 100%;
}
#item-detail ul.content{
  position: relative;
  top: -1px;
  z-index: -1;
}
#item-detail ul.content > li > p.item-description{
margin: 0;
}
#item-detail ul.content > li{
margin: 0;
width: 100% !important;
}
/*20171114_end*/


ul.head-search_top > li:first-child{
    width: 66%;
    float: left;
    list-style: none;
}
ul.head-search_top input {
    width: calc( 70% - 12px );
    float: left;
    padding: 7px 0 7px 10px;
}
ul.head-search_top button {
    background-color: #fd9e61;
    width: 28%;
    float: left;
    margin: 0 1%;
    list-style: none;
    text-align: center;
    padding: 8px 0;
}
ul.head-search_top > li:last-child{
    background-color: #fd9e61;
    width: 33%;
    float: left;
    list-style: none;
    text-align: center;
    padding: 4px 0 4px 0;
}
ul.head-search_top > li:last-child > .btn{
    color: #fff;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
    margin-top: 0;
    padding: 7px 0 7px 10px;
    width: 94%;
}
}

@media ( max-width: 320px ) {
  /***********
  #27437 社員用クーポン表示出し分け
  staff coupon
  *************/
  .staff-login .staff-coupon {
    font-size: 11px;
    letter-spacing: normal;
  }
  .staff-login .staff-coupon img {
    margin: 0 3px 3px 0;
  }
    /*20171114*/
#item-detail .tab{
  overflow:hidden;
  margin: 7% 0;
}
#item-detail .tab li{
  background: #c1c1c1;
  padding: 15px;
  float: left;
  margin: 10px 1px -1px 0px;
  list-style: none;
  border: 1px solid #ddd;
  color: #fff;
}
#item-detail .tab li.select{
background: #fff;
    border: solid 1px #c1c1c1;
    border-bottom-color: transparent;
    color: #000;
    width: 33.3%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 !important;
}
#item-detail .tab > li:nth-child(2){
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    margin: 0 !important;
}
#item-detail .tab > li:last-child{
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    margin: 0;
}
#item-detail .tab > li:first-child{
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    margin: 0;
}
#item-detail ul.content > li.hide{
  background:#fff;
  padding:20px 0 0 0;
  border top: solid 1px #ff9e5a;
  border left: solid 1px #ff9e5a;
  border right: solid 1px #ff9e5a;
  width: 100%;
}
#item-detail ul.content{
  position: relative;
  top: -1px;
  z-index: -1;
}
#item-detail ul.content > li > p.item-description{
margin: 0;
width: 100%;
}
/*20171114*/
}
}
/*49979*/
@media (max-width: 979px) {
/*ランキング*/
#ranking-items{
  margin:0 0 32px 0;
}
/*ニュース*/
#news-list{
margin: 32px 0 52px 0;
}
.flex-direction-nav .flex-prev, .flexslider:hover .flex-prev {
    left: 0;
    background: url(/assets/images/bnr_slider_arrow_prev.png) no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 44%;
}
.flex-direction-nav .flex-next, .flexslider:hover .flex-next {
    right: 0;
    background: url(/assets/images/bnr_slider_arrow_next.png) no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 44%;
}
}

@media (max-width: 320px){
  .tab{
    overflow:hidden;
  }
  #item-detail .tab li {
      background: #c1c1c1;
      padding: 3% 6%;
      float: left;
      margin: 0 !important;
      list-style: none;
      border: 1px solid #ddd;
      /* border-left: 1px solid #ddd; */
      /* border-right: 1px solid #ddd; */
      color: #fff;
      width: auto !important;
  }
  #item-detail .tab li.select {
      background: #fff;
      border: solid 1px #c1c1c1;
      border-bottom-color: transparent;
      color: #000;
      width: auto;
      margin: 0;
      text-align: center;
      width: auto !important;
      padding: 3% 5%;
  }
  #item-detail .content li{
    background:#fff;
    padding:20px 0 0 0;
    border top: solid 1px #ff9e5a;
    border left: solid 1px #ff9e5a;
    border right: solid 1px #ff9e5a;
  }
  #item-detail .hide {
    display:none;
    width: 100% !important;
  }
  #item-detail ul.content{
    position: relative;
    top: -1px;
    z-index: -1;
    border-top: 1px solid #ddd;
  }
}
@media (max-width: 767px) {
  #item-detail ul.content{
    z-index: 0;
  }
}
/* #49976 */
@media (max-width: 979px) {
  #basic-item.flexslider ul.slides li {
    margin-right: 20px;
    margin-left: 0;
  }
  #basic-item .flex-control-nav li {
    width: auto;
  }
  #basic-item .flex-control-paging li a {
   width:7px;
   height:7px;
   box-shadow: none;
  }
  #basic-item {
   margin: 0 0 50px 0;
  }
  #basic-item .flex-control-paging li a.flex-active {
    background-color: #eb6100;
}
  #basic-item .flex-control-paging li a{
  background-color: #e5e5e5;
}
}
@media (max-width: 767px) {
  #item-detail ul.content{
    z-index: 0;
  }
}
#ranking-items{
  margin-bottom:40px;
}
/*DH_FRONT_DEPT-588*/
@media (max-width: 1200px) {
  .employee_discount_modal {
    left: 40%;
  }
}
@media (max-width: 979px) {
  .employee_discount_modal {
    left: 35%;
  }
}
@media (max-width: 767px) {
  .employee_discount_modal {
    top: 10%;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .employee_discount_modal .close > img{
    width: 30px;
  }
  .employee_discount_modal .modal_logo > img {
    width: 120px;
  }
  .employee_discount_modal .inner-contents .ttl {
    font-size: 20px;
  }
  .employee_discount_modal .inner-contents .txt {
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
  }
  .employee_discount_modal .inner-contents .txt > .left {
    width: 5%;
  }
  .employee_discount_modal .inner-contents .txt > .right {
    width: 95%;
    padding-left: 5%;
  }
  .employee_discount_modal .inner-contents .passcode {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
  .employee_discount_modal .inner-contents .passcode > span {
    font-size: 26px;
    letter-spacing: 1px;
    margin-left: 15px;
  }
}
@media (max-width: 320px) {
  .employee_discount_modal .inner-contents .ttl {
    font-size: 18px;
  }
  .employee_discount_modal .inner-contents .txt {
    font-size: 14px;
  }
  .employee_discount_modal .inner-contents .passcode {
    font-size: 14px;
  }
}

/* DH_FRONT_DEPT-403 【福助】SEO対策　altへのテキスト記載 */
@media (max-width: 767px) {
  #logo img {
    position: relative;
    top: 5px;
  }
}

/* DH_FRONT_DEPT-2357 */
@media (max-width: 767px) {
  .category-menu {
    margin: 0 0 52px 0;
  }
  .category-menu .menu-inner .child-ctgry-menu li > a,
  #smp-toggle-menu .toggle-brand .child-category li > a {
    line-height: 20px;
    height: 20px;
    font-size: 10px;
  }
  #smp-toggle-menu .list-category .has-child > a:after {
    top: 39%;
  }
  .category-menu .menu-wrap h3.has-child:after, .category-menu .menu-wrap .has-grand-child > a:after {
    top: 38%;
  }
}


/* DH_FRONT_DEPT-3014 */
@media (max-width: 767px) {
  .entry-horizon {
    width: 100%;
  }
  .entry-horizon li.input-front {
    width: 10% !important;
  }
  .entry-horizon li.name input {
    width: calc(100% - 14px);
  }
  .entry-horizon li.name {
    width: auto;
  }
}


.fs-l-main{
width: 100%;
}