@charset "UTF-8";
/* CSS Document */

.goods-list{ width: 80%; margin: 0 auto;}
.goods-list__item{ margin: 0 0 30px 0; position: relative;}
.goods-list__item__new{ width: 40px; height: 40px; position: absolute; top: -20px; right: -20px;}
.goods-list__item__img{ display: block;}
.goods-list__item__company{ display: block; margin: 5px 0 0 0;}
.goods-list__item__text{ margin: 10px 0 0 0; font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; color: #000;}
.goods-list__item__text__name{ font-size: 1.3rem; line-height: 1.3;}
.goods-list__item__text__caption{ margin: 10px 0 0 0; font-size: 1.2rem; line-height: 1.3; text-align: justify;}
.goods-list__item__text__price{ margin: 10px 0 0 0; font-size: 1.4rem; line-height: 1.3;}

.goods-store{ width: 90%; margin: 0 auto 30px auto; padding: 12px 5px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.goods-store__title{ text-align: center;}
.goods-store span{ display: block; padding: 5px 0 0 0; font-size: 1.1rem;}
.goods-store__link{ margin: 10px 0 0 0;}
.goods-store__link-btn{ display: block; width: 100%; height: 40px; padding: 11px 0 0 0; background: #000; font-size: 1.4rem; color: #fff; text-align: center; text-decoration: none; border-radius: 5px;}

@media screen and (min-width: 491px){
  .goods-list{ display: flex; flex-wrap: wrap; width: 100%;}
  .goods-list__item{ width: calc(50% - 10px); margin: 0 20px 30px 0;}
  .goods-list__item:nth-child(2n){ margin: 0 0 30px 0;}
  .goods-list__item__new{ top: -10px; right: -10px;}
}

@media screen and (min-width: 681px){
  .goods-list{ width: 490px;}
  .goods-list__item{ width: calc(50% - 15px); margin: 0 30px 40px 0;}
  .goods-list__item:nth-child(2n){ margin: 0 0 40px 0;}
  .goods-list__item__text{ margin: 20px 0 0 0;}
  .goods-list__item__new{ top: -20px; right: -20px;}
	
	.goods-store{ display: flex; margin-bottom: 50px;}
	.goods-store__title{ width: 240px; padding: 4px 0 0 0; text-align: left;}
	.goods-store__link{ width: calc(100% - 240px); margin: 0;}
}