/*
Theme Name: 高知県薬剤師会（地域活動）
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ----- サイト全体 ----- */

body p a {
    text-decoration: none;    
}
@media (max-width: 767px) {
    body h2 {
        font-size: 1.6rem;
    }
}

/*  PC時に電話ボタンのホバーを無効化  */
@media (min-width: 992px) {
body .phone-button a {
    pointer-events: none;
    cursor: default;
    }
}

/* ----- UPボタン ----- */
body .page_top_btn {
    background-color:var(--vk-color-primary);
    width: 60px;
    height: 60px;
	border-radius: 50%;
	right: 4%;
    box-shadow:none;
}

/* ----- コピーライト ----- */
body .site-footer-copyright {
	padding-bottom: 4px;
}
body .site-footer-copyright p {
	color: #333333;
}

/* ----- コピーライト下非表示 ----- */
body .site-footer-copyright p:nth-child(2) {
     display:none;
}

/* ----- ヘッダー ----- */
/* 1. ヘッダーを透明にし、位置を固定せずに背景と重ねる */
body header.site-header {
    background-color: transparent !important;
    position: absolute !important;
    width: 100%;
    z-index: 100;
    border-bottom: none !important;
    box-shadow: none !important;
    padding-top: 30px;
    top: 0;
}

/* 2. PCサイズでのロゴとメニューのレイアウト調整 */
@media (min-width: 992px) {
    body header.site-header .container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    
    body .site-header--layout--nav-float .site-header-logo {
        margin-right: 0;
        width: auto;
    }
}

/* 3. コンテンツがヘッダーの下に潜り込むように余白をゼロにする */
.site-body,
body.header_scrolled .event-single-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. スクロール時の余計なアニメーションをリセット */
body.header_scrolled .site-header {
    position: absolute !important;
    transform: none !important;
    box-shadow: none !important;
}

/* スマホ対応 */
@media (max-width: 991.98px) {
    header .site-header {
        position: absolute !important;
        background-color: transparent !important;
        width: 100%;
        top: 0 !important;
        padding-top: 20px;
    }
    body .vk-mobile-nav-menu-btn {
        display: none;
    }
    body .site-header--layout--nav-float .site-header-logo {
        margin: 10px 0 0;
    }
}
@media (max-width: 576px) {
    body .site-header--layout--nav-float .site-header-logo {
        margin: 0;
    }
    body .site-header-logo, img {
        filter: drop-shadow(3px 3px 2px #ffffff);
        opacity: 1 !important;
    }
}

/* ----- フッター ----- */
/* フッター背景 */
body .site-footer {
	border-top: none;
	background-image: url(https://www.kochi-kenyaku.or.jp/wp-content/uploads/2026/03/footer-1-scaled.png);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
body .site-footer-content {
    padding-top: 4rem;
}
body .site-footer-copyright p {
    margin: .5rem .5rem 0;
}

/* スマホ対応 */
@media (max-width: 767px) {
    body .site-footer {
        border-top: none;
	    background-image: url(https://www.kochi-kenyaku.or.jp/wp-content/uploads/2026/03/sp_footer.png);
        background-position: top;
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    body .site-footer-content {
        padding-top: 0;
    }
    body .widget_media_image, .wp-image-14 {
        width: 200px;
        margin: 0 auto;
    }
    body .footer_address {
        text-decoration: none;
    }
}


/* ----- フロントページ・イベント一覧のスタイル ----- */
/* トップのキャッチコピー下線 */
body .top_copy_highlighter .vk_highlighter, .top_copy_highlighter mark {
    --vk-highlighter-color: rgba(255, 255, 255, 1) !important;
}

/* イベント情報セクション */
body .event-wrapper {
    padding: 140px 0 80px;
}

@media (min-width: 992px) {
    body p.text_width {
        max-width: 900px;
        margin: 0 auto;
    }
}

/* イベントリスト全体のコンテナ */
body .front-event-list {
    background-color: transparent;
    padding: 10px 0;
}

/* カード風のデザイン */
body .front-event-item-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 700px;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 30px;
    margin: 0 auto 15px auto;
    text-decoration: none !important;
    color: #333 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: transform 0.2s, box-shadow 0.2s;
}

body .front-event-item-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 左側コンテンツの並び */
body .event-content-left {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1;
    gap: 15px;
}

body .event-card-title {
    font-size: 1.1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
}

/* NEWバッジ */
body .new-badge {
    background: #ff4d4d;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 4px;
}

/* 開催日の背景 */
body .event-date-box {
    background-color: #c9f1ee;
    color: #333;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: bold;
}

/* タイトル */
body .event-card-title {
    font-size: 1.1rem;
    font-weight: bold;
}

/* 右端の矢印 */
body .event-arrow {
    color: var(--vk-color-primary);
    font-weight: 600;
    margin-left: 20px;
    flex-shrink: 0; 
    font-family: serif;
    font-size: 1.2rem;
}

/* スマホ対応 */
@media (max-width: 767px) {
    body .event-wrapper {
        padding: 100px 0 60px;
    }

    body .front-event-item-card {
        padding: 15px;
    }
    body .event-content-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    body .event-card-title {
        width: 100%;
    }
    body .front-event-item-card {
        position: relative;
    }
    body .event-arrow {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 576px) {
    body .event-wrapper {
        padding: 80px 0 60px;
    }
}


/* ----- イベント詳細ページ・レイアウト設定 ----- */
/* ヘッダー（カスタム投稿） */
body .header_single {
    width: 100%;
    height: 370px;
}
/* イベント詳細ページ全体のコンテナ */
body .event-single-container {
    padding-bottom: 80px;
}
body .event-hero-header {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%); 
    margin-bottom: 20px;
    background-image: url(https://www.kochi-kenyaku.or.jp/wp-content/uploads/2026/03/single_header_bg-scaled.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 13% 0;
}
/* 記事タイトル */
body .entry-title.event-main-title {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 80px;
    font-size: 2rem;
    text-align: center;
    color: var(--vk-color-primary);
}
/* 情報テーブルの外枠 */
body .event-info-table {
    background: #e4faf896;
    border-radius: 8px;
    padding: 50px;
    margin-bottom: 50px;
}
/* 各行のスタイル */
body .info-row {
    display: flex;
    border-bottom: 1px dashed #cbcbcb;
    padding: 18px 0;
    align-items: center;
}
body .info-row:last-of-type {
    border-bottom: none;
}
/* ラベル（左側） */
body .info-label {
    width: 180px;
    flex-shrink: 0;
    display: block;
}
body .info-label span {
    display: inline-block;
    background-color: #c9f1ee;
    color: #333;
    border-radius: 20px;
    font-weight: bold;
    padding: 4px 16px 6px;
    font-size: 1rem;
    white-space: nowrap;
}
/* 値（右側） */
body .info-value {
    flex: 1;
    font-size: 1rem;
    line-height: 1.6;
}

/* チラシ・資料のPDF表示調整 */
body .event-flyer-zoom {
    cursor: zoom-in;
    display: inline-block;
}
body .pdf-download-area {
    margin-top: 8px;
}
body .event-pdf-download-link {
    text-decoration: none;
    color: #333;
}
body .pdf-caption {
    margin: 10px 0 0;
}
body .event-pdf-download-link:hover {
    text-decoration: underline;
}

/* 応募締切日の強調 */
body .deadline-date {
    color: #e3342f;
    font-weight: bold;
}

/* 応募ボタンエリア */
body .event-submit-area {
    text-align: center;
    margin-top: 80px;
    padding-bottom: 10px;
}
body .event-btn-apply {
    border-radius: 50px !important;
    padding: 15px 30px !important;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s;
}
body .event-btn-apply:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* HOMEに戻るテキスト */
body .event-back-to-home {
    text-decoration: none;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding-bottom: 50px;
    padding-bottom: 80px;
    border-bottom: solid 1px #efefef;
}

/* スマホ対応 */
@media (max-width: 767px) {
    body .event-hero-header {
        background-image: url(https://www.kochi-kenyaku.or.jp/wp-content/uploads/2026/03/sp_single_header_bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding: 13% 0;
        margin-bottom: 65px;
    }
    body .entry-title.event-main-title {
        top: 100px;
        font-size: 1.7rem;
    }
    body .info-row {
        flex-direction: column;
        padding: 12px 0;
        align-items: flex-start;
    }
    body .info-label {
        width: 100%;
        margin-bottom: 10px;
    }
    body .info-label span {
        font-size: 1rem;
    }
    body .info-value {
        font-size: 1.2rem;
        line-height: 1.6;
        padding-left: 15px;
    }
    body .event-info-table {
        padding: 30px;
    }
}


/* ----- 個人情報の取り扱いについてページ・レイアウト設定 ----- */
body .page-header {
    min-height: 12rem;
    background-color: #ffffff;
    color: var(--wp--preset--color--vk-color-primary);
    border-bottom: solid 2px var(--wp--preset--color--vk-color-primary); 
}
body .breadcrumb {
    display: none;
}

/* スマホ対応 */
@media (max-width: 992px) {
    body .page-header {
        min-height: 14rem;
        align-items: end;
    }
@media (max-width: 767px) {
    .page-header-title, h1.page-header-title {
        font-size: 1.9rem;
    }
}