@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
/* CSS Document */



/****************************
            T H E  M E D A M A
****************************/
.wrapper { width: 100%; max-width: 1920px; margin: auto;}

/***フィルターボタン***/
.btn { width:100%; font-size: 0;  font-weight:400; display: flex; flex-wrap: wrap;}
.btn p { font-size: initial; font-weight: 500; text-indent: 0.25rem; width: 100%;}

.btn li { width: 50%; padding:0.25rem; box-sizing: border-box; /*display: inline-block;*/ font-size:1.0rem; font-weight: 500; display: flex;}
.btn li div {cursor:pointer; border: solid 2px #333; padding: 0.25rem; text-align:center; background-color: #FEFEFE; width: 100%; display: flex; align-items: center; justify-content: center;}
.btn li div:hover {background-color: #DDD;}
.btn li div.active { background-color: #333; color: #FEFEFE;}

@media(min-width:1200px){
		.btn {padding-top: 0.5rem; padding-bottom: 0.5rem; }
        .btn li { width: 100%;}
    }


/***アイテムリスト***/

.itemlist .item { padding:0.5rem; box-sizing:border-box; margin:0; font-size: 0; font-family: 'Lato', 'Noto Sans JP', sans-serif; }
.itemlist .item .itemWrapper { margin:0; padding:0.5rem; background-color:#EEE;  position:relative; box-sizing:border-box; }
/*.itemlist .item .itemWrapper:hover { background-color:#F90; }*/
/*.itemlist .item .itemWrapper a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; display:block; text-indent:-9999px; }*/

.imgarea { display: flex; align-items: flex-start; justify-content: center; background-color: #FEFEFE;}
.imgarea .trim { position: relative; width: 100%; background-color: #EEE; transition: .4s; }
.imgarea .trim:before { content:""; display: block; padding-top:100%; /* 高さを幅の**%に固定 */ }
.imgarea .trim .img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.imgarea .trim a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; display:block; text-indent:-9999px; }
.imgarea .trim:hover { opacity: 0.8;}
/*.itemlist .item .itemWrapper .img img { width:100%; }*/

.textarea { background-color: #FEFEFE; display: flex; flex-direction: column; font-size: initial;}
.textarea p.date { color:#FEFEFE; font-size: initial; font-weight: 400; line-height:1.4rem; text-align: center; margin-bottom: 0.5rem; }
.textarea p.model { font-size:initial; font-weight: 900; }
.textarea p.age { font-size:initial; font-weight: 700; margin: 0.5rem 0; }
.textarea div.movie span { font-size:1.0rem; line-height: 1.0rem; font-weight: 500; margin: 0.5rem 0; margin-left: 2.0rem; position: relative; display: inline-block;}
.textarea div.movie span::before { width: 1.8rem; display: block; position: absolute; top: 50%; left: -2.0rem; content: url("../movie.svg"); transform: translateY(-50%);}
.textarea div.movie span:hover::before { cursor: pointer;}
.textarea div.movie span a { position: absolute; top: 0; left: -2.0rem; width: calc(100% + 2.0rem); height: 100%; display: block; text-indent: -9999px;}
.textarea div.movie span:hover { color: #FF0000; text-decoration: none;}
.textarea p.price { font-size: 1.6em; font-weight: 900; color: #FF0000; line-height: 1.5rem; margin-top: auto; word-break: break-all;}
.textarea p.price span { font-size: initial;}
	@media(min-width:768px){
		.textarea { min-height: 14.5rem;}
	}

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


.d0810 { background-color: #FF9900;}
.d0811 { background-color: #00A4FF;} 
.d0812 { background-color: #e60012;}
.d0321 { background-color: #39B54A;}

.eki {background-color: #2E3192;}
.dr {background-color: #F15A24; }
.gtk { background-color: #662D91;} 
.ike {background-color: #39B54A;}
.md {background-color: #9E005D;}
.yk {background-color: #29ABE2;}
.ngy {background-color: #ED1E79;}
.gsb{ background-color: #00A99D;}
.htn { background-color: #736357;}

/*
 { background-color: #8CC63F;}
.d1122 { background-color: #39B54A;}
.d1123 { background-color: #009245;} 
.d1124 { background-color: #00A99D;} 
.d1125 { background-color: #0071BC; }
.d1126 { background-color: #2E3192;} 
.d1127 { background-color: #1B1464;}
.gsb { background-color: #662D91;} 
.ike {background-color: #93278F;}
.md {background-color: #9E005D;}
.yk {background-color: #D4145A;}
.ngy {background-color: #ED1E79;}

.vn { background-color: #603813;}
.wind { background-color: #006837;}
*/

.itemlist .item .itemWrapper div.new { position:absolute; top:0; right:0; color:#FFF; font-size:1.2rem; font-weight:500; }


.brand, .model, .age { width: 100%;}

.attention p { padding-left: 1.0rem; text-indent: -1.0rem;}
.attention p.previous { padding-left: 0; text-indent: 0;} /*山崎追加しました*/

#gizagiza a , #gizagiza a:after , #gizagiza a:before , #gizagiza a span {
  content:"";
  width:3.0rem;
  height:3.0rem;
  background-color: #F00;
  position:absolute;
  top:0px;
  display:block;
}
#gizagiza , #gizagiza a , #gizagiza a:after , #gizagiza a:before {
  -webkit-transform: rotate(22.5deg);
  -moz-transform: rotate(22.5deg);
}
#gizagiza a span {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  text-align: center;
  z-index: 999;
  line-height: 3.0rem;
  color: #FFF;
  text-indent:0rem;
}
#gizagiza {
  position:relative;
  width:3.0rem;
  height:3.0rem;
  background-color:#F00;

}