/* お知らせ一覧・イベント一覧のカード（NHX_News_List） */
.nhxl { --nr: #e60012; --ink: #1a1a1a; --sub: #6b6b6b; --line: #dedede; }
.p-post-list.nhxl { display: block; margin-bottom: 28px; }

.nhxl-card { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0 0 10px; border: 1px solid var(--line); background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.nhxl-card__img { position: relative; display: block; -ms-flex: 0 0 224px; flex: 0 0 224px; width: 224px; height: 140px; overflow: hidden; background: #111; }
.nhxl-card__img img, .nhxl-card__photo { display: block; width: 100% !important; height: 100% !important; max-width: none; -o-object-fit: cover; object-fit: cover; }
.nhxl-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1; flex: 1; min-width: 0; padding: 12px 18px 12px 20px; }
.nhxl-card__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 6px; line-height: 1; }
.nhxl-card__title { margin: 0; color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.55; }
.nhxl-card__title a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: inherit !important; text-decoration: none; }
.nhxl-card__title a:hover { color: #ff0000 !important; }
.nhxl-card__date { display: block; margin-top: 6px; color: #9a9a9a; font-size: 11px; line-height: 1.2; letter-spacing: .02em; }

/* ラベル */
.nhxl-tag { display: inline-block; margin: 0 8px 0 0; padding: 4px 8px 3px; border-radius: 3px; background: #222; color: #fff; font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: .02em; white-space: nowrap; }
.nhxl-tag--sale, .nhxl-tag--today, .nhxl-tag--cancel { background: var(--nr); }
.nhxl-tag--new { background: #222; }
.nhxl-tag--haishin { background: #1f5fbf; }
.nhxl-tag--chokubai { background: #7a1fa8; }
.nhxl-tag--event { background: #fff; color: var(--nr); box-shadow: inset 0 0 0 1px var(--nr); }
.nhxl-tag--schedule { background: #ff7a00; }
.nhxl-tag--soon { background: #fff; color: #222; box-shadow: inset 0 0 0 1px #222; }
.nhxl-tag--postpone { background: #ffd400; color: #141414; }
.nhxl-tag--end, .nhxl-tag--sale-end { background: #9a9a9a; }
.nhxl-tag--feature { background: #b8860b; }
.nhxl-tag--other { background: #6b6b6b; }
.nhxl-sub { margin-right: 8px; color: var(--sub); font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.nhxl-sub--hot { color: var(--nr); }
.nhxl-sub--end { color: #9a9a9a; }

/* 写真の左上の開催日 */
.nhxl-chip { position: absolute; top: 8px; left: 8px; z-index: 2; min-width: 50px; padding: 6px 6px 5px; border-radius: 6px; background: var(--nr); color: #fff; text-align: center; line-height: 1; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.35); box-shadow: 0 1px 4px rgba(0,0,0,.35); }
.nhxl-chip__md { display: block; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: -.01em; }
.nhxl-chip__w { display: inline-block; margin-top: 4px; padding: 1px 7px; border-radius: 999px; background: #fff; color: var(--nr); font-size: 10px; font-weight: 800; }

/* 時間・会場・件数 */
.nhxl-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5px 0 0; color: #444; font-size: 13px; line-height: 1.5; }
.nhxl-meta > span { margin-right: 12px; }
.nhxl-meta__time { font-weight: 800; color: #222; }
.nhxl-meta__place::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 5px 1px 0; border-radius: 50% 50% 50% 0; background: var(--nr); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nhxl-meta__more, .nhxl-meta__next { color: var(--sub); }
.nhxl-meta__next { font-weight: 700; color: var(--nr); }
.nhxl-upd { margin: 3px 0 0; color: var(--sub); font-size: 12px; line-height: 1.4; }

/* 新作のジャケット */
.nhxl-jkw { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 7px 0 0; }
.nhxl-jk { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; }
.nhxl-jk__item { margin: 0 5px 0 0; padding: 0; list-style: none; }
.nhxl-jk__item a { display: block; width: 40px; height: 54px; overflow: hidden; border: 1px solid #e3e3e3; background: #111; }
.nhxl-jk__item img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; }
.nhxl-jk__count { margin-left: 4px; color: var(--sub); font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.nhxl-jk__count small { font-size: 11px; font-weight: 400; }

/* 状態 */
.nhxl-card.is-today { border: 2px solid var(--nr); }
.nhxl-card.is-past .nhxl-chip, .nhxl-card.is-cancel .nhxl-chip, .nhxl-card.is-postpone .nhxl-chip { background: #6b6b6b; }
.nhxl-card.is-past .nhxl-chip__w, .nhxl-card.is-cancel .nhxl-chip__w, .nhxl-card.is-postpone .nhxl-chip__w { color: #6b6b6b; }
.nhxl-card.is-cancel .nhxl-card__title a { text-decoration: line-through; color: #8a8a8a !important; }
.nhxl-card.is-live { border-left: 4px solid #ff7a00; }

/* 一覧の上（絞り込み・月間スケジュール） */
.nhxl-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px; }
.nhxl-filter .nhx-arc__tab { -ms-flex: none; flex: none; margin: 0 8px 8px 0; padding: 9px 16px; border: 1px solid #bdbdbd; background: #fff; color: #222 !important; font-size: 13px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.nhxl-filter .nhx-arc__tab:hover { border-color: #222; }
.nhxl-filter .nhx-arc__tab.is-current { border-color: #222; background: #222; color: #fff !important; }
.nhxl-filter__lbl { margin: 0 10px 8px 0; padding-left: 9px; border-left: 4px solid #ff7a00; color: #222; font-size: 13px; font-weight: 800; line-height: 1.3; }
.nhxl-filter--sched .nhx-arc__tab { border-color: #ff7a00; color: #c25400 !important; }
.nhxl-filter--sched .nhx-arc__tab:hover { background: #fff6ee; }

/* スマホ：横長の1列（写真 左・文字 右） */
@media screen and (max-width: 767px) {
	.p-post-list.nhxl { display: block; margin-bottom: 18px; }
	.nhxl-card { margin-bottom: 8px; }
	.nhxl-card__img { -ms-flex: 0 0 128px; flex: 0 0 128px; width: 128px; height: auto; min-height: 92px; }
	.nhxl-card__body { padding: 8px 10px 8px 11px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
	.nhxl-card__tags { margin-bottom: 4px; }
	.nhxl-tag { margin-right: 6px; padding: 3px 6px 2px; font-size: 10px; }
	.nhxl-sub { margin-right: 6px; font-size: 11px; }
	.nhxl-card__title { font-size: 13px; line-height: 1.5; }
	.nhxl-card__title a { -webkit-line-clamp: 3; }
	.nhxl-card__date { margin-top: 4px; font-size: 10px; }
	.nhxl-chip { top: 5px; left: 5px; min-width: 40px; padding: 4px 4px 4px; border-radius: 5px; }
	.nhxl-chip__md { font-size: 14px; }
	.nhxl-chip__w { margin-top: 3px; padding: 1px 5px; font-size: 9px; }
	.nhxl-meta { margin-top: 3px; font-size: 11px; line-height: 1.45; }
	.nhxl-meta > span { margin-right: 8px; }
	.nhxl-meta__place { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.nhxl-upd { font-size: 11px; }
	.nhxl-jkw { margin-top: 5px; }
	.nhxl-jk__item { margin-right: 4px; }
	.nhxl-jk__item:nth-child(n+5) { display: none; }
	.nhxl-jk__item a { width: 30px; height: 40px; }
	.nhxl-jk__count { font-size: 11px; }
	.nhxl-jk__count small { display: none; }
	.nhxl-filter { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -4px 6px 0; }
	.nhxl-filter .nhx-arc__tab { margin: 0 6px 6px 0; padding: 8px 12px; font-size: 12px; }
	.nhxl-filter__lbl { display: none; }
	.nhxl-filter--sched .nhx-arc__tab { padding: 8px 10px; }
}