@charset "euc-jp";
/* CSS Document */
body{font-size: 14px; font-family:Meiryo,"MS PGothic",sans-serif;}

#history{max-width: 1200px; margin: 0 auto;}

h2{margin:15px 0; padding:0 0 0 10px; border-bottom:solid #999 2px;
	font-size:20px; font-weight:bold; line-height:1.5em; text-align:left;}

@media screen and (max-width:1200px){
  #history{padding: 0 15px;}
}




/**============================================================================================**/	
/* 登録商品一覧 */
#item-list {font-size: 0;}

/* 1マス分 */
#item-list .box {
  display: inline-block; width: 180px; padding: 0 20px 20px 0;
  border-bottom: solid #E1E1E1 1px; font-size: 14px; vertical-align: top;}
    
#item-list .box a {display: block; text-decoration:none; word-break: break-all;}
#item-list .box a:hover {color: #0066CC; text-decoration: underline;}
#item-list .box img {width: 100%; height: 180px; object-fit: cover;}

#item-list .dis-blk,
#item-list ..dis-blk:nth-of-type(2){display: block;}

@media screen and (max-width: 1200px){
  #item-list .box {box-sizing: border-box; width: 20%; max-width: 220px;}
  #item-list .box ..dis-blk:nth-of-type(2) {margin: 0 0 20px;}
}

@media screen and (max-width: 999px){
/* 1マス分 */
#item-list .box {display: table; table-layout: fixed; width:100%; max-width: none; padding:0 10px 10px; font-size: 16px;} 
    
/* 商品画像 */ 
#item-list .box a {display: table-cell; width: 90px; padding: 0 5px; vertical-align: top;}
#item-list .box img {width: 160px; height: auto;}

/* 商品名 */
#item-list .box div a {word-break: break-all;}	

/* 位置 */
#item-list .dis-blk,
#item-list ..dis-blk:nth-of-type(2){display: table-cell; vertical-align: top;}
  
#item-list .box ..dis-blk:nth-of-type(2){padding: 0 0 0 15px;}
}

@media screen and (max-width: 425px){
  /* 商品画像 */ 
  #item-list .box img {width: 100px; height: auto;}
}


/**============================================================================================**/	
/* ページトップへ */
#top-button {
    right: 0px; bottom: 60px; z-index: 1;
    padding: 15px 10px;
    border-radius: 8px 0 0 8px; background: #2e3071;
    color: #FFFFFF; font-size: 12px; line-height: 1.3em; text-align: center;}
#top-button:hover {opacity: 0.8;}

/* 三角形 */
#top-button span {display: inline-block; position: relative; padding: 0 0 0 30px;}    
#top-button span:before {
    width: 0; height: 0;  margin: -5px 0 0 5px;
    border-style: solid;  border-width: 0 6px 9px 6px; 
    border-color: transparent transparent #fff transparent;}    
    
/* 丸 */
#top-button span:after {
    content: '';
    position: absolute; top: 50%; left: 0px;
    width: 20px; height: 20px; margin: -11px 0 0;
    border: solid #fff 1px; border-radius: 10px;}

@media screen and (max-width:699px){
#top-button {
    display:block;
    bottom: 0; 
    box-sizing: border-box; width: 100%;
    border-radius: 0;
    text-align: center; opacity: 0.95; }
}