@charset "utf-8";

@media(max-width: 1470px) and (min-width: 1231px){
  .container{
    /*width: 1200px;*/
  }
}
@media (max-width: 1292px) {
  .container{
    width: auto;
  }
}
/******************************
large device
*******************************/
@media (min-width: 1200px) {
  .list-layout {
    padding-top: 36px;
  }
    .list-layout .span3.side {
      width: 240px;
      padding-left: 40px;
      margin: 0;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
    }
    .list-layout .span9.main {
      float: right;
      margin-left: auto;
      width: calc(100% - 240px - 40px);
      width: -webkit-calc(100% - 240px - 40px);
      width: -moz-calc(100% - 240px - 40px);
      width: -ms-calc(100% - 240px - 40px);
    }
      .list-layout .span9.main .breadcrumb {
        padding: 0;
        margin: 0;
      }
}

@media(max-width: 1292px) and (min-width: 768px){
  /* ヘッダーナビ */
  #main-nav {
    width: 81%;
  }  
  .guide .row{
    margin-left: 0;
  }
  /* .mypage #users-container,
  .logout #users-container,
  .logoutConfirm #users-container,
  .inquiry #users-container{
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  } */
  #page-body .list-layout .main.span9 .breadcrumb{
    padding-left: 0;
  }
  /*.customer .breadcrumb,
  .mypage .breadcrumb{
    padding: 10px 16px;
  }*/

}

@media(max-width: 1200px) and (min-width: 768px){
  .cart-area{
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

}

/* DH_FRONT_DEPT-9311 */
@media(max-width: 1111px) and (min-width: 768px){
  .cms-home.has_nav_content #search-popin {
     padding-top: 130px;
  }
}

/******************************
smartphone only
*******************************/
@media (max-width: 767px) {
/*レイアウト*/
.list-layout > .span9{
  float:none;
}

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

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

/*詳細検索*/
.sel-rate-set > li{
  width:45%;
}
.sel-rate-set > li.to{
  width:10%;
  padding:0;
}
#searchDetailArea .select-color td{
  width:50%;
  float:left;
}

/*ソート*/
.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 > .row-fluid > div{
  height:auto;
}

/*マイページ*/
.mail_address_area{
  clear:both;
  float:none;
  margin-left:5px;
}
/*カート*/
.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%;
}
/*住所登録・変更　& 配送先リスト登録・変更*/
.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 .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;
}


.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.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;
}
/* btn */
input#btn_add, input.btn.btn-small.btn-delete{
  width: 100%;
  }
}

/******************************
smartphone to tablet
*******************************/
@media (max-width: 979px) {
/*cascade-menu*/
  .menu .nav > li > a,
  .menu .cascade-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .menu .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .menu .cascade-menu li + li a {
    margin-bottom: 2px;
  }
  .menu .nav > li > a:hover,
  .menu .nav > li > a:focus,
  .menu .cascade-menu a:hover,
  .menu .cascade-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .menu .nav > li > a,
  .navbar-inverse .menu .cascade-menu a {
    color: #999999;
  }
  .navbar-inverse .menu .nav > li > a:hover,
  .navbar-inverse .menu .nav > li > a:focus,
  .navbar-inverse .menu .cascade-menu a:hover,
  .navbar-inverse .menu .cascade-menu a:focus {
    background-color: #111111;
  }
  .menu .cascade-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .menu .open > .cascade-menu {
    display: block;
  }
  .menu .cascade-menu:before,
  .menu .cascade-menu:after {
    display: none;
  }
  .menu .cascade-menu .divider {
    display: none;
  }
  .menu .nav > li > .cascade-menu:before,
  .menu .nav > li > .cascade-menu:after {
    display: none;
  }



/*ヘッダー*/
#head-bar > .top-lead {
  background-color: #555;
}
  #head-bar > .top-lead > p a {
    color: #FFF;
  }
#head-bar .sub-nav {
  display: none;
}
  .navbar .brand {
    height: auto;
    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 .brand > .head-search {
    margin: 20px 0;
  }
.navbar-inner{
  padding-right: 0;
  padding-left: 0;
}
.navbar-inner .btn.btn-navbar{
  margin: 0;
}
#head-sub-menu{
  float:none;
  border-top: 1px solid #ccc;
}
.menu .nav{
  margin-bottom: 0;
}
.menu .nav > li > a,
.menu .cascade-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;
}
.menu .nav > li > a:after,
.menu .cascade-menu a:after{
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -8px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menu .nav > .cascade.open > a:after{
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.menu .cascade-menu{
  margin: 0;
}
.menu .nav > li > a:hover,
.menu .nav > li > a:focus,
.menu .cascade-menu a:hover,
.menu .cascade-menu a:focus{
  background-image: none;
  color: #777;
}
.cascade-menu > .active > a,
.cascade-menu > .active > a:hover,
.cascade-menu > .active > a:focus{
  background-image: none;
  background-color: #eee;
  color: #777;
}
.menu .cascade-menu a{
  padding-left: 25px;
  margin-bottom: 0;
  font-size: 11px;
}
.menu .cascade-menu li + li a{
  margin-bottom:0;
}
.head-search{width:100%;}
.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: 30px;
  height: 30px;
 -webkit-border-radius: 0;
    -moz-border-radius: 0;
     -ms-border-radius: 0;
         border-radius: 0;
}
.head-search li.refine-search{
  width: 28%;
  padding: 0;
  margin-left: 2%;
}
.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;
}

/*住所登録・変更　& 配送先リスト登録・変更*/
.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;
}
}

/******************************
tablet only
*******************************/
@media (min-width:768px) and (max-width: 979px) {

/*商品詳細 スライド*/
#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%;
}

}



/******************************
2016/05/18 改修
*******************************/
@media (max-width: 1200px){
  .guide .container{
    width:auto;
  }
  .guide .row{
    margin-left: 0;
  }
  /*#users-container{
    width: auto;
  }*/
}
@media (min-width: 980px){
  #page-header .smp-menu{
    display: none;
  }
}
@media (max-width: 979px) and (min-width: 768px){
  .guide.index .span3,
  .guide.faq .span3{
    width: 200px;
  }
}

@media (max-width: 979px){
  body.menuOpen{
    overflow: hidden;
  }
  /*ヘッダー*/
  #head-bar > .top-lead{
    background-color: #000;
  }
  .navbar .brand > a{
    position: relative;
    width: 240px;
    height: 30px;
    left: auto;
    margin: 0 auto;
  }
  .navbar-static-top .navbar-inner{
    padding-top: 18px;
    border-bottom: none;
  }
  .navbar-inner .inner-container{
    position: relative;
  }
  .menu{
    clear: both;
    overflow: hidden;
    position: relative;
  }
  .menu .smp-menu{
    overflow: hidden;
    display: none;
  }
  .menu .smp-menu .nav{
    float: none;
  }
  .menu .smp-menu li{
    float: none;
  }
  .navbar-inner .smp-btn{
    overflow: hidden;
    display: inline-block;
    position: absolute;
    left: 12px;
    z-index: 1;
    padding: 4px;
  }
  .navbar-inner .btn.btn-navbar{
    float: left;
    background-color: transparent;
    border:none;
    background-image: none;
    display: inline-block;
    width: 18px;
    height: 20px;
    position: relative;
    padding: 0;
  }
  .navbar .btn-navbar .line{
    border: 1px solid #000;
    display: block;
    width: 100%;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
  }
  .navbar .btn-navbar .line.b1{
    position: absolute;
    top:0;
  }
  .navbar .btn-navbar .line.b2{
    position: absolute;
    top:7px;
  }
  .navbar .btn-navbar .line.b3{
    position: absolute;
    top:14px;
  }
  .navbar-inner .logo_search{
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 5px;
  }
  .navbar-inner .logo_search a{
    width: 18px;
    height: auto;
    display: inline-block;
    padding-left: 5px;
  }

  /*SMPメニュー*/
  .menu .nav > li > a,
  .menu .cascade-menu a{
    color: #c3c3c3;
    border-bottom: 1px solid #282828;
    padding-left: 20px;
  }
  .menu .nav > li > a:after,
  .menu .cascade-menu a:after{
    right: 20px;
  }
  .menu .nav > li > a:hover,
  .menu .cascade-menu a:hover{
    background-color: transparent;
    color: #c3c3c3;
  }
  .menu{
    margin-top: 16px;
  }
  .menu .common_menu{
    background-color: #111;
  }
  .menu .common_menu .first-child a:after{
    top: 55%;
  }
  .menu #menu-category{
    background-color: #1d1d1d;
  }
  .menu .nav > li.has_child > a:after,
  .menu .cascade-menu > li > a.cascade-toggle:after{
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  .menu .nav > .cascade > a.open:after,
  .menu .cascade-menu > li > a.select:after,
  .menu .cascade-menu > li > a.open:after,
  .menu li.pulldown02 > a.open:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:60%;
  }
  .menu .nav > .cascade > .open + .child-category{
    background-color: #272727;
  }
  .menu .nav > .cascade > .open + .child-category a{
    border-bottom: 1px solid #343434;
  }
  .menu .nav > .cascade.pulldown02.open .child-category{
    overflow: hidden;
  }
  .menu .nav > .cascade.pulldown02.open .child-category li{
    width: 50%;
    float: left;
  }
  .menu .nav > .cascade.pulldown02.open .child-category a{
    border-right: 1px solid #343434;
    box-sizing:border-box;
  }
  .menu .nav > .cascade.pulldown02 a.open + .child-category a:after{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .navbar .nav li.cascade.open > .cascade-toggle{
    color: #fff;
    font-weight: bold;
  }
  .menu .nav > li > a:hover,
  .menu .nav > li > a:focus,
  .menu .cascade-menu a:hover,
  .menu .cascade-menu a:focus{
    background-color: transparent;
  }
  #menu-category .cascade .child-category > li .nav-list{
    display: none;
    overflow: hidden;
    background-color: #343434;
  }
  #menu-category .cascade .child-category > li .nav-list a{
    border-bottom: 1px solid #414141;
    border-right: 1px solid #414141;
    width: 50%;
    float: left;
    box-sizing:border-box;
    background-color: #343434;
  }
  #menu-category .newarrival-days{
    /*display: none;*/
    overflow: hidden;
  }
  #menu-category .newarrival-days li > a{
    border-bottom: 1px solid #343434;
    border-right: 1px solid #343434;
    box-sizing:border-box;
    background-color: #282828;
    color: #c3c3c3;
    padding: 10px 15px;
    text-decoration: none;
    padding-left: 20px;
  }
  .menu .nav > li.cascade.pulldown02 > a:hover,
  .menu .nav > li.cascade.pulldown02 > a:focus,
  .menu .nav > li.cascade.pulldown02 > a:visited{
    color: #c3c3c3;
  }
  .menu .nav > .cascade.pulldown02.open .child-category.newarrival-days > li{
    width: 100%;
    float: none;
  }
  #menu-category .newarrival-days > li{
    display: block;
    float: left;
    width: 50%;
  }

  /*footer*/
  #page-footer .navbar,
  #page-footer .copyright{
    float: none;
    text-align: center;
  }

  /*slick-items*/
  .slick-items ul{
    width: calc(100% - 90px);
    padding-left: 10px;
    padding-right: 10px;
  }
  .slick-items .slick-prev{
    left: -20px;
  }
  .slick-items .slick-next{
    right: -35px;
  }
}



@media (min-width: 768px){
  #pagetop{
    display: none;
  }
}


@media (max-width: 767px){
  .box-title {
    padding-top: 22px;
    margin: 32px 0 8px;
    font-size: 18px;
    border: 0 solid #efefef;
    border-top-width: 1px;
    border-bottom-width: 0;
  }
    .box-title .sub, h1 .sub {
      font-size: 10px;
    }
  .box-title .sub:first-child:after {
    content: none;
  }
  .btn{
    width: 100%;
    height: auto;
    line-height: 20px;
  }
  .form-actions{
    margin: 20px 0;
    text-align: center;
    padding: 0;
  }
  .form-horizontal .form-actions{
    padding-left: 0;
  }

  /*.top.index #page-body{
    margin-right: -10px;
    margin-left: -10px;
  }*/
  .list-item-text{
    min-height: auto;
    padding-bottom: 22px;
  }
  .side-caption{
    background-color: transparent;
  }
  #page-body .list-layout{
    padding-top: 0;
  }

  /*ヘッダー*/
  #head-bar > .top-lead{
    background-color: #000;
  }
  #page-header .inner-container {
    padding: 0;
  }
  #page-header .brand a{
    width: 140px;
    background-size: 100% auto;
    background-position-y: 50%;
    -webkit-background-position-y: 50%;
       -moz-background-position-y: 50%;
        -ms-background-position-y: 50%;
  }
  /*#page-header .menu{
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
    display: block;
    transform: translateZ(0);
  }*/
  .menu{
    margin-top: 0;
  }
  .navbar .brand > a{
    width: 160px;
    height: 28px;
  }
  .navbar-inner .smp-btn,
  .navbar-inner .logo_search{
    top: 16px;
  }
  .navbar-inner .logo_search a {
    padding: 0 2px;
  }
  .navbar-inner .logo_search a[href*="cart"] {
    width: 22px;
  }
    .navbar-inner .logo_search a[href*="cart"] img {
      vertical-align: middle;
    }
  .navbar-inner .logo_search a[href*="search"] {
    width: 18px;
  }
  /*#page-header{
    margin:0 -10px;
  }*/
  /*.navbar-inner{
    background-color: #fff;
  }*/
/*  #page-header.fixed{
    width: 100%;
    height: auto;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 10px;
    z-index: 990;
    margin-bottom: 0;
    transition:all 500ms ease-in-out;
    -webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
  }*/

  /*.crumbs.visible-phone{
    margin: 0 -10px;
  }*/
  .crumbs.visible-phone .breadcrumb{
    padding: 16px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    box-sizing:border-box;
    width: auto;
  }
  #sidebar #get-count{
    margin: 6px 0 16px;
  }
  .search #page-body .list-layout,
  .shop #page-body .list-layout,
  .list  #page-body .list-layout{
    padding-top: 0;
  }
  .count .num{
    font-size: 26px;
    padding-right: 3px;
    line-height: 28px;
  }

  /*SMPメニュー*/
.menu .nav > li > a, .menu .cascade-menu a{
  padding-left: 15px;
}
.menu .nav > li > a:after, .menu .cascade-menu a:after{
  right: 15px;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 6px;
}

  /*footer*/
  #page-footer,
  #page-footer a{
    color: #000;
    font-size: 1em;
  }
  #page-footer{
    background-color: transparent;
  }
  #page-footer .container{
    position: static;
  }
  #page-footer .navbar{
    float: none;
  }
  #page-footer #foot-category{
    border-top: solid 1px #eee;
  }
  #page-footer .navbar .nav > li a{
    position: relative;
    padding: 10px 0 10px 20px;
  }
  #page-footer .navbar .nav.footer-area{
    text-align: center;
    padding: 16px 0;
  }
  #page-footer .navbar .nav.footer-area > li{
    border-bottom: none;
    margin: 0;
  }
  #page-footer .navbar .nav.footer-area > li a{
    padding: 5px 10px;
  }
  #page-footer .copyright{
    background-color: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    float: none;
  }
  #pagetop-area{
    position: static;
    text-align: right;
  }
  #pagetop{
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: static;
    text-align: right;
  }
  #pagetop.fixed{
    display: inherit;
    position: fixed;
    bottom: 8px;
    right: 8px;
  }
  #page-footer .navbar #foot-category li{
    position: relative;
    margin: 0;
    border-bottom: none;
  }
  #page-footer .navbar #foot-category > li{
    border-bottom: 1px solid #eee;
  }
  #page-footer .navbar #foot-category li.has_child.open{
    border-bottom: none;
  }
  #page-footer .navbar #foot-category li a:after,
  #page-footer .navbar #foot-category li.has_child .cascade-menu a:after,
  #page-footer .navbar #foot-category li.has_child.open .cascade-menu a:after{
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  #page-footer .navbar #foot-category li.has_child a:after{
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  #page-footer .navbar #foot-category li.has_child.open a:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top: -2px;
  }
  #page-footer .cascade-menu{
    position: static;
    float: none;
    overflow: hidden;
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  #page-footer .cascade-menu li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    box-sizing:border-box;
  }
  #page-footer .navbar #foot-category .cascade-menu li{
    border-bottom: 1px solid #eee;
  }
  #page-footer .navbar #foot-category .cascade-menu li:last-child,
  #page-footer .navbar #foot-category .cascade-menu li:nth-last-child(2):nth-child(odd){
    border-bottom: none;
  }
  #page-footer .cascade-menu li:nth-child(even){
    border-right: none;
  }
  #page-footer .cascade-menu li a{
    display: block;
  }
  #page-footer .navbar{
    text-align: left;
  }

  /*メインビジュアル*/
  #main-banners{
    margin-bottom: 35px;
  }
  #main-banners .slick-dots{
    bottom: -27px;
  }
  #main-banners .slick-dots li{
    margin: 0 6px;
    width: 10px;
    height: 14px;
  }
  #main-banners .slick-dots li button{
    width: 10px;
    height: 10px;
  }

  /*sidebar*/
  .item.list .span9.main .breadcrumb{
    display: none;
  }
  .item.list #page-body > .breadcrumb{
    display: block;
  }
  #sidebar{
    width: 100%;
  }
  .shop #sidebar,
  .list #sidebar,
  .search #sidebar,
  .item #sidebar{
    padding: 0;
    margin: 0 -10px;
    width: auto;
  }
  /*sub-banners*/
  #sub-banners.pickup{
    margin: 24px 0;
  }
  #sub-banners.pickup ul li{
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    margin: 0;
  }
  #sub-banners.pickup ul li p {
    margin: 0;
  }
  #sub-banners ul li a p.bx-txt{
    white-space: normal;
    text-overflow:clip;
    -webkit-text-overflow:clip;
    -moz-text-overflow:clip;
    -ms-text-overflow:clip;
    margin-bottom: 13px;
  }
  #sub-banners ul li a p.bx-tit,
  #sub-banners ul li a p.bx-txt{
    padding: 0 15px;
  }
  /*.side_wrap,
  #detail-search,
  .item #moreSearch{
    display: none;
  }*/
  #detail-search.active,
  .item #moreSearch.active{
    display: block;
  }
  .categorySearch{
    border-top: 1px solid #ebebeb;
    margin: 0 0 -1px;
    padding: 5px 15px;
    height: 32px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
  }
  .categorySearch span:after,
  .sideMenu-tab li span:after{
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border-top: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  .categorySearch.open{
    border-bottom: none;
  }
  .categorySearch.open span:after,
  .sideMenu-tab li.active span:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top: 60%;
  }
  .sideMenu-tab{
    padding-bottom: 20px;
  }
  .sideMenu-tab li{
    border-top: 1px solid #ebebeb;
    float: left;
    width: 50%;
    line-height: 42px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    box-sizing:border-box;
  }
  .sideMenu-tab li:first-child{
    border-right: 1px solid #ebebeb;
  }
  .sideMenu-tab li span{
    padding-left: 15px;
  }
  .sideMenu-tab li.active{
    border-bottom: none;
  }
  .item .span9.main > .breadcrumb{
    display: none;
  }
  #get-count .count,
  #get-count .count-tit{
    text-align: center;
  }
  .item #sidebar .side-caption{
    margin: 0 -10px;
    padding: 0 10px;
  }
  /*form#detail-search{
    margin: 0 -10px;
    padding: 0 10px;
  }*/
  .side-detailsearch{
    margin-top: 0;
  }
  .side-detailsearch .detailsearch-btn-area .btn-primary,
  .side-detailsearch .detailsearch-btn-area .btn.clearForm{
    background-position-x: 30%;
  }
  .item.search .select-keyword input[name="keyword"]{
    width: 100%;
  }



  /*top-newarrival*/
  /*top-ranking*/
  /*top-checked*/
  .slick-items{
    margin-bottom: 0;
  }
  .slick-items ul{
    width: 100%;
    margin: 0 0 10px;
    clear: both;
  }
  .slick-items .slick-track{
    position: relative;
  }
  .slick-items [class*="span"]{
    float: left;
  }
  .slick-items .slick-prev{
    left: 5px;
    z-index: 1;
  }
  .slick-items .slick-next{
    right: 5px;
  }
  .slick-items .slick-prev,
  .slick-items .slick-next{
    top: 33%;
    height: 200px;
  }
  .shop.index .slick-items .slick-next{
    right: 0;
  }
  .slick-items .slick-prev:before,
  .slick-items .slick-next:before{
    font-size: 35px;
  }
  #newarrival-items{
    margin-bottom: 0;
  }

  .shop.index .slick-items ul{
    padding: 0;
  }

  .shop.index .slick-items ul{
    width: 100%;
  }

  /*sort*/
  .sort-wrap,
  .sort, .sort > table,
  .sort > table > tbody,
  .sort > table > tbody > tr{
    display: block;
    width: 100%;
    min-width: 0;
  }
  .sort-wrap{
    width: auto;
    box-sizing:border-box;
   /* margin: 0 -10px;*/
  }
  .sort{
    float: none;
    max-width: inherit;
    padding: 0 12px 12px;
    margin: 0;
    margin-bottom: 12px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    overflow: hidden;
    border-bottom:1px solid #efefef;
  }
  .sort table td{
    padding: 0 2px;
    margin: 0 0 4px;
    width: 50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
  }
  .sort table td:focus,
  select:focus,
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus{
    outline: none;
  }
  .sort-wrap .sort table label{
    display: none;
  }
  .sort-wrap .sort table select{
    width: 100%;
    margin-right: 0;
    outline: none;
    padding: 5px 8px;
  }
  .sort-wrap .pages{
    padding: 0 14px 16px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    width: 100%;
    min-width: 0;
  }
  .sort-wrap .pages .itemNumber{
    float: left;
    margin-right: 0;
    height: 24px;
    line-height: 24px;
  }
  .pages .pagination ul li,
  .pages .pagination ul li a{
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
  }
  .pages .itemNumber,
  .pages .pagination,
  .pages .pagination ul {
    float: none;
    text-align: center;
  }
  .pages .itemNumber {
    margin-bottom: 12px;
  }

  /*guide*/
  .guide .row{
    padding-top: 20px;
  }
  .guide h1.title{
    font-size: 16px;
    margin-bottom: 20px;
  }
  .guide .subnav .nav-list{
    margin: 0 -16px;
  }
  .guide .subnav .nav-list > li > a{
    padding: 10px 15px;
    background: url("../../../assets/images/icon/guide/arrow_smp.png")no-repeat 96% 50% #eee;
    font-size: 12px;
    font-weight: normal;
  }
  .guide.index .span9{
    width: auto;
    float: none;
  }
  .style-guide section{
    padding-bottom: 10px;
  }
  .style-guide .page-header{
    margin: 0 -16px 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding:20px;
  }
  .style-guide .page-header h2{
    font-size: 12px;
  }
  .style-guide .sentence{
    margin: 0 0 15px;
    padding: 0 10px;
  }
  .style-guide .sentence *{
    font-size: 12px;
    line-height: 18px;
    margin-left: 0;
  }
  .style-guide .sentence dd {
    margin-left: 2em;
  }
  .style-guide h3{
    text-align: center;
    margin: 0 0 10px;
  }
  .style-guide h3:before{
    content: "";
  }
  .style-guide .smpnav{
    margin: -16px -16px 15px;
    /*border-top: 1px solid #eee;*/
    border-bottom: 1px solid #eee;
    padding-top: 1px;
  }
  .style-guide .smpnav ul{
    margin: 0;
  }
  .style-guide .smpnav li{
    border-top: 1px solid #eee;
  }
  .style-guide .smpnav li:first-child{
    border-top: none;
  }
  .style-guide .smpnav li a{
    text-decoration: none;
    padding: 6px 15px;
  }
  .guide .smpnav .nav-list > .active > a{
    background-color: transparent;
    font-weight: normal;
  }

  /*faq*/
  .guide.faq .span3{
    margin-top: 0;
  }
  .guide.faq .span9{
    float: none;
    width: auto;
  }
  .guide.faq .row{
    padding: 6px;
  }
}



/* renrewal common */
@media ( min-width: 768px ) {
  .title-outline:hover .logotype .char2,
  .breadcrumb li:hover .title-outline .logotype .char2 {
    margin-left:0.02em;
  }
  .title-outline:hover .logotype .char3,
  .breadcrumb li:hover .title-outline .logotype .char3 {
    margin-left:0;
  }
  .title-outline:hover .logotype .char5,
  .breadcrumb li:hover .title-outline .logotype .char5 {
    margin-left:0.03em;
  }
  .title-outline:hover .logotype .char6,
  .breadcrumb li:hover .title-outline .logotype .char6 {
    margin-left:-0.02em;
  }
  .title.title-outline:hover span.category-name {
    margin-left: -2px;
  }
  .breadcrumb li .logotype {
    width: 180px;
    font-weight: 600;
  }
  #search-popin .logotype:hover,
  body.cms-home .main-container .home-content .navigation .title.title-outline:hover,
  .breadcrumb li:hover {
    font-family: "APC-Helvetica-Outline","Helvetica Neue","Helvetica","游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro",
  "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", "Osaka－等幅", "Osaka-Mono","Arial",sans-serif;
  }
  /*.breadcrumb li:hover .divider {
    top: 1px;
  }*/
}
@media ( max-width: 767px ) {
  body {
    padding: 0;
  }
  .crumbs .breadcrumb {
    padding-top: 2px;
    padding-right: 130px;
    padding-left: 20px;
    border-bottom: 0;
    z-index: 901;
    position: relative;
  }
  .crumbs .breadcrumb li {
    font-size: 30px;
    flex-basis: 100%;
    padding-top: 0;
  }
}

/* renewal header */
@media ( min-width: 768px ) {
  #main-nav>li.level0>.submenu.submenu-2col .column:nth-child(1) a {
    padding-left: 40px;
  }
  #main-nav>li.level0>.submenu {
    padding: 40px 5px 35px;
    z-index: 2;
  }
  #brand-logo>li.level0>.level-top,
  #main-nav>li.level0>.level-top,
  #main-nav>li.header-info .level-top {
    font-size: 14px;
  }
  #main-nav>li.level0:hover>.submenu.submenu-2col {
    min-width: 100vw;
    padding: 40px 5px 35px;
    display: flex;
    box-sizing: border-box;
  }
  #main-nav>li.level0:hover>.submenu.submenu-1col {
    min-width: 160px;
    padding: 20px 5px 15px;
    display: flex;
  }
  #main-nav>li.level0>.submenu.submenu-2col .column:nth-child(1) a {
    padding-left: 40px;
  }
  #main-nav>li.level0:hover>.submenu.submenu-1col {
    min-width: 160px;
    padding: 20px 5px 15px;
  }
  .search-form-toggler .label {
    margin-left: 5px;
  }
  #main-nav>li.level0.rightmenu {
    position: static;
  }
  #rightmenu {
    position: absolute;
    right: 0;
    top: 16px;
    margin: 0 10px 0 0;
    text-align: right;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
  }
  #rightmenu a:hover {
    text-decoration: none;
  }
  #rightmenu .cart-toggler {
    padding: 0 8px;
    font-size: 12px;
  }
  #rightmenu .right-menu-link {
    padding: 4px 8px 0;
    font-size: 12px;
  }
  #rightmenu .language-toggler {
    padding-top: 6px;
  }
  .cart-toggler .icon {
    width: 10px;
    height: 10px;
    background-size: 10px;
    background-position: 0 0;
  }
  .search-form-toggler .icon {
    width: 32px;
    height: 42px;
    background-size: 20px;
  }
  #rightmenu .right-menu-link:hover span {
    border-bottom: 1px solid currentColor;
  }
  .responsive-cart-toggler {
    display: none;
  }
  .responsive-search {
    display: none;
  }
  .header-toggler {
    display: none;
  }
  #page-header .menu {
    left: 0;
    width: 100%;
    top: 0;
  }
  .hide-tablet-up {
    display: none!important;
  }
  .left-menu-open,
  .right-menu-open {
    width: 33%;
    min-width: 350px;
  }
  .left-menu-open .close-button:before,
  .right-menu-open .close-button:before {
    height: 12px;
    width: 12px;
    top: 2px;
    left: -10px;
  }
  #rightmenu span {
    font-size: 12px;
  }
  #search-popin {
    padding-top: 63px;
  }
  .has_nav_content #search-popin {
    padding-top: 94px;
  }
  #search-popin .popin-content {
    padding-right: 310px;
    box-sizing: border-box;
  }
  #search-popin .search-reinssurance {
    position: absolute;
    right: 112px;
    top: 0;
    padding: 1px 48px 8px 0;
    font-weight: 600;
    text-align: right;
    max-width: 140px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  #search-popin .popin-content .input-box .close-button {
    width: 200px;
    font-size: 0;
  }
  #search-popin .popin-content .input-box .close-button,
  #search-popin .popin-content .input-box #search_desktop {
    display: inline-block;
    vertical-align: baseline;
  }
  #search-popin .popin-content .close-button {
    padding-left: 20px;
  }
  #search-popin .popin-content .input-box #search_desktop {
    line-height: 1.2;
    width: calc(100% - 200px);
  }
  #search-popin .popin-content .input-box .close-button,
  #search-popin .popin-content .input-box #search_desktop {
    display: inline-block;
    vertical-align: baseline;
  }
  #search-popin #search_desktop {
    padding-left: 61px;
    margin-top: -6px;
  }
  #search-popin #search_desktop {
    font-size: 60px;
  }
  .main-container.col1-layout {
    min-height: 100vh;
  }
  .logotype * {
    font-size: 56px;
  }
  #search-popin .search-reinssurance::before {
    opacity: 0.55;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 35px;
  }
  #page-header {
    left: 0;
    width: 100%;
    top: 0;
  }
}
@media ( max-width: 767px ) {
  .search-form-toggler {
    display: inline-block;
  }
  .search-form-toggler .label {
    display: none;
  }
  .cart-toggler .icon {
    width: 44px;
    height: 43px;
    background-size: 18px;
    background-position: center;
  }
  .cart-toggler .label {
    display: none;
  }
  .responsive-cart-toggler .label {
    display: none;
  }
  #page-header {
    width: 100%;
    right: 0;
    z-index: 902;
    float: right;
  }
  #page-header .menu {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    right: 0;
    top: 10px;
    margin: 0;
    overflow-y: visible;
    width: 100%;
  }
  #main-nav {
    background-color: #fff;
    position: fixed;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    align-content: flex-start;
    z-index: 1;
    pointer-events: auto !important;
  }
  #brand-logo {
    padding-top: 6px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    align-content: flex-start;
    z-index: 1;
    pointer-events: auto !important;
  }
  #brand-logo-sp {
    font-weight: 700;
  }
  .brand-logo-wrapper {
    position: relative;
    width: 100%;
    margin-left: 20px;
  }
  .page-header-container[data-open="0"] {
    display: none;
  }
  #main-nav>li.level0 {
    display: block;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    flex-basis: 100%;
  }
  #main-nav>li.level0>.level-top,
  #main-nav>li.level0 .submenu.toggle-menu .column>a.level-top {
    font-size: 30px !important;
    font-weight: 700 !important;
  }
  #main-nav>li.level0[data-open="1"]>.level-top {
    display: none;
  }
  #main-nav>li.level0>.submenu.submenu-2col {
    max-width: 100%;
  }
  #main-nav>li.level0>.level-top, #main-nav>li.level0>.submenu {
    background-color: transparent !important;
  }
  #main-nav>li.level0>.submenu {
    padding: 10px 0 150px;
  }
  #main-nav>li.level0>.submenu.toggle-menu {
    padding: 0;
  }
  #main-nav>li.level0.level-top {
    -webkit-animation: reveal 1s 0s backwards ease-in-out 1;
    animation: reveal 1s 0s backwards ease-in-out 1;
  }
  #main-nav>li.level0.level-top:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
  }
  #main-nav>li.level0.level-top:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
  }
  #main-nav>li.level0.level-top:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
  }
  #main-nav>li.level0.level-top:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
  }
  #main-nav>li.level0.level-top:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
  }
  #main-nav>li.level0.level-top:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
  }
  #main-nav>li.level0.level-top:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
  }
  #main-nav>li.level0.level-top:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
  }
  #main-nav>li.level0.level-top:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
  }
  #main-nav>li.level0.level-top:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
  }
  #main-nav>li.level0#advancedmenu-search {
    display: none;
  }
  #rightmenu {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 40px 10px 0;
    -webkit-animation: mobile_reveal_fade 1s 1s backwards ease-in-out 1;
    animation: mobile_reveal_fade 1s 1s backwards ease-in-out 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
  }
  #rightmenu .cart-toggler, #rightmenu .newsletter-toggler {
    display: none;
  }
  #rightmenu a.right-menu-link, #rightmenu .menu-contact {
    line-height: 1.25;
  }
  #rightmenu .right-menu-link {
    font-size: 14px;
    line-height: 33px;
    padding: 17px 5px 15px 10px;
    margin: 0;
    text-transform: none;
    white-space: nowrap;
  }
  #main-nav>li.level0[data-open="-1"] {
    display: none;
  }
  #main-nav>li.level0[data-open="1"]>.submenu {
    display: block;
    position: static;
  }
  #main-nav>li.level0[data-open="1"]>.submenu.submenu-2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #main-nav>li.level0>.submenu.submenu-2col .column a {
    width: auto;
    display: inline-block;
  }
  #main-nav>li.level0[data-open="0"]>.submenu a,
  #main-nav>li.level0[data-open="1"]>.submenu a {
    display: inline-block;
    padding: 7px 20px;
    font-weight: 400;
    font-size: 18px;
  }
  #main-nav>li.level0>.submenu .column a {
    text-transform: none;
  }
  #main-nav>li.level0 .submenu.toggle-menu .column>a.level-top::before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(../../../assets/images/icon/icon-back-arrow.svg);
    background-size: 100%;
    background-position: 0;
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }
  .left-menu-open,
  .right-menu-open {
    width: calc(100% - 70px);
  }
  .left-menu-open .close-button,
  .right-menu-open .close-button {
    font-size: 0;
  }
  .left-menu-open .close-button:before,
  .right-menu-open .close-button:before {
    height: 17px;
    width: 17px;
    top: -3px;
    left: -5px;
  }
  .logotype * {
    font-size: 30px;
  }

  #search-popin {
    padding-top: 22px;
  }
  #search-popin .popin-content {
    display: inline-block;
  }
  #search-popin .popin-content .close-button {
    padding: 0 20px;
    text-align: left;
    font-size: 0;
  }
  .title {
    font-size: 30px;
  }
  #search-popin #search_desktop {
    display: block;
    margin: 22px 20px 0;
    font-size: 30px;
    line-height: 36px;
  }
  #search-popin .search-reinssurance {
    opacity: 0.25;
    margin: 24px 17px 0;
    padding-top: 8px;
    border-top: 1px solid #000;
    width: calc(100% - 34px);
  }
  #search-popin .search-reinssurance::before {
    width: 21px;
    height: 23px;
    margin-right: 8px;
  }
  #search-popin .search-reinssurance p {
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
  }
}
/* renewal footer */
@media ( min-width: 768px ) {
  .footer-global .logo {
    font-size: 60px;
    line-height: 0.9em;
  }
  .footer-global .logo {
    margin: 0 0 101px;
  }
  .footer-global .footer-social {
      width: 297px;
  }
  .footer-global .tagcloud {
    font-size: 14px;
    order: 0;
    margin-top: 0;
    line-height: 20px;
  }
  .footer-global .links {
    order: 0;
    flex-direction: row;
    display: flex;
  }
  .footer-global .bottom {
    order: 0;
  }
  .footer-global .footer-social ul li {
    margin-left: 22px;
  }
  .footer-global .footer-social ul svg {
    width: 50px;
    height: 50px;
  }
  .footer-global .links ul:last-child {
    margin-right: 0;
  }
  .footer-global .links ul {
    margin-right: 100px;
  }
  .footer-global .links ul .footer-links__col1 {
    grid-column: 1;
  }
  .footer-global .links ul .footer-links__col2 {
    grid-column: 2;
  }
  .footer-global .links ul .footer-links__col3 {
    grid-column: 3;
  }
  .footer-global .links ul .footer-links__col4 {
    grid-column: 4;
  }
  /* DH_FRONT_DEPT-6315 */
  .footer-global .footer-social {
    width: 380px;
}
}
@media ( max-width: 767px ) {
  .footer-global .links ul {
    flex-basis: 50%;
  }
  .footer-global .links ul li:nth-of-type( -n + 7 ) {
    grid-column: 1;
  }
  .footer-global .tagcloud {
    display: none;
  }
  .footer-global .links {
    margin-bottom: 31px;
    display: flex;
    flex-wrap: wrap;
  }
  .footer-global .footer-social ul svg {
    width: 24px;
    height: 24px;
  }
  .footer-global .footer-social ul .application_icon__links.open {
    display: none;
  }
  .footer-global .footer-social ul li {
    margin-left: 12px;
  }
  .footer-global .footer-social ul {
    text-align: right;
  }
  .footer-global .footer-social {
    right: 10px;
  }
}


/* top main */
@media ( min-width: 768px ) {
  body.cms-home .main-container .home-content {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: auto;
  }
  body.cms-home .main-container .home-content .navigation {
    float: left;
  }
  body.cms-home .main-container .home-content .navigation {
    height: 100%;
    width: 50%;
  }
  body.cms-home .main-container .home-content .navigation,
  body.cms-home .main-container .home-content .navigation-cms {
    margin: 0;
  }
  body.cms-home .main-container .home-content .navigation .item.nav-logo {
    margin-top: 6px;
  }
  body.cms-home .main-container .home-content .navigation-cms .home-slider {
    z-index: 0;
  }
  body.cms-home .main-container .home-content .navigation-cms .category-cms {
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
  }
  body.cms-home .main-container .home-content .navigation .item.nav-logo .content {
    padding-bottom: 34px;
  }
  body.cms-home .main-container .home-content .navigation .item .content {
    padding: 31px 20px 30px;
    min-height: 125px;
  }
  body.cms-home .main-container .home-content .navigation-cms .home-slider .slider-item {
      height: 100vh;
  }
  body.cms-home .main-container .home-content .navigation-cms .home-slider .slider-item img {
    max-height: 100vh;
  }
  body.cms-home .main-container .home-content .navigation {
    margin-top: 26px;
    line-height: 0.9em;
    letter-spacing: -0.001em;
  }
  body.cms-home .main-container .home-content .navigation .title {
    margin-top: 26px;
    line-height: 0.9em;
    letter-spacing: -0.001em;
  }
  body.cms-home .main-container .home-content .navigation-cms .category-cms:hover,
  body.cms-home .main-container .home-content .navigation-cms .category-cms.show {
    display: block;
  }
  body.cms-home .main-container .home-content .navigation-cms .easycms-item .easycms-content .easycms-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  body.cms-home .main-container .home-content .navigation-cms .easycms-item .easycms-content .easycms-image img {
    visibility: hidden;
    max-height: 100vh;
  }
  body.cms-home .main-container .home-content .navigation-cms .home-slider .slider-item img {
    max-height: 100vh;
  }
  body.cms-home .main-container .home-content .navigation-cms .easycms-item .easycms-content:nth-child(1):nth-last-child(1) {
      height:100vh;
  }
}

@media ( max-width: 767px ) {
  body.cms-home .main-container .home-content .navigation {
    padding-top: 7px;
  }
  body.cms-home .main-container .home-content .navigation .item .content {
    padding: 15px 20px;
  }
  body.cms-home .main-container .home-content .navigation .item .title {
    font-size: 30px;
  }
  body.cms-home .main-container .home-content .navigation .item .content {
    padding: 15px 20px;
  }
  body.cms-home .main-container .home-content .navigation-cms>li+li {
    margin-top: 5px;
  }
  body.cms-home .main-container .home-content .navigation-cms .home-slider .slider-item img {
    max-width: 100%;
  }
}

/* filter */
@media ( max-width: 767px ) {
  .filters-container .layered-nav-block.openTab .block-content {
    max-height: 100%;
    z-index: 902;
    opacity: 1;
    -webkit-transition: max-height 1s ease, opacity .1s ease-in;
    transition: max-height 1s ease, opacity .1s ease-in;
  }
  .filters-container .layered-nav-block .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    max-height: 0;
    opacity: 0;
    height: auto;
    right: 0;
    bottom: 0;
    top: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    font-size: 16px;
  }
  .filters-container .layered-nav-block .block-content .block-filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .filters-container .layered-nav-block .block-content .button-line {
      padding-top: 5px;
      padding-right: 5px;
  }
  .filters-container .layered-nav-block .block-content .block-filter {
    padding: 0 0 20px 5px;
  }
  .filters-container .layered-nav-block .block-content .button-line .link.validate {
    min-width: 140px;
  }
  .filters-container .layered-nav-block .block-content .button-line .link {
    font-size: 13px;
    padding: 15px 10px 10px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-title {
    margin-bottom: 4px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li.m-filter-group-size {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 5px;
    font-size: 16px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li {
    display: inline-block;
    margin: 1px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li .filter-item {
    background-color: rgba(0,0,0,0.1);
    padding: 13px 10px 6px;
    min-width: 15px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li label {
      font-size: 16px;
  }
  .filters-container .layered-nav-block {
    padding-left: 5px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list[data-filter="color_filter"] li .filter-item {
    padding-left: 25px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .badge {
    top: 15px;
    left: 10px;
    /*display: none;*/
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li .filter-checkbox:checked+.filter-item {
    background-color: rgba(0,0,0,0.2);
  }
  .filters-container .layered-nav-block .block-content .button-line .link.clear {
    background-position: top 50% left 10px;
  }
}
@media ( min-width: 768px ) {
  .filters-container {
    margin-top: 0;
    padding-left: 5px;
  }
  .filters-container .layered-nav-block .block-content {
    display: none;
    top: 80%;
    font-size: 14px;
  }
  .filters-container .layered-nav-block .block-content .close-filter-panel {
    display: none;
  }
  .filters-container .layered-nav-block .block-content .button-line {
    padding-top: 3px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-title {
    margin-bottom: 5px;
  }
  .filters-container .layered-nav-block .block-content .color_filter .block-filter-title {
    margin-bottom: 7px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list {
    margin-bottom: 8px;
  }
  .filters-container .layered-nav-block.openTab .block-title {
    background: #d6d6d6;
    color: #000;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .filter-checkbox:checked+.filter-item {
    background-image: url("../../../assets/images/icon/icon-check.svg");
  }
  /*.filters-container .layered-nav-block .block-content .block-filter-values .filter-checkbox[checked='checked']+.filter-item {
    background-image: url("../../../assets/images/icon/icon-check.svg");
  }*/
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li .filter-item {
    padding-right: 18px;
    line-height: 1.3;
    margin-bottom: 0;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li label {
    font-size: 14px;
  }
  .filters-container .layered-nav-block .block-content .button-line .link {
    font-size: 11px;
    padding: 9px 10px 7px;
  }
  .filters-container .layered-nav-block .block-content .button-line .link {
    font-size: 11px;
    padding: 9px 10px 7px;
  }
  .filters-container .layered-nav-block .block-content .button-line {
    padding-top: 3px;
  }
  .filters-container .layered-nav-block .block-content .button-line .link.clear {
    background-position: top 50% left 10px;
  }
  .filters-container .layered-nav-block .block-content .button-line .link.validate {
    min-width: 110px;
    margin-right: 10px;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .badge {
    top: 2px;
    left: 0;
    /*display: none;*/
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list[data-filter="color_filter"] li {
    padding-left: 15px;
  }
  .filters-container .layered-nav-block.type-block .block-content .block-filters .block-filter .block-filter-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list[data-filter="type_filter"] li label {
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 1.3;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li label:hover span:not(.badge) {
    border-bottom-color: rgba(0,0,0,0.4);
  }
}
@media ( max-width: 320px ) {
  .filters-container .layered-nav-block .block-content .button-line .link+.link {
    margin-top: 10px;
    margin-left: 0;
  }
  .filters-container .layered-nav-block .block-content .block-filter-values .m-filter-item-list li .filter-item {
    padding-right: 18px;
  }
}
@media ( min-width: 768px ) {
  .header-minicart {
    display: inline-block;
  }
  #header-cart.skip-active {
    background: #FBFBFB;
    border: solid 1px #ccc;
    display: block;
    position: absolute;
    z-index: 200;
    /*top: 75px;*/
    right: 0;
    width: 320px;
    background: #fff;
    border: 0;
  }
  .header-minicart .minicart-wrapper {
    padding: 20px 0;
  }
  .checkout-types.minicart {
    float: none;
    text-align: center;
  }
  .minicart-wrapper .minicart-actions .edit-or-continue-line .edit,
  .minicart-wrapper .minicart-actions .edit-or-continue-line .continue {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
  }
  .left-menu-open .popin-title, .right-menu-open .popin-title {
    font-size: 30px;
  }
}
@media ( max-width: 767px ) {
  .header-minicart {
    display: block;
  }
  /*#minicart_head {
    display: none;
  }*/
  #minicart-popin #header-cart {
    padding: 0;
  }
  .header-minicart .minicart-wrapper {
    position: absolute;
    z-index: 9999999999;
    background-color: #fff;
    padding: 0 0 10px;
    top: 72px;
    width: 100%;
  }
  .header-minicart .minicart-subtotal {
    display: none;
  }
  .header-minicart .minicart-actions {
    padding-bottom: 33px;
  }
  .header-minicart .minicart-actions .checkout-button {
    width: 100%;
  }
  .minicart-wrapper .minicart-actions .edit-or-continue-line {
    padding: 0 3px;
  }
  .minicart-wrapper .minicart-actions .edit-or-continue-line .edit {
    color: #fff;
  }
  .minicart-wrapper .minicart-actions .edit-or-continue-line .edit, .minicart-wrapper .minicart-actions .edit-or-continue-line .continue {
    padding: 7px 15px 3px;
    font-size: 17px;
    font-weight: bold;
    border: solid 2px #000;
    line-height: 37px;
    margin-bottom: 9px;
    width: 100%;
  }
  .hide-phone-down {
    display: none !important;
  }
  .minicart-wrapper .minicart-actions .edit-or-continue-line .edit {
    display: inline-block;
    background-color: #000;
  }
  .minicart-wrapper .minicart-actions .edit-or-continue-line .continue {
    display: inline-block;
  }
  .cart-toggler.in_cart .icon:after {
    display: none;
  }
  .crumbs.visible-phone .breadcrumb li.large {
    font-size: 60px;
  }
  #main-nav>li.level0>.submenu .column li.jpn a {
    font-size: 14px;
    line-height: 1.7em;
  }
}
@media ( min-width: 768px ) {
  body.cms-home .main-container .home-content .navigation-cms .easycms-item .easycms-content {
    height: 50vh;
  }
  .breadcrumb li:first-of-type {
    margin-right: 18px;
  }
}
@media ( max-width: 1467px ) and ( min-width: 768px ) {
  body.has_nav_content.cms-home .main-container .home-content .navigation .item.nav-logo {
    margin-top: 36px;
  }
}
@media ( max-width: 767px ) {
  .breadcrumb li.large {
    font-size: 60px;
    margin-left: -5px;
  }
  .nav-event {
    display: block;
    text-align: center;
    overflow: hidden;
  }
  .nav-event .content {
    display: block;
    font-size: 14px;
    padding: 17px 45px 10px;
    background: #d5d3c7;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    position: relative;
    width: 390px;
    height: 87px;
    display: flex;
    align-items: center;
  }
  .nav-event .nav-event_close {
    content: '';
    display: block;
    background-image: url("../../../assets/images/icon/icon-close.svg");
    width: 44px;
    height: 44px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
  }
  /*Select Box Decoration*/
  .select-decoration:after {
    top: 35%;
  }
  .select-decoration select {
    padding-top: 1%;
  }
}
@media screen and (max-width:767px) {
  .popin-content #box-size-chart .size-global .box,
  .popin-content #box-size-chart .size-small .box {
    width: auto;
    margin-bottom: 10px;
    flex-basis: calc( (100% - 14px) / 3 );
    max-width: calc( (100% - 14px) / 3 );
  }
  .popin-content #box-size-chart .box {
    padding: 30px 0;
  }
  .popin-content #box-size-chart {
    margin-top: 10px;
  }
  .popin-content #box-size-chart .size-global .box,
  .popin-content #box-size-chart .size-small .box {
    width: auto;
  }
  .popin-content #box-size-chart .alpha,
  .popin-content #box-size-chart .fr,
  .popin-content #box-size-chart .f_num {
    font-size: 3em;
  }
  .popin-content #box-size-chart .box {
    padding: 20px 0;
  }
  .popin-content #box-size-chart > div .box:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .right-menu-open[data-popin='apc_size'] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/*error page*/
@media screen and (max-width:767px) {
  meta[http-equiv = "Refresh"] + .title {
    margin-top: 20px 0;
  }
}

@media ( min-width: 768px ) {
  .cart-toggler.in_cart .icon:after {
    display: none;
  }
  .cart-toggler .icon {
    background-image: none;
  }
  .journal-hashtags {
    margin-bottom: 0;
  }
}
@media ( max-width: 768px ) {
  /* DH_FRONT_DEPT-8738 */
  .nav-event .content {
    width: auto;
    display: block;
  }
  body.static.index.top #wrapper {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .caption-box-area {
    position: relative;
    padding: 20px 20px 0;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .caption-box {
    justify-content: center;
  }
  .caption-box-inner {
    padding: 0;
  }
  .navigation-cms .title {
    display: none;
  }
  .main-container.col1-layout {
    top: 0;
    height: 100%;
    max-height: 100%;
    clear: both;
  }
  .navigation-cms .slick-track,
  .new-item-slider .slick-track,
  .featured-slider .slick-track,
  .checked-item-slider .slick-track {
    position: relative;
  }
  .navigation-cms .slick-dots {
    bottom: 0;
    left: initial;
    right: 10px;
  }
  .season-container,
  .season-topic-container {
    display: block;
    margin: 0;
  }
  .season-wrapper,
  .season-topic-wrapper {
    margin-bottom: 10px;
  }
  .season-inner,
  .season-topic-inner {
    padding: 20px;
  }
  .product-list.top-item .size_color.visibility_content {
    opacity: 1;
    display: block;
    visibility: visible;
  }
  .caption-additional-default {
    position: relative;
  }
  .product-list.top-item:hover .description {
    opacity: 1;
  }
  .caption-additional {
    display: flex;
    flex-direction: column-reverse;
  }
  /* 矢印 */
  .new-item-slider .slick-arrow,
  .featured-slider .slick-arrow,
  .checked-item-slider .slick-arrow {
    width: 32px;
    height: 28px;
    z-index: 1;
    top: -23px;
  }
  .new-item-slider .slick-arrow::before,
  .featured-slider .slick-arrow::before ,
  .checked-item-slider .slick-arrow::before{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -4px;
  }
  /* 戻る矢印 */
  .new-item-slider .slick-prev,
  .featured-slider .slick-prev,
  .checked-item-slider .slick-prev {
    left: initial;
    right: 70px;
  }
  .new-item-slider .slick-prev::before,
  .featured-slider .slick-prev::before,
  .checked-item-slider .slick-prev::before {
    content: url("../../../assets/images/top/top-prev-btn.svg");
    margin-right: 10px;
  }
  /* 次へ矢印 */
  .new-item-slider .slick-next,
  .featured-slider .slick-next,
  .checked-item-slider .slick-next {
    right: 25px;
  }
  .new-item-slider .slick-next::before,
  .featured-slider .slick-next::before,
  .checked-item-slider .slick-next::before {
    content: url("../../../assets/images/top/top-next-btn.svg");
  }
  .new-item-slider .slick-prev.slick-disabled,
  .new-item-slider .slick-next.slick-disabled,
  .featured-slider .slick-prev.slick-disabled,
  .featured-slider .slick-next.slick-disabled,
  .checked-item-slider .slick-prev.slick-disabled,
  .checked-item-slider .slick-next.slick-disabled {
    pointer-events: none;
  }
  .journal-text,
  .lms-text,
  .lms-table,
  .new-shop-text {
    width: 100%;
  }
  .journal-text p,
  .lms-text p,
  .new-shop-text p {
    font-size: 15px;
    line-height: 20px;
  }
  .top-item-columns-2 {
    display: flex;
    flex-direction: column;
  }
  .top-item-columns-2,
  .season-topic-container {
    margin-top: 100px;
  }
  .lms-table-title th,
  .lms-table-content td {
    font-size: 15px;
    line-height: 20px;
  }
  .journal-button .button,
  .lms-button .button,
  .new-shop-button .button {
    padding: 13px 20px 10px;
  }
  .top-lms {
    display: flex;
    flex-direction: column-reverse;
  }
  .top-guide-wrapper {
    margin: 0;
    grid-template-columns: repeat(2, 1fr);
    padding: 40px 0 15px;
  }
  .top-guide-item {
    margin-bottom: 40px;
  }
  .footer-wrapper {
    flex-direction: column;
  }
  .footer-cutomer {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
  }
  .footer-member-registration,
  .footer-login {
    flex-basis: 50%;
  }
  #main-nav>li.level0>.submenu.submenu-2col .column {
    flex-basis: 100%;
  }
  #main-nav>li.level0>.submenu.submenu-2col.gnavi-objects,
  #main-nav>li.level0:hover>.submenu.submenu-2col.gnavi-objects,
  #main-nav>li.level0>.submenu.submenu-1col.gnavi-objects,
  #main-nav>li.level0:hover>.submenu.submenu-1col.gnavi-objects,
  #main-nav .toggle-menu-title>li.level0[data-open="-1"],
  #main-nav .toggle-menu-title>li.level0[data-open="0"]>.submenu,
  #main-nav .toggle-menu-title>li.level0[data-open="-1"]>.submenu {
    display: none;
  }
  #main-nav .toggle-menu-title>li.level0[data-open="1"]>.submenu {
    display: block;
    position: static;
  }
  #main-nav .toggle-menu-title>li.level0[data-open="1"]>.submenu.submenu-2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #main-nav .toggle-menu-title>li.level0[data-open="1"]>.submenu a {
    display: inline-block;
    padding: 7px 20px;
    font-weight: 400;
    font-size: 18px;
  }
  #main-nav .toggle-menu-title>li.level0[data-open="1"]>a::before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(../../../assets/images/icon/icon-back-arrow.svg);
    background-size: 100%;
    background-position: 0;
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }
  #main-nav>li.level0 .submenu.toggle-menu .column>a.level-top {
    padding: 0 15px 40px;
  }
  #main-nav .toggle-menu li.level0 a,
  #main-nav .toggle-menu li.level0[data-open="0"] span,
  #main-nav .toggle-menu .toggle-sub-menu li a,
  #main-nav .toggle-menu .toggle-sub-menu li span,
  #main-nav .sale-toggle-menu li a,
  #main-nav>li.level0>.submenu .interaction-toggle-menu a.text-link {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
  }
  #main-nav .toggle-menu-title li.level0[data-open="1"]>.level-top {
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3em;
    padding: 12px 15px 6px;
    margin: 0 5px;
    text-decoration: none;
  }
  .sac-category .sac-highlight-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  #main-nav .toggle-menu-title>li.level0[data-open="1"]>.submenu.submenu-2col.toggle-sub-menu.img-area,
  .sac-category .toggle-sub-menu.img-area .column {
    display: table;
  }
  .interaction-toggle-menu {
    display: flex;
    flex-direction: column;
  }
  .interaction-toggle-menu .img-link-container {
    padding: 7px 20px;
  }
  .interaction-toggle-menu .img-link-container::before {
    content: "";
    width: 100%;
    height: 10px;
    display: block;
    background-image: url(../../../assets/images/top/border-line.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  #main-nav>li.level0>.submenu .interaction-toggle-menu a.img-link {
    padding: 0;
  }
  .interaction-toggle-menu .img-link img {
    margin-top: 30px;
  }
  #main-nav .submenu {
    box-shadow: none;
  }
  #main-nav>li.level0[data-open="1"] .submenu.toggle-menu .column>a.category-title.sub-menu-open,
  #main-nav>li.level0[data-open="1"] .submenu.toggle-menu .column>.toggle-menu-title>li.level0[data-open="1"]>.level-top {
    display: none;
    pointer-events: none;
  }
  #main-nav .toggle-sub-menu {
    padding: 0;
  }
  #main-nav>li.level0>.submenu.toggle-menu,
  #main-nav .toggle-menu-title>li.level0>.submenu {
    background-color: #fff !important;
  }
  #main-nav .submenu.toggle-menu,
  #main-nav .submenu.toggle-sub-menu {
    transform: translateX(100%);
  }
  #main-nav {
    overflow-x: hidden;
  }
  .toggle-menu-slide-left {
    opacity: 1;
    display: flex;
    animation: slideinLeft 1s forwards;
  }
  .toggle-menu-slide-right {
    opacity: 1;
    display: flex !important;
    position: absolute;
    top: 0;
    animation: slideinRight 1s forwards;
  }
  .navbar-inner {
    min-height: 50px;
  }
  .breadcrumb a {
    line-height: 1.2;
  }
  .breadcrumb span {
    line-height: 1.2;
  }
  .top-guide-container .top-guide-wrapper .top-guide-item-title,
  .top-guide-container .top-guide-wrapper .top-guide-item-caption {
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .navigation {
    display: none;
  }
  .lms-description-wrapper .lms-button {
    padding-top: 15px;
  }
  .gnav-cutomer .icon {
    width: 32px;
    height: 42px;
    background-size: 20px;
  }
  .gnav-right-menu {
    margin: 0 10px;
  }
  .gnav-shopping-bag .icon {
    width: 32px;
    height: 42px;
    background-size: 20px;
  }
  #brand-logo .logotype *,
  #main-nav .logotype * {
    font-size: 14px;
  }
  #brand-logo li.hide-tablet-up {
    display: inline-block !important;
  }
  #main-nav .submenu.gnav-border-line {
    background-image: url(../../../assets/images/common/gnav-border-line.svg);
    background-size: 10px 85%;
    background-repeat: no-repeat;
    background-position: 15% center;
  }
  .responsive-cutomer {
    display: none;
  }
  .submenu .column ul {
    margin-bottom: 20px;
  }
  #main-nav>li.level0[data-open="1"]:hover>.submenu.submenu-2col.gnavi-objects {
    display: flex;
  }
  #main-nav>li.level0:hover>.submenu.submenu-2col.toggle-menu {
    display: none;
  }
}

@keyframes slideinLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideinRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}