/* jpc-news Section - Custom CSS */
/* 基本的なElementorスタイル再現 */

/* Base section styles */
.jpc-news-section {
    position: relative;
    background-color: #FFFFFF;
  background-image: url("https://static.jpc-sports.com/wp-content/uploads/2025/05/TOP背景-scaled.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
}

/* Container styles */
.jpc-news-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1200px;
    width: 100%;
}
.jpc-news-container-detail {
    max-width: 550px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Column styles */
.jpc-news-column {
    display: flex;
    min-height: 1px;
    position: relative;
    flex-direction: column;
}

.jpc-news-column.jpc-news-col-100 {
    width: 100%;
}

.jpc-news-top-column {
    /* Top column styles */
}

.jpc-news-inner-column {
    /* Inner column styles */
}

/* Widget wrap styles */
.jpc-news-widget-wrap {
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.jpc-news-element-populated {
    /* Populated element styles */
}

/* Widget styles */
.jpc-news-widget {
    position: relative;
}

.jpc-news-element {
    position: relative;
}
.jpc-news-element-detail {
    width: 100% ;
}

/* Heading widget styles */
.jpc-news-widget-heading {
    /* Heading widget styles */
}

.jpc-news-heading-title {
    font-family: "Mulish", Sans-serif;
        font-size: 65px;
        font-weight: 900;
        color: #00516D;
        text-align: center;
}

.jpc-news-widget-heading .jpc-news-heading-title.jpc-news-size-default {
    
}

/* Posts widget styles */
.jpc-news-widget-posts {
    /* Posts widget styles */
}

.jpc-news-posts-container {
    /* Posts container styles */
}

.jpc-news-posts {
    display: flex;
    flex-wrap: wrap;
}

.jpc-news-grid {
    display: grid;
    gap: 35px;
}

.jpc-news-grid-1 {
    grid-template-columns: 1fr;
}

.jpc-news-posts--align-center {
    align-items: center;
    justify-content: center;
}

.jpc-news-posts--thumbnail-top {
    /* Thumbnail top alignment */
}

.jpc-news-posts--skin-classic {
    /* Classic skin styles */
}

.jpc-news-has-item-ratio {
    /* Item ratio styles */
}

/* Post item styles */
.jpc-news-post {
    position: relative;
    display: flex;
    flex-direction: column;
}

.jpc-news-grid-item {
    /* Grid item styles */
}

/* Post thumbnail styles */
.jpc-news-post__thumbnail__link {
    text-decoration: none;
    display: block;
    width: 69%;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .jpc-news-post__thumbnail__link {
        width: 100%;
    }
}

.jpc-news-post__thumbnail {
    position: relative;
    overflow: hidden;
}

.jpc-news-post__thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

/* Post text styles */
.jpc-news-post__text {
    /* Post text styles */
}

.jpc-news-post__read-more {
    text-decoration: none;
}

/* Button widget styles */
.jpc-news-widget-button {
    /* Button widget styles */
}

.jpc-news-button-wrapper {
    display: inline-block;
    background-color: #297842;
    font-family: "Noto Sans JP", Sans-serif;
    font-weight: 500;
    fill: var( --e-global-color-f13a06f );
    color: var( --e-global-color-f13a06f );
    border-radius: 30px 30px 30px 30px;
    padding: 1% 1% 1% 1%;
    margin: 0 auto;
    width: 100%;
    transition: background-color 0.3s ease;
}

.jpc-news-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 3px;
    transition: all 0.3s;
}
.jpc-news-button-wrapper:hover {
    background-color: #00516D;
}

.jpc-news-button-content-wrapper {
    display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
}

.jpc-news-button-text {
    font-family: "Noto Sans JP", Sans-serif;
  font-weight: 500;
  fill: #FFFFFF;
  color: #FFFFFF;
}

.jpc-news-size-md {
    /* Medium size button */
}

.jpc-news-align-justify {
    text-align: center;
}

/* Widget container */
.jpc-news-widget-container {
    position: relative;
}

/* Inner section styles */
.jpc-news-inner-section {
    position: relative;
}

.jpc-news-section-boxed {
    /* Boxed section styles */
}

.jpc-news-section-height-default {
    /* Default height section */
}

/* Column gap styles */
.jpc-news-column-gap-default > .jpc-news-column > .jpc-news-element-populated {
    padding: 15px;
}

/* Responsive styles */
@media (max-width: 1024px) {
    .jpc-news-grid-tablet-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .jpc-news-grid-mobile-1 {
        grid-template-columns: 1fr;
    }
    
    .jpc-news-column {
        width: 100%;
    }
}