@charset "UTF-8";
/* CSS Document */
/**************************** T H E  M E D A M A
****************************/
.hero-area { background: url("../img/bg.jpg") center/cover no-repeat; background-attachment: fixed; }

.wrapper { width: 100%; max-width: 1920px; margin: auto; }

/***アイテムリスト***/
.itemWrapper { background-color: #FFF; border: solid 1rem #EEE; height: 100%; font-size: 1.2rem; font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.2rem) * 0.3636)), 1.4rem); }
.itemWrapper .row { height: 100%; }

.imgarea { background-color: #EEE; aspect-ratio: 1 / 1; }
.imgarea img { object-fit: cover; width: 100%; height: 100%; }

.textarea { background-color: #FEFEFE; }
.textarea p.date { color: #FEFEFE; text-align: center; font-size: 1.1em; font-weight: 500; }
.textarea p.model { font-weight: 700; line-height: 1.1; font-size: 1.3em; }
.textarea p.age { font-weight: 500; font-size: 1.1em; }
.textarea p.price { font-weight: 700; color: #FF0000; word-break: break-all; line-height: 1.1; }
.textarea p.price span { font-size: 1.8em; font-weight: 900; }

.cart { background-color: #FEFEFE; }

.button { line-height: 1.8em; margin: 0; padding: 0; text-align: center; color: #FFF; font-weight: 400; background-color: #28BD68; border-radius: 0.9em; transition: .2s; position: relative; box-shadow: 1px 2px 0px #22A058; }
.button:hover { box-shadow: none; transform: translate(1px, 2px); }
.button a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; text-indent: -9999px; }
.button.sold { pointer-events: none; background-color: #000; color: #FFF000; box-shadow: none; }