@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
.wp-block-cover__inner-container,
.wp-block-cover {
  overflow: visible !important; /* stickyに必要 */
}

.wp-block-cover__inner-container {
  min-height: 200vh;
  position: relative;
}
.oya-scroll-sticky {
  position: relative; /* stickyの基準として必要 */
  overflow: visible;  /* 必要に応じて */

	
}

.scroll-sticky {
  position: sticky;
  top: 30vh;
  z-index: 10;
}

.cursive-h2 {
  font-family: cursive;
  letter-spacing: 1em;
}

.post_content h2.cursive-h2::before {
  background: none !important;
}

/* post-slide */

.post-slide {
  padding-left: 32px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.post-slide::-webkit-scrollbar {
  display: none;
}

.post-slide > .p-postList {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  width: max-content;
  padding: 1rem 0;
}

.post-slide .p-postList__item {
  flex: 0 0 auto;
  width: 300px;
}

.post-slide .p-postList__item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}

.l-header .l-header__inner {
    color: #a36d6d;
}

.l-header .c-gnav>li>a:after {
    background: #a36d6d;
}

/* ✅ 600px以下ならカード幅を340pxに */
@media (max-width: 599px) {
  .post-slide .p-postList__item {
     width: 340px !important;
  }
}