@charset "utf-8";
/* 「テディベアブランド」専用（2026-11-01）。top.css・intro.css と一緒に読み込む */
.bgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 28px; }
.bcard { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); }
.bcard .pic { line-height: 0; overflow: hidden; border-bottom: 1px solid var(--line); }
.bcard .pic img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; display: block; transition: transform .6s; }
.bcard .pic a:hover img { transform: scale(1.04); }
.bcard .binfo { flex: 1 1 auto; display: flex; flex-direction: column; padding: 22px 24px 24px; }
.bcard .binfo > * { flex-shrink: 0; }
.bcard h3 { font-size: 1.1rem; font-weight: 700; color: var(--pink-deep); line-height: 1.6; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.bcard h3 span { font-size: .75em; font-weight: 400; color: var(--brown-soft); }
.bcard p { font-size: .88rem; line-height: 2; margin-bottom: 1em; }
.bcard .go { margin-top: auto; align-self: flex-start; font-size: .85rem; letter-spacing: .1em; color: var(--pink-deep); border-bottom: 1px solid var(--pink); padding-bottom: 1px; transition: color .25s, border-color .25s; }
.bcard .go:after { content: " →"; }
.bcard .go:hover { color: var(--brown); border-bottom-color: transparent; }
.bcard .pic { position: relative; }
.bcard.rest .pic img { filter: grayscale(.45); opacity: .85; }
.bcard .badge { position: absolute; left: 10px; top: 10px; background: rgba(90,67,57,.78); color: #fff; font-size: .72rem; letter-spacing: .12em; line-height: 1; padding: 6px 10px; }

@media only screen and (max-width: 1000px) { .bgrid { grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 640px) {
  .bgrid { grid-template-columns: 1fr; gap: 22px; }
  .bcard .binfo { padding: 18px 18px 20px; }
}