@charset "UTF-8";

h2.en{font-size:52px;margin:12px 0 15px;line-height:1.1rem;height:28px;}

@media (min-width:1024px){ #firstview{margin-top:-50px;}}
#firstview{display:grid;grid-template-columns:1fr;place-items: center;max-width:}

/* news */
@media (max-width:767px){
#news{margin:50px 30px;}
#news h2.en{margin-bottom:30px;}
}
@media (min-width:768px){
#news{display:grid;grid-template-columns: auto 1fr;gap:40px;margin-bottom:70px;}
}
#news .news-wrap a{display:grid;grid-template-columns: 90px 1fr;gap:10px;margin-bottom:10px;padding:6px;}
#news .news-wrap a:hover{background-color: var(--hover-bg);color:var(--black);}
#news h2.en{padding-top:6px;}
@media (min-width:768px){
#news .news-wrap a .blog-wrap__date{font-size:14px;}
#news .news-wrap a .blog-wrap__title{font-size:14px;}
}

/* itemList */
@media (max-width:767px){
.itemList{display:grid;grid-template-columns: 1fr;gap:20px;}
}
@media (min-width:768px){
.itemList{display:grid;grid-template-columns: 1fr 1fr;gap:5px;}
}
@media (min-width:1024px){
.itemList{grid-template-columns: 1fr 1fr 1fr;}
}
@media (min-width:1400px){
.itemList{grid-template-columns: 1fr 1fr 1fr 1fr;gap:5px;}
}

.item a{display:block;position:relative;}
.item a .itemOutline{position:absolute;left:-5px;bottom:20px;width:175px;background-color:#000;color:#fff;padding:20px;opacity: 0;transition: all 0.4s ease-in-out;}
.item a:hover .itemOutline{opacity: 0.3;left:0;}

.item a h2{font-size:14px;margin-bottom:7px;line-height:1.1rem;}

.item .soldout_cover p{position:absolute;font-size:40px;top:-2px;right:-2px;color:#fff;opacity: 0.7;
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}
  
.item p.preOrder{position:absolute;font-size:16px;top:0;left:0;color:rgba(255,255,255,0.85);padding:1px 17px;
  background-color: rgba(255,240,0,0.4);
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}