/* 中古防音室ストックリスト used\stock.php */
.bg-blue { background-color : #2984f6;}
.bg-green { background-color: #16b14d;}
.bg-orange {background-color: #ff780a;}
.c-button-stock {border: solid 1px #000; line-height: 3.4rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;text-align: center;}



/* 中古防音室ストック詳細ページ（WP） wp/wp-content/themes/twentytwentythree/single-used.php */
.thumbnail {display: flex; flex-wrap: wrap; margin-top: 20px; justify-content: flex-start; align-content: space-between; --gutter-x: 20px; margin-left: calc(var(--gutter-x) * -0.5); margin-right: calc(var(--gutter-x) * -0.5);}
.thumbnail li{width: 25%; padding: 5px;}
.thumbnail li a {width: 100%; height: 100%; display: block; border: solid 1px #ddd; padding: 3px; align-content: center;}
.thumbnail li a img {vertical-align: middle;}
.modalArea {display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.modalBg {width: 100%; height: 100%; background-color: rgba(30,30,30,0.9);}
.modalWrapper {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; max-width: 960px;}
.closeModal {position: absolute; top: 0.5rem; right: 1rem; cursor: pointer; font-size: 5rem;}
#openModal {position: relative;}
#openModal picture:before {content: '';background: url('../images/used/detail/icon-zoom.svg') no-repeat center; background-size: 100%; width: 30px;height: 30px;display: block;position: absolute; right: 4%; bottom: 4%; z-index: 5;}