@charset "UTF-8";
/*******************************************************
 * for ITEMS(rental, accessory, makeup) PAGE
 *******************************************************/

 /* 商品検索・一覧ページ
---------------------------------------- */
.articles-inner .new, .articles-inner .sale { position: relative; }
.articles-inner .new:before{
	content: "";
	display: inline;
  background-image: url(../image/common/new-icon.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  position: absolute;
  top: 0;
  width: 72px;
  height: 72px;
  z-index: 5;
}
.articles-inner .sale:before{
	content: "";
	display: inline;
  background-image: url(../image/common/sale-icon.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  position: absolute;
  top: 0;
  width: 72px;
  height: 72px;
  z-index: 5;
}
.c-item .c-item-new-badge { display: none!important; }


/*--------------------------------------------------------------
# for  Detail pages
--------------------------------------------------------------*/
.post-type-archive-rental .articles-inner .new:before{
    content: "";
    display: inline;
    background-image: url(../image/common/new-icon-rental.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    position: absolute;
    top: 0;
    width: 72px;
    height: 72px;
    z-index: 5;
}



/*--------------------------------------------------------------
# for Items Detail pages
--------------------------------------------------------------*/
.pattern-list {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0 0;
}
.pattern-list li { padding: 0 10px 10px 0; }
.pattern-list li img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
}
.pattern-list li:hover img{ opacity: 0.6; }

@media only screen and (max-width: 768px) {
  .pattern-list li img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
   }
}