/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
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.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.34.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
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
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2026 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

/* さくらフェスタ キャッチ＋概要 */
.sakura-catch-visual{
  position: relative;
  width: 100%;
  padding: 70px 20px;
  box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;

  /* 背景画像URLを差し替え */
  background-image:
    linear-gradient(rgba(255,255,255,0.12), rgba(255,255,255,0.12)),
    url('/wp-content/uploads/2026/03/haikei.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.sakura-catch-inner{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* キャッチ */
.sakura-catch-text{
  margin: 0 0 28px;
  padding: 18px 28px;
  display: inline-block;
  font-size: clamp(24px, 4vw, 44px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #d94b93;
  background: rgba(255,255,255,0.58);
  border-radius: 16px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* 概要文ボックス */
.sakura-catch-description{
  max-width: 860px;
  margin: 0 auto;
  padding: 28px 32px;
  background: rgba(255,255,255,0.72);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  text-align: left;
}

.sakura-catch-description p{
  margin: 0 0 1.2em;
  font-size: 16px;
  line-height: 2;
  color: #444;
}

.sakura-catch-description p:last-child{
  margin-bottom: 0;
}

/* スマホ */
@media (max-width: 767px){
  .sakura-catch-visual{
    padding: 48px 16px;
    border-radius: 14px;
  }

  .sakura-catch-text{
    margin-bottom: 20px;
    padding: 14px 16px;
    line-height: 1.8;
    letter-spacing: 0.04em;
  }

  .sakura-catch-description{
    padding: 20px 18px;
    border-radius: 14px;
  }

  .sakura-catch-description p{
    font-size: 15px;
    line-height: 1.9;
  }
}

.sakura-club-page{
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 16px 48px;
}

.club-lead{
  margin: 0 0 32px;
  padding: 20px 24px;
  background: #fff7fb;
  border: 1px solid #f3d9e4;
  border-radius: 16px;
  line-height: 1.9;
  color: #444;
}

.club-zone{
  margin-bottom: 28px;
  padding: 24px;
  background: #fff;
  border: 1px solid #f2d8e3;
  border-radius: 18px;
  box-shadow: 0 4px 12px rgba(214, 51, 132, 0.05);
}

.club-zone h2{
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #efc7d8;
  font-size: 24px;
  color: #d94b93;
}

.club-zone ul{
  list-style: none;
  margin: 0;
  padding: 0;
  column-count: 2;
  column-gap: 40px;
}

.club-zone li{
  break-inside: avoid;
  padding: 10px 0;
  border-bottom: 1px solid #f7e4ec;
  color: #333;
  line-height: 1.7;
}

@media (max-width: 767px){
  .club-zone{
    padding: 18px;
  }

  .club-zone ul{
    column-count: 1;
  }

  .club-zone h2{
    font-size: 20px;
  }
}
.event-summary{
  max-width: 800px;
  margin: 40px auto;
  padding: 24px 28px;
  background: #fff7fb;
  border: 1px solid #f2d6e3;
  border-radius: 16px;
}

.event-summary h2{
  margin-bottom: 12px;
  color: #d94b93;
}

.event-summary ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.event-summary li{
  padding: 8px 0;
  border-bottom: 1px solid #f3dbe5;
}

.event-summary li:last-child{
  border-bottom: none;
}

.sakura-access-page{
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 16px 48px;
}

.access-intro{
  margin-bottom: 28px;
  padding: 28px;
  background: #fff7fb;
  border: 1px solid #f3d9e4;
  border-radius: 18px;
}

.access-intro h1{
  margin: 0 0 16px;
  color: #d94b93;
}

.access-intro p{
  margin: 0 0 1em;
  line-height: 1.9;
  color: #444;
}

.access-intro p:last-child{
  margin-bottom: 0;
}

.access-box{
  margin-bottom: 24px;
  padding: 24px;
  background: #fff;
  border: 1px solid #f2d8e3;
  border-radius: 18px;
  box-shadow: 0 4px 12px rgba(214, 51, 132, 0.05);
}

.access-box h2{
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #efc7d8;
  color: #d94b93;
  font-size: 24px;
}

.access-box ul{
  margin: 0;
  padding-left: 1.2em;
}

.access-box li{
  margin-bottom: 8px;
  line-height: 1.8;
  color: #333;
}

.access-box dl{
  margin: 0;
}

.access-box dt{
  margin-top: 12px;
  font-weight: 700;
  color: #c85d8b;
}

.access-box dt:first-child{
  margin-top: 0;
}

.access-box dd{
  margin: 4px 0 0 0;
  line-height: 1.8;
  color: #333;
}

.access-map-note{
  padding: 16px 20px;
  background: #fff8fb;
  border: 1px solid #f4d7e3;
  border-radius: 14px;
  color: #666;
}

@media (max-width: 767px){
  .access-intro,
  .access-box{
    padding: 18px;
  }

  .access-box h2{
    font-size: 20px;
  }
}