/* デモ一覧(/demo/)とデモ説明ページ(/demo/<slug>/)だけで使う部品 */
.demo-count { margin: -20px 0 20px; }

.demo-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.demo-open { align-items: center; }
.demo-open-title { font-size: 20px; font-weight: 900; margin: 0 0 12px; }
.demo-open .btn { min-width: 220px; }
.demo-shot img { box-shadow: 0 12px 32px rgba(20, 32, 46, .08); }

.demo-note-list { margin: 12px 0 0; }
.demo-note-list li { margin-bottom: 8px; font-size: 14.5px; }

@media (max-width: 1080px) {
  .demo-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .demo-grid--3 { grid-template-columns: 1fr; }
  .demo-open .btn { width: 100%; }
}