@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
*/




  /* 独自コンテナ */
        .dcn-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 独自セクション */
        .dcn-section {
            padding: 80px 0;
        }

/*         .dcn-section-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 20px;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
 */
        .dcn-section-subtitle {
            text-align: center;
            font-size: 1.1rem;
            color: #666;
            margin-bottom: 60px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        /* 特徴セクション */
        .dcn-features {
            background: linear-gradient(135deg, #FDFCFF, #F8FAFC);
        }

        .dcn-features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }

        .dcn-feature-card {
            background: white;
            padding: 40px 30px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(139, 92, 246, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .dcn-feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(76, 29, 149, 0.12);
        }

        .dcn-feature-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, #4C1D95, #5B21B6);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: white;
        }

        .dcn-feature-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #4C1D95;
            margin-bottom: 15px;
        }

        .dcn-feature-text {
            color: #666;
            line-height: 1.8;
        }

        /* 人気記事セクション */
        .dcn-popular-articles {
            background: white;
        }

        .dcn-articles-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
        }

        .dcn-article-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .dcn-article-card:hover {
            transform: translateY(-5px);
        }

        .dcn-article-image {
            width: 100%;
            height: 200px;
            background: linear-gradient(135deg, #F3F4F6, #E5E7EB);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #4C1D95;
            font-size: 3rem;
        }

        .dcn-article-content {
            padding: 25px;
        }

        .dcn-article-category {
            display: inline-block;
            background: linear-gradient(135deg, #4C1D95, #5B21B6);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            margin-bottom: 15px;
        }

        .dcn-article-title {
            font-size: 1.3rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
            line-height: 1.4;
        }

        .dcn-article-excerpt {
            color: #666;
            font-size: 0.95rem;
            margin-bottom: 15px;
            line-height: 1.6;
        }

        .dcn-article-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.85rem;
            color: #999;
        }

        /* カテゴリー別記事セクション */
        .dcn-category-articles {
            background: linear-gradient(135deg, #FDFCFF, #F8FAFC);
        }

        .dcn-category-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 50px;
            flex-wrap: wrap;
            gap: 10px;
        }

        .dcn-category-tab {
            background: white;
            border: 2px solid #E5E7EB;
            color: #666;
            padding: 12px 25px;
            border-radius: 30px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
        }

        .dcn-category-tab.active {
            background: linear-gradient(135deg, #4C1D95, #5B21B6);
            color: white;
            border-color: #4C1D95;
        }

        .dcn-category-tab:hover {
            background: #FDFCFF;
            border-color: #4C1D95;
        }

        .dcn-category-tab.active:hover {
            background: linear-gradient(135deg, #3C1A78, #4C1D95);
        }


        .dcn-cta {
            background: linear-gradient(135deg, #4C1D95, #5B21B6);
            color: white;
            text-align: center;
        }

        .dcn-cta-title {
            font-size: 2.2rem;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .dcn-cta-text {
            font-size: 1.1rem;
            margin-bottom: 40px;
            opacity: 0.9;
        }

        .dcn-cta-button {
            display: inline-block;
            background: white;
            color: #4C1D95;
            padding: 15px 40px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        }

        .dcn-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }

        /* ランキングセクション */
        .dcn-ranking {
            background: white;
        }

        .dcn-ranking-list {
            display: grid;
            gap: 25px;
            max-width: 800px;
            margin: 0 auto;
        }

        .dcn-ranking-item {
            background: white;
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            gap: 20px;
            transition: transform 0.3s ease;
        }

        .dcn-ranking-item:hover {
            transform: translateY(-3px);
        }

        .dcn-ranking-number {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #4C1D95, #5B21B6);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: bold;
            flex-shrink: 0;
        }

        .dcn-ranking-content {
            flex: 1;
        }

        .dcn-ranking-title {
            font-size: 1.3rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .dcn-ranking-desc {
            color: #666;
            font-size: 0.95rem;
        }

        /* レスポンシブ */
        @media (max-width: 768px) {
            .dcn-section-title {
                font-size: 2rem;
            }
            
            .dcn-section {
                padding: 60px 0;
            }
            
            .dcn-features-grid {
                grid-template-columns: 1fr;
            }
            
            .dcn-articles-grid {
                grid-template-columns: 1fr;
            }
            
            .dcn-category-tabs {
                flex-direction: column;
                align-items: center;
            }
            
            .dcn-ranking-item {
                flex-direction: column;
                text-align: center;
            }
            
            .dcn-cta-title {
                font-size: 1.8rem;
            }
        }
 

/* 
 
.post_content h2 {
    background: unset !important;
    padding: unset !important;
    font-size: unset !important;
    line-height: unset !important;
    margin: unset !important;
    position: unset !important;
    z-index: unset !important;
} 



..dcn-section .dcn-wrapper h2 {
    color: #5B21B6 !important;
}


.dcn-section-title {
    -webkit-text-fill-color: unset !important;
} */