@charset "utf-8";
/*-------------------------------------
SITE : //www.jeansfactory.jp/
CREATE : 2017.01.11
MODIFIED : 
UPDATED BY : OGASAWARA
MEMO : 2019.10.02__ver3.6.2
MEMO : 2019.12.25__ver3.7.0
-------------------------------------*/

body{margin:0; padding:0; font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; font-size:13px}
body#ladys{background:#fcefe8}
body#mens{background:#ebeced}
body#goods{background:#fdfbe9}
body#outlet{}

/* グーグルコンバージョンタグ　*/
iframe[name="google_conversion_frame"] {display:none}

/*link
-------------------------------- */
a{text-decoration:none; color:#2490d0}
a:hover{text-decoration:underline; color:#2490d0}

/*reset
-------------------------------- */
dl, dt, dd{margin:0 0 0 0; padding:0 0 0 0}
select{margin:0 0 0 0}

/*アピアランス
-------------------------------- */
html{height:100%}
body{height:100%}
abbr, acronym{border:0 none}
q:before, q:after{content:""}
ol, ul{list-style:none}
img{border:0 none; vertical-align:bottom}
object{outline:none}
table{border-spacing:0}
*:first-child+html table{border-collapse:collapse}
* html table{border-collapse:collapse}
caption{text-align:left}
th, 
td{text-align:left; vertical-align:middle; empty-cells:show}
hr{display:none}
fieldset{border:0 none}
label{cursor:default}
iframe{border:0 none; overflow:auto}
.clearfix:after{  content:"."; display:block; height:0; clear:both; visibility:hidden}

/*パンくず
-------------------------------------*/
.header_pan{ width:100%;  margin:25px 0 0 0;  padding:4px 0; font-size:13px}
.header_pan span{ width:1024px;  margin:0 auto;  display:block}
.breadcrumbs {padding: 20px 0;}
.breadcrumbs .breadcrumbsList {width: 1024px;margin: 0 auto;font-size: 0;}
.breadcrumbs .breadcrumbsList li{display: inline;position: relative;padding-right: 26px;font-size: 13px;}
.breadcrumbs .breadcrumbsList li.rightArrow::after{right: 10px;position:absolute;border-top: 1px solid #555;border-right: 1px solid #555;content:"";width: 6px;height: 6px;top: 50%;-webkit-transform: translate(0,-50%) rotate(45deg);-moz-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);-o-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);}

@media screen and (max-width:640px){
.breadcrumbs {padding: 8px 5%;white-space: nowrap; overflow: scroll;}
.breadcrumbs .breadcrumbsList {width: auto;}
.breadcrumbs .breadcrumbsList li{display: inline;position: relative;padding-right: 20px;font-size: 12px;}
.breadcrumbs .breadcrumbsList li.rightArrow::after{right: 8px;}
}

/*タイトル
-------------------------------------*/
h2.pageTitle {padding: 0px;margin: 50px auto;font-weight: normal;border-bottom: none;display: block;font-size: 25px;max-width: 1024px;}

/* ==================================

 header
 
================================== */
#header{ width:100%;  margin-bottom:0px; box-shadow:0px -7px 5px -5px rgba(20,20,20,0.2) inset;  -webkit-box-shadow:0px -7px 5px -5px rgba(20,20,20,0.2) inset;  -moz-box-shadow:0px -7px 5px -5px rgba(20,20,20,0.2) inset;  background-color:#333;color: #fff;}

.header_contents{width:1024px; margin:0 auto; padding:0; height: 75px;position: relative;}
.header_contents h1 {background: url(https://www.jeansfactory.jp/img/common/jf-logo.png) 0 -22px no-repeat;width: 300px;text-indent: -9999px;position: absolute;top: 50%;left: 0;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);background-size: 300px;height: 22px;}
.header_contents h1 a { display: block;line-height:75px}
.header_contents h1.outlet-logo {background: url(https://www.jeansfactory.jp/img/common/jf-logo_outlet.png) 0 0 no-repeat;text-indent: -9999px;background-size: 400px;height: 18.6px;width: 400px;}

.header_contents_right{position: absolute; right: 0;}
.header_contents_right .header_menu{list-style:none; margin:0; padding:0}
.header_contents_right .header_menu > li{float:left; margin:0px; vertical-align:middle; display:block; padding:0px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; height:75px;line-height: 75px;}
.header_contents_right .header_menu > li .icon {width: 50px; height:75px; display: inline-block; background: url(https://www.jeansfactory.jp/img/common/ico_common.png) no-repeat; background-size: 40px;text-indent: -9999px; cursor:pointer}
.header_contents_right .header_menu > li > * { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.header_contents_right .header_menu > li .naviMember {background-position: 8px -112px;}
.header_contents_right .header_menu > li .naviSitemap {background-position: 8px -55px;}
.header_contents_right .header_menu > li .naviCart {background-position: 8px 3px;}
.header_contents_right .header_menu > li .naviWish {background-position: 8px -174px;}
.header_contents_right .header_menu > li .naviGuide { padding:0 10px; display: inline-block;cursor:pointer}
.header_contents_right .header_menu > li > a:hover,
.header_contents_right .header_menu > li > span:hover{background-color:rgba(0,0,0,1)}

/*イベント用バナー
-------------------------------------*/
#eventbar{width:100%;height:0;} /* 使用する際はheight:48px */
#eventbar a{display:block;width:100%;height:48px;line-height:1;background: url(https://www.jeansfactory.jp/img/event/point/pointup_pcFixed.png?ver02), -moz-linear-gradient(top right, #113688 0%, #0365b2 100%);background: url(https://www.jeansfactory.jp/img/event/point/pointup_pcFixed.png?ver02), -webkit-linear-gradient(top right, #113688 0%, #0365b2 100%);background: url(https://www.jeansfactory.jp/img/event/point/pointup_pcFixed.png?ver02), linear-gradient(to right, #113688 0%, #0365b2 100%);background-position: center;background-repeat: no-repeat;background-size: contain;-webkit-transition: all 0.35s;transition: all 0.35s;}
#eventbar a:hover{opacity:0.8}

/*検索Box
-------------------------------------*/
#hItemSearch { position: absolute;top: 50%; left: 330px; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 5000}
#hItemSearch form.onFocus { border:2px solid #2490d0; border-radius:4px; margin:-2px; }
#hItemSearch form.onFocus #hSubmit.hBtn { background-color:#007ebe;  }
#hItemSearch p {}
#hItemSearch #hKeyword {margin: 0;}
#hItemSearch #hKeyword input{ color:rgba(130,130,130,1.00);}
#hItemSearch #searchText {padding: 0px 55px 0 15px;line-height: 40px;height: 40px;width: 300px;border: none;border-radius: 2px;position:relative;text-decoration:none;background: #fff;font-size: 13px;}
#hItemSearch #hSubmit {margin:0;position: absolute;zoom:1;top: 50%;right: 15px;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
#hItemSearch #hSubmit input {padding:0;cursor:pointer;text-align:center;border: none !important;background: url("https://www.jeansfactory.jp/img/common/ico_search.png") no-repeat !important;background-size: contain !important;height: 25px;width: 25px;}
*:first-child+html #hItemSearch #searchText { margin: -2px 0 0 0;}
*:first-child+html #hItemSearch #hSubmit { margin:-1px 0 0; }

.header_contents h1.outlet-logo+#hItemSearch {left: 430px;}


/*サジェストリンク
-------------------------------------*/
#poplink div:after{ clear:none !important}
#hKeyword #poplink{ margin-top:40px !important;  width:420px !important;  z-index:5000 !important;  cursor:default;  overflow:hidden;  background-color:#FFF;  border-collapse:collapse;  border:none;  margin:0px;  padding:1px;  text-align:left;  border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px;  line-height:normal;  box-shadow:0 0 5px rgba(77,77,77,0.2);color: #333;}
#poplink #poplink_suggest_area{ padding:7px 0}
#poplink #poplink_suggest_area div{ padding:1px 5px}
#poplink #poplink_suggest_area div:hover{color:#2490d0;  background-color:#f2f2f2 !important}
#poplink_search_area{ padding:0}
#poplink_search_area #popSearch{ border-top:1px solid #ccc}
#poplink_search_area #popSearch a:hover{ text-decoration:none}
#poplink_search_area #popSearch .popItem{padding:7px 10px; color:#444}
#poplink_search_area #popSearch .popItem:hover{ background-color:#f2f2f2}
.popItem #pL{ float:left;  margin-right:10px;  text-align:center;  margin:0 auto;  width:90px}
.popItem #pL img{ text-decoration:none;  border:none;  max-height:90px;  max-width:90px}
.popItem #pR{ margin-left:100px}
.popItem .pT{ font-weight:bold;  display:block;  margin-bottom:5px;  overflow:hidden;  text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -o-text-overflow:ellipsis;  white-space:nowrap}
#popSearch .pS{ margin-bottom:5px;  font-size:90%;  overflow:hidden;  -webkit-box-orient:vertical;  -webkit-line-clamp:3;  display:-webkit-box}
#popMoreLink{ background-color:#FFF;  border:medium none;  border-top:1px solid #A9A9A9;  color:#666;  padding:5px 5px 0 0;  text-align:right;  width:100%}
#popSearch .clear{ clear:both}

/*popUp系
-------------------------------------*/
.hPopUp{position: absolute;left:0;z-index: 9999;background: #fff;width: auto; display:none;box-shadow: 0 0 5px rgba(77,77,77,0.2);-webkit-filter: drop-shadow(0 0 5px rgba(77,77,77,0.2));border-radius: 0 0 4px 4px;padding: 30px;line-height:normal;color: #333}
.hPopUp:hover {display: block;}
.hPopUp:after { content: "";  position: absolute;  top: -10px;  left: 50%;  margin-left: -10px; display: block; width: 0px; height: 0px;  border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent;}

/*アカウントサービス
-------------------------------------*/
.header_contents_right .header_menu > li .naviMember:hover + .hPopUp{display: block;}
.header_contents_right .header_menu > li .naviMember + .hPopUp{width: 200px;left: -55px;}
.hPopUp .FS2_repeater {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e8e8e8; display:block; text-align:center !important;font-size: 15px;}
.hPopUp .FS2_repeater .pointDate {display: -webkit-flex; display: flex; -webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;margin-top: 15px;}
.hPopUp .FS2_repeater .pointDate .value{font-size: 30px;margin-right: 5px;}
.hPopUp .memberList li { margin-bottom:7px;    background: none !important;}
.hPopUp .memberList li:last-child { margin-bottom:0}
.hPopUp .memberList li a{color:#646464; text-decoration:none;}
.hPopUp .memberList li a:hover{text-decoration:underline;}

/*ガイド
-------------------------------------*/
.header_contents_right .header_menu > li .naviGuide:hover + .hPopUp{display: block;}
.header_contents_right .header_menu > li .naviGuide + .hPopUp{width: 200px;left: 50px;}
.hPopUp .guideList li { margin-bottom:7px}
.hPopUp .guideList li:last-child { margin-bottom:0}
.hPopUp .guideList li a{color:#646464; text-decoration:none;}
.hPopUp .guideList li a:hover{text-decoration:underline; background-color:none !important}

/*サイトマップ
-------------------------------------*/
.header_contents_right .header_menu > li .naviSitemap:hover + .hPopUp{display: block;}
.header_contents_right .header_menu > li .naviSitemap + .hPopUp{left: auto;right: 0;}
.header_contents_right .header_menu > li .naviSitemap + .hPopUp:after {left:585px}

/* .PopUp_menubtn_area{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e8e8e8; display:block; text-align:center !important; width:964px;font-size: 0;}
.PopUp_menubtn_area a.PopUp_menubtn{ font-size:13px;  background:#f8f8f8;  padding:12px;  border:#ccc 1px solid; display:block;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px; width:280px; text-align:center;display: inline-block;}
.PopUp_menubtn_area a.PopUp_menubtn:nth-child(odd){ margin-right:30px}
.PopUp_menubtn_area a.PopUp_menubtn:hover{opacity:0.8; text-decoration:none !important; background:#666; border:#666 1px solid; color:#fff !important; transition:.2s} */

.hSubMap{position:relative;background:#fff;width:700px;overflow:hidden;font-size: 0;}
.hSubMap a{color:#646464; text-decoration:none; display:block}
.hSubMap a:hover{text-decoration:underline}
.hSubMap dl{padding: 0 30px;height:300px;border-right:1px solid #e8e8e8;display: inline-block;vertical-align: top;width: -webkit-calc(100% / 3);width: calc(100% / 3);box-sizing: border-box;}
.hSubMap dl:first-child{ padding-left:0}
.hSubMap dl:nth-child(3n){border-right:none;padding-right: 0;}
.hSubMap dd a{display:inline-block}
.hSubMap dt{font-size: 15px;font-weight:normal;padding:0 0 13px 0;}
.hSubMap dd{padding:0 0 7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 13px;}
.hSubMap dd span{color:#8e8e8e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px}


/*#HeaderTab
-------------------------------------*/
#HeaderTab{ width:100%;  border-bottom:0;  background:#f3f3f3}
#HeaderTab a{color:#666}
#HeaderTab .HeaderTabinner{ width:1024px;  margin:auto;  -webkit-font-smoothing:antialiased;  -moz-font-smoothing:antialiased;  font-smoothing:antialiased; position: relative}
.HeaderTabinner ul{margin:0; padding:0}
.HeaderTabinner .mainTab > li{ float:left; height:50px; position: relative;}
.HeaderTabinner .mainTab > li a{ transition-property:all;  -moz-transition-property:all;  -webkit-transition-property:all;  -o-transition-property:all;  -ms-transition-property:all;  -moz-transition:0.3s linear;  -webkit-transition:0.3s linear;  -o-transition:0.3s linear;  -ms-transition:0.3s linear;  transition:0.3s linear;  text-decoration:none;  font-size:14px;  height:50px;  display:block;  line-height:50px;  text-align:center; padding:0 15px}
.HeaderTabinner .mainTab > li a:hover{background:#fff}
.HeaderTabinner .HeaderNews {position: absolute;right: 0;top: 0;font-size: 14px;height: 50px;line-height: 50px;color: #666;width: 350px;overflow: hidden;}
.HeaderTabinner .HeaderNews img{height:50px;width:auto;display:block;margin:0;}
.HeaderTabinner .HeaderNews .HeaderNewsTicker{}
.HeaderTabinner .HeaderNews .HeaderNewsTicker li{ display: flex;justify-content: flex-end;display: -webkit-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center; -webkit-justify-content: flex-end;-moz-justify-content: flex-end;justify-content: flex-end;}

/* カテゴリリスト */
.HeaderTabinner .mainTab > li .naviCategory:hover + .hPopUp{display: block;}
.HeaderTabinner .mainTab > li .naviCategory + .hPopUp{width: 800px;padding: 30px 50px 50px;}
.HeaderTabinner .mainTab > li .naviCategory + .hPopUp:after {left:42px}
.categoryList-type { width: 100%; text-align: center; z-index: 0;}
.categoryList-type ul {text-align:center;font-size: 0;}
.categoryList-type ul li{ display:inline-block; width:280px; text-align:center; height:45px; line-height:45px; box-sizing:border-box; color:#333; font-size: 20px;font-family: "Hammersmith One",sans-serif;margin: 0 4px;transition-property:all;  -moz-transition-property:all;  -webkit-transition-property:all;  -o-transition-property:all;  -ms-transition-property:all;  -moz-transition:0.3s linear;  -webkit-transition:0.3s linear;  -o-transition:0.3s linear;  -ms-transition:0.3s linear;  transition:0.3s linear; border-radius: 4px;cursor: pointer;}
.categoryList-type li.current { -webkit-box-shadow: inset 0 0 4px 2px rgba(102,102,102,.1);box-shadow: inset 0 0 4px 2px rgba(102,102,102,.1);background: #333!important;color: #fff;}
.outlet-type li.current {background: #DE7403 !important;}
.categoryList-wrapper .off{ display:none}

.categoryList-wrapper { margin-top:30px}
.categoryList-wrapper .categoryList {transition-property:all;  -moz-transition-property:all;  -webkit-transition-property:all;  -o-transition-property:all;  -ms-transition-property:all;  -moz-transition:0.3s linear;  -webkit-transition:0.3s linear;  -o-transition:0.3s linear;  -ms-transition:0.3s linear;  transition:0.3s linear;}
.categoryList-wrapper .categoryList .categoryList-menu {}
.categoryList-wrapper .categoryList .categoryList-menu { font-size:0}
.categoryList-wrapper .categoryList .categoryList-menu li {display: inline-block; width: 23.5%; font-size: 13px; margin-right: 2%; position: relative;}
.categoryList-wrapper .categoryList .categoryList-menu li:nth-child(4n) {margin-right: 0;}
.categoryList-wrapper .categoryList .categoryList-menu li::after { position: absolute; top: 50%; right: 10px; content: ''; width: 5px; height: 5px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: translate(0,-50%) rotate(45deg); transform: translate(0,-50%) rotate(45deg);}
.categoryList-wrapper .categoryList .categoryList-menu li a{text-align:left; height: inherit;line-height: inherit;color: #646464;padding:10px 0 10px 8px; border-bottom: 1px solid #e8e8e8;transition: linear;}
.categoryList-wrapper .categoryList .categoryList-menu li a:hover{color:#2490d0 !important; background-color:#f2f2f2;}


/*#Headerscroll
-------------------------------------*/
#header.header_fixed { position:fixed; top:0; left:0; width:100%; background-color: #333; border-bottom: none; z-index:9999; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
#header.header_fixed #hKeyword #poplink{display:inline-block !important;}

/* ==================================

 contents
 
================================== */
#contents_template01{width:1024px; margin:0 auto}
div#online_contentsarea{ display:block; width:1024px; margin-top:30px}
/*-- 左 --*/
div#online_contentsarea .left{ float:left;  width:190px;  padding-bottom:100px}
/*-- 右 --*/
div#online_contentsarea .right{ float:right;  width:805px;  padding-bottom:100px}

/*leftnavi
-------------------------------------*/
#left_navi > #left_eventnews > div:first-child{height:223px}
#left_navi{width:190px}
#left_navi h2{font-size: 18px;line-height: 1.8;font-weight:400;margin: 50px 0 20px 0;text-align:left;}
#left_navi h2:first-of-type {margin-top:0}
#left_navi a{text-decoration:none; color:#333}
#left_navi a:hover img{-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70)}
#left_navi #category_base li a.slt span,
#left_navi #type_base a.slt span,
#left_navi #selltype_base a.slt span,
#left_navi .brand_base a.slt span,
#left_navi #pricetype_base a.slt span{display:block}
#left_navi #category_base ul{margin:0; padding:0; list-style:none}
#left_navi #category_base li{font-size:13px; margin:0}
#left_navi #category_base li div{border-bottom:1px solid #ddd}
#left_navi #category_base li div a{padding-left:20px}
#left_navi #category_base a.cate_sub{border-bottom:1px solid #ddd}
#left_navi #category_base a.cate_sub::after{right: 5px;position:absolute;border-top: 2px solid #999;border-right: 2px solid #999;content:"";width: 6px;height: 6px;top:50%;-webkit-transform: translate(0,-50%) rotate(135deg);-moz-transform: translate(0,-50%) rotate(135deg);-ms-transform: translate(0,-50%) rotate(135deg);-o-transform: translate(0,-50%) rotate(135deg);transform: translate(0,-50%) rotate(135deg);}
#left_navi #category_base li a span,
#left_navi #type_base li a span,
#left_navi #selltype_base li a span,
#left_navi .brand_base li a span,
#left_navi #pricetype_base li a span{display:none;background-color: #333;color: #fff;width: 24px;height: 24px;line-height: inherit;text-align:center;border-radius: 24px;position: absolute;top: 50%;right: 10px;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);border: 1px solid #f0f0f0;text-indent: -9999px;}
#left_navi #category_base li a span:before,
#left_navi #category_base li a span:after,
#left_navi #type_base li a span:before,
#left_navi #type_base li a span:after,
#left_navi #selltype_base li a span:before,
#left_navi #selltype_base li a span:after,
#left_navi .brand_base li a span:before,
#left_navi .brand_base li a span:after,
#left_navi #pricetype_base li a span:before,
#left_navi #pricetype_base li a span:after{display: block;content: '';width: 2px;height: 12px;background-color: #fff;border-radius: 10px;position: absolute;top: 6px;right: 11px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#left_navi #category_base li a span:after,
#left_navi #type_base li a span:after,
#left_navi #selltype_base li a span:after,
#left_navi .brand_base li a span:after,
#left_navi #pricetype_base li a span:after{-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#left_navi .brand_base ul{margin:0; padding:0; list-style:none}
#left_navi .brand_base li{margin:0;position: relative;}
#left_navi .brand_base li div{padding-left:20px}
#left_navi .brand_base li:first-child{border-top:1px solid #ddd}
#left_navi .brand_base li a{text-decoration:none;color:;display:block;padding:10px 0 10px 5px;border-bottom:1px solid #ddd;}
#left_navi .brand_base li a::after{right: 5px;position:absolute;border-top: 2px solid #999;border-right: 2px solid #999;content:"";width: 6px;height: 6px;top:50%;-webkit-transform: translate(0,-50%) rotate(45deg);-moz-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);-o-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);}
#left_navi .brand_base li a:hover{color:#2490d0; background-color:#f2f2f2}
#left_navi #category_base li a,
#left_navi #type_base li a,
#left_navi #selltype_base li a,
#left_navi #pricetype_base li a{padding: 10px 0 10px 5px;border-bottom:1px solid #ddd;text-decoration:none;color:#333;display:block;position:relative;}
#left_navi #category_base li a::after,
#left_navi #type_base li a::after,
#left_navi #selltype_base li a::after,
#left_navi #pricetype_base li a::after{right: 5px;position:absolute;border-top: 2px solid #999;border-right: 2px solid #999;content:"";width: 6px;height: 6px;top:50%;-webkit-transform: translate(0,-50%) rotate(45deg);-moz-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);-o-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);}
#left_navi #category_base,
#left_navi #type_base,
#left_navi #selltype_base,
#left_navi #pricetype_base{background:none}
#left_navi #category_base li:first-child,
#left_navi #type_base li:first-child,
#left_navi #selltype_base li:first-child,
#left_navi #pricetype_base li:first-child{border-top:1px solid #ddd}
#left_navi #category_base li a:hover,
#left_navi #type_base li a:hover,
#left_navi #selltype_base li a:hover,
#left_navi #pricetype_base li a:hover{color:#2490d0; background-color:#f2f2f2 !important}
#left_navi #category_base li div a{border-bottom:none !important}
#left_navi #category_base li div a:hover{color:#2490d0; background-color:#f2f2f2; padding-left:20px}
#left_navi h2 span{padding-right:5px}
#left_navi #category_base a.slt,
#left_navi #type_base a.slt,
#left_navi #selltype_base a.slt,
#left_navi .brand_base a.slt,
#left_navi #pricetype_base a.slt{background-image:none !important;background-color: #eee !important;font-weight: bold;}
#left_navi #category_base li a.slt::after,
#left_navi #type_base li a.slt::after,
#left_navi #selltype_base li a.slt::after,
#left_navi .brand_base li a.slt::after,
#left_navi #pricetype_base li a.slt::after{display: none;}
#left_navi .pre-setList-on{display:block;}
#left_navi .pre-setList-off{display:none;}
#left_navi .price{border-top:1px solid #ddd; padding:15px 0; font-size:13px}
#left_navi .price input[type="text"]{ border:solid 1px #c8c8c8;  background:#FFF;  padding:10px !important;  width:40px;  border-radius:4px;  color:rgba(90,90,90,1.00)}
#left_navi .price .submit{float:right}

/*colorsearch
-------------------------------------*/
#left_navi #color_blk{height:125px; width:190px; border-top:1px solid #ddd; padding:10px 0}
#left_navi #color_blk a{ display:block;  float:left;  color:#666;  margin-top:5px;  margin-right:10px;  margin-bottom:4px;  height:25px;  width:25px;  text-align:center;  border:1px solid #ddd; border-radius:3px}
#left_navi #color_blk a:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )"; border:1px solid #2490d0}
#left_navi #color_blk a.slt{background-image:none !important}
#color_blk a span{display:none}
#color_blk a.slt span{display:block}
.color_wh{background-color:#FFF}
.color_bk{background-color:#2A2A2A}
.color_gr{background-color:#B1B1B1}
.color_br{background-color:#976C00}
.color_bg{background-color:#FFF1BA}
.color_gn{background-color:#109C00}
.color_bl{background-color:#3B83E4}
.color_pu{background-color:#5439D9}
.color_yl{background-color:#F8F704}
.color_pi{background-color:#FFC4F1}
.color_rd{background-color:#FF1519}
.color_or{background-color:#FFA82B}
.color_sv{background:rgb(255,255,255); /* Old browsers */background:-moz-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(50%,rgba(241,241,241,1)),color-stop(51%,rgba(225,225,225,1)),color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+*/background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+*/background:-ms-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+*/background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.color_gl{background:rgb(252,248,189); /* Old browsers */background:-moz-linear-gradient(-45deg,rgba(252,248,189,1) 0%,rgba(252,232,78,1) 50%,rgba(249,219,49,1) 52%,rgba(251,223,147,1) 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(252,248,189,1)),color-stop(50%,rgba(252,232,78,1)),color-stop(52%,rgba(249,219,49,1)),color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+*/background:-webkit-linear-gradient(-45deg,rgba(252,248,189,1) 0%,rgba(252,232,78,1) 50%,rgba(249,219,49,1) 52%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(-45deg,rgba(252,248,189,1) 0%,rgba(252,232,78,1) 50%,rgba(249,219,49,1) 52%,rgba(251,223,147,1) 100%); /* Opera 11.10+*/background:-ms-linear-gradient(-45deg,rgba(252,248,189,1) 0%,rgba(252,232,78,1) 50%,rgba(249,219,49,1) 52%,rgba(251,223,147,1) 100%); /* IE10+*/background:linear-gradient(135deg,rgba(252,248,189,1) 0%,rgba(252,232,78,1) 50%,rgba(249,219,49,1) 52%,rgba(251,223,147,1) 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf8bd',endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.color_ot{background:rgb(255,199,0); /* Old browsers */background:-moz-linear-gradient(-45deg,rgba(255,199,0,1) 15%,rgba(0,252,54,1) 33%,rgba(50,125,255,1) 50%,rgba(175,79,255,1) 68%,rgba(255,0,0,1) 85%); /* FF3.6+*/background:-webkit-gradient(linear,left top,right bottom,color-stop(15%,rgba(255,199,0,1)),color-stop(33%,rgba(0,252,54,1)),color-stop(50%,rgba(50,125,255,1)),color-stop(68%,rgba(175,79,255,1)),color-stop(85%,rgba(255,0,0,1))); /* Chrome,Safari4+*/background:-webkit-linear-gradient(-45deg,rgba(255,199,0,1) 15%,rgba(0,252,54,1) 33%,rgba(50,125,255,1) 50%,rgba(175,79,255,1) 68%,rgba(255,0,0,1) 85%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(-45deg,rgba(255,199,0,1) 15%,rgba(0,252,54,1) 33%,rgba(50,125,255,1) 50%,rgba(175,79,255,1) 68%,rgba(255,0,0,1) 85%); /* Opera 11.10+*/background:-ms-linear-gradient(-45deg,rgba(255,199,0,1) 15%,rgba(0,252,54,1) 33%,rgba(50,125,255,1) 50%,rgba(175,79,255,1) 68%,rgba(255,0,0,1) 85%); /* IE10+*/background:linear-gradient(135deg,rgba(255,199,0,1) 15%,rgba(0,252,54,1) 33%,rgba(50,125,255,1) 50%,rgba(175,79,255,1) 68%,rgba(255,0,0,1) 85%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc700',endColorstr='#f00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/* .color_btnshadow{-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)}
*/

/*bannerarea
-------------------------------------*/
#left_navi .side_banner{font-size:13px; border-top:1px #ddd solid; padding:15px 0}
#left_navi .menubanner{margin-top:25px}
#left_navi .menubanner li{margin:25px 0 0 0; font-size:13px}
#left_navi .menubanner li img{width:190px}
#left_navi .menubanner li span{margin-top:5px; display:block}

/*sns
-------------------------------------*/
#left_navi .snsList {font-size:0;}
#left_navi .navi_icon {width: 40px;height: 40px;display: inline-block;background: url(https://www.jeansfactory.jp/img/common/ico_common-sns.png) no-repeat;background-size: 80px;text-indent: -9999px;cursor: pointer;margin-right: 8px;}
#left_navi .navi_icon:hover {opacity: 0.7;}
#left_navi .navi_icon:nth-child(n+4) {margin-right: 0;}
#left_navi .twittericon {background-position: 0px -40px;}
#left_navi .facebookicon {background-position: -40px -40px;}
#left_navi .instagramicon {background-position: 0 0;}
#left_navi .lineicon {background-position: -40px 0;}
#left_navi .navi_icon a {display: block;width: 40px;height: 40px;}

/*ブランドから探すpopup
-------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic}
.cboxIframe{width:100%; height:100%; display:block; border:0}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}

/* 
User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered &tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff}
#colorbox{outline:0}
    #cboxContent{margin-top:32px; overflow:visible; background:#000}
        .cboxIframe{background:#fff}
        #cboxError{padding:50px; border:1px solid #ccc}
        #cboxLoadedContent{background:#000; padding:1px}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center}
 #cboxLoadingOverlay{background:#000}
 #cboxTitle{position:absolute; top:-22px; left:0; color:#000}
 #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px}
 /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0}
 /* avoid outlines on:active (mouseclick), but preserve outlines on:focus (tabbed navigating) */
 #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0}
 #cboxPrevious{background-position:0px 0px; right:44px}
 #cboxPrevious:hover{background-position:0px -25px}
 #cboxNext{background-position:-25px 0px; right:22px}
 #cboxNext:hover{background-position:-25px -25px}
 #cboxClose{background-position:-50px 0px; right:0}
 #cboxClose:hover{background-position:-50px -25px}
 .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px}
 .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px}
 .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px}
 .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px}
 .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px}


/* ==================================

 footer
 
================================== */
#footer{width:100%; background-color:#666}
.footer_contents{width:1024px; margin:0 auto; padding:10px 0; font-size:13px; color:#FFF}

/*フッター カテゴリエリア
-------------------------------------*/
.footer_contents_main{width:1024px;margin:0 auto;padding:40px 0 30px 0;font-size: 0;color:#CCC;}
.footer_contents_main .footer_menulist{margin: 0;border-right:1px solid rgba(150,150,150,0.2);box-sizing: border-box;display: inline-block;width: -webkit-calc(100% / 4);width: calc(100% / 4);font-size: 13px;vertical-align: top;padding: 0 3%;}
.footer_contents_main .footer_menulist:first-child{padding-left: 0;}
.footer_contents_main .footer_menulist:last-child{border-right:none}
.footer_contents_main h3{color:#fff;font-weight:500;font-size: 14px;margin:0 0 13px;}
.footer_contents_main h3:nth-child(n+2) { margin-top:25px}
.footer_contents_main .footer_menulist ul{ list-style:none;  margin:0;  display:inline-block;  padding:0}
.footer_contents_main .footer_menulist li{font-weight:300;line-height: 1.8;}
.footer_contents_main .footer_menulist li a{ color:#CCC;  font-weight:300}
.footer_contents_main .footer_menulist li a:hover{ color:#fff; text-decoration:none}

/*フッター インフォメーションエリア
-------------------------------------*/
#footer_info{background:#6d6d6d}
.footer_info_contents{width:1024px; margin:0 auto; padding:20px 0; position:relative}
.footer_info_contents li{display:block; padding:0px 15px; color:#CCC; border-right:1px solid #808080; text-decoration:none; float:left}
.footer_info_contents li:first-child{padding-left:0}
.footer_info_contents li:last-child{border-right:none}
.footer_info_contents li a{color:#CCC; text-decoration:none}
.footer_info_contents li a:hover{ color:#fff; text-decoration:none}
.footer_info_contents .copyright{ color:#CCC; float:right; display:block; position:absolute; right:0; top:5px; margin-top: 15px}

/*カスタマーサポート
-------------------------------------*/
.customer a{ color:#ccc}
.customer a:hover{ color:#fff; text-decoration:none}
a.fbutton{ color:#ccc;  margin:8px 0 0 0;  cursor:pointer; display:block}
a.fbutton:hover{ color:#fff; text-decoration:none}

/*ページトップへ戻る
-------------------------------------*/
.pageTop{ position:relative;  height:0}
.pageTop a{ position:fixed;  display:block;  background:#666;  text-decoration:none;  color:#fff;  width:100px;  padding:40px 0 25px;  text-align:center;  display:block;  border-radius:5px;  z-index:9999}
.pageTop a:before, 
.pageTop a:after{position:absolute; left:50%; content:""; width:0px; height:0px; margin-left:-10px; border:10px solid transparent}
.pageTop a:before{top:32%; margin-top:-13px; border-bottom:10px solid #666}
.pageTop a:after{top:32%; margin-top:-15px; z-index:-1; border-bottom:10px solid #fff}