@charset "utf-8";

@media (max-width: 767px) {

.breadcrumb-wrap {
  padding: 8px 10px;
}

/*brand.css
-----------------------------------*/
/*detail*/
.view-main-content{
  background:none;
}
#product-photo{
  margin-top:0;
}
#collection-view-slider .bx-wrapper{
  margin-bottom:40px;
  clear:both;
}
#collection-view-slider .bx-wrapper .bx-pager.bx-default-pager a{
  background:url("/assets/images/smp/slide_nav.png") no-repeat 50% 50%;
  background-size:9px 9px;
  width:28px;
  height:30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin:0;
}
#collection-view-slider .bx-wrapper .bx-pager.bx-default-pager a.active{
  background-image:url('/assets/images/smp/slide_nav_active.png');
}
#collection-view-slider .bx-wrapper .bx-pager,
#collection-view-slider .bx-wrapper .bx-controls-auto{
  bottom:-30px;
}

.zoomSwitch{
  position:static;
  top:auto;
  right:auto;
  float:right;
  width:38px;
  height:33px;
  background-image:url("/assets/images/smp/zoom.png");
  background-size:18px 18px;
}
.zoomSwitch.select{
  background-image:url("/assets/images/smp/zoom_off.png");
}
.productMainPhoto{
  clear:both;
  margin:0 15px;
}

#product-detail{
  min-height:inherit;
}
#product-detail h1{
  margin-top:0;
}
#product-detail .line{
  margin:12px auto;
}
#product-detail .color-sample{
  display:none;
}
#product-detail .sample-zoom-sp{
  display:block;
  color:#333;
  font-size:14px;
  font-weight:bold;
  padding: 18px 0;
  border:solid 1px #333;
}
#product-detail .sample-zoom-sp .a-mark{
  background-image: url("/assets/images/smp/menu_arrow_10.png");
}
/*color sample*/
#samplemodal{
  height:auto;
  overflow:visible;
  position:absolute;
  z-index:100001;
  right:10px;
  background-color:#fff;
}
#samplemodal .close-wrap{
  padding:20px 0;
  text-align:center;
}
#samplemodal #closeSamplemodal{
  color:#000;
  font-size:13px;
  border:solid 1px #f0e7d2;
  background-color:#f8f3e8;
  width:110px;
  padding:8px 0;
}
.color-sample-wrap{
  text-align:center;
}
.color-sample-wrap h1{
  color:#d0c3a5;
  font-size:13px;
  line-height:16px;
  font-weight:bold;
  background-color:#f7f1e3;
  padding:8px 0;
}
.color-sample-wrap h2{
  font-size:20px;
  line-height:20px;
  font-weight:normal;
  padding-top:15px;
}
.color-sample-wrap .line{
  width:6px;
  border-top:solid 1px #000;
  margin:13px auto 16px;
}

.sample-list{
  list-style:none;
  overflow:hidden;
  padding:0 0.5%;
}
.sample-list > li{
  float:left;
  width:33%;
  margin-left:0.5%;
  margin-bottom:7px;
}
.sample-list > li:nth-child(3n-2){
  clear:both;
  margin-left:0;
}
.sample-list > li .figcaption{
  font-size:10px;
  line-height:14px;
  padding:4px 0;
}


a.link-to-store{
  margin-top:10px;
  color:#fff;
  background-color:#333;
  border:solid 1px #333;
}
a.link-to-store .a-mark{
  background-image: url("/assets/images/smp/menu_arrow_white_10.png");
}

.brand-pageback-area{
  padding:30px 5px 0;
}
.brand-pageback-area .btn-backindex{
  font-size:11px;
}



/*list*/
.colle-mainvisual{
  background:none;
  border-top:1px solid #f0e6d0;
}
.colle-mainvisual .mvttl,
.colle-mainvisual .mvimg{
  display:block;
  width:auto;
}
.colle-mainvisual .mvttl h2{
  font-size:20px;
  line-height:20px;
  padding:10px 0;
}
.colle-mainvisual .mvttl h2 br{
  display:none;
}

.listarea-brand{
  border-top: 1px solid #f0e6d0;
  padding:20px 0;
}
.listarea-brand .listSetting > li{
  margin-bottom:0 !important;
}
.listarea-brand .listSetting > li .figure > a{
  padding:3px;
}
.listarea-brand .listSetting > li .figure > a:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.pagerAreaBrand{
  padding:0;
  text-align:left;
}
.pagerAreaBrand-inner{
  display:block;
}
.pagerAreaBrand .colle-itemsperpage{
  float:none;
  padding:5px 0;
  /*border-top:solid 1px #f0e6d0;*/
}
.pagerAreaBrand .colle-itemsperpage .icn-itemsperpage{
  width:45px;
  background-position:50% 50%;
}
.pagerAreaBrand .colle-itemsperpage .pagination{
  float:none;
}
.pagerAreaBrand .colle-itemsperpage .pagination ul > li a{
  width:90px;
  margin-left:0;
}
.pagerAreaBrand .pagination-area{
  float:none;
  border-top:solid 1px #f0e6d0;
  padding:5px;
}

.pagerAreaBrand .pageCount{
  font-size:11px;
  margin:0 0 0 12px;
}
.under-pager{
  padding-bottom:0;
  background:none;
}
.under-pager .pagerAreaBrand{
  border-bottom:0;
}
.pagerAreaBrand .pager-divider,
.under-pager .pagerAreaBrand .colle-itemsperpage{
  display:none;
}


/*new top*/
.new-index-title{
  padding:11px 0;
}
.new-index-title h2{
  font-size:30px;
  margin-bottom:0;
}
.new-index-title p,
.new-index-main{
  display:none;
}
a.new-index-block{
  margin-left:10px;
  margin-right:10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.new-textbox{
  padding:12px 20px 30px;
  margin-bottom:20px;
}
.new-textbox.non-fig{
  padding-top:26px;
}
.new-textbox h2{
  font-size:25px;
}
.new-textbox .line{
  width:10px;
  margin:12px auto;
}
.new-textbox p{
  font-size:11px;
  text-align:left;
}
.new-textbox p br{
  display:none;
}
.new-textbox .btn-border{
  margin-top:12px;
}
/*DH_FRONT_DEPT-4007*/
.new-textbox p .visible-all {
  display: block;
}
.new-textbox p.new-top-subtitle {
  text-align: center;
}


/*standard top*/
.std-toggle-box{
  margin-bottom:40px;
}
.std-lgbox{
  margin-bottom:0;
}
.std-visual{
  margin-left:-40.5%;
}
.std-textbox{
  position:static;
  top:auto;
  left:auto;
  width:auto;
  padding:12px 0 0;
}
.std-textbox h2{
  font-size:25px;
  line-height:25px;
  margin-top:0;
}
.std-textbox .line{
  width:10px;
  margin:12px auto 15px;
}
.std-textbox .sentence,
.std-textbox .btn-border{
  display:none;
}

.std-smbox{
  padding:0 10px;
  margin-bottom:15px;
}
.std-smbox .sentence{
  font-size:11px;
  line-height:22.5px;
  padding:0 5px;
  margin-bottom:10px;
}

.std-smbox ul li{
  margin-top:5px;
  text-align:center;
}
.std-smbox ul li:first-child{
  margin-top:0;
}
.std-smbox .rollphoto{
  display:inline-block;
  vertical-align:top;
  background-color:#000;
  max-width:100%;
}
.std-smbox .rollphoto h2{
  color:#fff;
  font-size:25px;
  background:url('/assets/images/smp/menu_arrow_white_10.png') no-repeat 100% 50%;
  background-size:19px 12px;
}
.std-smbox .rollphoto .rollphoto-img img{
  opacity:0.6;
  filter:alpha(opacity=60);
}


.std-toggle-box .btn-border{
  margin:0 5px;
  cursor:pointer;
}
.std-toggle-box .btn-border .a-mark{
  background-image:url('/assets/images/smp/menu_arrow_down.png');
  background-size:24px 12px;
}
.std-toggle-box .btn-border.select .a-mark{
  background-image:url('/assets/images/smp/menu_arrow_up.png');
}





/*uomo top*/
.uomo-index-top{
  padding:0 0 30px;
}
.uomo-index-top h2 small{
  display:block;
  font-size:9px;
  margin:2px 0 0;
}
.uomo-index-about h2{
  font-size:18px;
  text-align:center;
  border-top:solid 1px #cccccc;
  border-bottom:solid 1px #eaeaea;
  padding:10px 0;
}
.uomo-index-about p{
  font-size:11px;
  line-height:22px;
  padding:12px 15px;
}
.uomo-index-shop{
  padding:22px 0 25px;
  margin:0 10px;
}
.uomo-index-section{
  padding:0;
  background:none;
  border-top:0;
}
.uomo-index-section h2{
  font-size:18px;
  border-top:solid 1px #cccccc;
  padding:10px 0 12px;
}
.uomo-index-section .listarea-brand{
  border:0;
  padding:0;
  margin:0;
}

.section-new .new-more,
.section-standard .standard-more{
  padding:0 5px;
  margin-top:12px;
}
.section-new .new-more .btn-border,
.section-standard .standard-more .btn-border{
  display:block;
  width:auto;
}

.section-new h2{
  padding-bottom:0
}
.section-new h3{
  font-size:9px;
  line-height:12px;
  color:#999999;
  padding:2px 0 10px;
  border-bottom:solid 1px #eaeaea;
}

.section-standard{
  border-bottom:0;
  margin-top:30px;
}
.section-standard h3{
  font-size:15px;
  font-weight:normal;
  background:none;
  margin-top:0;
  text-indent:inherit;
  text-align:center;
  border-top:solid 1px #eaeaea;
  padding:20px 0 7px;
}
.section-standard .section-standard-list{
  margin-bottom:15px;
}
.section-standard .listarea-brand{
  float:none;
}
.section-standard .standard-viewall{
  padding-top:15px;
  border-top:solid 1px #eaeaea;
}

/*uomo shoplist*/
.uomo-shoplist{
  background:none;
  border:0;
  padding:0;
  margin-bottom:40px;
}
.uomo-shoplist ul{
  border-bottom:solid 1px #eaeaea;
}
.uomo-shoplist ul li{
  margin-bottom:0;
  border-top:solid 1px #eaeaea;
}
.uomo-shoplist ul li a{
  display:block;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  padding:10px 17px;
  background-image:url('/assets/images/smp/menu_arrow.png');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:24px 12px;
}
.uomo-shoplist ul li a:hover{
  border-bottom:0;
}



/****************************
black frame
****************************/
.black-frame #logo a{background-image:url("/assets/images/smp/logo_b.png");}
.black-frame #global-navi-sp > li [class*="nav-icon"]{background-image:url("/assets/images/smp/headnavi_black.png");}
.black-frame #global-navi-sp .badge{color:#fff; background-color:#333;}
.black-frame #page-header .nav-collapse .nav > li{border-color:#eaeaea;}
.black-frame #page-header .nav-collapse .dropdown-menu > li > a{background-color:#eaeaea; 
  background-image:url('/assets/images/smp/menu_arrow_gray.png');}
.black-frame #page-header .nav-collapse .dropdown-menu > li > a.child-category-dropdown {background-image: url(/assets/images/smp/toggle_on.png);}
.black-frame #page-header .nav-collapse .dropdown-menu > li > a.child-category-dropdown.open {background-image: url(/assets/images/smp/toggle_off.png);}
.black-frame #page-header .nav-collapse .dropdown-menu.child-category-dropdown-list > li > a{background-color: #dddddd;}

.black-frame #page-footer .nav{border-top:0; padding-top:0;}
.black-frame #page-footer .nav > li{border-color:#333;}
.black-frame #page-footer .nav > li > a,
.black-frame #page-footer .nav > li > a:hover,
.black-frame #page-footer .nav > li[class*="fmenu"] > a{color:#fff; background-image:url('/assets/images/smp/menu_arrow_white.png');}
.black-frame #pagetop,
.black-frame #pagetop:hover{background-color:#999; background-image: url("/assets/images/smp/pagetop_uomo.png");}
.black-frame #page-footer .copyright-wrap{border-color:#333;}
.black-frame #page-footer .copyright a{color:#666;}

.black-frame #mainvisual-slider .bx-wrapper .bx-pager.bx-default-pager a{background-image:url('/assets/images/smp/slide_nav_uomo.png');}
.black-frame #mainvisual-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background-image:url('/assets/images/smp/slide_nav_active.png');}
.black-frame .view-main-content{border-color:#ccc;}
.black-frame #collection-view-slider .bx-wrapper .bx-pager.bx-default-pager a{background-image:url('/assets/images/smp/slide_nav_uomo.png');}
.black-frame #collection-view-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background-image:url('/assets/images/smp/slide_nav_active.png');}
.black-frame .sns-block-list > li > a{border-color:#ebebeb;}
.black-frame .list-category h2{border-color:#fff;}
.black-frame .list-category h2 a,
.black-frame .list-category h2 a:hover{background-color:#eaeaea;}
.black-frame .list-category h2.non-child a,
.black-frame .list-category h2.non-child a:hover,
.black-frame .list-category h2.non-child.active a{background-color:#eaeaea; background-image:url('/assets/images/smp/menu_arrow.png');}
.black-frame .list-category .child-category > li > a,
.black-frame .list-category .child-category > li > a:hover,
.black-frame .list-category .child-category > li.active > a{background-color:#dddddd; background-image:url('/assets/images/smp/menu_arrow_gray.png');}
.black-frame .pagerAreaBrand .colle-itemsperpage{border-color:#ccc;}
.black-frame .pagerAreaBrand .pagination-area{border-color:#eaeaea;}
.black-frame .listarea-brand{border-color:#eaeaea;}
.black-frame .btn-backindex{border-color:#ccc;}

.collection-link .new-view-more {
  padding: 10px;
  margin: 22px auto 0;
  width: 130px;
  font-size: 11px;
}
.collection-link .new-view-more::before,
.collection-link .new-view-more::after {
  width: 8px;
}
.collection-link .new-view-more::before {
  transform: rotate( 45deg );
  top: calc( 50% - 3px );
}
.collection-link .new-view-more::after {
  transform: rotate( -45deg );
  top: calc( 50% + 2px );
}

}