div.category_top{
  width: 100%;
  padding: 8px;
  height: auto;
  overflow: hidden;background-color: #efefef;

}

div.category_top h2{
  font-family: 'Cinzel', serif;
  font-weight: 500;
  color: #4f4f4f;
  text-align: center;
  width: 100%
}
div.category_top h2 span{
  font-size: 12px;
  display: block;
}
div.category_top div.category_top_r,div.category_top div.category_top_c,div.category_top div.category_top_l{
  width: 33.33333%;
  float: left;
}
div.category_top div.category_top_t{
  height: auto;
  position: relative;
  padding: 8px;
  float: left;
}
div.category_top  div.category_top_t:before{
  content: "";
  display: block;
  padding-top: 100%;

}
div.category_top div.category_top_w100{
  width: 100%;
}
div.category_top div.category_top_w50{
  width: 50%;
}
div.category_top div.category_top_w25{
  width: 25%;
}

div.category_top a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 8px solid #efefef;
  transition: 0.4s;
}
div.category_top a:hover{
  border: 4px solid #efefef;
}
div.category_top a.category_top_t-shirt{
background: url("../img/category/t-shirt.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_bottom{
background: url("../img/category/bottom.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_accessory{
background: url("../img/category/accessory.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_outer{
background: url("../img/category/outer.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_knit{
background: url("../img/category/knit.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_leather{
background: url("../img/category/leather.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_shirt{
background: url("../img/category/shirt.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_shoes{
background: url("../img/category/shoes.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_zakka{
background: url("../img/category/zakka.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_vicure{
background: url("../img/category/vicure.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_noidblack{
background: url("../img/category/noidblack.jpg");
background-size: cover;
background-position: center;
}
div.category_top a.category_top_basic{
background: url("../img/category/basic.jpg");
background-size: cover;
background-position: center;
}
div.category_top a span.category_name{
  font-family: 'Cinzel', serif;
  font-size: 28px;
  color: #fff;
  width: 100% ;
  display: block;
  text-align: center;
  filter: drop-shadow(8px 8px 8px rgba(0,0,0,1));
padding-top: 42%;
}
div.category_top a span.category_name2{
  font-family: 'Cinzel', serif;
  font-size: 12px;
  color: #fff;
  width: 100% ;
  display: block;
  text-align: center;
  filter: drop-shadow(8px 8px 8px rgba(0,0,0,1));
padding-top: 0px;
}
div.category_top a span.category_name3{
  font-size: 18px;
}
@media screen and (max-width: 780px){
  div.category_top{
    padding: 4px;
  }
  div.category_top a{
    border: 4px solid #efefef;
  }
  div.category_top div.category_top_r{
    width: 66.666%
  }
  div.category_top div.category_top_c{
    width: 33.333%
  }
  div.category_top div.category_top_l{
    width: 66.666%
  }
  div.category_top div.category_top_spw100{
    width: 100%;
  }
  div.category_top a span.category_name{
    font-size: 20px;
  }
  div.category_top a span.category_name3{
    font-size: 14px;
  }
  div.category_top h2 span{
    font-size: 8px;
    display: block;
  }
}


/*�J�e�S���[�C���[�W��������*/
#topicpath2{
display: none;
}

#categorytop-image{
width: 100%;
margin: 32px auto;
padding: 0;
position: relative;
height:296px;
overflow: hidden;
}

#categorytop-image:before{
content: "";
position: absolute;
top: -300px;
width: 1500px;
height: 485px;
background: #c9c9c9;
z-index: 2;
transform: rotate(-15deg);
left: -510px;
}


#categorytop-image:after{
content: "";
position: absolute;
top: 15%;
width: 71%;
height: 528px;
background: #9b9b9b;
z-index: 1;
transform: rotate(-34deg);
left: -50px;
}


#categorytop-image p{
position: absolute;
top: 50%;
left: 30%;
z-index: 3;
font-size: 32px;
margin: 0;
color: #fff;
text-align: center;
letter-spacing: 0.125rem;
line-height: 0.8;
font-family: 'Cinzel', serif;
transform: translate(-50%,-50%);
text-shadow: 2px 1px 8px #333;
}

#categorytop-image span.categoryname-jp{
font-size:16px;
}

.accessory-bg{
background: url("../img/category/accessory.jpg") no-repeat;
position: absolute;
background-size: 40%;
height: 296px;
width: 100%;
background-position : right top;
}

.vicure-bg{
background: url("../img/category/vicure.jpg") no-repeat;
position: absolute;
background-size: 40%;
height: 296px;
width: 100%;
background-position : right top;
}

.leather-bg{
background: url("../img/category/leather.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position : right top;
}

.outer-bg{
background: url("../img/category/outer.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 27%;
}

.tshirt-bg{
background: url("../img/category/t-shirt.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 60%;
}

.shirt-bg{
background: url("../img/category/shirt.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 60%;
}

.bottom-bg{
background: url("../img/category/bottom.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 60%;
}

.knit-bg{
background: url("../img/category/knit.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 60%;
}

.noidblack-bg{
background: url("../img/category/noidblack2.jpg") no-repeat;
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 60%;
}
.basic-bg{
background: url("../img/category/basic.jpg");
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 60%;
}

.zakka-bg{
background: url("../img/category/zakka.jpg");
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 10%;
}

.shoes-bg{
background: url("../img/category/shoes.jpg");
background-size: 40%;
height: 296px;
width: 100%;
background-position: right 50%;
}

@media screen and (max-width: 768px){
#categorytop-image{
height: 27vh;
margin: 0;
}
.vicure-bg,.leather-bg,.outer-bg,.tshirt-bg,.shirt-bg,.bottom-bg,.knit-bg,.noidblack-bg,.basic-bg,.zakka-bg,.shoes-bg{
background-size: 60%;
}
.accessory-bg{
background-size: 60%;
background-position: right;
}
#categorytop-image p{
font-size: 5vw;
}
#categorytop-image span.categoryname-jp{
font-size: 3.2vw;
}
#categorytop-image:before{
top: -55vh;
left: -22vw;
width: 166vw;
height: 60vh;
}
#categorytop-image:after{
top: 35%;
width: 101vw;
height: 57vh;
left: -25vw;
}
}
/*�J�e�S���[�C���[�W�����܂�*/

div.category_contents{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}
div.category_contents p{
  width: 33.333%;
  padding: 8px;
  margin: 0;
}
@media screen and (max-width: 769px){
  div.category_contents p{
    width: 50%;
  }
}


#bg_gray2.salebanner201902{
margin: 48px auto !important;
display: flex;
flex-wrap: wrap;
}
#bg_gray2.salebanner201902 > div{
width: calc(100% / 2);
}
@media screen and (max-width: 768px){
#bg_gray2.salebanner201902{
margin: 24px auto !important;
}
#bg_gray2.salebanner201902 > div{
width: calc(100% / 1);
}
}

div.category_top201903{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

div.category_top201903 p{
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
div.category_top201903 a{
  position: relative;
  display: block;
  transition:0.4s;
}
div.category_top201903 a:hover{
}
div.category_top201903 a img{
  width: 100%;
}
div.category_top201903 a span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(0,0,0,0.1) ;
  transition: 0.4s;
}
div.category_top201903 a:hover span{
  background: rgba(0,0,0,0) ;
}
.w100{
  width: 100%;
}
.w50{
  width: 50%;
}
.w33{
  width: 33.33333%;
}
.w25{
  width: 25%;
}
.w10{
  width: 10%;
}
@media screen and (max-width: 769px){
  .spw100{
    width: 100%;
  }
  .spw66{
    width: 66.66666%;
  }
  .spw50{
    width: 50%;
  }

}
a.w100{
  width: 100%;
  padding: 100% 0 0 0;
}
a.w50{
  width: 50%;
  padding: 50% 0 0 0;
}
a.newin , a.preorder{
  width: 50%;
  padding: 25% 0 0 0;
  display: block;
}
@media screen and (max-width: 769px){
  a.spw100{
    width: 100%;
    padding: 100% 0 0 0;
  }
  a.spw50{
    width: 50%;
    padding: 50% 0 0 0;
  }
  a.newin , a.preorder{
    width: 100%;
    padding: 50% 0 0 0;
    display: block;
  }
}
div.category_top201903 a.newin{
background: url("../img/category/newin.jpg");
/*background: url("https://store.noid.jp/upload/save_image/2019aw/445006-262C_10_014.jpg");*/
background-size: cover;
background-position: center 50%;
}
div.category_top201903 a.newin20191227{
background: url("../img/category/newin20191227.jpg");
/*background: url("https://store.noid.jp/upload/save_image/2019aw/445006-262C_10_014.jpg");*/
background-size: cover;
background-position: center 33%;
}
div.category_top201903 a.preorder{
background: url("../img/category/preorder.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.t-shirt{
background: url("../img/category/t-shirt.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.bottom{
background: url("../img/category/bottom.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.accessory{
background: url("../img/category/accessory.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.outer{
background: url("../img/category/outer.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.knit{
background: url("../img/category/knit.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.leather{
background: url("../img/category/leather.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.shirt{
background: url("../img/category/shirt.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.shoes{
background: url("../img/category/shoes.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.zakka{
background: url("../img/category/zakka.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.vicure{
background: url("../img/category/vicure.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.noidblack{
background: url("../img/category/noidblack.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a.basic{
background: url("../img/category/basic.jpg");
background-size: cover;
background-position: center;
}
div.category_top201903 a span{
  font-family: 'Cinzel', serif;
  font-size: 20px;
  color: #fff;
  width: 100% ;
  filter: drop-shadow(8px 8px 8px rgba(0,0,0,1));
}
@media screen and (max-width: 769px){
  div.category_top201903 a span{
    font-size: 12px;
  }
}
div.sp_headermenu{
  display: none;
}
@media screen and (max-width: 769px){
  div.sp_headermenu{
    display: flex;
    flex-wrap: wrap;
    background-color: #000;
    margin: 0;
  }
  div.sp_headermenu p{
    width: 20%;
    height: 48px;
    margin: 0;

  }
  div.sp_headermenu p a{
    display: flex;
    align-items: self-start;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
  }
  div.sp_headermenu p a img{
    width: 24px;
    margin-top: 4px;
  }
  div.sp_headermenu p a span{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    transform: scale(0.8,0.8);
  }
  div.sp_headermenu p:last-child a {
  background-color: #c00000;
  color: #fff;
  }
}