@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;
color:#000;
-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:underline;
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;
}

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

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




@media screen and (max-width:767px){
#header{
padding:40px 0 0;
}
#header .logo{
width:45%;
margin-bottom:80px;
}
}




.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 150px;
}

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 div,
main .collections .category figure p{
display:block;
width:calc((100% - 10px)/ 2);
}
main .collections .category figure .wide{
width:80%;
}

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

main .collections .category figure div:nth-child(2n),
main .collections .category figure p: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 ul{
margin-top:30px;
font-size:12px;
text-align:center;
}

main .collections .category ul.indent{
margin-left:20px;
}

main .collections .category ul.indent2{
margin-left:97px;
}

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

main .collections .copyright {
font-size:12px;
text-align:center;
margin-top:100px;
margin-bottom:30px;
}


@media screen and (min-width:768px){/*改行のために入れてる*/
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 div{
width:calc((98% - 2px)/ 2);
}
main .collections .category figure div.wide{
width:80%;
}


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

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

main .collections .category ul{
margin:14px auto 0;;
font-size:9px;
width:98%;
}
main .collections .category ul li{
margin-top:7px;
}

main .collections .category ul.indent{
margin-left:10px;
}

main .collections .category ul.indent2{
margin-left:35px;
}

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

main .collections .copyright {
font-size:10px;
text-align:center;
margin-top:80px;
margin-bottom:15px;
}

}