/*
Theme Name: kusunokidai
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/***** 共通設定 *****/
/* 京華老宋体 読み込み */
/*
@font-face {
    font-family: 'KingHwa_OldSong';
    src: url('/fonts/KingHwaOldSong.woff2') format('woff2');
    font-display: swap;
}
*/

/* 本文の文字サイズを変更 */
body, html {
    font-size: 18px!important;
}


/* site-footer */
footer.site-footer {
    background-color: var(--vk-color-primary);
    color: #fff!important;
}

/***** 見出し *****/
/* H2,H3,H4,H5,H6を丸ゴシックにする */
.entry-body h2,
.entry-body h3,
.entry-body h4,
.entry-body h5,
.entry-body h6 {
    font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif!important;
}
/* H2,H3,H4,H5,H6をゴシックにする */
.entry-body h2.noto-sans,
.entry-body h3.noto-sans,
.entry-body h4.noto-sans,
.entry-body h5.noto-sans,
.entry-body h6.noto-sans {
    font-family: "Noto Sans JP", sans-serif!important;
}
/* H2,H3,H4,H5,H6を明朝にする */
.entry-body h2.noto-serif,
.entry-body h3.noto-serif,
.entry-body h4.noto-serif,
.entry-body h5.noto-serif,
.entry-body h6.noto-serif {
    font-family: "Noto Serif JP", serif!important;
}


/***** フォント設定 *****/
/* 明朝 */
.noto-serif {
    font-family: "Noto Serif JP", serif!important;
}

/* ゴシック */
.noto-sans {
	font-family: 'Noto Sans JP', sans-serif!important;
}
/* 丸ゴシック */
.maru-gothic {
    font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif!important;
}

/* font-weightの指定 */
.weight100	 {
	font-weight: 100;
}
.weight300	 {
	font-weight: 300;
}
.weight400	 {
	font-weight: 400;
}
.weight500	 {
	font-weight: 500;
}
.weight600	 {
	font-weight: 600;
}
.weight700	 {
	font-weight: 700;
}
.weight900	 {
	font-weight: 900;
}



/***** TOP PAGE *****/
/* ヒーローエリア調整 */
h3.ltg-slide-text-title {
    /*
    font-family: 'Noto Sans JP', sans-serif;
    */
    /*
    font-family: 'KingHwa_OldSong', 'Noto Serif JP', 'ヒラギノ明朝 ProN', serif!important;
    */
    font-family: "Noto Serif JP", serif!important;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 30px!important;
    font-weight: 500!important;
}

/* お知らせ一覧 */
/* バッジの共通スタイル */
.news-badge {
    color: #fff;
    padding: 2px 8px;
    font-size: 0.75rem;
    border-radius: 3px;
    white-space: nowrap;
    background: #3b6148;
}
/* 一般的なお知らせ(総務部) */
.badge-soumu {
    background-color: #27AE60;
}
/* デジタル回覧版 */
.badge-kairan {
    background-color: #2E4053;
}
/* 自主防災 */
.badge-jisyubousai {
    background-color: #C0392B;
}
/* 会館運営部 */
.badge-kaikan-unei {
    background-color: #784212;
}
/* 生活安全部 */
.badge-seikatsu{
    background-color: #1565c0;
}
/* 文化厚生部 */
.badge-bunkakousei{
    background-color: #D32F2F;
}
/* 福寿会 */
.badge-fukujyukai {
    background-color: #8E44AD;
}
/* 子ども会 */
.badge-kodomokai {
    background-color: #3498DB;
}
/* 子ども安全見まもり隊 */
.badge-mimamori {
    background-color: #FF9900;
}
/* 福祉委員会 */
.badge-fukushi {
    background-color: #FF6666;
}
/* 民生委員 */
.badge-minsei-iin {
    background-color: #d81b60;
}
/* 楠台守る会 */
.badge-mamorukai {
    background-color: #398E6A;
}



/***** SUB PAGE　共通 *****/
/* ページ見出し調整 */
.page-header:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid var(--vk-color-primary);
  margin-bottom: 100px;
}
.page-header-inner h1.page-header-title {
    font-family: "Noto Serif JP", serif!important;
    font-size: 30px!important;
}
.page-header {
  margin-bottom: 20px;
}





/***** ボックス設定 *****/
/* 凸型 */
.box-convex {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.05) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.05) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.05) inset;
}
.box-convex:before, .box-convex:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.box-convex:after {
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}




/***** カスタム投稿ページ設定 *****/
/* アーカイブページの文字サイズ調整 */

/*
html body.archive .vk_post .vk_post_title.vk_media_title,
html body.archive .vk_post .vk_post_date.vk_media-date {*/
/*html body.archive .vk_post .vk_post_title a,*/
/*html body.archive .vk_post .vk_post_title.media_title a*/
html body.archive .vk_post_body .vk_post_title.media-title
{
    font-size: 20px!important;
}

html body.archive .vk_post .vk_post_date,
html body.archive .vk_post .vk_post_btn {
    font-size: 16px !important;
}




/* カスタム投稿「kairan」のパンくずからカテゴリー階層（2番目の要素）を非表示にする */
/*
.single-kairan .breadcrumb li:nth-child(3),
.single-kairan .vk-breadcrumb li:nth-child(3) {
    display: none !important;
}

.entry-footer {
    display: none !important;
}

*/



/*
.page-header {
    background-color: #C0392B;
}
*/
/***** パンくずリスト　調整 *****/
.breadcrumb {
    border-top: none !important;
    box-shadow: none !important;
}


/***** 非表示設定 *****/
/* footer Powered by */
footer .site-footer-copyright p:nth-child(2) {
    display:none !important;
}
/* 投稿者 */
.entry-meta-item-author {
    display: none;
}
/* カスタム投稿ページのページネーション非表示がうまく作動していないため非表示にして、function.phpに追記対応 */
.vk_posts.next-prev,
.vk_posts.next-prev {
    display: none!important;
}

/***** お知らせ *****/
body.post-name-information .sub-section.sub-section--col--two .sideWidget.widget_archive {
    display: none!important;
}


/***** お問い合わせフォーム*****/
form.wpcf7-form span.required {
    color: #fff;
    padding: 2px 8px;
    font-size: 0.75rem;
    border-radius: 3px;
    white-space: nowrap;
    background: #cc0000;  
    margin-left:10px;
}


/***** 斜め線*****/
/* Lightningの背景制御（セクション背景）にも斜めを強制適用 */
.diagonal-section,
.diagonal-section .wp-block-cover__image-background,
.diagonal-section .wp-block-cover__background {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%) !important;
}

/* 下側の文字やコンテンツが切れないように余白を確保 */
.diagonal-section {
    padding-bottom: 80px !important;
}