/*
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;
}
/* PAGE TOPへボタン */
/* 四角を丸くする */
#page_top.page_top_btn {
    border-radius:50%;
}
/* オンマウスで一回り大きく表示 */
#page_top.page_top_btn:hover {
    transform: scale(1.1, 1.1);
}


/***** 見出し *****/
/* 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;
}
/* 一般的なお知らせ(総務部) */
.cat-notice {
    background-color: #27AE60;
}

/*** 専門委員会***/
/* 自主防災委員会 */
.badge-jisyubousai {
    background-color: #C0392B;
}
/* 建築協定運営委員会 */
.badge-kenchiku {
    background-color: #1565c0;
}
/* 楠台守る会 */
.badge-mamorukai {
    background-color: #398E6A;
}
/*** 専門部会***/
/* デジタル回覧版 */
.badge-kairan {
    background-color: #2E4053;
}
/* 会館運営部 */
.cat-kaikan {
    background-color: #784212;
}
/* 生活安全部 */
.cat-seikatsu {
    background-color: #e65100;
}
/* 文化厚生部 */
.cat-bunka{
    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;
}



/***** 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-updated {
  display: none;
}
/* 投稿者 */
.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;
}


/***** 自治会に加入しませんか *****/
.join-banner h2,
.join-banner p {
    text-shadow: 0 0 10px #ffffff, 0 0 15px #ffffff;
}
.join-banner h2 {
    margin-bottom: 20px!important;
}
@media (max-width: 767.98px) {
    /* スマートフォン用に文字を小さくする */
    .join-banner h2 {
        font-size: 26px!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;
}


/* 表 */
table td, table th{
    font-size:16px;
    border: none!important;
    padding: 10px 10px!important;
}

table td:first-child {
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

tr:nth-child(odd) {
    background-color: #f2f2f2;
}
tr:nth-child(even) {
    background-color: #ffffff;
}
table {
    border-bottom: solid 1px #e5e5e5!important;
}




.opacity {
  background: #4c4c4c;
}
.opacity img {
  opacity: 1;
  transition: .3s ease-in-out;
}
.opacity:hover img {
  opacity: .5;
}






/***** 非表示設定 *****/
.d-none {
    display: none!important;
}