@charset 'UTF-8';
.pc-appear,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
display:block
}

#footer .btn-pagetop a:hover,
#footer .store-list li:hover,
#sns ul li a:hover{
opacity:.5
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline;
border:0;
}

ol,ul{
list-style:none
}


blockquote,q{
quotes:none
}

blockquote:after,
blockquote:before,
q:after,
q:before{
content:'';content:none
}

table{
border-spacing:0;
border-collapse:collapse
}

.clearfix{
min-height:1px
}
.clearfix:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:'.'
}

body{
font-family:'Helvetica LT W10 Bold1489458',Avenir,'Helvetica Neue',Verdana,Helvetica,Arial,Roboto,YuGothic,'Meiryo UI',メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
position:relative;
background:#fff;
-webkit-font-feature-settings:'palt';
font-feature-settings:'palt';
-webkit-text-size-adjust:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
*{
box-sizing:border-box;
outline:0
}

a{
text-decoration:none;
color:#000
}




.sp-appear{
display:none
}



@media screen and (max-width:767px){
.pc-appear{
display:none
}
.sp-appear{
display:block
}
}




#header{
width:100%;
margin:auto;
padding:75px 0 0;
}

#header .logo{
width:237px;
margin:auto
}

#header .logo img{
display:block;
width:100%
}




@media screen and (max-width:767px){
#header{
padding:20px 0 0;
}
#header .logo{
width:30%;
}
}




.fadein-up{
-webkit-transform:translate3d(0,40px,0);
transform:translate3d(0,40px,0);
opacity:.05
}

.fadein-up.hidden{
visibility:hidden;
-webkit-animation:none;
animation:none
}
.fadein-up.visible{
visibility:visible;
-webkit-animation:fadeInUp 1s cubic-bezier(.25,.46,.45,.94) .2s forwards;
animation:fadeInUp 1s cubic-bezier(.25,.46,.45,.94) .2s forwards
}
@-webkit-keyframes fadeInUp{
0%{
-webkit-transform:translate3d(0,80px,0);
transform:translate3d(0,80px,0);
opacity:.05
}
100%{
-webkit-transform:none;
transform:none;opacity:1
}
}

@keyframes fadeInUp{
0%{
-webkit-transform:translate3d(0,80px,0);
transform:translate3d(0,80px,0);
opacity:.05
}
100%{
-webkit-transform:none;
transform:none;opacity:1
}
}



main .collections{
width:100%;
margin:auto;
}
main .collections .category .item{
margin:80px auto 100px;
padding-bottom:100px;
}

main .collections .category .item.no-border,
main .collections .category .item:last-child{padding-bottom:0;
border-bottom:none
}

main .collections .category figure{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
max-width:1060px;
margin:auto;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

main .collections .category figure p,
main .collections .category figure span{
display:block;
width:calc((100% - 20px)/ 2)
}

main .collections .category figure p img,
main .collections .category figure span img{
display:block;
width:100%;
-webkit-transition:opacity .3s;
transition:opacity .3s
margin:auto;
display:block;
}

main .collections .category figure p:nth-child(2n),
main .collections .category figure span:nth-child(2n){
-webkit-animation-delay:.3s;
animation-delay:.3s
}

.collections .category .links{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;margin-top:40px;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
main .collections .category .links li{
margin:0 10px
}
main .collections .category .links li a{
position:relative;
display:inline-block;
width:208px;
height:250px;
overflow:hidden;
margin:10px 8px 10px 16px;
}
main .collections .category .links .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.2s ease;
	transition:all 0.2s ease;
}
main .collections .category .links li:hover .mask {
	opacity:1;
}
main .collections .category .links li .caption {
	font-size:100%;
	text-align:center;
	padding-top:100px;
	color:#fff;
}
/*main .collections .btn-allitems{
margin:0 auto 105px;
width:1060px;
}*/

main .collections .btn-allitems img{
display:block;
width:180px;
margin:0 auto 100px;
}
@media screen and (min-width:768px){/*dolman-sleeveの改行のために入れてる*/
main .collections .category .links li .caption .sp_br{
    display: none;
}
}





@media screen and (max-width:767px){
main .collections{
width:100%;
margin:auto;
}
main .collections .category .item{
margin:30px auto 50px;
padding-bottom:50px;
}


main .collections .category figure p,
main .collections .category figure span{
width:calc((100% - 2px)/ 2)
}


main .collections .category figure p img,
main .collections .category figure span img{
display:block;
width:100%;
-webkit-transition:opacity .3s;
transition:opacity .3s
margin:auto;
display:block;
}

main .collections .category figure p:nth-child(2n),
main .collections .category figure span:nth-child(2n){
-webkit-animation-delay:.3s;
animation-delay:.3s
}

main .collections .category .links{
margin-top:26px
}

main .collections .category .links li{
margin:0 9px
}

main .collections .category .links li a{
width:120px;
height:144px;
padding:0;
position:relative;
display:inline-block;
overflow:hidden;
}
main .collections .category .links li.three{
margin:0 2px
}

main .collections .category .links li.three a{
width:100px;
height:120px;
padding:0;
position:relative;
display:inline-block;
overflow:hidden;
}
main .collections .category .links li a img{
width:100%;
}

main .collections .category .links .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.2s ease;
	transition:all 0.2s ease;
}
main .collections .category .links li:hover .mask {
	opacity:1;
}
main .collections .category .links li .caption {
	font-size:80%;
	text-align:center;
	padding-top:55px;
	color:#fff;
}

main .collections .btn-allitems{
margin:0 auto 80px;
width:100%;
}
main .collections .btn-allitems img{
display:block;
width:30%;
margin:0 auto;
}
}