@charset "utf-8";
/*-------------------------------------
SITE : //www.jeansfactory.jp/
CREATE : 2017.01.11
MODIFIED : 2019.06.28
UPDATED BY : OGASAWARA
MEMO : 
-------------------------------------*/

/* objectFit js
------------------------------------- */
.objectFit {object-fit: cover; font-family: 'object-fit: cover;';}

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

タイプ切り替え
 
================================== */

.switch-wrapper { width:1024px; margin:0 auto;}
.switch-target{ width:250px;  height:70px;  line-height:70px;  display:-webkit-box;  display:-moz-box;  display:-webkit-flex;  display:-ms-flexbox;  display:box;  display:flex;  -webkit-box-align:stretch;  -moz-box-align:stretch;  -o-box-align:stretch;  -ms-flex-align:stretch;  -webkit-align-items:stretch;  align-items:stretch;  z-index:100;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; margin:0 auto;}
.switch-target_item{ cursor:pointer;  font-family:"Hammersmith One",sans-serif;  letter-spacing:0.08em;  font-weight:400;  display:block;  color:#000;  -webkit-box-flex:1;  -moz-box-flex:1;  -o-box-flex:1;  box-flex:1;  -webkit-flex:1;  -ms-flex:1;  flex:1;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;  vertical-align:middle;  font-size:18px;  text-align:center;  border-right:solid 2px transparent;  text-decoration:none;  overflow:hidden;  height:100%}
.switch-target_item.switch-target_item_active .switch-target_item-normal, 
.switch-target_item.switch-target_item_active .switch-target_item-active{ -webkit-transform:translateY(-100%);  -moz-transform:translateY(-100%);  -o-transform:translateY(-100%);  -ms-transform:translateY(-100%);  transform:translateY(-100%)}
.switch-target_item-normal{ height:100%;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;  background:#fff;  color:#000;  -webkit-transform:translateY(0);  -moz-transform:translateY(0);  -o-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0);  -webkit-transition:-webkit-transform 250ms;  -moz-transition:-moz-transform 250ms;  -o-transition:-o-transform 250ms;  -ms-transition:-ms-transform 250ms;  transition:transform 250ms;  display:block}
.switch-target_item-active{ height:100%;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;  background:#333;  color:#fff;  transfom:translateY(0);  -webkit-transition:-webkit-transform 250ms;  -moz-transition:-moz-transform 250ms;  -o-transition:-o-transform 250ms;  -ms-transition:-ms-transform 250ms;  transition:transform 250ms;  display:block}
a.switch-target_item-normal:hover{ color:#333; text-decoration:none}
a.switch-target_item-active:hover{ color:#fff; text-decoration:none}
.switch-target.switch-target__enable-hover .switch-target_item:hover .switch-target_item-normal, 
.switch-target.switch-target__enable-hover .switch-target_item:hover .switch-target_item-active{ -webkit-transform:translateY(-100%);  -moz-transform:translateY(-100%);  -o-transform:translateY(-100%);  -ms-transform:translateY(-100%);  transform:translateY(-100%)}
@media screen and (max-width: 640px) {
.switch-wrapper { width:auto;}
.switch-target{ width:100%;  height:40px; line-height:40px}
.switch-target_item{ width:33.3%;  border-right:solid 2px #f0f0f0}
.switch-target_item:last-child{ border-right:none}
}

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

 mein slider
 
================================== */

/* スライドショー */
#main-slider{overflow:hidden;  position:relative;  width:100%}
#main-slider #sliderInner{position:relative;  left:50%;  width:3040px;  margin-left:-1520px}
/*#main-slider #sliderInner::before{content:""; position:absolute;  top:0; left:0;  width:1042px;  height:388px;  opacity:0.3;  filter:alpha(opacity=80);  -ms-filter:"alpha( opacity=80 )";  background:#333;z-index: 100;}
#main-slider #sliderInner::after{content:""; position:absolute;  top:0; right:0;  width:1042px;  height:388px;  opacity:0.3;  filter:alpha(opacity=80);  -ms-filter:"alpha( opacity=80 )";  background:#333;z-index: 100;}*/
#main-slider #sliderInner li{padding:0; margin:0}
#main-slider #sliderInner li img{ width:100%}
#main-slider #sliderInner li a:hover{ opacity:0.7}
#main-slider .bx-wrapper{margin:0 auto;  position:relative}

/* コントローラー */
#main-slider .bx-wrapper .bx-controls-direction a{ position:absolute;  top:50%;  outline:0;  margin-top:-30px;  width:40px;  height:40px;  text-indent:-9999px;  z-index:100;  cursor:pointer;  display:block;  background:none;  background-color:rgba(0,0,0,0.5); -webkit-transition:all .3s ease}
#main-slider .bx-wrapper .bx-controls-direction a:hover{ background-color:rgba(0,0,0,0.9)}

#main-slider .bx-wrapper .bx-controls-direction a.bx-prev{left: 883px;}
#main-slider .bx-wrapper .bx-controls-direction a.bx-prev::after{ left:55%;  position:absolute;  border-top:2px solid #fff;  border-right:2px solid #fff;  content:"";  width:10px;  height:10px;  top:50%;  -webkit-transform:translate(-50%,-50%) rotate(-135deg);  -moz-transform:translate(-50%,-50%) rotate(-135deg);  -ms-transform:translate(-50%,-50%) rotate(-135deg);  -o-transform:translate(-50%,-50%) rotate(-135deg);  transform:translate(-50%,-50%) rotate(-135deg)}
#main-slider .bx-wrapper .bx-controls-direction a.bx-next{right: 883px;}
#main-slider .bx-wrapper .bx-controls-direction a.bx-next::after{ right:55%;  position:absolute;  border-top:2px solid #fff;  border-right:2px solid #fff;  content:"";  width:10px;  height:10px;  top:50%;  -webkit-transform:translate(50%,-50%) rotate(45deg);  -moz-transform:translate(50%,-50%) rotate(45deg);  -ms-transform:translate(50%,-50%) rotate(45deg);  -o-transform:translate(50%,-50%) rotate(45deg);  transform:translate(50%,-50%) rotate(45deg)}
	
/* ページャー */
#main-slider .bx-wrapper .bx-pager{ padding-top:20px;  text-align:center}
#main-slider .bx-wrapper .bx-pager .bx-pager-item, 
#main-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block;  *zoom:1;  *display:inline}
#main-slider .bx-wrapper .bx-pager.bx-default-pager a{ display:block;  width:10px;  height:10px;  border:1px solid #666;  cursor:pointer;  text-indent:-9999px;  border-radius:10px;  margin:0 5px}
#main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#666; background:rgba(0,0,0,0.5)}
#main-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:rgba(0,0,0,0.7); cursor:default}

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

 contents
 
================================== */

/* タイトル */
h2.contentstitle{font-size: 18px;line-height: 1.8;font-weight:400;text-align:left;margin-top: 50px;margin-bottom: 20px;}
#online_contentsarea .right h2.contentstitle:first-of-type{ margin-top:0 !important}
body#outlet #online_contentsarea .right script:first-of-type + h2.contentstitle { margin-top:0 !important}

/* タイトル OUTLET用 */
div.contentstitle{font-size:16px; line-height:18px; font-weight:400; padding-bottom:12px; text-align:left; margin-top:35px; margin-bottom:25px; border-bottom:1px solid #ddd}
div.contentstitle .moreitemlist{width:150px; text-align:center; float:right; font-size:13px}
div.contentstitle .moreitemlist a{display:block}

.moreitemlist{position:relative; display:inline-block}
.moreitemlist .pulldownParent{display:inline-block; margin:0;width: 100%}
.moreitemlist .pulldownParent a{padding:6px 0;  color:#646464;  display:inline-block; width:100%; text-decoration:none; color: #fff; background-color: #F15A24;}
.moreitemlist .pulldownParent a::after{ right:5px;  position:absolute;  border-top:2px solid #fff;  border-right:2px solid #fff;  content:"";  width:7px;  height:7px;  top:40%;  -webkit-transform:translate(-5px,-40%) rotate(135deg);  -moz-transform:translate(-5px,-40%) rotate(135deg);  -ms-transform:translate(-5px,-40%) rotate(135deg);  -o-transform:translate(-5px,-40%) rotate(135deg);  transform:translate(-5px,-40%) rotate(135deg)}
.moreitemlist .pulldownParent a:hover{ background:#f2f2f2; color:#F15A24; text-decoration:none}
.moreitemlist .pulldownParent:hover a::after{ border-color:#F15A24}
.moreitemlist .pulldownChild{ border-radius:2px;  padding:15px 0;  margin:0;  z-index:12;  background-color:#fff;  box-shadow:0 1px 4px rgba(0,0,0,0.3); position:absolute; font-size:13px; display:none; right:0; min-width:200px}
.moreitemlist .pulldownChild ul{list-style:none; padding:0; margin:0}
.moreitemlist .pulldownChild ul li a{ padding:5px 20px;  display:block; color:#646464; text-decoration:none; width:auto; text-align:left}
.moreitemlist:hover .pulldownChild{ display:block !important}
.moreitemlist .pulldownChild ul li a:hover{text-decoration:none; color:#2490d0; background:rgba(240,240,240,1)}

/* MOREボタン
-------------------------------------*/
.contents-more{margin: 50px 0 0;}
.contents-more a{width: 400px;margin: 0 auto;display:block;background:#2490d0;color:#fff;position:relative;text-align:center;font-size: 16px;height: 60px;line-height: 60px;border:1px solid #2490d0;box-sizing:border-box;font-weight: bold;transition: .3s ease-in-out;}
.contents-more a:hover{ background:#fff; color:#2490d0; text-decoration:none}

/*-------------------------------------
    styling
-------------------------------------*/

/* アイテムエリア */
.stylinglist{ width:805px;  padding:0}
.stylinglist ul{ padding:0; margin:0}
li.styling{width:190px; height:285px; margin-right:15px; font-size:12px; position:relative; float:left; margin-bottom:20px; overflow:hidden}
li.styling:nth-child(4n){margin-right:0px}
.styling img{width:100%}
li.styling a.transform{position:absolute; top:0; color:#fff; background-color:rgba(0,0,0,0.6); width:100%; height:100%; -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;  font-size:12px; opacity:0}
li.styling:hover a.transform{ opacity:1}
li.styling a.transform span{width:80%; font-weight:400; display:inline-block; text-align:center; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
li.styling:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -moz-transition:-moz-transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -o-transition:-o-transform 0.3s; -ms-transition:-ms-transform 0.3s; transition:transform 0.3s}

/*-------------------------------------
    staffsnap
-------------------------------------*/

/* アイテムエリア */
.staffsnaplist{ width:805px;  padding:0}
.staffsnaplist ul{ padding:0; margin:0}
li.staffsnap{width:190px;margin-right:15px;font-size:12px;position:relative;float:left;margin-bottom:20px;overflow:hidden;}
li.staffsnap:nth-child(4n){margin-right:0px}
li.staffsnap img{width:100%}
li.staffsnap a.transform{position:absolute; top:0; color:#fff; background-color:rgba(0,0,0,0.6); width:100%; height:100%; -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;  font-size:12px; opacity:0}
li.staffsnap:hover a.transform{ opacity:1}
li.staffsnap a.transform span{width:80%; font-weight:400; display:inline-block; text-align:center; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
li.staffsnap:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -moz-transition:-moz-transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -o-transition:-o-transform 0.3s; -ms-transition:-ms-transform 0.3s; transition:transform 0.3s}

/*-------------------------------------
    feature
-------------------------------------*/
.feature_wrap{width:100%;}
.feature_wrap #feature_slider{ width: auto; font-size: 0;}
.feature_wrap #feature_slider li{display: inline-block;width: 32%;font-size: 13px;margin-right: 2%;margin-bottom: 25px;vertical-align: top;}
.feature_wrap #feature_slider li:nth-child(3n){margin-right:0}
.feature_wrap #feature_slider li:nth-child(n+4){margin-bottom:0;}
.feature_wrap #feature_slider li:nth-child(n+7){display:none;}
.feature_wrap #feature_slider li img{width:100%;display:block;transition: .3s ease-in-out;}
.feature_wrap #feature_slider li img:hover{ opacity:0.7}
.feature_wrap #feature_slider li .cap a{margin-top: 8px;display:block;font-size: 14px;line-height: 1.8;color:#333;}

/*-------------------------------------
    News
-------------------------------------*/
.news_wrap{width:100%;}
.news_wrap .newsList{ width: auto; font-size: 0;}
.news_wrap .newsList li{display: inline-block;width: 23.5%;font-size: 13px;margin-right: 2%;margin-bottom: 25px;vertical-align: top;}
.news_wrap .newsList li:nth-child(4n){margin-right:0}
.news_wrap .newsList li:nth-child(n+4){margin-bottom:0;}
.news_wrap .newsList li:nth-child(n+9){display:none;}
.news_wrap .newsList li img{width:100%;display:block}
.news_wrap .newsList li a{ font-size:13px;color:#333;}
.news_wrap .newsList li a:hover{ opacity:0.7}
.news_wrap .newsList li a .newsList-info {margin-top: 8px;display:block;}
.news_wrap .newsList li a .date {display:block;color:#999; font-size:12px;}
.news_wrap .newsList li a .newsTitle {margin-top: 2px;display:block;}

/*-------------------------------------
    blog
-------------------------------------*/
.blog-container{}
.blog-container .bloglist{font-size:  0;list-style:  none;padding:  0;margin:  0;}
.blog-container .bloglist > li{display:  inline-block;font-size: 13px;width: 100%;}
.blog-container .bloglist > li:nth-of-type(n+2){margin-top: 15px;}
.blog-container .bloglist .bloglist__link{display: table;background-color: #fff;position:  relative;transition: .5s ease-in-out;color:#242424;text-decoration:  none;}
.blog-container .bloglist .bloglist__link .img{display: table-cell;overflow: hidden;width: 160px;height: 160px;vertical-align: top;}
.blog-container .bloglist .bloglist__link .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition:-webkit-transform .5s;transition:transform .5s;transition: all .3s ease-in-out;}
.blog-container .bloglist .bloglist__link .bloglist__info{padding: 15px;position:relative;display: table-cell;vertical-align: top;}
.blog-container .bloglist .bloglist__link .bloglist__info .infoTime{margin-top: 10px;font-size: 13px;color:  #999;font-family: 'Unica One', cursive;}
.blog-container .bloglist .bloglist__link .bloglist__info .infoTitle{font-size: 15px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.blog-container .bloglist .bloglist__link .bloglist__info .info-author{box-sizing: border-box;display: table;table-layout: fixed;min-height: 45px;padding: 0;width: 100%;margin-top: 20px;}
.blog-container .bloglist .bloglist__link .bloglist__info .info-author .info-author-thumb{left: 0;position: static;top: 0;display: table-cell;vertical-align: middle;width: 45px;}
.blog-container .bloglist .bloglist__link .bloglist__info .info-author .info-author-thumb img{border-radius: 50%;width: 100%;display: block;}
.blog-container .bloglist .bloglist__link .bloglist__info .info-author .info-author-meta{vertical-align: middle;padding-left: 15px;display: table-cell;font-size: 13px;line-height: 1.6;}
.blog-container .bloglist .bloglist__link .bloglist__info .info-author .info-author-meta .name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.blog-container .bloglist .bloglist__link .bloglist__info .info-author .info-author-meta .belong{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; color: #999999;}
.blog-container .bloglist .bloglist__link:hover {transform: translateY(-4px);}
.blog-container .bloglist .bloglist__link:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}


/*-------------------------------------
    重要なお知らせ
-------------------------------------*/
#top_news{padding-bottom:25px}
dl.accordion_news dt{padding:9px 35px 9px 0; color:#000; display:block; text-decoration:none; position:relative; border-bottom:1px solid #DDD}
dl.accordion_news dt:first-of-type{border-top:1px solid #DDD}
dl.accordion_news dt:hover{background:#f2f2f2}
dl.accordion_news dt.open:hover{background:none}
dl.accordion_news dt .ico_arrow04{background:url(https://www.jeansfactory.jp/img/newsicon.png) right 0 no-repeat; width:19px; height:19px; overflow:hidden; position:absolute; right:11px; top:9px; display:block; cursor:pointer}
dl.accordion_news dt.open{border-bottom:none}
dl.accordion_news dt.open+dd{border-bottom:1px solid #DDD}
dl.accordion_news dt:hover .ico_arrow04{background-position:0 -19px}
dl.accordion_news dt.open .ico_arrow04{background-position:0 -38px}
dl.accordion_news dt.open:hover .ico_arrow04{background-position:0 -57px}
dl.accordion_news dd{display:none; font-size:13px; line-height:20px; color:#666; padding:0 10px 10px 20px}
dl.accordion_news .caution {color:#E73656}

/*-------------------------------------
   recommend2
-------------------------------------*/
/* itemList */
.recommend__itemList {font-size: 0}
.recommend__itemList li{width:149px !important;margin-right:15px;font-size:12px;position:relative;overflow:hidden;display: inline-block;vertical-align: top;line-height: 1.6;}
.recommend__itemList li:nth-of-type(n+6){margin-top: 20px}
.recommend__itemList li:nth-of-type(5n){margin-right: 0}
.recommend__itemList li .recommend_img{width:149px; height:149px; overflow:hidden; position:relative}
.recommend__itemList li .recommend_img .img img{width: 100%; display: block}
.recommend__itemList li .recommend_img:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -moz-transition:-moz-transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -o-transition:-o-transform 0.3s; -ms-transition:-ms-transform 0.3s; transition:transform 0.3s}
.recommend__itemList li .recommend_img .recommend_msk {position:absolute; top:0; color:#fff; background-color:rgba(0,0,0,0.6); width:100%; height:100%; -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;  font-size:12px; opacity:0}
.recommend__itemList li .recommend_img:hover .recommend_msk{ opacity:1}
.recommend__itemList li .recommend_img .recommend_msk span{width:80%; font-size:16px; font-weight:400; display:inline-block; text-align:center; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.recommend__itemList li .itemName{display:block;margin: 10px 0 0;font-size:12px;font-weight:400;}
.recommend__itemList li .itemName a{color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.recommend__itemList li .itemName a br{display:none}
.recommend__itemList li .itemPrice{margin: 5px 0 0;}

/* newarrival */
.recommend__itemList li .recommend_img .icon_new{width:50px !important; position:absolute; top:129px; -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; -ms-transform:none !important; transform:none !important}

/* ranking */
.recommend__itemList .rankicon{ background:#8ABDC1; font-size:18px;  color:#fff; border-radius:50%; width:35px; height:35px; text-align:center; line-height:35px; position:absolute; bottom:5px; left:5px}
.recommend__itemList .rankicon_gold{ background:#F9CE10}
.recommend__itemList .rankicon_silver{ background:#B3B3B3}
.recommend__itemList .rankicon_bronze{ background:#A67C52}

/* outlet */
.recommend__itemList li .recommend_img .icon_outlet{width:55px !important; position:absolute; top:129px; -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; -ms-transform:none !important; transform:none !important}

/* slider */
.recommendContainer__slide .bx-wrapper{width:100%; position:relative}
.recommendContainer__slide .bx-wrapper .bx-controls-direction a{position:absolute;top:45px;outline:0;width: 20px;height:60px;text-indent:-9999px;z-index:2;cursor:pointer;display:block;background:none;background-color:rgba(0,0,0,0.5);-webkit-transition:all .3s ease;}
.recommendContainer__slide .bx-wrapper .bx-controls-direction a:hover{ background-color:rgba(0,0,0,0.9)}
.recommendContainer__slide .bx-wrapper .bx-controls-direction a.bx-prev{left: 0;}
.recommendContainer__slide .bx-wrapper .bx-controls-direction a.bx-prev::after{left: 60%;position:absolute;border-top:2px solid #fff;border-right:2px solid #fff;content:"";width: 8px;height: 8px;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-135deg);-moz-transform:translate(-50%,-50%) rotate(-135deg);-ms-transform:translate(-50%,-50%) rotate(-135deg);-o-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg);}
.recommendContainer__slide .bx-wrapper .bx-controls-direction a.bx-next{right: 0;}
.recommendContainer__slide .bx-wrapper .bx-controls-direction a.bx-next::after{right: 60%;position:absolute;border-top:2px solid #fff;border-right:2px solid #fff;content:"";width: 8px;height: 8px;top:50%;-webkit-transform:translate(50%,-50%) rotate(45deg);-moz-transform:translate(50%,-50%) rotate(45deg);-ms-transform:translate(50%,-50%) rotate(45deg);-o-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);}

.recommendContainer__slide .recommend__itemList li:nth-of-type(n+6){margin-top: 0}
.recommendContainer__slide .recommend__itemList li:nth-of-type(5n){margin-right: 15px}
.recommendContainer__slide #slide_checkitm li .recommend_img .recommend_msk span{font-size:12px;}

/*-------------------------------------
    outlet_about
-------------------------------------*/
#outlet_about{ color:#4E4E4E; font-size:13px; padding-bottom: 25px}
#outlet_about .aboutInner{margin-top:6px}
#outlet_about span{display:inline-block; padding:5px 8px; border:1px solid #d9d9d9; margin:5px 10px 5px 0; float:left; border-radius:2px}