/* ========================================
   news/260907/ (Data Centre World Asia 2026) ページ専用CSS
   共通の style.css の後に読み込む前提。
   このページでしか使わないクラスをここにまとめている。
   ======================================== */

.c-title-bar { margin-bottom: 25px; padding: 10px; border: 0; color: var(--color-white); font-size: var(--fz-xl); font-weight: bold; text-align: center; background-color: #000; line-height: 1.4; border-right: 10px solid var(--color-main); border-left: 10px solid var(--color-main); }

.p-event-detail__header { margin-bottom: 20px; }
.p-event-detail__title { margin: 0; padding-bottom: 15px; color: var(--color-main); font-size: var(--fz-xl); line-height: 1.5; }
.p-event-detail__date { padding-top: 15px; font-size: var(--fz-base); border-top: 1px solid #333; text-align: right; }
.p-event-detail__content { font-size: var(--fz-base); line-height: 1.8; }
.p-event-detail__content .section { margin-bottom: 60px; }
.p-event-detail__content p:last-child { margin-bottom: 0; }
.p-event-detail__content a { text-decoration: underline; color: var(--color-main); }
.p-event-detail__image { margin: 0 auto 30px auto; text-align: center; }

.p-lineup__more { font-size: var(--fz-base); font-weight: normal; color: var(--color-main); }


.p-event-detail__content .p-lineup__grid { border-top: none; }
.p-event-detail__content .p-lineup__img-box { padding: 0; border: none; }
.p-event-detail__content .p-lineup__text { text-align: left; font-weight: bold; }
.p-event-detail__content .p-lineup__item { cursor: auto; }
.p-event-detail__content .p-lineup__item:hover .p-lineup__img-box { box-shadow: none; }
.p-event-detail__content .p-lineup__item:hover .p-lineup__img-box img { transform: none; }
.p-event-detail__content .p-lineup__item:hover .p-lineup__text { color: inherit; }
@media screen and (min-width: 769px) {
  .p-event-detail__content .p-lineup__grid { padding: 0; }
}

.p-event-info-list { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 0; font-size: var(--fz-sm); }
.p-event-info-list dt { font-weight: bold; color: var(--color-main); }
.p-event-info-list dd { margin: 0; }

.p-event-route { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 40px; }
.p-event-route__title { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font-size: var(--fz-md); font-weight: bold; color: var(--color-main); }
.p-event-route__pin { width: 18px; height: auto; }
.p-event-route__desc { margin: 0; font-size: var(--fz-sm); }
.p-event-detail__content .p-event-route a.btn { color: var(--color-white); text-decoration: none; background: #d99a00; border: none; }

.c-floating-cta { position: fixed; top: 45%; right: 0px; z-index: 80; display: flex; flex-direction: column; gap: 1px; }
.c-floating-cta a { border-radius: 0; border: none; background: var(--color-main); color: var(--color-white); text-align: center; padding: 15px 0; }
.c-floating-cta a:first-child { border-top-left-radius: 5px; }
.c-floating-cta a:last-child { border-bottom-left-radius: 5px; background: #d99a00; }
.c-floating-cta .btn { width: 120px; }
.p-cv__btns { margin-top: 40px; }
.p-cv__btns .btn { text-decoration: none; }
.p-cv__btns .btn.btn--fill.btn--cv { color: #fff; }

@media screen and (max-width: 768px) {
  .c-title-bar { margin-bottom: 30px; }
  .p-event-route { flex-direction: column; align-items: flex-start; }
  .p-event-info-list { grid-template-columns: 1fr; gap: 0; }
  .p-event-info-list dd { margin-bottom: 8px; }
  .c-floating-cta { display: none; }
}