* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #000000; background-color: #ffffff; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif; font-weight: 500; position: relative; height:100%; }
a:hover img.hov	{ opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #a5a5a5; font-style: normal; text-decoration: none; }
a > img	{ width: 100%; vertical-align:bottom; line-height: 0; }


/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center;  align-items: center; z-index: 99999; background-color: #fff; top: 0; left: 0; right: 0; bottom: 0; }
.loading-block	{ width: 60px; display: flex; justify-content: space-between; }
.circle	{ width: 10px; height: 10px; background-color: #000; border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}

/* ------------ TOP BLUR ------------- */
nav.bluritem,
ul.fmselect.bluritem,
.mainTitle strong.bluritem,
.mainTitle h1.bluritem,
.mainTitle p.bluritem,
.mainTitle b.bluritem	{ opacity: 0; -webkit-transition: all 1s 1s; -o-transition: all 1s 1s; transition: all 1s 1s; }
nav.bluritem.inview, 
ul.fmselect.bluritem.inview, 
.mainTitle strong.bluritem.inview, 
.mainTitle h1.bluritem.inview, 
.mainTitle p.bluritem.inview, 
.mainTitle b.bluritem.inview	{ opacity: 1; }

.mainVisual.bluritem	{ opacity: 0; -webkit-transition: all 1s 0s; -o-transition: all 1s 0s; transition: all 1s 0s; }
.mainVisual.bluritem.inview	{ opacity: 1; }

/* ------------ BLUR ------------- */
.blur	{ -webkit-filter: blur(10px); filter: blur(10px); opacity: 0; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.blur.scrollin	{ -webkit-filter: blur(0); filter: blur(0); opacity: 1; }


/* ------------ NAVIGATION ------------- */
nav.nav	{ position: fixed; left:40px; top:40px; width: 250px; z-index:44; }
nav.nav > ul	{ margin: 0; padding: 0; display: -webkit-flex; display: flex; flex-direction: column; }
nav.nav > ul > li	{ list-style: none; width: 100%; text-align: center; margin: 0; padding: 0; }
nav.nav > ul > li > a	{ display: block; margin: 0; width: 100%; line-height: 0; padding: 0; transition: 0; }
nav.nav > ul > li > a > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
nav.nav > ul > li > a.navpc00	{ height:auto; background: url(/static/full/ec/contents/common/fall_mens/images/ttl.svg) 0 0 no-repeat; background-size: contain; max-width: 250px; margin: 0 0 28px; }
nav.nav > ul > li > a.navpc01	{ height:auto; background: url(/static/full/ec/contents/common/fall_mens/images/nv01.svg) 0 0 no-repeat; background-size: contain; max-width: 115px; margin: 0 0 7px -2px; }
nav.nav > ul > li > a.navpc02	{ height:auto; background: url(/static/full/ec/contents/common/fall_mens/images/nv02.svg) 0 0 no-repeat; background-size: contain; max-width: 93px; margin: 0 0 7px -2px; }
nav.nav > ul > li > a.navpc03	{ height:auto; background: url(/static/full/ec/contents/common/fall_mens/images/nv03.svg) 0 0 no-repeat; background-size: contain; max-width: 103px; margin: 0 0 7px -2px; }
nav.nav > ul > li > a.navpc04	{ height:auto; background: url(/static/full/ec/contents/common/fall_mens/images/nv04.svg) 0 0 no-repeat; background-size: contain; max-width: 94px; margin: 0 0 7px -2px; }
nav.nav > ul > li > a.navpc00:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/ttl_ov.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc01:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv01_ov.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc02:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv02_ov.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc03:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv03_ov.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc04:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv04_ov.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc01.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv01_ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc02.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv02_ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc03.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv03_ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc04.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nv04_ac.svg) 0 0 no-repeat; background-size: contain; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	nav.nav	{ display: none; }
}

ul.fmselect	{ display: -webkit-flex; display: flex; position: fixed; left:38px; bottom:32px; z-index:44; align-items: flex-start; }
ul.fmselect li	{ list-style: none; line-height: 1; height:24px; }
ul.fmselect li.fm01	{ width: 31px; }
ul.fmselect li.fm02	{ width: 25px; }
ul.fmselect li.fm03	{ width: 51px; }
ul.fmselect li.fm01 a	{ display: block; width: 100%; height:24px; }
ul.fmselect li.fm01 a	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_ma.svg) 0 0 no-repeat; background-size: 31px 24px; border-bottom: 1px solid #000; }
ul.fmselect li.fm03 a	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_wa.svg) 0 0 no-repeat; background-size: 51px 24px; }
ul.fmselect li.fm01 a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_ma_ov.svg) 0 0 no-repeat; background-size: 31px 24px; border-bottom: 1px solid #e3801c; }
ul.fmselect li.fm03 a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_wa_ov.svg) 0 0 no-repeat; background-size: 51px 24px; }
ul.fmselect li.fm01w a	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_ma.svg) 0 0 no-repeat; background-size: 31px 24px; }
ul.fmselect li.fm03w a	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_wa.svg) 0 0 no-repeat; background-size: 51px 24px; border-bottom: 1px solid #000; }
ul.fmselect li.fm01w a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_ma_ov.svg) 0 0 no-repeat; background-size: 31px 24px; }
ul.fmselect li.fm03w a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/ovfm_wa_ov.svg) 0 0 no-repeat; background-size: 51px 24px; border-bottom: 1px solid #e3801c; }
ul.fmselect li img	{ width: 100%; height:24px; vertical-align:middle; line-height: 0; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	ul.fmselect	{ display: none; }
}

/* ------------ NAVIGATION SP ------------- */
#spnvstk	{ position: static; display: block; padding: 0; margin: 0; }
.spnv	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	#spnvstk	{ position: relative; margin: 0; padding: 0; width: 100%; }
	.spnv	{ display: block; position: -webkit-sticky; position: sticky; top: 10px; left:0; width:100%; height:auto; z-index:45; pointer-events: none; text-align: right; }
	.nav.spnv > ul	{ width:51px; margin: -70vh 0 0 auto; position: relative; display: block; pointer-events: none; }
	.nav.spnv > ul > li	{ list-style: none; pointer-events: auto; overflow: hidden; padding: 10px 0; }
	.nav.spnv > ul > li > a	{ display: block; margin: 0; width: 51px; line-height: 1; padding: 0 20px 0 14px; transition: 0; }
	.nav.spnv > ul > li > a > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
	.nav.spnv > ul > li > a.navsp01	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs01.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp02	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs02.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp03	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs03.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp04	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs04.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp01.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs01ov.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp02.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs02ov.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp03.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs03ov.svg) 14px 0 no-repeat; background-size: contain; }
	.nav.spnv > ul > li > a.navsp04.active	{ background: url(/static/full/ec/contents/common/fall_mens/images/nvs04ov.svg) 14px 0 no-repeat; background-size: contain; }
}

/* ------------ MAIN ------------- */
#space	{ padding: 0; margin: 0; display: block; width: 100%; height:110px; background-color: #fff; }
#top, 
#menu-1, 
#menu-2,
#menu-3,
#menu-4	{ position: relative; display: block; padding: 0; margin: 0; }
.mainVisual	{ position: fixed; top: 0px; left: 0px; width: 100%; height:100vh; height: calc(var(--vh, 1vh) * 100); padding: 0; z-index:-1; background: #000; }
.mainVisual-inner	{ width: 100%; height:100%; overflow: hidden; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; background: url(/static/full/ec/contents/common/fall_mens/images/main_mpc.jpg) center center no-repeat; background-size: cover; }
.mainVisual-innerw	{ width: 100%; height:100%; overflow: hidden; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; background: url(/static/full/ec/contents/common/fall_mens/images/main_wpc.jpg) center center no-repeat; background-size: cover; }
.mainTitle	{ width: 100%; height:100vh; height: calc(var(--vh, 1vh) * 100); z-index:2; }
.mainTitle .wrapper	{ width: 100%; height:100%; position: relative; overflow: hidden; }
.mainTitle h1,
.mainTitle p	{ display: none; }
.mainTitle strong	{ display: block; position: absolute; right:40px; top:40px; width: 156px; height:11px; z-index:30; }
.mainTitle strong > a	{ display: block; width: 156px; height:11px; background: url(/static/full/ec/contents/common/fall_mens/images/gws.svg) 0 0 no-repeat; background-size: contain; line-height: 0; }
.mainTitle strong > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/gws_ov.svg) 0 0 no-repeat; background-size: contain; }
.mainTitle b	{ position: absolute; right:32px; bottom:40px; width: 33px; line-height: 0; z-index:30; }
.mainTitle b > img	{ width: 100%; vertical-align:bottom; line-height: 1; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	#space	{ display: none; }
	.mainVisual-inner	{ background: url(/static/full/ec/contents/common/fall_mens/images/main_msp.jpg) center center no-repeat; background-size: cover; }
	.mainTitle h1	{ display: block; position: absolute; left:30px; bottom:50px; width: 200px; height:84px; z-index:30; }
	.mainTitle p.copy	{ display: block; position: absolute; right:16px; top:20px; width: 18px; height:262px; z-index:30; }
	.mainTitle p.scdwn	{ display: block; position: absolute; right:13px; bottom:50px; width: 25px; height:84px; z-index:30; }
	.mainTitle h1 > img, 
	.mainTitle p > img	{ width: 100%; vertical-align:bottom; line-height: 1; }
	.mainTitle strong	{ left:20px; top:20px; width: 130px; height:10px; }
	.mainTitle strong > a, 
	.mainTitle strong > a:hover	{ width: 130px; height:10px; background: url(/static/full/ec/contents/common/fall_mens/images/gws_sp.svg) 0 0 no-repeat; background-size: contain; }
	.mainTitle b	{ display: none; }
}

/* ------------ COPY ------------- */
.mainCp	{ text-align: center; padding: 0; margin: 0; height:100vh; height: calc(var(--vh, 1vh) * 100); position: relative; overflow: hidden; }
.mainCp .wrapper	{ width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.mainCp .wrapper p	{ display: inline-block; margin: 0 auto; padding: 0; color:#fff; font-size: 18px; line-height: 44px; letter-spacing:.1em; text-align: left; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.mainCp	{ padding: 0; height:100vh; text-align: left; margin: 0; }
	.mainCp .wrapper	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:0; width: calc(100% - 37px); min-width: calc(100% - 37px); padding: 0 12px 0 24px; margin: 0 auto 0 0; text-align: left; }
	.mainCp .wrapper p	{ font-size: 15px; line-height: 37px; }
}

/* ------------ CATEGORY LIST ------------- */
.category_list	{ background-color: #fff; text-align: center; }
.category_list > h3	{ display: inline-block; margin: 100px auto 40px; padding: 0; line-height: 0; font-weight: 700; font-size: 14px; letter-spacing:.05em; }
.category_list > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; margin: 0 auto; max-width: 620px;  }
.category_list > ul > li	{ list-style: none; width: calc(100% / 4 - 15px); padding: 0 0 110px; margin: 0; }
.category_list > ul > li > a	{ display: block; width: 100%; height:36px; border: 1px solid #000; background-color: #fff; text-align: center; }
.category_list > ul > li.cat01 > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt01.svg) center center no-repeat; background-size: 117px 18px; }
.category_list > ul > li.cat02 > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt02.svg) center center no-repeat; background-size: 117px 18px; }
.category_list > ul > li.cat03 > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt03.svg) center center no-repeat; background-size: 117px 18px; }
.category_list > ul > li.cat04 > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt04.svg) center center no-repeat; background-size: 117px 18px; }
.category_list > ul > li.cat01 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt01_ov.svg) center center no-repeat; background-size: 117px 18px; background-color: #e3801c; border: 1px solid #e3801c; }
.category_list > ul > li.cat02 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt02_ov.svg) center center no-repeat; background-size: 117px 18px; background-color: #e3801c; border: 1px solid #e3801c; }
.category_list > ul > li.cat03 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt03_ov.svg) center center no-repeat; background-size: 117px 18px; background-color: #e3801c; border: 1px solid #e3801c; }
.category_list > ul > li.cat04 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt04_ov.svg) center center no-repeat; background-size: 117px 18px; background-color: #e3801c; border: 1px solid #e3801c; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.category_list > h3	{ margin: 100px auto 40px; padding: 0 15px 0 0; line-height: 0; font-weight: 700; font-size: 14px; letter-spacing:.05em; }
	.category_list > ul	{ flex-wrap: wrap; margin: 0 60px 0 30px; padding: 0 0 110px; }
	.category_list > ul > li	{ list-style: none; width: calc(50% - 10px); padding: 0 0 20px; margin: 0; }
	.category_list > ul > li > a	{ height:35px; }
	.category_list > ul > li.cat01 > a, 
	.category_list > ul > li.cat01 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt01.svg) center center no-repeat; background-size: 113px 17px; background-color: #fff; border: 1px solid #000; }
	.category_list > ul > li.cat02 > a,
	.category_list > ul > li.cat02 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt02.svg) center center no-repeat; background-size: 113px 17px; background-color: #fff; border: 1px solid #000; }
	.category_list > ul > li.cat03 > a,
	.category_list > ul > li.cat03 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt03.svg) center center no-repeat; background-size: 113px 17px; background-color: #fff; border: 1px solid #000; }
	.category_list > ul > li.cat04 > a,
	.category_list > ul > li.cat04 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/mdbt04.svg) center center no-repeat; background-size: 113px 17px; background-color: #fff; border: 1px solid #000; }
	.category_list.bottom > ul	{ flex-wrap: wrap; margin: 0 60px 0 30px; padding: 0; }
}

.btbnn_list	{ background-color: #fff; text-align: center; padding: 80px 0 200px; }
.btbnn_list > h3	{ display: inline-block; margin: 0 auto 100px; padding: 0; line-height: 0; width: 220px; height:90px; }
.btbnn_list > h3 > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.btbnn_list > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; margin: 0 auto; max-width: 960px;  }
.btbnn_list > ul > li	{ list-style: none; width: calc(50% - 20px); padding: 0; margin: 0; }
.btbnn_list > ul > li > a	{ display: block; width: 100%; height:250px; text-align: center; position: relative; background-color: rgba(0,0,0,0); transition: all .5s ease; -webkit-transition: all .5s ease; }
.btbnn_list > ul > li.cat01	{ background: url(/static/full/ec/contents/common/fall_mens/images/btbnn01.jpg) top center no-repeat; background-size: cover; }
.btbnn_list > ul > li.cat02	{ background: url(/static/full/ec/contents/common/fall_mens/images/btbnn02.jpg) top center no-repeat; background-size: cover; }
.btbnn_list > ul > li > a > span	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; }
.btbnn_list > ul > li.cat01 > a > span > img	{ width: 31px; height:24px; }
.btbnn_list > ul > li.cat02 > a > span > img	{ width: 51px; height:24px; }
.btbnn_list > ul > li > a:hover	{ background-color: rgba(0,0,0,.4); }
.btbnn_list > ul > li > a:hover > span	{ opacity: 1; }
.btbnn_list > ul > li.cat01 > a::after	{ content:"メンズ"; position: absolute; bottom:-40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: 400; font-size: 14px; letter-spacing:0em; }
.btbnn_list > ul > li.cat02 > a::after	{ content:"ウィメンズ"; position: absolute; bottom:-40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: 400; font-size: 14px; letter-spacing:0em; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.btbnn_list	{ background-color: #fff; text-align: center; padding: 0 0 120px; }
	.btbnn_list > h3	{ display: inline-block; margin: 0 auto 100px; padding: 0; line-height: 0; width: 205px; height:84px; }
	.btbnn_list > ul	{ margin: 0 20px; }
	.btbnn_list > ul > li	{ list-style: none; width: calc(50% - 10px); padding: 0; margin: 0; }
	.btbnn_list > ul > li.cat01	{ background: url(/static/full/ec/contents/common/fall_mens/images/btbnn01sp.jpg) top center no-repeat; background-size: cover; }
	.btbnn_list > ul > li.cat02	{ background: url(/static/full/ec/contents/common/fall_mens/images/btbnn02sp.jpg) top center no-repeat; background-size: cover; }
	.btbnn_list > ul > li.cat01 > a::after, 
	.btbnn_list > ul > li.cat02 > a::after	{ font-size: 12px; bottom:-20px; }
}
.gotopsparea	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.gotopsparea	{ display: block; position: relative; width: 100%; height:390px; background-color: #fff; }
	.gotopsparea a	{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height:85px; }
}

/* ------------ NEW ------------- */
.othcontbnn	{ position: relative; background-color: #fff; text-align: center; padding: 0 0 150px; margin: 0; z-index:2; }
.othcontbnn > h3	{ display: inline-block; margin: 0 auto 40px; padding: 0; line-height: 14px; font-weight: 700; font-size: 14px; letter-spacing:.1em; }
.othcontbnn > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; margin: 0 auto; max-width: 960px;  }
.othcontbnn > ul > li	{ list-style: none; width: 460px; padding: 0; margin: 0; }
.othcontbnn > ul > li > a	{ display: block; width: 460px; height:259px; line-height: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
.othcontbnn > ul > li.otcon01 > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-02m.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02 > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-03m.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon01 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-02mov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02 > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-03mov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon01w > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-02w.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02w > a	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-03w.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon01w > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-02wov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02w > a:hover	{ background: url(/static/full/ec/contents/common/fall_mens/images/sglk-03wov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li > a > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.othcontbnn > ul > li > a > img.bnsp	{ display: none; }
.othcontbnn > ul > li > a > img.bnpc	{ display: inline-block; }
.othcontbnn > ul > li > a:hover > img	{ opacity: .6; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.othcontbnn	{ padding: 0; }
	.othcontbnn > h3	{ margin: 0 auto 30px; }
	.othcontbnn > ul	{ flex-direction: column; padding: 0 0 100px; margin: 0 20px; max-width: 100%;  }
	.othcontbnn > ul > li	{ width: 100%; padding: 0 0 10px; margin: 0 auto; max-width: 100%; }
	.othcontbnn > ul > li > a	{ display: block; width: 100%; height:auto; }
	.othcontbnn > ul > li > a > img	{ width: 100%; }
	.othcontbnn > ul > li > a > img.bnsp	{ display: inline-block; }
	.othcontbnn > ul > li > a > img.bnpc	{ display: none; }
}

/* ------------ CONTENT ------------- */
.content	{ display:block; text-align: center; padding: 90px 0 110px; width: 100%; background-color: #fff; position: relative; z-index:12; text-align: center; }
.content .wrapper	{ padding: 0; margin: 0 auto; width: 100%; max-width: 1024px; position: relative; display: -webkit-flex; display: flex; justify-content: space-between; }
.content .wrapper figure	{ width: calc(60% - 24px); padding: 0; position: relative; }
.content .wrapper .itemtxt	{ width: calc(36% + 24px); padding: 0 64px 0 0; text-align: left; position: relative; }
.content .wrapper .itemtxt .ittxx	{ width: 100%; position: sticky; top: 90px; left: 0; margin: 0; padding: 0; }
#menu-1 .content .wrapper .itemtxt .ittxx,
#menu-2 .content .wrapper .itemtxt .ittxx	{ padding: 0 0 360px; }
.content .wrapper .itemtxt .ittxx > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin: 0 0 54px; padding: 0; line-height: 1; }
.content .wrapper .itemtxt .ittxx > ul > li	{ list-style: none; line-height: 1; margin: 0; padding: 0; }
.content .wrapper .itemtxt .ittxx > ul > li > img	{ height:12px; width: auto; vertical-align:top; }
.content .wrapper .itemtxt .ittxx > ul > li:last-child > img	{ height:9px; width: auto; }
.content .wrapper .itemtxt .ittxx > strong	{ display: block; line-height: 0; max-height: 50px; margin: 0 0 28px; padding: 0 10px; text-align: left; }
.content .wrapper .itemtxt .ittxx > strong > img	{ line-height: 0; max-height: 50px; width: auto; margin: 0 0 0 auto; }
.content .wrapper .itemtxt .ittxx > p	{ font-weight: 400; font-size: 14px; line-height: 28px; letter-spacing:.1em; margin: 0 0 50px; padding: 0 10px; }
.content .wrapper .itemtxt .ittxx > a	{ display: inline-block; text-align: center; padding: 0; margin: 0; color:#fff; background-color: #000; line-height: 50px; font-weight: 700; font-size: 14px; border: 1px solid #000; border-radius: 50px; width: 100%; height:50px; transition: all .5s ease; -webkit-transition: all .5s ease; }
.content .wrapper .itemtxt .ittxx > a:hover	{ color:#000; background-color: #fff; }
@media  (min-width: 768px)	{ 
	.content .wrapper .itemtxt .itimm	{ width: 100%; position: absolute; bottom:0; left:0; padding: 0 64px 0 0; margin: 0; }
	.content .wrapper .itemtxt .itimm > img	{ width: 100%; vertical-align:bottom; line-height: 1; }
	.content .wrapper .itemtxt .itemdetail	{ transform:rotate(90deg); transform-origin: right bottom; position: absolute; bottom:0; right:24px; white-space: nowrap; }
}
.content .wrapper .itemtxt .itimm .subimg	{ width: 100%; position: relative; }
.content .wrapper .itemtxt .itimm .subimg > img	{ width: 100%; vertical-align:bottom; line-height: 1; }
.content .wrapper .itemtxt .itemdetail > a	{ display: -webkit-flex; display: flex; font-size: 11px; line-height: 1; align-items: center; transition: all .5s ease; -webkit-transition: all .5s ease; }
.content .wrapper .itemtxt .itemdetail > a > p	{ border: 1px solid #fff; }
.content .wrapper .itemtxt .itemdetail > a > p > br	{ display: none; }
.content .wrapper .itemtxt .itemdetail > a > p > span	{ display: inline-block; }
.content .wrapper .itemtxt .itemdetail > a > b	{ font-size: 10px; font-weight: 700; padding: 4px 12px; margin: 0 0 0 10px; color:#ffffff; border: 1px solid #000; background-color: #000;  transition: all .5s ease; -webkit-transition: all .5s ease; } 
.content .wrapper .itemtxt .itemdetail > a:hover > b	{ color:#000; background-color: #fff; }
#menu-1 .content .wrapper figure.bigimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img01.jpg) center center no-repeat; background-size: cover; }
#menu-2 .content .wrapper figure.bigimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img02.jpg) center center no-repeat; background-size: cover; }
#menu-3 .content .wrapper figure.bigimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img03.jpg) center center no-repeat; background-size: cover; }
#menu-4 .content .wrapper figure.bigimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img04.jpg) center center no-repeat; background-size: cover; }
#menu-1 .content .wrapper figure.bigimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img02w.jpg) center center no-repeat; background-size: cover; }
#menu-2 .content .wrapper figure.bigimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img01w.jpg) center center no-repeat; background-size: cover; }
#menu-3 .content .wrapper figure.bigimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img03w.jpg) center center no-repeat; background-size: cover; }
#menu-4 .content .wrapper figure.bigimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img04w.jpg) center center no-repeat; background-size: cover; }
.spitemimg	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.content	{ padding: 20px 0 130px; }
	.content .wrapper	{ padding: 0; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; }
	.content .wrapper .subimg	{ width: 100%; padding: 0; position: relative; }
	.content .wrapper figure	{ width: 100%; display: none; }
	.content .wrapper .itemtxt	{ width: 100%; padding: 0 51px 0 0; display: -webkit-flex; display: flex; flex-direction: column; }
	.content .wrapper .itemtxt .ittxx	{ display: block; position: static; top: auto; left: auto; }
	#menu-1 .content .wrapper .itemtxt .ittxx,
	#menu-2 .content .wrapper .itemtxt .ittxx	{ padding: 0; }
	.content .wrapper .itemtxt .ittxx > ul	{ margin: 0 10px 7px 20px; }
	.content .wrapper .itemtxt .ittxx > ul > li > img	{ height:8px; }
	.content .wrapper .itemtxt .ittxx > ul > li:last-child > img	{ height:6px; }
	.content .wrapper .itemtxt .ittxx > strong	{ height: 45px; margin: 0 auto 20px 0; padding: 0 0 0 30px; }
	.content .wrapper .itemtxt .ittxx > strong > img	{ height: 45px; float:left;  }
	.content .wrapper .itemtxt .ittxx > p	{ font-size: 13px; line-height: 27px; margin: 0 0 27px; padding: 0 0 0 30px; }
	.content .wrapper .itemtxt .ittxx > a	{ margin: 0 0 35px 20px; padding: 24px; width: calc(100% - 20px); height:auto; line-height: 0; }
	.content .wrapper .itemtxt .itimm	{ position: relative; bottom: auto; left: auto; padding: 35px 0 0; margin: 0 0 0 20px; }
	.content .wrapper .itemtxt .itemdetail	{ position: relative; white-space: normal; width: calc(100% - 20px); padding: 15px 0 0; margin: 0 0 0 20px; }
	.content .wrapper .itemtxt .itemdetail > a	{ justify-content: space-between; align-items: flex-start; font-size: 9px; line-height: 14px; }
	.content .wrapper .itemtxt .itemdetail > a > p > br	{ display: inline-block; }
	.content .wrapper .itemtxt .itemdetail > a > p > span	{ display: none; }
	.content .wrapper .itemtxt .itemdetail > a > b	{ font-size: 9px; padding: 5px 7px; margin: 0 0 0 10px; white-space: nowrap; min-width: 95px; text-align: center; } 
	.spitemimg	{ display: block; padding: 0; margin: 0 0 25px; }
	.spitemimg img	{ width: 100%; vertical-align:bottom; line-height: 0; }
	#menu-1 .content .wrapper .spitemimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img01.jpg) center center no-repeat; background-size: cover; }
	#menu-2 .content .wrapper .spitemimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img02.jpg) center center no-repeat; background-size: cover; }
	#menu-3 .content .wrapper .spitemimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img03.jpg) center center no-repeat; background-size: cover; }
	#menu-4 .content .wrapper .spitemimg	{ background: url(/static/full/ec/contents/common/fall_mens/images/img04.jpg) center center no-repeat; background-size: cover; }
	#menu-1 .content .wrapper .spitemimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img02w.jpg) center center no-repeat; background-size: cover; }
	#menu-2 .content .wrapper .spitemimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img01w.jpg) center center no-repeat; background-size: cover; }
	#menu-3 .content .wrapper .spitemimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img03w.jpg) center center no-repeat; background-size: cover; }
	#menu-4 .content .wrapper .spitemimg.wm	{ background: url(/static/full/ec/contents/common/fall_mens/images/img04w.jpg) center center no-repeat; background-size: cover; }
}

/* ------------ IMG MOUSEOVER ------------- */
figure.hover-parent img	{ width: 100%; vertical-align:bottom; line-height: 0; }
figure.hover-parent > a	{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); opacity: 0; color: #fff; display: flex; align-items: center; text-align: center; padding-bottom: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
figure.hover-parent > a:hover	{ opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
figure.hover-parent > a > b	{ display: inline-block; text-align: center; padding: 15px 20px; color:#ffffff; line-height: 0; font-weight: 700; font-size: 12px; border: 1px solid #fff; margin: 0 auto; }
figure.hover-parent.bigimg > a > b	{ padding: 0; color:#ffffff; font-size: 14px; border-radius: 50px; width: 53.333%; height:50px; line-height: 50px; }
.hover-mask > p > a:hover	{ color:#000; background-color: #fff; }
.content .wrapper .itemtxt .itimm .subimg img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.content .wrapper .itemtxt .itimm .subimg > a	{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); opacity: 0; color: #fff; display: flex; align-items: center; text-align: center; padding-bottom: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
.content .wrapper .itemtxt .itimm .subimg > a:hover	{ opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
.content .wrapper .itemtxt .itimm .subimg > a > b	{ display: inline-block; text-align: center; padding: 15px 20px; color:#ffffff; line-height: 0; font-weight: 700; font-size: 12px; border: 1px solid #fff; margin: 0 auto; }
@media (orientation: portrait) and (max-width: 767px)	{ 

}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; border-top: 2px solid #000; background-color: #fff; }
.bottomoval .wrapper	{ max-width: 100%; padding: 100px 0 90px; }
.bottomoval .wrapper h2	{ margin: 0 auto 43px; max-width: 68px; display: block; }
.bottomoval .wrapper h2 img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.itemBrandWac	{ margin:0 auto; max-width: 930px; padding: 0 10px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.itemBrandColumn	{ width: calc(100% / 7); padding: 7px 1.1%; }
.itemBrandColumn img	{ width: 100%; vertical-align:bottom; line-height: 0; }
@media (max-width: 767px)	{ 
	.bottomoval .wrapper	{ padding: 50px 0 45px; }
	.bottomoval .wrapper h2	{ margin: 0 auto 32px; max-width: 57px; }
	.itemBrandWac	{ margin:0 auto; padding: 0 23px; }
	.itemBrandColumn	{ width: calc(100% / 4); padding: 5px; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; background-color: #000000; }
footer .footer-inner	{ margin: 0 auto; padding: 20px 0 25px; box-sizing: border-box; line-height: 0; }
footer .footer-inner small	{ color:#ffffff; font-size: 10px; }
@media (max-width: 767px)	{ 
	footer	{ padding: 0 0 10px; }
	footer .footer-inner	{  width: 100%; padding: 15px 0; }
	footer .footer-inner small	{ font-size: 9px; }
}
@media (max-width: 320px)	{ 
	footer .footer-inner small	{ font-size: 6px; -webkit-transform: scale(0.6); -webkit-transform-origin:0 0; }
}

/* ------------ GO TOP ------------- */
#scrollUp { bottom: 40px; right: 32px; display:block; width: 33px; height: 105px; overflow: hidden; background-image: url(/static/full/ec/contents/common/fall_mens/images/gotop.svg); background-position: center center; background-repeat:no-repeat; background-size:cover; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background-image: url(/static/full/ec/contents/common/fall_mens/images/gotop_ov.svg); }
@media (max-width: 767px)	{ 
	#scrollUp { display: none!important; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }