/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 180px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 180px;
  width: 0;
  height: 100%;
  margin-left: -180px;
  overflow-y: auto;
  background: #D5CDCB;;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 180px;
  width: 230px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  /* padding: 15px; */
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -180px;
}


/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 180px;
  width: 230px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  /* text-indent: 20px; */
  line-height: 40px;
  font-size:90%;
  font-size:12px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
  color: #555555;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media(min-width:768px) {
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 180px;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 180px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 END
 */

#page-content-wrapper {
  /*border-top: solid 5px #000;*/
}


#menu-toggle {
  float: right;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 3px 8px;
}


.btn-custom {
  background-color: hsl(0, 0%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
  background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
  background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
  background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
  background-image: -o-linear-gradient(top, #5b5b5b, #282828);
  background-image: linear-gradient(#5b5b5b, #282828);
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

#carouselBox{
  /*background-color: #000;*/
  background-color: #ffffff;
  padding: 10px 0;
}


#carouselBox .carousel-control.left ,
#carouselBox .carousel-control.right {
	background-image: none;
}


#sampleCarousel {
  width: 283px;
  margin: 0 auto;
}
#col1 {
 margin:0;
 padding:0;
}
#col1 .container .panel.panel-default {
 margin-top: 10px;
}

#col2 .container .panel.panel-default ,
#col3 .container .panel.panel-default {
 margin-top: 0px;
}

#col1 .container .panel.panel-default .btn.btn-custom ,
#col2 .container .panel.panel-default .btn.btn-custom ,
#col3 .container .panel.panel-default .btn.btn-custom {
  padding: 1px 4px 0px 4px;
  float: right;
}



#col1 .container h3 ,
#col2 .container h3 ,
#col3 .container h3 {
font-size: 10px;
display: inline-block;
}

#col1 .container #collapseExample2 .mBox h4 {
 font-size:12px;
 line-height:1.5em;
 margin:0.3em 0 0.2em;
 text-align: left;
 font-weight: bold;
}
#col1 .container #collapseExample2 .mBox h4+p {
  text-align: left;
}

#col1:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

#col2 {
 margin:0;
 padding:0;
}

#col2:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

#col3 {
 margin:0;
 padding:0;
}

#col1 .container #box1 {
 margin:0 0 1em;
 padding:0 5px 0 0;
 zoom:100%;
 width: 100%;
}

#col1 .container #box1 p {
 font-size:10px;
 text-align:right;
 letter-spacing:0.1em;
}

#col1 .container #box1:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

#col1 .container #box2 {
 margin:1em 0;
 padding:0 5px 0 0;
 zoom:100%;
}

#col1 .container #box2:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}




#col1 .container h3#title1 {
 background:url(../common/img/tl_news.jpg) no-repeat;
}

#col1 .container h3#title2 {
 background:url(../common/img/tl_lineup.jpg) no-repeat;
}

#col2 .container h3#title3 {
 background:url(../common/img/tl_brand.jpg) no-repeat;
}

#col3 .container h3#title4 {
 background:url(../common/img/tl_pickup.jpg) no-repeat;
}

/* #col1 .container dl {
 margin:0;
 padding:0;
 text-align: left;
}

#col1 .container dl dt {
 margin:0 0 0.3em;
 padding:0;
 font-size:12px;
 line-height:1.5em;

}

#col1 .container dl dd {
 margin:0 0 0.3em;
 padding:0;
 font-size:12px;
 line-height:1.5em;

}

#col1 .container dl dd:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
} */

#col1 .container #box2 .mBox {
 margin:0;
 padding:0 0 0.5em;
 border-bottom:1px dotted #ccc;
 position:relative;

}

#col1 .container #box2 .mBox h4 {
 font-size:12px;
 line-height:1.5em;
 margin:0.3em 0 0.2em;
 text-align: left;
}

#col1 .container #box2 .mBox p.rss {
 width:12px;
 height:12px;
 background:url(../common/img/rss.gif) no-repeat;
 text-indent:-9999px;
 position:absolute;
 top:0.25em;
 right:0;
}

#col1 .container #box2 .mBox p.rss a {
 width:12px;
 height:12px;
 display:block;
}

#col2 .container ul {
 list-style:none;
}

#col2 .container p {
 clear:both;
 font-size:12px;
 line-height:1.5em;
 text-align:right;
 padding:2em 1em 0 0;
}

#col2 .container ul li {
 margin:1em 5px 0 0;
 width: 100px;
 height:31px;
 float:left;
 text-indent:-9999px;
}

#col2 .container ul li a {
 display:block;

 height:31px;
}

#col2 .container ul li#jines { background:url(../common/img/brand/logo_jines.gif) no-repeat; }
#col2 .container ul li#tis { background:url(../common/img/brand/logo_tite.gif) no-repeat; }
#col2 .container ul li#tft { background:url(../common/img/brand/logo_tft.gif) no-repeat; }
#col2 .container ul li#rr { background:url(../common/img/brand/logo_rr.gif) no-repeat; }
#col2 .container ul li#dr { background:url(../common/img/brand/logo_dr.gif) no-repeat; }
#col2 .container ul li#td { background:url(../common/img/brand/logo_td.gif) no-repeat; }
#col2 .container ul li#cepica { background:url(../common/img/brand/logo_cepica.gif) no-repeat; }
#col2 .container ul li#chamois { background:url(../common/img/brand/logo_chamois.gif) no-repeat; }
#col2 .container ul li#racea { background:url(../common/img/brand/logo_racea.gif) no-repeat; }
#col2 .container ul li#chamoisv { background:url(../common/img/brand/logo_c_v.gif) no-repeat; }
#col2 .container ul li#chamoisdepo { background:url(../common/img/brand/logo_c_depo.gif) no-repeat; }
#col2 .container ul li#chamoisl { background:url(../common/img/brand/logo_c_l.gif) no-repeat; }
#col2 .container ul li#chamoispla { background:url(../common/img/brand/logo_c_pla.gif) no-repeat; }
#col2 .container ul li#luithemis { background:url(../common/img/brand/logo_lui.gif) no-repeat; }
#col2 .container ul li#ivisuto { background:url(../common/img/brand/logo_ivisuto.gif) no-repeat; }
#col2 .container ul li#edi { background:url(../common/img/brand/logo_edi.gif?1702) no-repeat; }
#col2 .container ul li#ofd { background:url(../common/img/brand/logo_ofd.gif) no-repeat; }
#col2 .container ul li#verseau { background:url(../common/img/brand/logo_verseau.gif) no-repeat; }
#col2 .container ul li#tt { background:url(../common/img/brand/logo_tt.gif?1702) no-repeat; }
#col2 .container ul li#vcp { background:url(../common/img/brand/logo_vcp.gif) no-repeat; }


#col3 .container ul {
 list-style:none;
 width: 218px;
     margin: auto;
}

#col3 .container ul li {
 margin:1px 0 0;

}

#col3 .container ul li.bnr {

 height:52px;
 text-indent:-9999px;
 overflow:hidden;
 display:block;
}

#col3 .container ul li.bnr a {

 height:52px;
 display:block;
}

#col3 .container ul li.txt {
 text-align: left;
 width:218px;
 height:30px;
 background:url(../common/img/bnr/bnr_menu.gif) no-repeat;
 padding:0.2em 0 0 22px;
 /*padding:0.2em 0 0 30px;*/
 display:block;
 overflow:hidden;
}






#col3 .container ul li.txt a {

 height:24px;
 display:block;
 overflow:hidden;
 font-size:12px;
}
#col3 .container ul li#b-Dro { background:url(../common/img/bnr/bnr_dresslave.jpg) no-repeat; }
#col3 .container ul li#b-dro { background:url(../common/img/bnr/bnr_drs.gif) no-repeat; }
#col3 .container ul li#b-jines { background:url(../common/img/bnr/bnr_jines.gif) no-repeat; }
#col3 .container ul li#b-dr { background:url(../common/img/bnr/bnr_dr.gif) no-repeat; }
#col3 .container ul li#b-tis { background:url(../common/img/bnr/bnr_tite.gif?20111031) no-repeat; }
#col3 .container ul li#b-cl { background:url(../common/img/bnr/bnr_cl.gif) no-repeat; }
#col3 .container ul li#b-tft { background:url(../common/img/bnr/bnr_tft.gif) no-repeat; }

#col3 .container ul li#b-dro a { background:url(../common/img/bnr/bnr_drs.gif) no-repeat; }
#col3 .container ul li#b-jines a { background:url(../common/img/bnr/bnr_jines.gif) no-repeat; }
#col3 .container ul li#b-dr a { background:url(../common/img/bnr/bnr_dr.gif) no-repeat; }
#col3 .container ul li#b-tis a { background:url(../common/img/bnr/bnr_tite.gif?20111031) no-repeat; }
#col3 .container ul li#b-cl a { background:url(../common/img/bnr/bnr_cl.gif) no-repeat; }
#col3 .container ul li#b-tft a { background:url(../common/img/bnr/bnr_tft.gif) no-repeat; }
#col3 .container ul li#b-andon a { background:url(../common/img/bnr/bnr_andon.jpg) no-repeat; }


#col3 .container ul li.txt.ls {
 letter-spacing: -.4px;
}

#col3 .container ul li.txt span {
 font-size:9px;
}

#col3 .container ul li.txt span {
   font-size:9px;
}

#col3 .container ul li#b-Racea a {
   background:url(../common/img/bnr/bnr_racea.jpg) no-repeat;
}

#col3 .container ul li#b-racea a {
   background:url(../common/img/bnr/bnr_racea.gif) no-repeat;
}

#col3 .container ul li#b-racea_os a {
   background:url(../common/img/bnr/bnr_racea_os.gif) no-repeat;
}

#col3 .container ul li#b-racea_fb a {
   background:url(../common/img/bnr/bnr_racea_fb.gif) no-repeat;
}

#col3 .container ul li#b-racea_inst a {
   background:url(../common/img/bnr/bnr_racea_inst.gif) no-repeat;
}

#col3 .container ul li#b-fb a {
   background:url(../common/img/bnr/bnr_fb.gif) no-repeat;
}
#col3 .container ul li#b-fb2 a {
   background:url(../common/img/bnr/bnr_fbo.gif?1605) no-repeat;
}

#col3 .container ul li a#jione_fb {
   background:url(../common/img/bnr/bnr_jione_fb.jpg) no-repeat;
}

#col3 .container ul li a#jione_insta {
   background:url(../common/img/bnr/bnr_jione_insta.jpg) no-repeat;
}

#col3 .container ul li#b-ver a {
   background:url(../common/img/bnr/bnr_ver.gif?1606) no-repeat;
}

#col3 .container ul li#b-inst a {
   background:url(../common/img/bnr/bnr_inst.gif?16) no-repeat;
}

#col3 .container ul li#b-Chamois a{
 background:url(../common/img/bnr/bnr_chamois.jpg) no-repeat;
}
#col3 .container ul li#b-chamois_fb a {
   background:url(../common/img/bnr/bnr_chamois_fb.gif) no-repeat;
}

#col3 .container ul li#b-chamois_inst a {
   background:url(../common/img/bnr/bnr_chamois_inst.gif) no-repeat;
}
area{
 border:none;
 outline:none;
}
/*フッター*/
#page-content-wrapper #footer {
 clear:both;
 margin:1.5em 0 0;
 padding:0.5em 0;
 width:auto;
 text-align:center;
 border-top:1px solid #ccc;
}

#page-content-wrapper #footer p#logo {
 margin:0 auto;
 width:239px;
 height:50px;
 background:url(../common/img/fotter_logo.gif) no-repeat;
 text-indent:-9999px;
}

#page-content-wrapper #footer p#copy {
 margin:0 auto;
 text-align:center;
 font-size:10px;
 line-height:1.5em;
 font-family:Arial, Helvetica, sans-serif;
}



#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}



#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  z-index: 999;
  padding: 3px 0 0 0px;
  border-radius: 30px;
  width: 29px;
  height: 29px;
  background-color: #555;
  color: #fff;
  color: #888;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
	font-size: 24px;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* collapse　スムーズ開閉対応 */
.bg-re .panel-body#collapseExample1 ,
.bg-re .panel-body#collapseExample2 ,
.bg-re .panel-body#collapseExample3 ,
.bg-re .panel-body#collapseExample4 {
	padding-top: 0;
	padding-bottom: 0;
}

.bg-re .panel-body#collapseExample1 dl ,
.bg-re .panel-body#collapseExample4 ul {
	margin-top: 15px;
	margin-bottom: 15px;
}
.bg-re .panel-body#collapseExample2 div:nth-of-type(1) {
	margin-top: 15px;
}
.bg-re .panel-body#collapseExample2 div:nth-of-type(3) {
	margin-bottom: 15px;
}
.bg-re .panel-body#collapseExample3 a {
	padding-top: 20px;
	margin-bottom: 15px;
}


.visible-xs > #col3 .panel-body#collapseExample4 {
	padding-top: 0;
	padding-bottom: 0;
}

.visible-xs > #col3 .panel-body#collapseExample4 ul {
	margin-top: 15px;
	margin-bottom: 15px;
}

#page-content-wrapper #menu-toggle span.menutext {
	margin-left:0px !important;
}

/* -------------------------------
　191023～追加
------------------------------- */
/* トップのWEB SITE OPENバナー */
.open_list #bn_list {
  width: 100%;
	display: flex !important;
	display: -webkit-flex !important;
  display: -ms-flexbox !important;
	justify-content: space-between !important;
	-webkit-justify-content: space-between !important;
	-ms-justify-content: space-between !important;
}

.open_list #bn_list .gr {
  width: 49%;
}

.open_list #bn_list .gr a {
  display: block;
}

.open_list #bn_list .gr a .panel {
  border: 1px solid #ddd;
}

.open_list #bn_list .gr:nth-child(-n+2) a .panel {
  margin-bottom: 10px;
}

.open_list #bn_list .gr a:nth-child(2) .panel {
  margin-bottom: 0;
}

/* QVCリンク追加 */
.qvc_link a {
  text-decoration: underline;
}

.qvc_link a:hover {
  text-decoration: none;
}

/* -------------------------------
　スマホ版ナビ改修 191212
------------------------------- */
#sp_nav .sep {
  border-bottom: 1px solid #ada5a1;;
}
/*
.spnav_wrap {
  background: #9f9794 !important;
}
*/
#sp_nav li a {
  color: #fff !important;
}

#sp_nav li a:hover,
#sp_nav li a:active {
  background: #9f9794 !important;
}

#sp_nav li.multiple a {
  position: relative;
}

#sp_nav li.multiple a span {
  display: block;
  position: absolute;
  top: 34%;
  right: 7%;
}

#sp_nav li .sub {
  background: #bfb6b2;
}

#sp_nav li .sub li a:hover,
#sp_nav li .sub li a:active {
  background: #bfb6b2 !important;
}

.img-responsive.img-thumbnail {
  margin-bottom: 10px !important;
}