@charset "utf-8";


ul.works li{
margin-bottom:30px;
}
ul.works li .title{
font-size:14px;
line-height:1.5;
}
ul.works li .date{
font-size:12px;
line-height:1.5;
margin-bottom:3px;
}
ul.works li img{
max-width:100%;
border:1px solid #d6d6d6;
}

.works img{
margin-bottom:5px;
}
.works img.totemoyoko{
max-width:100%;
}
.works img.yoko{
max-width:100%;
}
.works img.tate{
max-width:80%;
}
.works img.sikaku{
max-width:85%;
}
.works img.half{
max-width:50%;
}
@media screen and (min-width: 738px) {
	.works img.yoko{
	max-width:80%;
	}
	.works img.tate{
	max-width:55%;
	}
	.works img.sikaku{
	max-width:55%;
	}
	.works img.half{
	max-width:40%;
	}
}
@media screen and (min-width: 1000px) {
	.works img.yoko{
	max-width:70%;
	}
	.works img.tate{
	max-width:50%;
	}
	.works img.sikaku{
	max-width:50%;
	}
	.works img.half{
	max-width:25%;
	}
}

.status{
font-size:14px;
font-weight: 500;
letter-spacing: 0.5px;
}
.status.available {
  color: #425eeb; /* 落ち着いた緑。明るすぎず上品 */
}
.status.sold {
  color: #999; /* グレー。目立たせない */
}


.concept{
font-size:14px;
}
.date:has(+ .concept) {
  margin-bottom: 15px;
}
.concept::before {
  content: "";
  display: block;
  width: 80px;            /* ← 線の長さ（調整可） */
  height: 1px;
  background: #ccc;       /* ← 色。薄グレーが自然 */
  margin: 15px 0;     /* ← 上下に余白＋中央寄せ */
  opacity: 0.6;           /* ← 存在感をやわらげる */
}


/* Video wrapper for artwork detail movies */
.video-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

/* Overlay play button */
.video-play-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

/* white triangle inside */
.video-play-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-width: 16px 0 16px 28px;
  border-color: transparent transparent transparent #fff;
}

/* hide after play */
.video-play-btn.is-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}