@charset "UTF-8";
/* CSS Document */

#expantion_overlay {z-index: 12000;margin-top: -28px;}
#expantion_images {min-height: 0;padding: 20px 0;top: 0; left: 50%; margin-left: 0px;width: 0;}
#expantion_images.active {/*min-height:680px;*/width:90%;max-width: 1000px;min-width: 640px; /*min-height: 300px;*/ /*max-height: 1100px; height: 88vh;*/ z-index: 12001; position: fixed; top: 28px; left: 50%;-webkit-transform: translate(-50%, -0%);
   transform: translate(-50%, -0%);}
   #expantion_images .largelist li {width: 90%; max-width: 1000px; min-width: 600px; align-items: center; justify-content: center; padding: 0px 0 20px 0;}
#expantion_images.active {max-height: calc(88vh - 0px);height: calc(88vh - 0px); align-items: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 130px;}
ul.largelist {/*min-height: 250px;*/}
#expantion_images .largelist img {/*height: 72vh;min-height: 250px; */ max-height: 100%; display: block;}
/*#expantion_images .slick-track { display: flex;}
#expantion_images .thumbs {width: auto; max-width: 1000px;}
#expantion_images .thumbs .img {display: inline-flex; align-items: center; justify-content: center; width: 12% !important;min-width: 60px;}*/
#expantion_images .thumbs {margin: 0;}
#expantion_images .thumbs .img {border-width: 1px;display: inline-flex; align-items: center;justify-content: center; padding: 2px;}

#expantion_images .close {right: 20px;top: 20px;}
#expantion_images .largelist li.active {/*height: 72vh;*/ height: calc( 87vh - 130px ); display: flex; align-items: center;}

img {
  flex-shrink: 0;
}

#main.item .imgbox .img .large {height: 320px;
  display: flex;
  align-items: center;}
#main.item .imgbox .thumb_list {
  justify-content: flex-start;}
#main.item .imgbox .thumb_list li {
  min-height: 54px;
  max-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  margin-right: 5px;}
#main.item .imgbox .thumb_list li img {max-height: 54px;}    

#main.item .imgbox .img {
  /*top: 59px;*/
  top: 87px;}
/* 2020.06.03 画像調整 */
#main.item .imgbox .img .large img {max-height: 100%;width: auto; height: auto; max-width: 100%; margin: 0 auto;}
#main.item .large img.ic.usedrank {
  max-width: 40px;
  width: 40px;
  left: 8px;
  top: 8px;
}

#main.item .imgbox .thumb_list li {
  margin-bottom: 5px;
}
#main.item .review .reputation {align-items: center;}

#main.item .infotable .recole {
  background-image: none;
  padding-left: 0;
}

#main.item .infotable .recole .price-txt, .price-txt {
  color: #d00;}
#main .cart_list td.price {
  color: #d00; font-weight: bold;}
#main .cart_list td.price span.txt-nomal { color: #666 ; font-weight: normal; font-size: .8125rem; padding-left: 1em;}
	  
#main.item .infotable th {
  width: 160px;
}
/* レスポンシブ調整　20200804 */
@media screen and (max-width: 768px){
  .btn_2box .btn_modal {/*display: none; 20201220 拡大表示追加*/}
  .img p.lead {display: none !important;}
  .imgbox .zoom {display: none !important;}
  .imgbox .large .zoomLens {display: none !important;}
  #main.item .imgbox .img .large::after {display: none !important;}
  }