* { 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;
scroll-behavior: smooth;
}
body	{ color: #000; background-color: #ffffff; font-family: "FP-ヒラギノ角ゴ StdN W7", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.img-responsive	{ display: block; height: auto; max-width: 100%; }
a:hover img.hov	{ opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -ms-transition: opacity .5s ease-out; transition: opacity .5s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #a5a5a5; font-style: normal; text-decoration: none; }
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 2s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadeintitle	{ animation-name: fadein; animation-duration: 1.5s; animation-iteration-count: 1; }
@keyframes fadein	{ 
	from	{ opacity: 0; transform: translateY(0); }
	to	{ opacity: 1; transform: translateY(0); }
}
.fadeintitle2	{ animation-name: fadeintt; animation-duration: 3s; animation-iteration-count: 1; }
@keyframes fadeintt	{ 
	from	{ opacity: 0; transform: translateY(20); }
	to	{ opacity: 1; transform: translateY(0); }
}

/* ------------ MAIN ------------- */
.main	{ width: 100%; background-color: #fff; }
.main img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.mcptext	{ text-align: center; margin: 0; background-color: #fff; padding: 87px 20px 0; }
.mcptext .inner	{ text-align: center; margin: 0 auto; color:#000; font-size: 18px; line-height: 40px; letter-spacing: .1em; font-family: "FP-ヒラギノ角ゴ ProN W6", sans-serif; }
@media (max-width: 767px)	{ 
	.mcptext	{ padding: 41px 36px 0; margin: 0; }
	.mcptext .inner	{ text-align: left; font-size: 15px; line-height: 33px; letter-spacing: .05em; }
}

/* ------------ NAVIGATION ------------- */
.pgnav	{ text-align: center; margin: 0; padding: 0; }
.pgnav > strong	{ display: inline-block; margin: 90px auto 0; padding: 0; max-width: 320px; }
.pgnav > strong > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.pgnav > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; padding: 100px 0 90px; }
.pgnav > ul.top	{ padding: 87px 0 190px; }
.pgnav > ul > li	{ width: 138px; list-style: none; padding: 0 5px 10px; }
.pgnav > ul > li > a	{ display: block; width: 100%; height: 36px; line-height: 34px; font-size: 14px; letter-spacing: .1em; text-align: center; border: 2px solid #000; background-color: #000; color:#fff; border-radius: 50px; overflow: hidden; white-space: nowrap; transition: all .5s ease; -webkit-transition: all .5s ease; }
.pgnav > ul > li > a:hover	{ background-color: #fff; color:#000; }
.gotopsp	{ display: none; }
@media (max-width: 767px)	{ 
	.pgnav > strong	{ margin: 40px auto 0; max-width: 240px; }
	.pgnav > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 25px 40px; }
	.pgnav > ul.top	{ padding: 50px 25px 132px; }
	.pgnav > ul > li	{ width: 50%; padding: 0 4px 15px; }
	.pgnav > ul > li > a	{ height: 30px; line-height: 25px; font-size: 12px; }
	.pgnav > ul > li > a:hover	{ background-color: #000; color:#fff; }
	.gotopsp	{ display: inline-block; margin: 0 auto 50px; padding: 0; width: 30px; }
	.gotopsp img	{ width: 100%; vertical-align:bottom; line-height: 0; }
}

/* ------------ ITEM ------------- */
.itemsection	{ padding: 100px 10px 200px; }
.itemcategory	{ text-align: center; }
.itemcategory > h2	{ font-size: 36px; letter-spacing: .01em; font-weight:normal; line-height: 1; padding: 0 0 9px; margin: 0; font-family: 'HelveticaNowDisplay-Blk', sans-serif; }
.itemcategory > h3	{ font-size: 14px; letter-spacing: .1em; font-weight:normal; line-height: 1; padding: 0 0 44px; margin: 0; }
.itemimages	{ display: -webkit-flex; display: flex; justify-content: center; z-index:20; }
.itemimages > figure	{ width: calc(50% - 20px); max-width: 444px; padding: 0; position: relative; margin: 0 7px; overflow: hidden; }
.itemimages > figure > p	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 20px; left: 20px; width: 94px; height: 22px; background-color: #fff; border-radius: 40px; }
.itemimages > figure > p > span	{ display: inline-block; font-size: 10px; letter-spacing: .1em; }
.iteminfo	{ padding: 48px 0 0; text-align: center; }
.iteminfo > h4	{ font-size: 20px; letter-spacing: .15em; font-family: "FP-ヒラギノ角ゴ ProN W6", sans-serif; font-weight:normal; line-height: 1; padding: 0 0 28px; margin: 0; }
.iteminfo > p	{ font-size: 12px; letter-spacing: .1em; font-weight:normal; line-height: 22px; padding: 0 0 45px; margin: 0; }
.iteminfo .categorylinks	{ display: -webkit-flex; display: flex; justify-content: center; }
.iteminfo .categorylinks > a	{ width: 320px; height: 61px; margin: 0 5px; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border: 2px solid #000; background-color: #000; color:#fff; border-radius: 50px; overflow: hidden; white-space: nowrap; transition: all .5s ease; -webkit-transition: all .5s ease; }
.iteminfo .categorylinks > a:hover	{ background-color: #fff; color:#000; }
.iteminfo .categorylinks > a > span	{ font-size: 15px; line-height: 1; letter-spacing: .05em; }
@media (max-width: 980px)	{ 
	.itemsection	{ padding: 50px 17px 133px; }
	.itemcategory	{ text-align: left; }
	.itemcategory > h2	{ font-size: 33px; letter-spacing: .02em; padding: 0 20px 17px; }
	.itemcategory > h3	{ font-size: 14px; letter-spacing: .1em; font-family: "FP-ヒラギノ角ゴ StdN W8", sans-serif; line-height: 1; padding: 0 20px 48px; }
	.itemimages	{ flex-wrap: wrap; }
	.itemimages > figure	{ max-width: 100%; width: 100%; padding: 0; position: relative; margin: 0 0 17px; overflow: hidden; }
	.iteminfo	{ padding: 34px 14px 0; text-align: left; }
	.iteminfo > h4	{ display: block; padding: 0 5px 33px; }
	.iteminfo > p	{ display: block; padding: 0 5px 44px; }
	.iteminfo .categorylinks	{ flex-wrap: wrap; }
	.iteminfo .categorylinks > a	{ width: 100%; height: 64px; margin: 0 0 17px; }
	.iteminfo .categorylinks > a:hover	{ background-color: #000; color:#fff; }
	.iteminfo .categorylinks > a > span	{ font-size: 15px; letter-spacing: .05em; }
}

/* ------------ IMG MOUSEOVER ------------- */
figure.hover-parent img	{ width: 100%; vertical-align:bottom; line-height: 0; }
@media (min-width: 981px)	{ 
	figcaption.hover-mask	{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.8); opacity: 0; color: #fff; display: flex; align-items: center; text-align: center; padding-bottom: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
	figcaption.hover-mask label	{ display: none; }
	figure.hover-parent:hover .hover-mask	{ opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; padding-bottom: 30px; }
	figure.hover-parent:hover p	{ display: none; }
}
@media (max-width: 980px)	{ 
	.hover-label	{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }
	.hover-mask	{ display: flex; z-index:-10; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .5s; visibility: hidden; }
	.hover-mask.active	{ z-index:20; width: 100%; height: 100%; background: rgba(0,0,0,0.8); color: #fff; align-items: center; text-align: center; padding-bottom: 0; visibility: visible; opacity: 1; }
	figcaption.hover-mask label.hover-labelinn	{ position: absolute; top:20px; right:20px; width: 30px; height:30px; }
	figcaption.hover-mask label.hover-labelinn img	{ width: 100%; vertical-align:bottom; line-height: 0; }
	.overlay	{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; transition: opacity .5s; visibility: hidden; }
	.overlay.open	{ width: 100%; height: 100%; opacity: 1; background-color: rgba(0,0,0,0); position: fixed; z-index:10; visibility: visible; }
}
.hover-mask > ul	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 auto; list-style: none; padding: 0 5px; }
.hover-mask > ul > li	{ list-style: none; padding: 0; margin: 0; text-align: left; line-height: 1; }
.hover-mask > ul > li > strong	{ font-size: 16px; line-height: 1; font-family: 'HelveticaNowDisplay-XBd', sans-serif; font-weight:normal; letter-spacing: .05em; display: inline-block; padding: 25px 0; }
.hover-mask > ul > li > a	{ font-size: 14px; line-height: 1; font-family: 'HelveticaNowDisplay-Md', sans-serif; font-weight:normal; letter-spacing: .05em; color: #fff; transition: all .5s ease; -webkit-transition: all .5s ease; padding: 0 0 15px; }
.hover-mask > ul > li > a:hover	{ text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; }
.hover-mask > ul > li > a i	{ font-size: 12px; line-height: 1; font-family: "FP-ヒラギノ角ゴ StdN W5", sans-serif; font-weight:normal; color: #fff; font-style: normal; }
.hover-mask > ul > li > a	{ display: inline-block; padding: 0 0 10px; position: relative; text-decoration: none; }
.hover-mask > ul > li > a::after	{ border-bottom: solid 1px #fff; bottom: 0; content: ""; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; width: 0; }
.hover-mask > ul > li > a:hover::after	{ width: 100%; }
.hover-mask > ul > li > a > span	{ font-family: 'HelveticaNowDisplay-XBd', sans-serif; font-weight:normal; }
.hover-mask > ul > li > a > b	{ font-family: 'HelveticaNowDisplay-XBd', sans-serif; font-weight:normal; text-decoration: underline; }
@media (max-width: 980px)	{ 
	.hover-mask > ul > li	{ text-align: left; }
	.hover-mask > ul > li > strong	{ font-size: 16px; padding: 24px 0; letter-spacing: 0; }
	.hover-mask > ul > li > a	{ font-size: 13px; padding: 0 0 10px; letter-spacing: 0; }
	.hover-mask > ul > li > a i	{ font-size: 11px; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; border-top: 2px solid #000; }
.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; }
}

/* ------------ GO TOP ------------- */
#scrollUp { bottom: 80px; right: 30px; display:block; width: 20px; height: 24px; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover	{ opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";  }
a#scrollUp:active	{ opacity: 1; }
@media (max-width: 767px)	{ 
	#scrollUp { display: none!important; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; background-color:#000; padding: 0; }
footer .footer-inner	{ margin: 0 auto; max-width: 100%; height: 50px; padding: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
footer .footer-inner small	{ font-size: 10px; font-family: 'HelveticaNowDisplay-Md', sans-serif; color:#ffffff; letter-spacing: 0; }
@media (max-width: 767px)	{ 
	footer	{ padding: 0; }
	footer .footer-inner	{ height: 39px; }
	footer .footer-inner small	{ font-size: 9px; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block!important; } }
@media (max-width: 767px)	{ .sponly { display: block!important; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
.noimg	{ 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; }