/*
Theme Name: Lightning Child
Theme URI: https://lightning.vektor-inc.co.jp/en/
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 15.33.1.1773650545
Updated: 2026-03-16 17:42:25

*/
.club-detail {
  max-width: 960px;
  margin: 0 auto;
}

.club-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.club-title-icon {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.club-title {
  margin: 0;
}

.club-main-image img {
  width: 100%;
  border-radius: 16px;
}

.club-section {
  margin-top: 48px;
}

.club-info-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.club-info-table th,
.club-info-table td {
  border: 1px solid #e5e5e5;
  padding: 14px;
  text-align: left;
}

.club-info-table th {
  width: 180px;
  background: #f8f8f8;
}

.club-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.club-gallery-item img {
  width: 100%;
  border-radius: 12px;
}

.club-official-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 999px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .club-gallery-grid {
    grid-template-columns: 1fr;
  }

  .club-title-wrap {
    align-items: flex-start;
  }

  .club-title-icon {
    width: 44px;
    height: 44px;
  }

  .club-info-table th,
  .club-info-table td {
    display: block;
    width: 100%;
  }

  .club-info-table tr {
    display: block;
    margin-bottom: 12px;
  }
}