@charset "utf-8";

/********************************************************
既存
********************************************************/

@media (max-width: 767px) {

/*ilbisone.css
-----------------------------------*/
/*common*/
.row > .pull-right[class*="span"]{float:none;}
.visible-phone-inline{display:inline;}
.title{font-size:18px; line-height:22px; padding:12px 0;}
.title small{font-size:10px; margin:6px 0 0 1px;}
.box-title{font-size:16px; font-weight:normal; height:auto;}
.box-title small{display:block; font-size:9px; line-height:12px; margin-left:0;}
.min-container{width:auto;}
#wrapper .shadow-wrap{padding:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#wrapper .shadow-wrap .point.bottom{margin: 10px 10px 0; display: block;}
select, input[type="file"]{font-size:10px; height:35px; line-height:35px;}
#popup-overlay{display:none; background:#000; opacity:0.8; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000;}

html {
  -webkit-overflow-scrolling: touch;
}

/*ボタン
-----------------------------------*/
.btn{
  font-size:9px;
  padding:2px 11px;
  background-color:#333;
}
[class^="btn"]{
}
.btn-border{
  font-size:11px;
  min-width:135px;
  padding:7px 0 !important;
}
.a-mark{
  display:block;
  padding-right:0;
  background-image:url('/assets/images/smp/menu_arrow_10.png');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:19px 12px;
}
a:hover .a-mark{
  background-image:url('/assets/images/smp/menu_arrow_white_10.png');
}
.form-actions{
  width:auto;
  padding:20px 5px 0;
}
.form-actions .btn{
  font-size:11px;
  padding:9px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form-actions .btn-primary span{
  display:block;
  padding-right:0;
  /*background-image:url('/assets/images/smp/menu_arrow_white_10.png');*/
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:19px 12px;
}
.form-actions .btn-back{
  margin-right:0;
}
.form-actions .btn-back span{
  display:block;
  padding-left:0;
  /* background-image:url('/assets/images/smp/menu_arrow_white_left.png');*/
  background-repeat:no-repeat;
  background-position:10px 50%;
  background-size:11px 12px;
}
.form-actions .btn-line2{
  padding-top:5px; padding-bottom:5px;
}
.one-half-layout{overflow:hidden;}
.one-half-layout .btn{margin-bottom:0; width:48.38%;}
.one-half-layout .btn-primary{float:right;}
.one-half-layout .btn-back{float:left;}
.one-half-layout .btn-row{float:left;}
.one-half-layout + .btn{margin-top:10px;}
.one-half-layout .color-grey{background-color:#999;}
.one-third-layout{overflow:hidden;}
.one-third-layout .btn{margin-bottom:0;}
.one-third-layout .btn-primary{float:right; width:63.54%;}
.one-third-layout .btn-back{float:left; width:34.51%; background-color:#999;}
.one-third-layout + .btn{margin-top:10px;}

.pageback-area{
  padding:30px 5px 0;
}
.btn-backindex{
  display:block;
  color:#000;
  font-size:13px;
  text-align:center;
  border:solid 1px #e6d5b1;
  background-color:transparent;
  padding:8px 0 8px 13px;
  background-image:url('/assets/images/smp/menu_arrow_left.png');
  background-repeat:no-repeat;
  background-position:13px 50%;
  background-size:11px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn.btn-renew{color:#fff; background-color:#333; border: 1px solid #333;}
.btn.btn-delete{color:#333; background-color:#fff; border:1px solid #e6d5b1;}

/*header
-----------------------------------*/
#page-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:99999;
}
#page-header:after{
  content:"";
  display:block;
  width:100%;
  height:5px;
  position:absolute;
  top:100%;
  left:0;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}
.global-navi-wrap{
  background:#fff;
}
#logo{
  position:static;
  left:auto;
  top:auto;
  float:left;
  width:23%;
}
#logo a{
  overflow: hidden;
  width:70px;
  height:55px;
  background-image:url("/assets/images/smp/logo.png");
  background-size:70px 55px;
}
#global-navi-sp{
  list-style:none;
  float:right;
  width:77%;
}
#global-navi-sp > li{
  float:left;
  width:20%;
  text-align:center;
}
#global-navi-sp > li > a{
  display:block;
  padding:16px 0;
}
#global-navi-sp > li [class*="nav-icon"]{
  text-indent:-9999px;
  display:inline-block;
  width:22px;
  height:22px;
  background-image:url("/assets/images/smp/headnavi.png");
  background-repeat:no-repeat;
  background-size:110px 22px;
}
#global-navi-sp > li .nav-icon-user{background-position:0 50%;}
#global-navi-sp > li .nav-icon-search{background-position:-22px 50%;}
#global-navi-sp > li .nav-icon-cart{background-position:-44px 50%;}
#global-navi-sp > li .nav-icon-store{background-position:-66px 50%;}
#global-navi-sp > li .nav-icon-menu{background-position:-88px 50%;}

#global-navi-sp > li img{
  max-width:22px;
}
#global-navi-sp .badge{
  color:#333;
  font-size:11px;
  font-weight:normal;
  background-color:#eee5cd;
  padding:1px 2px 0;
  line-height:14px;
  min-width:8px;
  margin-left:1px;
}
  /*送料無料バナー*/
.free_shipping #page-header .smp-shipping-bnr{
  background-color:#000000;
  text-align:center;
  padding:6px 0;
}
.free_shipping #page-header .smp-shipping-bnr img{
  height:10px;
}

/*pulldown menu*/
#page-header .nav-collapse,
#page-header .nav-collapse.collapse{
  position:fixed;
  top:55px;
  left:0;
  right:0;
  bottom:0;
  z-index: 100000;
  overflow:auto;
  /*-webkit-overflow-scrolling: touch;*/
}
.free_shipping #page-header .nav-collapse.collapse{
  top:85px;
}
#page-header .nav-collapse-inner{
  background-color:#fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#page-header .nav-collapse .nav{
  margin:0;
  border-top:solid 1px #f0e6d0;
}
#page-header .nav-collapse .nav > li{
  border-bottom:solid 1px #f0e6d0;
}
#page-header .nav-collapse .nav > li.navi-divider{
  display:none;
}
#page-header .nav-collapse .nav > li > a,
#page-header .nav-collapse .dropdown-menu a{
  color:#000;
  font-weight:normal;
  padding:10px 17px;
}
#page-header .nav-collapse .nav > li > a{
  font-size:13px;
  background-image:url('/assets/images/smp/menu_arrow.png');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:24px 12px;
}
#page-header .nav-collapse .nav > li.dropdown > a,
#page-header .nav-collapse .dropdown-menu > li > a.child-category-dropdown{
  background-image:url('/assets/images/smp/toggle_on.png');
}
#page-header .nav-collapse .nav > li.dropdown.open > a,
#page-header .nav-collapse .dropdown-submenu > a.child-category-dropdown.open{
  background-image:url('/assets/images/smp/toggle_off.png');
}

#page-header .nav-collapse .dropdown-menu{
  margin:0;
  position:inherit;
}
#page-header .nav-collapse .dropdown-menu > li{
  border-top:solid 1px #fff;
}
#page-header .nav-collapse .dropdown-menu > li > a,
#page-header .nav-collapse .dropdown-menu > li > .child-category-dropdown{
  font-size:11px;
  padding-left:32px;
  background-image:url('/assets/images/smp/menu_arrow_gold.png');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:24px 12px;
  background-color:#f8f3e8;
  position:relative;
}
#page-header .nav-collapse .dropdown-menu.child-category-dropdown-list > li > a{
  padding-left: 51px;
  background-color: #f2ecdb;
}
#page-header .nav-collapse .dropdown-menu a .default{
  display:none;
}
#page-header .nav-collapse .dropdown-menu a .change{
  display:inline-block;
}
#page-header .nav-collapse .dropdown-submenu > .dropdown-menu{
  display:none;
}
#page-header .nav-collapse .btn-navbar-cs{
  display:block;
  font-size:11px;
  padding:10px 0;
  text-align:center;
  margin-bottom:30px;
}

/*footer
-----------------------------------*/
#page-body{
  background:none;
  padding-top:55px;
  padding-bottom:20px;
}
.free_shipping #page-body{
  padding-top:88px;
}
#page-footer .nav{
  border-top:solid 1px #e6d5b1;
  padding-top:1px;
}
#page-footer .nav > li{
  float:none;
  border-top:solid 1px #f0e6d0;
}
#page-footer .nav > li > a,
#page-footer .nav > li > .child-category-dropdown span{
  height:auto;
  width:auto;
  text-indent:inherit;
  padding:10px 17px;
}
#page-footer .nav > li > a,
#page-footer .nav > li > a:hover,
#page-footer .nav > li[class*="fmenu"] > a{
  font-size:11px;
  width:auto;
  background-image:url('/assets/images/smp/menu_arrow.png');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:24px 12px;
}
#page-footer .nav > li.active > a{
  background-color:#f8f3e8;
}

#page-footer .nav > li.fnavi-divider{
  display:none;
}
#page-footer .nav > li.recruit-link{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#page-footer .nav > li a.topic-link-block{
  background-color:#f7f1e3;
}
#page-footer a.topic-link-block h2,
#page-footer a.topic-link-block h2 small{
  color:#000;
  font-size:11px;
}

#page-footer .copyright-wrap{
  border-top:solid 1px #f0e6d0;
}
#page-footer .copyright{
  float:left;
  margin:15px 0 15px 16px;
}
#page-footer .copyright a{
  color:#000;
  font-size:9px;
}
#pagetop-area{
  margin:0;
  right:5px;
  bottom:5px;
}
#pagetop,
#pagetop:hover{
  background-color:#000;
  background-image:url("/assets/images/smp/pagetop.png");
  background-size:7px 6px;
}

/*breadcrumb*/
.breadcrumb-wrap .breadcrumb {
  padding: 0 10px;
}
.breadcrumb-wrap .breadcrumb,
.breadcrumb-wrap .breadcrumb a {
  font-size:10px;
}
.breadcrumb-wrap .breadcrumb li,
.breadcrumb-wrap .breadcrumb li a {
  font-size:10px;
}
.breadcrumb,
.breadcrumb > li{
  line-height:16px;
}

/*lead
-----------------------------------*/
.lead{
  font-size:10px;
  line-height:17px;
}
#wrapper .lead{
  padding:10px 10px;
}
#wrapper .lead.only-sentence{
  padding:30px 10px 8px;
}
#wrapper .lead.lead-complete,
#wrapper .lead.account-lead-complete{
  padding:30px 10px 8px;
}

.lead.lead-complete .completettl,
.lead.account-lead-complete .completettl{
  font-size:12px;
  line-height:18px;
}
.lead.lead-complete .subtext,
.lead.account-lead-complete .subtext{
  font-size:12px;
  line-height:14px;
  margin-top:25px;
  font-weight:normal;
}


/*アラート
-----------------------------------*/
.alert-error{
  font-size:11px;
  margin:20px 0;
  width:auto;
}

/*テーブル
-----------------------------------*/
#wrapper .table-standard th,
#wrapper .table-standard td,
#wrapper .table-standard tbody th{
  font-size:9px;
  line-height:11px;
}
#wrapper .table-standard th{
  width:100px;
  padding:7px 16px 7px 0;
}
#wrapper .table-standard td{
  padding:7px 12px;
}

/*フォーム
-----------------------------------*/
/**base**/
.form-horizontal .control-label{
  float: none;
  width: auto;
  padding-top: 0;
  text-align: left;
}
.form-horizontal .controls{
  margin-left: 0;
}
.form-standard,
.form-standard.form-standard-thin{
  padding-top:15px;
  padding-bottom:5px;
}
.controls .radio,
.controls .checkbox{
  font-size:10px;
}


/*index*/
#mainvisual-slider{
  margin-bottom:30px;
}
#mainvisual-slider .bx-wrapper .bx-pager.bx-default-pager a{
  width:28px;
  height:30px;
  background-image:url('/assets/images/smp/slide_nav.png');
  background-size:9px 9px;
  margin:0;
}
#mainvisual-slider .bx-wrapper .bx-pager.bx-default-pager a.active{
  background-image:url('/assets/images/smp/slide_nav_active.png');
}
#mainvisual-slider .bx-wrapper .bx-pager,
#mainvisual-slider .bx-wrapper .bx-controls-auto{
  bottom:-30px;
}
#index-news .box-title{
  text-align:center;
  border-top:solid 1px #f0e6d0;
  font-size:18px;
  margin-bottom:0;
  padding:5px 0 7px;
  position:relative;
}
#index-news .box-title small{
  display:none;
}
#index-news a.news-more{
  text-indent:-9999px;
  padding:0;
  width:38px;
  height:32px;
  background:url("/assets/images/smp/link_more.png") no-repeat 50% 50%;
  background-size:11px 9px;
  float:none;
  position:absolute;
  top:0;
  right:0;
}

#index-news ul{
  border-top:solid 1px #f0e6d0;
}
#index-news ul > li{
  margin-bottom:0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom:solid 1px #f0e6d0;
}

#top-collection{
  min-height:360px;
}
#top-collection h2{
  font-size:20px;
  text-shadow:none;
  padding:30px 0 0;
}
#top-collection h3{
  font-size:10px;
  text-shadow:none;
  padding:0 0 12px;
}
#top-collection .bx-wrapper img{
  max-width:200px;
}
#top-collection .btn-border{
  margin-top:10px;
}

#top-collection .bx-controls-direction a{
  opacity:1;
  filter:alpha(opacity=100);
}
#top-collection .bx-wrapper .bx-prev{
  left:10px;
  background-image:url("/assets/images/smp/slide_prev.png");
  background-size:16px 29px;
}
#top-collection .bx-wrapper .bx-next{
  right:10px;
  background-image:url("/assets/images/smp/slide_next.png");
  background-size:16px 29px;
}


.top-sub-banners [class*="span"] > div{
  margin-bottom:20px;
  text-align:center;
}
.top-sub-banners{
  margin-left:10px;
  margin-right:10px;
}
.top-sub-banners .rollphoto{
  display:inline-block;
  vertical-align:top;
}
.top-sub-banners .rollphoto .cat-fig img{
  width:100%;
}
.top-sub-banners .rollphoto:hover .cat-fig img{
  opacity:1;
  filter:alpha(opacity=100);
}

.top-sub-banners .rollphoto h2{
  position:static;
  text-shadow:none;
  font-size:18px;
  line-height:14px;
  color:#333;
  margin-bottom:5px;
}
.rollphoto .btn-check{
  display:none;
}

/*news 共通*/
#wrapper a.news-link-block{
  background-image:url('/assets/images/smp/menu_arrow.png');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:24px 12px;
  padding:0 35px 0 0;
}
#wrapper a.news-link-block .news-image{
  width:90px;
  height:90px;
  margin-right:8px;
  box-shadow:none;
}
#wrapper a.news-link-block .news-date{
  color:#333;
  font-size:12px;
  line-height:14px;
  padding:13px 0 4px;
}
#wrapper a.news-link-block .news-date .news-label{
  font-size:12px;
  margin-left:32px;
  line-height:12px;
}
#wrapper a.news-link-block .news-ex{
  font-size:11px;
  line-height:18px;
}
.news-under-pager .pagerArea{
  border-bottom:solid 1px #e6d5b1;
}

/*news online*/
#wrapper .news-topics-index .news-text-bx{
  float:none;
  width:auto;
  padding-top:0;
}
.news-topics-index .news-btn-bx{
  display:none;
}
.news-topics-index .news-cat-name{
  font-size:9px;
  line-height:16px;
  font-weight:normal;
}
/*news brand*/
.news-topics-index.brand-news .news-text-bx h2{
  font-size:11px;
  font-weight:normal;
  margin-top:0;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  line-height:18px;
}
.news-topics-index.brand-news a.news-link-block p,
.news-topics-index.brand-news .line{
  display:none;
}
.news-topics-index.brand-news .news-image{
  width:135px !important;
}

/*フロー*/
.action-steps-wrap{padding:8px 7px 8px 15px;}
.action-steps{display:block; text-align:center; line-height:16px;}
.action-steps li{padding:0; display:inline-block; vertical-align:top; padding-left:18px; padding-right:8px; background:url("/assets/images/smp/flow_line.png") no-repeat 0 50%; line-height:16px;}
.action-steps li:first-child{background:none;}
.action-steps[class*="step"] li{width:auto;}
.action-steps li.active{background:url("/assets/images/icon/arrow_right_black.png") no-repeat 6px 50%; background-size:4px auto;}
.action-steps li.cart-flow-index{padding-left:13px; background:url("/assets/images/icon/cart_nonactive.png") no-repeat 0 50%; background-size:10px auto;}
.action-steps li.cart-flow-index.active{background-image:url("/assets/images/icon/cart_active.png");}
.action-steps li .step-num{display:inline; font-size:10px;}
.action-steps li .step-num:after{content:"."; font-size:9px;}
.action-steps li .line{display:none;}
.action-steps li span{font-size:8px;}
.step-icon-cart{display:none;}


/*ログイン*/
#wrapper .user-content{height:auto; border-top:solid 1px #f0e6d0; padding:25px 0 0;}
.user-content h2{font-size:12px; margin-bottom:15px;}
.user-content subbox{width:auto;}
.user-form-actions{width:auto; margin:20px 0 0; padding:0 5px;}
.user-form-actions .btn{font-size:11px; padding:9px 0;}
.user-form-actions .btn-primary span{display:block;padding-right:0; background-image:url('/assets/images/smp/menu_arrow_white_10.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:19px 12px;}
#wrapper .user-content.user-login{padding-bottom:30px; margin-bottom:1px; border-bottom:solid 1px #e6d5b1;}
.user-content.user-login .subbox,
.user-content.user-new .subbox{width:auto; padding:0 10px;}
.user-content.user-login .subbox input#LoginID{margin-bottom:10px;}
.user-content.user-login .reminder-link{margin-top:10px;}
.user-content.user-login .reminder-link .help-block{font-size:9px; line-height:18px; text-align:center; margin-top:0;}
.user-content.user-new .subbox p{font-size:9px; margin-bottom:0; text-align:center; letter-spacing:-.4px;}

/*最近チェックしたアイテム/レコメンドアイテム*/
#related-items,
#checked-items{background:none; border-top:solid 1px #e6d5b1; padding:1px 0 0 !important;}
#related-items .box-title,
#checked-items .box-title{margin-bottom:20px; border-top:solid 1px #f0e6d0; padding-top:10px;}

/*詳細検索*/
#searchDetailArea .form-actions{padding:25px 5px;}
#searchDetailArea .btn-primary{background-color:#333; background-image:url('/assets/images/smp/menu_arrow_white_10.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:19px 12px;}
#searchDetailArea .one-third-layout .btn-reset{float:left; width:34.51%;}
#searchDetailArea .select-price ul{float:right;}
#searchDetailArea .select-price ul > li{float:none; width:200px;}
#searchDetailArea .select-price ul > li:last-child{margin-top:10px;}
#searchDetailArea .select-price .control-label{float:left;}
#searchDetailArea .select-price ul > li.to{display:none;}

#searchDetailArea .select-color table tr td:last-child{width:auto;}
.select-color table tr td{padding-left:9px;}
.select-color .color-tip{margin-right:5px;}
.select-color .color-name{font-size:10px;}
.select-color label.radio{padding-left:18px;}
.select-color label.radio input[type="radio"]{margin-left:-18px;}

.search-ex-wrap{padding:25px 15px;}
.search-ex-wrap.ex-top{background-image:none; border-top:0;}
.search-ex-wrap.ex-under{border-bottom:0;}
.search-ex-wrap h3{font-size:9px; margin:0;}
.search-ex-wrap .ex-lead{font-size:9px;}
.search-ex-wrap .line{width:3px; margin:9px 0;}
.search-ex-wrap .ex-list{margin-bottom:10px;}
.search-ex-wrap .ex-list li{font-size:9px; margin-bottom:0; line-height:18px;}
.search-ex-wrap .ex-img-left{width:48.27%; float:left; text-align:center;}
.search-ex-wrap .ex-img-right{width:48.27%; float:right; text-align:center;}

/*新規会員登録*/
.register-confirm-page {margin-top: 0;}

/*news.css
-----------------------------------*/
.news-menu{display:none;}
#wrapper .news-topics-article{padding:15px 15px 30px; border-top:solid 1px #f0e6d0; background:none;}
.news-topics-article .news-date{font-size:14px; margin-bottom:5px;}
.news-topics-article .news-label{font-size:14px; margin:0; float:right;}
.news-topics-article .news-cat-name{font-size:9px; margin-bottom:0;}
.article-ttl{font-size:15px; line-height:25px;}
.article-text{font-size:11px; line-height:24px;}
.article-pager{border-top:0; background:none;}
.article-pager li > a{font-size:13px; border:solid 1px #e6d5b1; margin:0 5px; padding:6px 0 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.article-pager li.article-prev > a{background-image:url('/assets/images/smp/menu_arrow_left.png'); background-repeat:no-repeat; background-position:10px 50%;background-size:11px 12px; padding-left:10px;}
.article-pager li.article-next > a{background-image:url('/assets/images/smp/menu_arrow_10.png'); background-repeat:no-repeat; background-position:100% 50%; background-size:19px 12px; padding-right:10px;}
.article-pager li.article-prev > a > span,
.article-pager li.article-next > a > span{display:none;}
.article-pager li .icn-pagertop{background-image:url('/assets/images/smp/icn_pagertop.png'); background-size:8px 8px;}
.article-pager.add-separate{border-bottom:solid 1px #e6d5b1; padding-bottom:40px;}

/*about.css
-----------------------------------*/
.about-wrapper{background:none; padding-top:16px;}
.about-wrapper h2{text-align:center; font-size:18px;}
.about-wrapper h2 small{font-size:9px; margin-top:5px;}
.about-wrapper .sep-circle{color:#dad3c1; font-size:38px; text-align:center; padding:15px 0;}
.about-wrapper .imgsec{text-align:center; padding:0 42px; margin-bottom:23px;}
.about-wrapper .textsec{padding:0 15px; margin-bottom:23px;}
.about-wrapper #aboutsc2 .textsec,
.about-wrapper #aboutsc3 .textsec,
.about-wrapper #aboutsc4 .textsec{padding-top:0;}
.about-wrapper .textsec p{font-size:11px; line-height:23px; margin-bottom:23px;}
.about-wrapper .textsec .main-word{font-size:12px;}

/*care.css
-----------------------------------*/
#how-to-care .care-inner-wrap{padding:20px 15px 0;}
#how-to-care .tab-menu{border-bottom:1px solid #f0e6d0; background-color:transparent;}
#how-to-care .tab-menu li{color:#000; float:none; width:auto; padding:6px 17px; background-image:url("/assets/images/smp/menu_arrow_down.png"); background-repeat:no-repeat; background-position:100% 50%; background-size:24px 11px; background-color:transparent; text-align:left; border-top:solid 1px #f0e6d0;}
#how-to-care .tab-menu li.select{color:#000; background-color:#f8f3e8;}
#how-to-care .tab-menu li h2{font-size:11px;}
#how-to-care h3{font-size:11px; margin-bottom:15px;}
#how-to-care p{font-size:10px; line-height:20px; margin-bottom:15px;}
#how-to-care ul.list-caution{margin-bottom:15px;}
#how-to-care ul.list-caution li{font-size:10px; line-height:20px;}
#how-to-care .separate,
#how-to-care .separate2{margin:20px 0;}
#how-to-care .itemname{font-size:8px; line-height:14px;}
#how-to-care .side-detail{margin-top:15px; text-align:center;}
#how-to-care .side-detail figure{display:inline;}
#how-to-care .side-detail figure img{max-width:49%; margin:0 !important;}
#how-to-care .figurecaption{text-align:left; font-size:8px; line-height:14px; margin:5px 0 0 !important;}
.row-table{display:block;}
.row-table > li{display:block; text-align:center;}

/*ご利用ガイド*/
.type-guide .sep-sentence table tr th{
  width:15%;
}

.type-guide .sep-sentence table tr td{
  width:85%;
}

#drawer-menu .drawer-menu-customer li a:hover {
  text-decoration: underline;
}

}



@media (min-width:768px) and (max-width: 1215px) {

  /*ilbisone.css
  -----------------------------------*/
  /*ナビ*/
  #global-navi > li > a{width:100px;}
  #global-navi > li.menu1 > a{background-position:-15px 0;}
  #global-navi > li.menu2 > a{background-position:-145px 0;}
  #global-navi > li.menu3 > a{background-position:-274px 0;}
  #global-navi > li.menu4 > a{background-position:-401px 0;}
  #global-navi > li.menu5 > a{background-position:-531px 0;}
  #global-navi > li.menu6 > a{background-position:-660px 0;}
  #global-navi > li.menu7 > a{background-position:-790px 0;}
  #global-navi > li.menu8 > a{background-position:-918px 0;}
  #page-footer .nav > li.fmenu1 > a{background-position:-15px 0; width:93px;}
  #page-footer .nav > li.fmenu2 > a{background-position:-139px 0; width:103px;}
  #page-footer .nav > li.fmenu3 > a{background-position:-272px 0; width:114px;}
  #page-footer .nav > li.fmenu4 > a{background-position:-418px 0; width:115px;}
  #page-footer .nav > li.fmenu5 > a{background-position:-560px 0; width:117px;}
  #page-footer .nav > li.fmenu6 > a{background-position:-704px 0; width:159px;}
  #page-footer .nav > li.fmenu7 > a{background-position:-895px 0; width:115px;}
  #page-footer .nav > li.fmenu8 > a{background-position:-1038px 0; width:115px;}
  #pagetop-area{margin-left:955px;}
  #head-bar .navbar-form{margin-right:4px;}
  /*送料無料バナー*/
  .free_shipping #page-header .pc-shipping-bnr{margin-left:0;}
  .free_shipping #page-header .pc-shipping-bnr img{width:200px;}
  .free_shipping #page-header .smp-shipping-bnr{background-color:#000000;text-align:center;padding:6px 0;}
  .free_shipping #page-header .smp-shipping-bnr img{height:12px;}

  /*インデックス*/
  #index-news .news-image{width:80px; height:80px;}
  #index-news ul > li{margin-bottom:10px;}
  #index-news .news-date{padding-top:5px;}
  a.news-link-block .news-ex{font-size:11px;}
  a.topic-link-block{padding:31px 20px 30px;}
  .top-sub-banners [class*="span"] > div{margin-bottom:22px;}
  #top-collection{min-height:347px;}
  #top-collection h2{padding-top:20px;}
  #top-collection .bx-wrapper img{max-width:60%;}
  /*詳細検索*/
  .select-color .color-tip{width:15px; height:15px; margin-right:5px;}
  /*フォーム*/
  .form-horizontal .controls{margin-left:180px;}
  .post-search li #zipcode1, .post-search li #Zip1{width:48px;}
  .post-search li #zipcode2, .post-search li #Zip2{width:72px;}
  #prefecture_id{width:140px;}
  /*サイドエリア*/
  .side-topics .side-caption small,
  .side-newarrival .side-caption small,
  .list-category .side-caption small{display:block; margin:0; line-height:11px;}
  /*テーブル*/
  .table-orderitems th, .table-orderitems td{padding-left:10px; padding-right:10px;}
  table .orderitem-pic img{width:100%; height:auto;}
  
  /*item-view.css
  -----------------------------------*/
  .select-product .cl1{width:12%;}
  .select-product .cl2{width:25%; padding-left:2%;}
  .select-product .cl3{width:28%; padding-left:2%;}
  .select-product .cl4{width:35%;}
  #csListType .productFavorite{width:30px;}
  
  /*item-list.css
  -----------------------------------*/
  .product-color-set{top:-10px; right:-58px;}
  .product-color-tip{margin:10px 10px 0 0;}
  .product-color-tip > li{width:58px; margin-top:5px;}
  .last-child .product-color-set{left:-58px;}
  .last-child .product-color-tip {margin:10px 0 0 10px;}
  .sort table td.sort-divider{width:4%;}
  .sort table ul.inline li{ margin-left:2px;}
  
  /*brand.css
  -----------------------------------*/
  .std-textbox{width:360px;}
  .std-textbox h2{margin-top:100px;}
  .uomo-index-about p{line-height:24px;}
  .section-standard .listSetting li{width:80px;}
  .colle-mainvisual .mvttl{width:228px;}
  .colle-mainvisual .mvttl h2{font-size:21px;}
  .colle-mainvisual .mvimg{width:552px;}

  /*cart.css
  -----------------------------------*/
  .index-totalprice-part .total{width:140px;}

  /*mypage.css
  -----------------------------------*/
  .action-steps.step2 li,
  .action-steps.step3 li,
  .action-steps.step4 li,
  .action-steps.step5 li,
  .action-steps.step6 li{width:140px;}
  .mypage-container{width:570px;}
  #watch-wrap .mypage-container .item-row .item-btnarea button{padding:4px 10px;}
  /*buyhistorylistsuccess*/
  #history-wrap .table-date{width:140px; padding-right:20px;}
  #history-wrap .table-order{width:220px; padding-right:20px;}
  #history-wrap .table-detail{width:140px; padding-right:0px;}
  #history-detail-wrap .item-detail-table th{width:60px; padding-left:30px;}
  #history-detail-wrap .item-detail-table th:first-child{width:165px; padding-left:55px;}
  
  /*news.css
  -----------------------------------*/
  .news-topics-index .news-image{width:100px;}
  .news-topics-index .news-text-bx{width:365px; padding-top:20px;}
  .news-topics-index .news-btn-bx{width:170px; padding-top:30px;}
  .news-topics-index.brand-news .news-image{width:220px;}
  .news-topics-index.brand-news .news-text-bx{width:485px; padding-top:15px;}
  .news-topics-index.brand-news .news-btn-bx{width:170px; padding-top:50px;}
  
  /*care.css
  -----------------------------------*/
  #how-to-care .care-inner-wrap{padding-left:80px; padding-right:80px;}
  
  /*about.css
  -----------------------------------*/
  .about-wrapper .sp-sidenavi.affix{margin-left:800px;}
  .about-wrapper #aboutsc2 .textsec{padding-top:90px;}
  .about-wrapper #aboutsc3 .textsec{padding-top:110px;}
  .about-wrapper #aboutsc4 .textsec{padding-top:170px;}
  .about-wrapper .textsec p{line-height:30px;}
  
  /*sitemap.css
  -----------------------------------*/
  #site-map .span10{margin-right:-10px;}
  #site-map .span8{width:630px;}
  #site-map .parent-cat{padding-left:10px; width:140px;}
  #site-map .md-line{margin-right:-10px;}
  #site-map .sub-parent{padding-right:0; width:150px;}
  #site-map .child-cat.two-line-change{line-height:19px; padding-bottom:11px; padding-top:11px;}
  #site-map .two-line-change+.span8 .sm-line{min-height:61px;}

}



/********************************************************
DH_FRONT_DEPT-6159
********************************************************/

/*conponent*/
/*
@media (min-width:980px) {
  .btn.btn-primary, .btn.btn-back {
    width: 300px;
    height: 60px;
  }
  .btn.btn-login {
    width: 600px;
    height: 60px;
  }
}
*/

@media (min-width:768px) and (max-width: 1220px) {

  body:not( .p-grandtop ) #wrapper {
    padding-top: 153px;
  }
  body:not( .p-grandtop ) #wrapper.no_header_banner {
    padding-top: 112px;
  }

  .container,
  .navbar-fixed-top .container,
  .navbar-static-top .container,
  .navbar-fixed-bottom .container {
    width: 100%;
  }

  /************************
  * common
  ************************/

  /************
  * header
  ************/
  header#page-header .global-navi-wrap #global-navi {
    height: auto;
  }
  header#page-header #search-pulludown-content #search-pulldown .navbar-form input.search-text {
    padding-left: 10%;
  }
  header#page-header #search-pulludown-content #search-pulldown .navbar-form input.search-text::placeholder {
    font-size: 18px;
  }
  header#page-header #head-bar > .container .nav.utility-nav li a,
  header#page-header #head-bar > .container .search-pulldown-toggle,
  header#page-header .global-navi-wrap #global-navi li .dropdown-menu a,
  header#page-header .global-navi-wrap #global-navi li .dropdown-menu span {
    font-size: 11px !important;
  }
  header#page-header .global-navi-wrap #global-navi > li > a {
    padding: 10px 0;
    margin: 0 5px;
    font-size: 13px;
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi > li > a {
    font-size: 12px;
  }
  header#page-header .global-navi-wrap #global-navi > li.menu5 > a,
  header#page-header .global-navi-wrap #global-navi > li.menu6 > a {
    padding: 10px 0;
  }
  header#page-header .global-navi-wrap #global-navi.active > .open > a + .dropdown-menu,
  header#page-header .global-navi-wrap #global-navi > li > a + .dropdown-menu {
    padding: 35px 20px;
    width: -webkit-calc( 100% - 40px );
    width:     -ms-calc( 100% - 40px );
    width:         calc( 100% - 40px );
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi {
    margin-right: 50px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .login-nav,
  header#page-header.header_fixed .global-navi-wrap > .container .mypage-nav {
    right: 80px;
  }

  /************
  * footer
  ************/
  footer#page-footer .nav > li > a {
    font-size: 13px;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu {
    font-size: 11px;
  }
  footer#page-footer .navbar .nav *[class*="fmenu"] a {
    font-family: 11px;
  }
}
@media (min-width:980px) {
  /************************
  * common
  ************************/
  /************
  * body
  ************/
  /* #page-body, .free_shipping #page-body {
    padding-top: 22px;
  } */
  .p-grandtop #page-body,
  .p-grandtop .free_shipping #page-body {
    padding-top: 0;
  }
}

/************
* footer 表示順序
************/
footer#page-footer .nav .menu1 {
  order: 1;
}
footer#page-footer .nav .menu2 {
  order: 9;
}
footer#page-footer .nav .menu3 {
  order: 2;
}
footer#page-footer .nav .menu4 {
  order: 4;
}
footer#page-footer .nav .menu5 {
  order: 3;
}
footer#page-footer .nav .menu6 {
  order: 5;
}
footer#page-footer .nav .menu7 {
  order: 7;
}
footer#page-footer .nav .menu8 {
  order: 8;
}
footer#page-footer .nav .menu9 {
  order: 6;
}

@media (min-width:768px) {

  /************
  * footer
  ************/
  footer#page-footer .nav {
    display: flex !important;
    display: -webkit-flex !important;
  }
}
@media ( min-width: 1025px ) {
 /************
  * header
  ************/
  header#page-header.header_fixed .global-navi-wrap > .container {
    max-width: 1400px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .search-pulldown-toggle,
  header#page-header.header_fixed .global-navi-wrap > .container .login-nav,
  header#page-header.header_fixed .global-navi-wrap > .container .mypage-nav,
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav {
    display: block;
    width:  20px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY( -50% );
        -ms-transform: translateY( -50% );
            transform: translateY( -50% );
  }
  header#page-header.header_fixed .global-navi-wrap > .container .search-pulldown-toggle {
    left: 20px;
    margin-top: 0;
    background: url(/assets/latest/images/header-search-b_2x.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
  }
  header#page-header.header_fixed.keyword_active .global-navi-wrap > .container .search-pulldown-toggle {
    background: url(/assets/latest/images/header-search-close-b_2x.png) center center no-repeat;
    background-size: 20px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .login-nav,
  header#page-header.header_fixed .global-navi-wrap > .container .mypage-nav {
    right: 70px;
    background: url(/assets/latest/images/header-member-b_2x.png) center center no-repeat;
    background-size: 18px 20px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .login-nav a,
  header#page-header.header_fixed .global-navi-wrap > .container .mypage-nav a {
    display: block;
    height: 100%;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav {
    width: 42px;
    right: 15px;
    height: 24px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav a {
    display: block;
    width: 100%;
    height: 100%;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav i {
    right: 20px;
    background: url(/assets/latest/images/header-cart-b_2x.png) center center no-repeat;
    background-size: 21px 24px;
    width: 21px;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav .badge {
    position: absolute;
    background-color: transparent;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    margin-left: 5px;
    display: inline-block;
    background-color: black;
    right: 0;
    top: 50%;
    font-family: 'Montserrat';
    -webkit-transform: translateY( -50% );
        -ms-transform: translateY( -50% );
            transform: translateY( -50% );
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi {
    height: 56px;
    /*margin-left: -40px;*/
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi > li > a {
    padding: 18px 0;
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi > li.menu5 > a,
  header#page-header.header_fixed .global-navi-wrap #global-navi > li.menu6 > a {
    padding: 17.5px 0;
  }
/* 現状のメニューには必要ないためコメントアウト　2023/06/19

  header#page-header .global-navi-wrap #global-navi .menu3 .dropdown-menu .dropdown-menu-inner li:nth-child( 2 ),
  header#page-header .global-navi-wrap #global-navi .menu3 .dropdown-menu .dropdown-menu-inner li:nth-child( 3 ),
  header#page-header .global-navi-wrap #global-navi .menu3 .dropdown-menu .dropdown-menu-inner li:nth-child( 4 ) {
    display: inline-block;
    width: auto;
  }
  header#page-header .global-navi-wrap #global-navi .menu3 .dropdown-menu .dropdown-menu-inner li:nth-child( 2 ) {
    padding-left: 0;
    padding-right: 5.35%;
  }
  header#page-header .global-navi-wrap #global-navi .menu3 .dropdown-menu .dropdown-menu-inner li:nth-child( 3 ) {
    padding-left: 5.35%;
    padding-right: 5.35%;
  }
  header#page-header .global-navi-wrap #global-navi .menu3 .dropdown-menu .dropdown-menu-inner li:nth-child( 4 ) {
    padding-left: 5.35%;
    padding-right: 0;
  }
  header#page-header .global-navi-wrap #global-navi .menu4 .dropdown-menu .dropdown-menu-inner li:nth-child( 2 ),
  header#page-header .global-navi-wrap #global-navi .menu4 .dropdown-menu .dropdown-menu-inner li:nth-child( 3 ),
  header#page-header .global-navi-wrap #global-navi .menu4 .dropdown-menu .dropdown-menu-inner li:nth-child( 4 ) {
    display: inline-block;
    width: auto;
  }
  header#page-header .global-navi-wrap #global-navi .menu4 .dropdown-menu .dropdown-menu-inner li:nth-child( 2 ) {
    padding-left: 0;
    padding-right: 5.35%;
  }
  header#page-header .global-navi-wrap #global-navi .menu4 .dropdown-menu .dropdown-menu-inner li:nth-child( 3 ) {
    padding-left: 5.35%;
    padding-right: 5.35%;
  }
  header#page-header .global-navi-wrap #global-navi .menu4 .dropdown-menu .dropdown-menu-inner li:nth-child( 4 ) {
    padding-left: 5.35%;
    padding-right: 0;
  }
  */
  header#page-header.header_fixed #head-bar #logo {
    transform: translateY( -50px ) translateX( -50% ) !important;
  }
}
@media ( max-width: 1024px ) {
  header#page-header .hidden-phone {
    display: none!important;
  }
  header#page-header .visible-phone {
    display: block!important;
  }
  #drawer-menu .hidden-phone {
    display: none!important;
  }
  #drawer-menu .visible-phone {
    display: block!important;
  }
    /************
  * header
  ************/
  header#page-header {
    top: 0 !important;
  }
  header#page-header:after {
    box-shadow: none;
  }

  /* header info */
  header#page-header #header-info ul li a {
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8.5px 20px;
    width: -webkit-calc( 100% - 40px );
    width:         calc( 100% - 40px );
  }
  header#page-header #head-bar {
    height: 25px;
  }
  .btn_sp_nav {
    top: 5%;
  }
  .header_fixed .btn_sp_nav  {
    top: 0;
  }

  /* logo */
  header#page-header #head-bar > .container {
    padding: 3px 5px 0;
    height: 100%;
  }
  header#page-header #head-bar > .container #logo {
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: 0;
  }
  .p-grandtop header#page-header #head-bar > .container #logo {
    top: 52%;
  }
  .p-grandtop header#page-header.header_fixed #head-bar > .container #logo {
    top: 50%;
  }
  header#page-header #head-bar #logo a,
  header#page-header:hover #head-bar #logo a,
  header#page-header.keyword_active #head-bar #logo a,
  body:not( .p-grandtop ) header#page-header #head-bar #logo a {
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
  /* navi */
  header#page-header #head-bar > .container .nav.utility-nav {
    width: 27%;
    margin: 0;
  }
  header#page-header #head-bar > .container .nav.utility-nav li {
    margin: 0;
    width: 50%;
  }
  header#page-header #head-bar > .container .nav.utility-nav li a {
    width: 39%;
  }
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav a {
    width: 100%;
    padding: 0;
  }
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav .badge-wide {
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header#page-header #head-bar > .container .nav.utility-nav .badge-wide a {
    width: 100%;
  }
  header#page-header #head-bar > .container .search-pulldown-toggle:before,
  header#page-header:hover #head-bar > .container .search-pulldown-toggle:before,
  header#page-header.header_fixed #head-bar > .container .search-pulldown-toggle:before,
  header#page-header.keyword_active #head-bar > .container .search-pulldown-toggle:before,
  body:not( .p-grandtop ) header#page-header #head-bar > .container .search-pulldown-toggle:before {
    width: 19px;
    height: 19px;
    background-size: 19px;
    left: 0 !important;
  }
  /* keyword-code */
  header#page-header.keyword_active #head-bar > .container .search-pulldown-toggle:before {
    background-size: 14px !important;
  }
  header#page-header #head-bar > .container .search-pulldown-toggle:after {
    content: '';
    position: absolute;
    border-right: 1px solid #fff;
    width: 1px;
    height: 19px;
    top: 50%;
    left: -webkit-calc( 175% );
    left:         calc( 175% );
    -webkit-transition: .2s;
        -ms-transition: .2s;
            transition: .2s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header#page-header:hover #head-bar > .container .search-pulldown-toggle:after,
  header#page-header.header_fixed #head-bar > .container .search-pulldown-toggle:after,
  header#page-header.keyword_active #head-bar > .container .search-pulldown-toggle:after,
  body:not( .p-grandtop ) header#page-header #head-bar > .container .search-pulldown-toggle:after {
    border-right: 1px solid #e0dcd1;
    -webkit-transition: .2s;
        -ms-transition: .2s;
            transition: .2s;
  }
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav > a:before,
  header#page-header:hover #head-bar > .container .nav.utility-nav li.cart-nav > a:before,
  header#page-header.header_fixed #head-bar > .container .nav.utility-nav li.cart-nav > a:before,
  header#page-header.keyword_active #head-bar > .container .nav.utility-nav li.cart-nav > a:before,
  body:not( .p-grandtop ) header#page-header #head-bar > .container .nav.utility-nav li.cart-nav > a:before {
    width: 17px;
    height: 19px;
    background-size: 17px 19px;
    left: 0% !important;
  }

  header#page-header #head-bar > .container .nav.utility-nav li i {
    text-indent: -9999px;
    display: block;
    width: 19px;
    height: 19px;
    float: left;
  }
  header#page-header #head-bar > .container .nav.utility-nav li span.search-pulldown-toggle {
    width: 39%;
    display: flex;
    -webkit-transition: .2s;
        -ms-transition: .2s;
            transition: .2s;
  }
  /*keyword box*/
  header#page-header #search-pulludown-content #search-pulldown.in {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    height: 50px;
  }
  header#page-header #search-pulludown-content #search-pulldown .navbar-form {
    padding: 0;
    height: 50px;
  }
  header#page-header #search-pulludown-content #search-pulldown .navbar-form input.search-text::placeholder {
    font-size: 16px;
    color: #cccccc;
  }
  header#page-header #search-pulludown-content #search-pulldown .navbar-form input.search-text {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 15px 15px 15px 60px;
    border: none;
    font-size: 16px;
  }
  header#page-header #search-pulludown-content #search-pulldown .navbar-form .search-btn {
    left: 15px;
  }

  /*transform reset*/
  header#page-header #head-bar, header#page-header #head-bar #logo a,
  header#page-header #head-bar > .container .search-pulldown-toggle:before,
  header#page-header #head-bar > .container .search-pulldown-toggle:after,
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav > a:before,
  header#page-header #head-bar > .container .nav.utility-nav .badge-wide,
  header#page-header .btn_sp_nav .line {
    -webkit-transition: 0s all ease !important;
        -ms-transition: 0s all ease !important;
            transition: 0s all ease !important;
  }
  header#page-header.header_fixed #head-bar > .container #logo {
    width: 40px !important;
    height: 40px !important;
    top: 53%;
    margin-top: 0;
  }
  header#page-header.header_fixed #head-bar #logo a {
    background-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }
  header#page-header.header_fixed #head-bar {
    height: 25px !important;
  }

  header#page-header #head-bar > .container .search-pulldown-toggle:before {
    width: 18.5px;
    height: 18.5px;
    background-image: url( '/assets/latest/images/sp-header-search-w-2x.png' );
    background-size: 18.5px;
  }
  header#page-header.header_fixed #head-bar > .container .search-pulldown-toggle:before {
    background-image: url( '/assets/latest/images/sp-header-search-b-2x.png' );
  }
  body:not( .p-grandtop ) header#page-header #head-bar > .container .search-pulldown-toggle:before {
    background-image: url( '/assets/latest/images/sp-header-search-b-2x.png' );
  }
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav > a:before {
    width: 18px;
    height: 20px;
    background-image: url( '/assets/latest/images/sp-header-cart-w-2x.png' );
    background-size: 17px 20px;
  }
  header#page-header.header_fixed #head-bar > .container .nav.utility-nav li.cart-nav > a:before {
    background-image: url( '/assets/latest/images/sp-header-cart-b-2x.png' );
  }
  body:not( .p-grandtop ) header#page-header #head-bar > .container .nav.utility-nav li.cart-nav > a:before {
    background-image: url( '/assets/latest/images/sp-header-cart-b-2x.png' );
  }
  header#page-header #head-bar {
    padding: 12px 0 16px;
  }
  header#page-header.header_fixed #head-bar {
    padding: 12px 0 13px;
  }
  header#page-header #head-bar > .container {
    padding: 0 5px;
  }
  header#page-header #head-bar > .container .nav.utility-nav  {
    margin-top: 5px;
    width: 94px;
  }
  header#page-header #head-bar > .container .nav.utility-nav li span.search-pulldown-toggle {
    left: 0;
  }
  header#page-header:hover #head-bar > .container .search-pulldown-toggle:before,
  header#page-header.header_fixed #head-bar > .container .search-pulldown-toggle:before,
  header#page-header.keyword_active #head-bar > .container .search-pulldown-toggle:before,
  body:not( .p-grandtop ) header#page-header #head-bar > .container .search-pulldown-toggle:before {
    margin-top: 0;
  }
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav .badge-wide {
    padding: 2.5px;
    margin-top: -9px;
    margin-right: -1px;
    transform: scale( .9 );
  }
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav a {
    margin-top: -4px;
  }
  .btn_sp_nav .line {
    height: 3px;
    transform: scaleY( .5 );
  }
  .btn_sp_nav .line.b1 {
    top: 15px;
  }
  .btn_sp_nav .line.b2 {
    top: 20px;
  }
  .btn_sp_nav .line.b3 {
    top: 25px;
  }
  .header_fixed .btn_sp_nav .line.b1 {
    top: 18px;
  }
  .header_fixed .btn_sp_nav .line.b2 {
    top: 23px;
  }
  .header_fixed .btn_sp_nav .line.b3 {
    top: 28px;
  }
  #drawer-menu .nav > li.dropdown.feature > a + .dropdown-menu .dropdown-menu-inner li a {
    width: calc( 100% - 30px );
    padding: 15px 15px;
    font-size: 12px;
  }


  header#page-header .global-navi-wrap #global-navi > li > a {
    margin: 0 5px;
    font-size: 11px;
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi > li > a {
    margin: 0 3px;
    font-size: 10px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .search-pulldown-toggle {
    background-size: 12px;
    width: 12px;
    height: 12px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .login-nav,
  header#page-header.header_fixed .global-navi-wrap > .container .mypage-nav {
    right: 60px;
    background-size: 12px 13px;
    width: 12px;
  }
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav i {
    right: 20px;
    background-size: 12px 14px;
    width: 12px;
  }
  header#page-header.header_fixed .global-navi-wrap #global-navi {
    margin-right: 35px;
  }

  #search-pulldown{
    clear:both;
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background-color:#fff;
    z-index: 100;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  }
  #search-pulldown .navbar-form{
    margin:0;
    padding:6px 10px 10px;
  }
  #search-pulldown .navbar-form input.search-text{
    width:100%;
    height:38px;
    line-height:20px;
  }
  #search-pulldown .navbar-form .search-btn{
    background-image:url("/assets/images/smp/nav_search.png");
    background-position:50% 50%;
    background-size:14px 14px;
    height:38px;
    width:36px;
    margin-left:-36px;
  }
}
@media (max-width: 979px) {
  /************
  modal-mode
  ************/
  .modal-mode {
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  /* action-steps-wrap */
  .action-steps-wrap {
    padding: 8px 0;
  }
  .action-steps-wrap .action-steps[class*="step"] {
    flex-wrap: nowrap;
    align-items: normal;
  }
  .action-steps-wrap .action-steps[class*="step"] li {
    -webkit-flex: 1;
    flex: 1;
    width: auto;
    min-width: auto;
    padding: 0px 15px;
  }
  .action-steps-wrap .action-steps[class*="step"] li:after {
    width: 6px;
    height: 6px;
  }
  .action-steps li.cart-flow-index.active,
  .action-steps-wrap .action-steps[class*="step"] li {
    background: none;
  }
  .action-steps-wrap .action-steps[class*="step"] li span {
    display: block;
  }
  .action-steps-wrap .action-steps[class*="step"] li .step-num {
    margin: 0;
  }
  .action-steps-wrap .action-steps[class*="step"] li .step-num,
  .action-steps-wrap .action-steps[class*="step"] li span {
    font-size: 10px;
    line-height: 1.4;
  }
  .action-steps-wrap .action-steps[class*="step"] li .step-num:after {
    content: none;
  }

}

/* pc tablet*/
@media (min-width:768px) and (max-width: 979px) {
  /************************
  * common
  ************************/
  /************
  * footer
  ************/
  footer#page-footer {
    width: calc( 100% - 60px );
    padding: 0 30px;
  }
  footer#page-footer #footer-navi {
    padding: 70px 0 0;
  }
  footer#page-footer .navbar {
    padding: 35px 0;
  }
  footer#page-footer .navbar .nav *[class*="fmenu"] a {
    padding: 0 14px 15px;
  }
}

/* smp */
@media (max-width:767px) {

  body:not( .p-grandtop ) #wrapper {
    padding-top: 113px;
  }
  body:not( .p-grandtop ) #wrapper.no_header_banner {
    padding-top: 72px;
  }

  /************************
  * component
  ************************/
  /*title*/
  .title, .box-title {
    font-size: 16px;
  }
  /* icon */
  .list-item-text .icon {
    padding: 0;
  }
  /* btn */
  [class^="btn"] {
    font-family: 'Montserrat', 'Noto Sans JP',"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  }
  .form-actions .btn {
    border-radius: 0;
  }

  /* breadcrumb */
  .breadcrumb-wrap {
    padding: 10px 0 5px;
  }
  .breadcrumb > li {
    padding: 0 0 5px;
    display: inline-block;
  }
  /* mousezoom */
  .mousezoom:hover img {
    -webkit-transition: all .2s ease;
        -ms-transition: all .2s ease;
            transition: all .2s ease;
    -webkit-transform:scale( 1.0 );
        -ms-transform:scale( 1.0 );
            transform:scale( 1.0 );
  }
  /* list-item-text */
  .list-item-text *,
  .list-item-text .item-ttl,
  .list-item-text .item-price {
    font-size: 12px;
    line-height: 14px;
    padding: 2px 0;
  }
  .list-item-text .item-price {
    margin: 2px 0 20px;
    padding: 0;
  }
  .icon-component.icon .label {
    font-size: 11px;
    margin-right: 8px;
  }
  .icon-component.icon .label:last-child {
    margin-right: 0;
  }
  /* slide animation */
  .has-animation.slide-animation > ul > li:nth-child( 4n + 3 ) {
      -webkit-animation: card-animation .7s ease forwards;
          -ms-animation: card-animation .7s ease forwards;
              animation: card-animation .7s ease forwards;
  }
  .has-animation.slide-animation > ul > li:nth-child( 4n + 4 ) {
      -webkit-animation: card-animation .9s ease forwards;
          -ms-animation: card-animation .9s ease forwards;
              animation: card-animation .9s ease forwards;
  }

  /************************
  * common
  ************************/

  /*TOPページ only hover-action*/
  .p-grandtop header#page-header:hover {
    background-color: transparent;
  }
  .p-grandtop header#page-header.header_fixed:hover,
  .p-grandtop header#page-header.keyword_active:hover {
    background-color: #f9f5ea;
  }
  .p-grandtop header#page-header:hover .btn_sp_nav .line {
    background-color: white;
  }
  .p-grandtop header#page-header.header_fixed:hover .btn_sp_nav .line,
  .p-grandtop header#page-header.keyword_active:hover .btn_sp_nav .line {
    background-color: black;
  }
  .p-grandtop header#page-header:hover #head-bar #logo a {
    background: url(/assets/latest/images/logo-w.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
  .p-grandtop header#page-header.header_fixed:hover #head-bar #logo a,
  .p-grandtop header#page-header.keyword_active:hover #head-bar #logo a {
    background: url(/assets/latest/images/logo.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
  .p-grandtop header#page-header:hover #head-bar > .container .search-pulldown-toggle:before {
    background: url(/assets/latest/images/sp-header-search-w-2x.png) center center no-repeat;
    width: 18.5px;
    height: 18.5px;
    background-size: 18.5px;
  }
  .p-grandtop header#page-header.header_fixed:hover #head-bar > .container .search-pulldown-toggle:before,
  .p-grandtop header#page-header.keyword_active:hover #head-bar > .container .search-pulldown-toggle:before {
    background: url(/assets/latest/images/header-search-b_2x.png) center center no-repeat;
    width: 19px;
    height: 19px;
    background-size: 19px;
  }
  .p-grandtop header#page-header:hover #head-bar > .container .nav.utility-nav li.cart-nav > a:before {
    background: url(/assets/latest/images/sp-header-cart-w-2x.png) center center no-repeat;
    width: 18px;
    height: 20px;
    background-size: 17px 20px;
  }
  .p-grandtop header#page-header.header_fixed:hover #head-bar > .container .nav.utility-nav li.cart-nav > a:before,
  .p-grandtop header#page-header.keyword_active:hover #head-bar > .container .nav.utility-nav li.cart-nav > a:before {
    background: url(/assets/latest/images/header-cart-b_2x.png) center center no-repeat;
    width: 17px;
    height: 19px;
    background-size: 17px 19px;
  }

  /************
  * body
  ************/
  #page-body, .free_shipping #page-body {
    padding-top: 0;
  }
  #page-body > .container {
    padding: 0 10px;
  }

  .global-navi-wrap {
    background-color: transparent;
    padding: 0 !important;
  }
  .global-navi-wrap #global-navi-sp {
    width: 100%;
  }

  /************
  * footer
  ************/
  footer#page-footer #footer-navi {
    padding: 0;
  }
  footer#page-footer .page-footer-accordion {
    padding: 15px 0px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 0px #666666;
        -ms-box-shadow: 0px 1px 0px #666666;
            box-shadow: 0px 1px 0px #666666;
    position:relative;
    cursor: pointer;
  }
  footer#page-footer .page-footer-accordion:before,
  footer#page-footer .page-footer-accordion:after {
    content: '';
    border-left: none;
    border-top: 2px solid white;
    width: 8px;
    height: 6px;
    position: absolute;
  }
  footer#page-footer .page-footer-accordion.active:before,
  footer#page-footer .page-footer-accordion.active:after {
    border-left: 2px solid white;
    width: 6px;
    height: 6px;
  }
  footer#page-footer .page-footer-accordion:before {
    right: 12px;
    top: calc( 50% - 2px );
  }
  footer#page-footer .page-footer-accordion:after {
    right: 18px;
    top: -webkit-calc( 50% - 8px );
    top:     -ms-calc( 50% - 8px );
    top:         calc( 50% - 8px );
    -webkit-transform:rotate( 180deg );
        -ms-transform:rotate( 180deg );
            transform:rotate( 180deg );
  }
  footer#page-footer .nav {
    border-top: none;
    margin: 20px 0 0;
  }
  footer#page-footer .nav > li,
  footer#page-footer .nav .menu7,
  footer#page-footer .nav .menu8 {
    border-top: none;
    padding: 0 15px;
    margin: 0 0 15px;
    float: left;
    width: -webkit-calc( 50% - 30px );
    width:     -ms-calc( 50% - 30px );
    width:         calc( 50% - 30px );
  }
  footer#page-footer .nav > li:nth-child( 2n - 1 ) {
    clear: both;
  }
  footer#page-footer .nav > li > a,
  footer#page-footer .nav > li.active > a,
  footer#page-footer .nav > li a:hover {
    margin: 0;
    padding: 0;
    font-size: 12px;
    background-color: transparent;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu {
    min-width: auto;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu .dropdown-menu-inner li a {
    font-size: 11px;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu .dropdown-menu-inner li  > a,
  footer#page-footer .nav [class*='menu'] .dropdown-menu .dropdown-menu-inner.about li a {
    padding: 0 0 0 10px;
    display: block;
  }
  footer#page-footer .nav > li > a,
  footer#page-footer .nav > li > a:hover,
  footer#page-footer .nav > li[class*="fmenu"] > a {
    background-image: none;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu .dropdown-menu-inner li .child-category-dropdown-list {
    padding: 0;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu .dropdown-menu-inner li .child-category-dropdown-list li a {
    padding: 0 0 0 20px;
  }
  footer#page-footer .nav [class*='menu'] .dropdown-menu .dropdown-menu-inner li .child-category-dropdown-list:before {
    left: 10px;
  }
  footer#page-footer .navbar .nav {
    -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
            justify-content: flex-start;
    margin: 0;
  }
  footer#page-footer .navbar .nav *[class*="fmenu"],
  footer#page-footer .navbar .nav .recruit-link {
    width: 50%;
    padding: 0;
  }
  footer#page-footer .navbar .nav *[class*="fmenu"] a,
  footer#page-footer .navbar .nav .recruit-link a {
    font-weight: normal;
    font-size: 11px;
    padding: 3px 15px;
  }
  footer#page-footer .copyright-wrap {
    border: none;
  }
  footer#page-footer .copyright-wrap .copyright {
    float: none;
  }
  footer#page-footer .copyright-wrap .copyright a {
    color: #666666;
  }
  #page-footer .application_icon {
    padding: 0 18px 0 0;    
  }
  #page-footer .application_icon img.app-icon {
    width: 25px;
  }
  #page-footer .insta_icon {
    padding: 0 18px 0 0;
  }
  #page-footer .insta-icon-img {
    width: 25px;
  }
  #page-footer .facebook_icon {
    padding: 0 18px 0 0;
  }
  #page-footer .facebook-icon-img {
    width: 15px;
  }
  #page-footer .line-icon-img {
    width: 25px;
  }


  /************************
  * conponent
  ************************/
  .box-title {
    font-size: 24px;
    line-height: 24px;
    height: auto;
    margin: 55px 0 30px;
    width: 100%;
  }

  /* pager */
  .pagerArea {
    padding: 15px 5px;
  }
  .pagerArea .pagination-area .pagination {
    width: 100%;
  }
  .pagerArea .pagination-area .pagination ul {
    justify-content: center;
    position: relative;
  }
  .pagerArea .pagination-area .pagination ul li a {
    font-size: 16px;
  }
  .pagerArea .pagination-area .pagination ul li.pager_prev,
  .pagerArea .pagination-area .pagination ul li.pager_next,
  .pagerArea .pagination-area .pagination ul > li,
  .pagerArea .pagination-area .pagination ul > li:nth-child(2),
  .pagerArea .pagination-area .pagination ul > li:nth-last-child(2) {
    margin: 0;
    padding: 0;
  }
  .pagerArea .pagination-area .pagination ul li.pager_prev a,
  .pagerArea .pagination-area .pagination ul li.pager_next a {
    width: 8px;
    height: 8px;
  }
  .pagerArea .pagination-area .pagination ul li.pager_prev {
    margin: 0 5% 0 0;
  }
  .pagerArea .pagination-area .pagination ul li.pager_next {
    margin: 0 0 0 5%;
  }

  /* recommend checked item */
  #related-items, #checked-items {
    border-top: none;
  }
  #related-items .row-fluid > [class*="span"],
  #checked-items .row-fluid > [class*="span"] {
    width: 50%;
  }
  #related-items .row-fluid > [class*="span"]:nth-child( 3n - 2 ),
  #checked-items .row-fluid > [class*="span"]:nth-child( 3n - 2 ) {
    clear: none;
  }
  #related-items .row-fluid > [class*="span"]:nth-child( 2n - 1 ),
  #checked-items .row-fluid > [class*="span"]:nth-child( 2n - 1 ) {
    clear: none;
  }
  #related-items .box-title,
  #checked-items .box-title {
    font-size: 18px;
    border-top: none;
    margin: 55px 0 35px;
  }
  #related-items .box-title small,
  #checked-items .box-title small {
    margin: 5px 0 0;
    font-size: 11px;
  }
  #related-items.swiper-content .box-title,
  #checked-items.swiper-content .box-title {
      margin: 45px 0 20px;
  }

  /* error */
  #wrapper meta[http-equiv='Refresh'] ~ div > .lead {
    padding: 12px 0 24px;
  }

}

/*
@media (min-width: 1400px) {
  header#page-header.header_fixed .global-navi-wrap > .container .search-pulldown-toggle {
    left: -webkit-calc( ( 100vw - 1400px + 30px ) / 2 );
    left:         calc( ( 100vw - 1400px + 30px ) / 2 );
  }
  header#page-header.header_fixed .global-navi-wrap > .container .mypage-nav,
  header#page-header.header_fixed .global-navi-wrap > .container .login-nav {
    right: -webkit-calc( ( 100vw - 1400px + 155px ) / 2 );
    right:         calc( ( 100vw - 1400px + 155px ) / 2 );
  }
  header#page-header.header_fixed .global-navi-wrap > .container .cart-nav {
    right: -webkit-calc( ( 100vw - 1400px + 30px ) / 2 );
    right:         calc( ( 100vw - 1400px + 30px ) / 2 );
  }
}
*/

@media (max-width: 380px) {
  header#page-header #head-bar > .container .nav.utility-nav li.cart-nav .badge-wide {
    right: 12%;
  }
}
@media ( max-width: 767px ) {
  .breadcrumb-wrap .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }

  .fmenu9.recruit-link i {
    margin-left: 6px;
    height: 7px;
  }
}

/*drawer-menu*/
@media (max-width: 340px) {
  #drawer-menu .nav > li.dropdown.feature > a + .dropdown-menu .dropdown-menu-inner li a {
    width: calc( 100% - 10px );
    padding: 15px 5px 15px 5px;
    font-size: 11px;
  }
}

/* DH_FRONT_DEPT-8735 */
@media (max-width: 1024px) {
  .jewelry-dropdown-menu .child-category-dropdown-btn:before, 
  .jewelry-dropdown-menu .child-category-dropdown-btn:after{
      content: '';
      position: absolute;
      border-left: 2px solid #000;
      border-top: 2px solid #000;
      width: 6px;
      height: 6px;
      right: 12px;
      top: calc( 50% - 2px );
  }

  .jewelry-dropdown-menu .child-category-dropdown-btn:before{
    right: 12px;
    top: calc( 50% - 2px );
  }

  .jewelry-dropdown-menu .drawer-accordion:before,
  .jewelry-dropdown-menu .drawer-accordion:after{
    border-left: none;
    width: 8px;
    height: 6px;
  }

  .jewelry-dropdown-menu  .child-category-dropdown-btn:after{
    right: 18px;
    top: -webkit-calc( 50% - 8px );
    top: -ms-calc( 50% - 8px );
    top: calc( 50% - 8px );
    -webkit-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
    transform: rotate( 180deg );
  }


  .jewelry-dropdown-menu .child-category-dropdown-list {
      position: relative;
      width: 100%;
      padding: 0;
      background-color: #f3eee0;
      margin: 0;
  }

  .jewelry-dropdown-menu .child-category-dropdown-list a {
    border: none;
    border-bottom: none !important;
    padding: 10px 10px 10px 40px;
    width: -webkit-calc( 100% - 50px );
    width: -ms-calc( 100% - 50px );
    width: calc( 100% - 50px );
    font-size: 13px;
    font-weight: bold;
    position: relative;
    display: block;
    background-color: #262626;
    color: #ffffff;
  }

  .jewelry-dropdown-menu {
    overflow: hidden;
  }

  .jewelry-dropdown-menu .grand-child-category-dropdown-btn span {
    position: relative;
      display: inline-block;
      width: 10px;
      height: 11px;
      vertical-align: middle;
      margin: 0 0 0 10px;
  }

  .jewelry-dropdown-menu .grand-child-category-dropdown-btn span:before {
    content: '';
    position: absolute;
    border-left: 2px solid #999999;
    border-top: 2px solid #999999;
    width: 4px;
    height: 4px;
    right: 0px;
    top: -webkit-calc( 50% - 2px );
    top: -ms-calc( 50% - 2px );
    top: calc( 50% - 2px );
  }

  .jewelry-dropdown-menu .grand-child-category-dropdown-btn span:after {
    content: '';
    position: absolute;
    border-left: 2px solid #999999;
    border-top: 2px solid #999999;
    width: 4px;
    height: 4px;
    right: 4px;
    -webkit-top: calc( 50% - 6px );
    -ms-top: calc( 50% - 6px );
    top: calc( 50% - 6px );
    -webkit-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
    transform: rotate( 180deg );
  }

  .jewelry-dropdown-menu .grand-child-category-dropdown-list {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #eee8d6;
  }

  .jewelry-dropdown-menu .grand-child-category-dropdown-list a {
    background-color: #2d2d2d;
  }

  .jewelry-dropdown-menu .drawer-accordion span:before,
  .jewelry-dropdown-menu .drawer-accordion span:after {
    border-left: none;
    width: 6px;
    height: 4px;
  }

  #drawer-menu .nav > li.dropdown > a + .jewelry-dropdown-menu .dropdown-menu-inner li a:hover {
    background-color: #262626;
  }
}

@media (min-width: 1221px) and (max-width: 1439px) {
  header#page-header .global-navi-wrap #global-navi > li > a {
    font-size: 12px;
    margin: 0px 6px;
  }
}
@media (min-width: 768px) and (max-width: 1220px) {
  header#page-header .global-navi-wrap #global-navi > li > a,
  header#page-header.header_fixed .global-navi-wrap #global-navi > li > a {
    font-size: 11px;
    margin: 0 4px;
  }
  ::-webkit-full-page-media, :future, :root header#page-header.header_fixed .global-navi-wrap #global-navi > li > a {
    font-size: 11px;
    margin: 0 2px;
  }
}