* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html	{ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
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: #fff; background-color: #000; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif; font-weight: 500; height:100%; }
body.no-scroll	{ overflow: hidden!important; padding-right: 17px; }
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; }
img	{ -webkit-backface-visibility: hidden; }

/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center;  align-items: center; z-index: 99999; background-color: #000; 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: #fff; 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,
h1.bluritem,
.subtitle.bluritem,
.seeee.bluritem,
.sclol.bluritem	{ opacity: 0; -webkit-transition: all .5s .5s; -o-transition: all .5s .5s; transition: all .5s .5s; }
nav.bluritem.inview,
h1.bluritem.inview,
.subtitle.bluritem.inview,
.seeee.bluritem.inview,
.sclol.bluritem.inview	{ opacity: 1; }

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

/* ------------ NAVIGATION ------------- */
nav.nav	{ position: fixed; left:0; top:auto; bottom:60px; width: 144px; z-index:44; }
nav.nav > ul	{ margin: 0; padding: 0; display: -webkit-flex; display: flex; flex-direction: column; }
nav.nav > ul.seee	{ padding: 20px 0 0; }
nav.nav > ul > li	{ list-style: none; width: 100%; text-align: center; margin: 0 0 10px; padding: 0; }
nav.nav > ul > li:last-child	{ margin: 0; }
nav.nav > ul > li > a	{ display: block; margin: 0; width: 144px; height:13px; line-height: 0; padding: 0; transition: 0; margin: 0; opacity: 1; }
nav.nav > ul > li > a > img	{  width: 144px; height:13px; vertical-align:bottom; line-height: 0; }
nav.nav > ul > li > a.navpc01	{ height:auto; background: url(/static/full/ec/contents/common/running_mens/images/nv01.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc02	{ height:auto; background: url(/static/full/ec/contents/common/running_mens/images/nv02.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc03	{ height:auto; background: url(/static/full/ec/contents/common/running_mens/images/nv03.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc04	{ height:auto; background: url(/static/full/ec/contents/common/running_mens/images/nv04.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc05	{ height:auto; background: url(/static/full/ec/contents/common/running_mens/images/nvm.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc06	{ height:auto; background: url(/static/full/ec/contents/common/running_mens/images/nvw.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc01:hover,
nav.nav > ul > li > a.navpc02:hover,
nav.nav > ul > li > a.navpc03:hover,
nav.nav > ul > li > a.navpc04:hover,
nav.nav > ul > li > a.navpc05:hover,
nav.nav > ul > li > a.navpc06:hover	{ opacity: .6;  transition: all .5s ease; -webkit-transition: all .5s ease; }
nav.nav > ul > li > a.navpc01.active	{ background: url(/static/full/ec/contents/common/running_mens/images/nv01ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc02.active	{ background: url(/static/full/ec/contents/common/running_mens/images/nv02ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc03.active	{ background: url(/static/full/ec/contents/common/running_mens/images/nv03ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc04.active	{ background: url(/static/full/ec/contents/common/running_mens/images/nv04ac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc05.active	{ background: url(/static/full/ec/contents/common/running_mens/images/nvmac.svg) 0 0 no-repeat; background-size: contain; }
nav.nav > ul > li > a.navpc06.active	{ background: url(/static/full/ec/contents/common/running_mens/images/nvwac.svg) 0 0 no-repeat; background-size: contain; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	nav.nav	{ display: none; }
}

/* ------------ MAIN ------------- */
#topmain	{ position: relative; width: 100%; height:auto; }
#topmain > .subtitle	{ width: 17px; height:406px; line-height: 0; vertical-align:top; position: absolute; top:50px; right:40px; }
#topmain > .sclol	{ width: 11px; height:105px; line-height: 0; vertical-align:bottom; position: fixed; bottom:0; right:40px; z-index:0; }
.mainpc	{ width: 100%; height:auto; line-height: 0; position: relative; }
.mainpc > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	#topmain > .subtitle	{ display: none; }
	#topmain > .sclol	{ display: none; }
}

#sptop	{ display: none; }
#top	{ display: block; }
#topmain > h1	{ position: fixed; top: 50px; left: 0px; width: 100%; pointer-events: none; text-align: center; z-index: 29; overflow: hidden; }
#topmain > h1 > a	{ position: relative; display: inline-block; margin: 0 auto; pointer-events: auto;}
#topmain > h1 > a > img	{ width: 208px; height:45px; vertical-align:bottom; line-height: 0; opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
#topmain > h1 > a:hover > img	{ opacity: .6; }
body.no-scroll #topmain > h1 > a	{ padding-right: 17px; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	body.no-scroll	{ overflow: hidden!important; padding-right: 0; }
	body.no-scroll #topmain > h1 > a	{ padding-right: 0; }
}

#top, 
#menu-1, 
#menu-2,
#menu-3,
#menu-4	{ position: relative; display: block; padding: 0; margin: 0; }
#menu-1-1,
#menu-1-2,
#menu-2-1,
#menu-2-2,
#menu-3-1,
#menu-3-2,
#menu-4-1	{ position: relative; display: block; padding: 0 0 1px; margin: 0; background-color: #000; }


@media (orientation: portrait) and (max-width: 767px)	{ 
	#top	{ display: none; }
	#topmain > h1	{ top: 25px; }
	#topmain > h1 > a > img	{ width: 156px; height:34px; }
}


/* ------------ SPTOP ------------- */
#sptop	{ display: block; position: relative; width: 100%; height:100%; }
.mainContentWap	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.mainContentWap	{ display: block; width: 100%; margin: 0 auto; position: relative; }
	.horizontal-scroll-wrap	{ position: relative; height: 200vh; }
	.horizontal-scroll_top	{ background-image: url(/static/full/ec/contents/common/running_mens/images/main-msp.jpg); }
	.horizontal-scroll_top.wom	{ background-image: url(/static/full/ec/contents/common/running_mens/images/main-wsp.jpg); }
	.sptopitem	{ position: sticky; top:0; left:0; display: block; height:100vh; height: calc(var(--vh, 1vh) * 100)!important; width: 100%; margin: 0; padding: 0; }
	.sptopitem .wrapper	{ position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }
	.sptopitem .subtitle	{ width: 15px; height:334px; line-height: 0; vertical-align:top; position: absolute; top:25px; right:20px; }
	.sptopitem .sclol	{ width: 8px; height:75px; line-height: 0; vertical-align:bottom; position: absolute; bottom:0; right:22px; }
	.sptopitem .seeee	{ width: 92px; height:18px; line-height: 0; vertical-align:bottom; position: absolute; bottom:58px; left:0; }
}

/* ------------ COPY ------------- */
.tocp	{ position: relative; background-color: #000; text-align: center; padding: 150px 0 0; }
.tocp > img	{ width: 100%; max-width: 680px; vertical-align:bottom; line-height: 0; margin: 0 auto; }
.tocp > img.cp_pc	{ display: inline-block; }
.tocp > img.cp_sp	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.tocp > img.cp_sp	{ display: inline-block; }
	.tocp > img.cp_pc	{ display: none; }
	.tocp	{ padding: 100px 47px 0; }
	.tocp > img	{ width: 100%; }
}

/* ------------ CATEGORY LIST ------------- */
.category_list	{ position: relative; background-color: #000; text-align: center; padding: 0; margin: 0; z-index:2; }
.category_list.btmm	{ padding: 50px 0 0; }
.category_list > h3	{ display: inline-block; margin: 107px auto 46px; 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: 670px;  }
.category_list > ul > li	{ list-style: none; width: 160px; padding: 0; margin: 0; }
.category_list > ul > li > a	{ display: block; width: 160px; height:64px; border: 1px solid #fff; text-align: center; line-height: 0; }
.category_list > ul > li > a > img	{ width: 100%; vertical-align:bottom; line-height: 0; opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
.category_list > ul > li > a > img.spct	{ display: none; }
.category_list > ul > li > a > img.pcct	{ display: inline-block; }
.category_list > ul > li > a:hover > img	{ opacity: .6; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.category_list.btmm	{ padding: 0; }
	.category_list > h3	{ margin: 82px auto 37px; font-size: 14px; letter-spacing:.05em; }
	.category_list > ul	{ flex-wrap: wrap; padding: 0; margin: 0 47px; max-width: 100%;  }
	.category_list > ul > li	{ width: calc(50% - 5px); padding: 0 0 10px; margin: 0; }
	.category_list > ul > li > a	{ display: block; width: 100%; height:auto; }
	.category_list > ul > li > a > img	{ width: 100%; vertical-align:bottom; line-height: 0; opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
	.category_list > ul > li > a > img.spct	{ display: inline-block; }
	.category_list > ul > li > a > img.pcct	{ display: none; }
}

/* ------------ NEW ------------- */
.othcontbnn	{ position: relative; background-color: #000; 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: 400; font-size: 14px; letter-spacing:.1em; }
.othcontbnn > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; margin: 0 auto; max-width: 670px;  }
.othcontbnn > ul > li	{ list-style: none; width: 330px; padding: 0; margin: 0; }
.othcontbnn > ul > li > a	{ display: block; width: 330px; height:186px; line-height: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
.othcontbnn > ul > li.otcon01 > a	{ background: url(/static/full/ec/contents/common/running_mens/images/sglk-01m.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02 > a	{ background: url(/static/full/ec/contents/common/running_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/running_mens/images/sglk-01mov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02 > a:hover	{ background: url(/static/full/ec/contents/common/running_mens/images/sglk-03mov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon01w > a	{ background: url(/static/full/ec/contents/common/running_mens/images/sglk-01w.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02w > a	{ background: url(/static/full/ec/contents/common/running_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/running_mens/images/sglk-01wov.jpg) center center no-repeat; background-size: contain; }
.othcontbnn > ul > li.otcon02w > a:hover	{ background: url(/static/full/ec/contents/common/running_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; line-height: 11px; font-size: 11px; }
	.othcontbnn > ul	{ flex-direction: column; padding: 0 0 100px; margin: 0 47px; 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; }
}

/* ------------ SUB TITLE ------------- */
.lttett	{ position: relative; background-color: #000; text-align: center; z-index:2; padding: 100px 0; }
.lttett > img	{ width: 126px; vertical-align:bottom; line-height: 0; margin: 0 auto; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.lttett	{ padding: 57px 0 70px; }
	.lttett > img	{ width: 94px; }
}
/* ------------ GOEC ------------- */
.lttett2	{ position: relative; background-color: #000; text-align: center; z-index:2; padding: 83px 0 100px; }
.lttett2 img	{ width: 228px; vertical-align:bottom; line-height: 0; margin: 0 auto; }
.lttett2 a img	{ opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
.lttett2 a:hover img	{ opacity: .6; }

@media (orientation: portrait) and (max-width: 767px)	{ 
	.lttett2	{ padding: 55px 0 75px; }
	.lttett2 img	{ width: 172px; }
}

/* ------------ BOTTOM BANNER ------------- */
.btbnn_list	{ background-color: #000; text-align: center; padding: 0 0 181px; position: relative; z-index:3; }
.btbnn_list > h3	{ display: inline-block; margin: 0 auto 38px; padding: 0; line-height: 1;  font-weight: 400; font-size: 14px; letter-spacing:.1em; font-feature-settings: "palt"; }
.btbnn_list > h3 > br	{ display: none; }
.btbnn_list > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; margin: 0 auto; max-width: 670px;  }
.btbnn_list > ul > li	{ list-style: none; width: calc(50% - 5px); padding: 0; margin: 0; }
.btbnn_list > ul > li > a	{ display: block; width: 330px; height:200px; text-align: center; position: relative; }
.btbnn_list > ul > li > a > img	{ display: none; }
.btbnn_list > ul > li.cat01 > a	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_pcm.jpg) top center no-repeat; background-size: contain; transition: all .5s ease; -webkit-transition: all .5s ease; }
.btbnn_list > ul > li.cat02 > a	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_pcw.jpg) top center no-repeat; background-size: contain; transition: all .5s ease; -webkit-transition: all .5s ease; }
.btbnn_list > ul > li.cat01 > a:hover	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_pcm_ov.jpg) top center no-repeat; background-size: contain; }
.btbnn_list > ul > li.cat02 > a:hover	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_pcw_ov.jpg) top center no-repeat; background-size: contain; }
.btbnn_list > ul > li.cat01 > a::after	{ content:"メンズ"; position: absolute; bottom:-37px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color:#fff; font-weight: 400; font-size: 14px; letter-spacing:.05em; font-feature-settings: "palt"; }
.btbnn_list > ul > li.cat02 > a::after	{ content:"ウィメンズ"; position: absolute; bottom:-37px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color:#fff; font-weight: 400; font-size: 14px; letter-spacing:.05em; font-feature-settings: "palt"; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.btbnn_list	{ background-color: #000; text-align: center; padding: 0 0 130px; }
	.btbnn_list > h3	{ margin: 0 auto 26px; padding: 0; line-height: 18px;  font-weight: 400; font-size: 11px; letter-spacing:.1em; font-feature-settings: "palt"; }
	.btbnn_list > h3 > br	{ display: inline-block; }
	.btbnn_list > ul	{ max-width: 100%; width: 100%; padding: 0 47px; }
	.btbnn_list > ul > li	{ list-style: none; width: calc(50% - 5px); padding: 0; margin: 0; }
	.btbnn_list > ul > li > a	{ display: block; width: auto; height:auto; line-height: 0; }
	.btbnn_list > ul > li > a > img	{ display: inline-block; width: 100%; vertical-align:bottom; line-height: 0; }
	.btbnn_list > ul > li.cat01 > a	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_spm.jpg) top center no-repeat; background-size: contain; }
	.btbnn_list > ul > li.cat02 > a	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_spw.jpg) top center no-repeat; background-size: contain; }
	.btbnn_list > ul > li.cat01 > a:hover	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_spm.jpg) top center no-repeat; background-size: contain; }
	.btbnn_list > ul > li.cat02 > a:hover	{ background: url(/static/full/ec/contents/common/running_mens/images/btmbnn_spw.jpg) top center no-repeat; background-size: contain; }
	.btbnn_list > ul > li.cat01 > a::after, 
	.btbnn_list > ul > li.cat02 > a::after	{ font-size: 11px; bottom:-24px; }
}

/* ------------ CONTENT ------------- */
.content	{ display:block; text-align: center; padding: 0; margin:0; width: 100%; height:auto; position: relative; text-align: center; z-index:12; line-height: 0; background-color: #000; }
.content .imgspace	{ display: block; width: 100%; line-height: 0; z-index:-1; }
.content .imgcht	{ display: block; width: 100%; line-height: 0; z-index:-1; }
.content .imgspace_sp, 
.content .imgcht_sp	{ display: none; }
.content .titleArea	{ padding: 0; margin: 0; width: 100%; position: sticky; top:0; left:0; text-align: center; pointer-events: none; overflow: hidden; z-index:16; }
.content .titleArea .cattle	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; }
.content .titleArea .cattle > h3	{ line-height: 0; width: 270px; height: 56px; line-height: 0; margin: 0 auto; }
.content .titleArea .cattle > h3 > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.content .titleArea .cattle > p	{ text-align: center; color:#ffffff; line-height: 28px; font-weight: 700; font-size: 14px; letter-spacing:.05em; font-feature-settings: "palt"; padding: 41px 0 28px; margin: 0; }
.content .titleArea .cattle > p > br	{ display: none; }
.content .titleArea .cattle > a { display: inline-block; text-align: center; padding: 0; margin: 0 auto; color: #000; background-color: #fff; line-height: 50px; font-weight: 700; font-size: 14px; letter-spacing:.05em; border: 1px solid #fff; border-radius: 50px; width: 250px; height: 50px; transition: all .5s ease; -webkit-transition: all .5s ease; pointer-events: auto; }
.content .titleArea .cattle > a:hover { color:#ffffff; background-color: transparent; }
#menu-4 .content.man .titleArea	{ position: absolute; height:auto; max-height:100%;  }
#menu-4 .content.man .imgspace, 
#menu-4 .content.man .imgcht	{ width: 100%; height:auto; max-height:auto!important; line-height: 0; z-index:-1; }
.content > .contentSet	{ display:block; text-align: center; padding: 0; margin:0; width: 100%; height:100%; position: relative; text-align: center; overflow: hidden; z-index:10; }
#menu-1 > .content > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img01m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-1 > .content > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img02m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-2 > .content > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img03m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-2 > .content > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img04m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-3 > .content > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img05m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-3 > .content > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img06m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-4 > .content.man > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img07m_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-1 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img01w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-1 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img02w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-2 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img03w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-2 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img04w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-3 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img05w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-3 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img06w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
#menu-4 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img07w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -57.14%; }
#menu-4 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img08w_pc.jpg) center center no-repeat; background-size: contain; line-height: 0; }
a.shwdt	{ position: absolute; right:97px; bottom:40px; display: block; width: 173px; height:28px; border-right: 1px solid #fff; background: url(/static/full/ec/contents/common/running_mens/images/detailbtn_pc.svg) center center no-repeat; background-size: 173px 28px; transition: all .5s ease; -webkit-transition: all .5s ease; opacity: 1; }
a.shwdt:hover	{ opacity: .6; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.content .titleArea .cattle > h3	{ line-height: 0; width: 207px; height: 43px; line-height: 0; margin: 0 auto; }
	.content .titleArea .cattle > p	{ line-height: 19px; font-size: 12px; padding: 37px 0 20px; margin: 0; }
	.content .titleArea .cattle > p > br	{ display: inline-block; }
	.content .titleArea .cattle > a { line-height: 48px; font-weight: 700; font-size: 12px; letter-spacing:.05em; border: 1px solid #fff; border-radius: 50px; width: 200px; height: 48px; }
	.content .imgspace,
	.content .imgcht	{ display: none; }
	.content .imgspace_sp	{ display: block; width: 100%; line-height: 0; z-index:-1; }
	.content .imgcht_sp	{ display: block; width: 100%; line-height: 0; z-index:-1; }
	#menu-1 > .content > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img01m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-1 > .content > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img02m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-2 > .content > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img03m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-2 > .content > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img04m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-3 > .content > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img05m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-3 > .content > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img06m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-4 > .content.man > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img07m_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-1 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img01w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-1 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img02w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-2 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img03w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-2 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img04w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-3 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img05w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-3 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img06w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	#menu-4 > .content.wom > .contentSet.st01	{ background: url(/static/full/ec/contents/common/running_mens/images/img07w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; margin: 0 0 -133.33%; }
	#menu-4 > .content.wom > .contentSet.st02	{ background: url(/static/full/ec/contents/common/running_mens/images/img08w_sp.jpg) center center no-repeat; background-size: contain; line-height: 0; }
	a.shwdt	{ position: absolute; right:auto; left:20px; bottom:20px; display: block; width: 22px; height:127px; border-bottom: 1px solid #fff; border-right: 0; background: url(/static/full/ec/contents/common/running_mens/images/detailbtn_sp.svg) center center no-repeat; background-size: 22px 127px; }
}

/* ------------ DETAIL ------------- */
.detailwrapper	{ display: block; position: fixed; top:0; left:0; z-index:60; width: 100%; height: 100vh; pointer-events: none; overflow: hidden; }
.detailArea	{ display: block; width: 484px; height:100%; background-color: rgba(0,0,0,.8); position: absolute; top:0; right:0; transform: translate(484px); transition: all .4s .2s; opacity: 0; pointer-events: auto; box-sizing: border-box; }
.detailArea.active { transform: translateZ(0); opacity: 1; }
.detailArea .wrapper	{ position: relative; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height:100%; text-align: center; overflow-y: auto; }
.detailArea .wrapper a.closedtl	{ width: 28px; height:28px; position: absolute; bottom:40px; right:97px; line-height: 0; }
.detailArea .wrapper a.closedtl > img	{ width: 100%; vertical-align:bottom; line-height: 0; opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
.detailArea .wrapper a.closedtl:hover > img	{ opacity: .6; }
.detailArea .wrapper > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 290px; padding: 30px 0 0; }
.detailArea .wrapper > ul > li	{ list-style: none; width: 130px; }
.detailArea .wrapper > ul > li > a	{ display: block; line-height: 1; color:#ffffff; opacity: 1; padding: 0 0 30px; transition: all .5s ease; -webkit-transition: all .5s ease; }
.detailArea .wrapper > ul > li > a > img	{ width: 130px; }
.detailArea .wrapper > ul > li > a > b	{ display: block; font-weight: 700; font-size: 12px; padding: 20px 0 0; }
.detailArea .wrapper > ul > li > a > span	{ display: block; font-weight: 400; font-size: 12px; padding: 10px 0 0; }
.detailArea .wrapper > ul > li > a:hover	{ opacity: .6; }
.closearea	{ position: fixed; top: 0; left: 0; z-index: 59; display: none; width: 100%; height: 100vh; overflow: hidden; outline: 0; background-color: rgba(0,0,0,0); cursor: pointer; }
.closearea.active	{ display: block; }
.spclm	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.detailwrapper	{ display: block; position: fixed; top:0; left:0; z-index:60; width: 100%; height:100vh; height: calc(var(--vh, 1vh) * 100)!important; pointer-events: none; overflow: hidden; }
	.detailArea	{ display: block; width: 309px; height:100%; background-color: rgba(0,0,0,.8); position: absolute; top:0; right:auto; left:0; transform: translate(-309px); }
	.detailArea.active { transform: translateZ(0); opacity: 1; }
	.detailArea .wrapper	{ position: relative; display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height:100%; text-align: center; overflow-y: auto; }
	.detailArea .wrapper a.closedtl	{ width: 22px; height:22px; position: absolute; bottom:20px; right:auto; left:20px; line-height: 0; }
	.detailArea .wrapper a.closedtl > img	{ width: 100%; vertical-align:bottom; line-height: 0; opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
	.detailArea .wrapper a.closedtl:hover > img	{ opacity: .6; }
	.detailArea .wrapper > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 195px; padding: 15px 0 0; }
	.detailArea .wrapper > ul > li	{ list-style: none; width: 90px; }
	.detailArea .wrapper > ul > li > a	{ display: block; line-height: 1; color:#ffffff; opacity: 1; padding: 0 0 15px; transition: all .5s ease; -webkit-transition: all .5s ease; }
	.detailArea .wrapper > ul > li > a > img	{ width: 90px; }
	.detailArea .wrapper > ul > li > a > b	{ display: block; font-weight: 700; font-size: 9px; padding: 20px 0 0; }
	.detailArea .wrapper > ul > li > a > span	{ display: block; font-weight: 400; font-size: 9px; padding: 5px 0 0; }
	.detailArea .wrapper > ul > li > a:hover	{ opacity: .6; }
	.spclm	{ display: inline-block; width: 90px; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; background-color: #000; position: relative; z-index:3; }
.bottomoval .wrapper	{ width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; border-top: 1px solid #fff; padding: 96px 0 0; }
.bottomoval .wrapper h2	{ margin: 0 auto 53px; max-width: 90px; 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: 70px 0 7px; margin: 0 18px; width: auto; }
	.bottomoval .wrapper h2	{ margin: 0 auto 46px; max-width: 68px; }
	.itemBrandWac	{ margin:0 auto; padding: 0 6px; }
	.itemBrandColumn	{ width: calc(100% / 4); padding: 3px 6px; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; background-color: #ffffff; position: relative; z-index:3; }
footer .footer-inner	{ margin: 0 auto; padding: 20px 0 25px; box-sizing: border-box; line-height: 0; }
footer .footer-inner small	{ color:#000000; font-size: 10px; }
@media (max-width: 767px)	{ 
	footer	{ padding: 0 0 5px; }
	footer .footer-inner	{  width: 100%; padding: 12px 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: 60px; right: 40px; display:block; width: 11px; height: 116px; overflow: hidden; background-image: url(/static/full/ec/contents/common/running_mens/images/pgtop.svg); background-position: center center; background-repeat:no-repeat; background-size:cover; opacity: 1; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ opacity: .6; }
@media (max-width: 767px)	{ 
	#scrollUp { bottom: 40px; right: 22px; width: 8px; height: 84px; }
}

/* ------------ 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; }