@charset "utf-8";:root{--container-bg-color:#ffffff;--container-bg-color-76p:rgba(255,255,255,.76);--container-bg-color-62p:rgba(255,255,255,.62);--container-bg-opacity:0.92;--container-top-gradient:linear-gradient(180deg,#ffffff,transparent);--base-letter-spacing:em;--base-font-color:#3c3c3c;--base-link-color:#296c84;--base-link-hover-color:#777643;--base-font-color-76p:rgba(60,60,60,.76);--base-font-color-62p:rgba(60,60,60,.62);--base-font-color-48p:rgba(60,60,60,.48);--base-font-color-40p:rgba(60,60,60,.40);--base-font-color-34p:rgba(60,60,60,.34);--base-font-color-28p:rgba(60,60,60,.28);--base-font-color-24p:rgba(60,60,60,.24);--base-font-color-20p:rgba(60,60,60,.2);--base-font-color-16p:rgba(60,60,60,.16);--base-font-color-12p:rgba(60,60,60,.12);--base-font-color-8p:rgba(60,60,60,.08);--base-font-color-4p:rgba(60,60,60,.04);--common-title-spacing:em;--term-color:#3793ba;--primary-color:#3793ba;--primary-color-6p:rgba(55,147,186,.06);--primary-color-10p:rgba(55,147,186,.1);--primary-color-14p:rgba(55,147,186,.14);--primary-color-64p:rgba(55,147,186,.64);--secondary-color:#185059;--accent-color-gradient:linear-gradient(135deg, #3793ba 0%,#185059 100%);--global-menu-parent-spacing:em;--header-bar-menu-font-size:13px;--header-bar-bg-color:#000000;--header-bar-bg-color-10p:rgba(0,0,0,.1);--header-bar-bg-color-50p:rgba(0,0,0,.5);--header-bar-piled-layer-color:#c1ae1f;--header-bar-link-color:#ffffff;--header-bar-link-color-8p:rgba(255,255,255,.08);--header-bar-link-color-16p:rgba(255,255,255,.16);--header-bar-link-color-28p:rgba(255,255,255,.28);--header-bar-link-color-34p:rgba(255,255,255,.34);--hidden-menu-link-color:#ffffff;--hidden-menu-link-color-8p:rgba(255,255,255,.08);--hidden-menu-link-color-18p:rgba(255,255,255,.18);--hidden-menu-link-color-28p:rgba(255,255,255,.28);--hidden-menu-link-color-34p:rgba(255,255,255,.34);--hidden-menu-bg-color:#546191;--header-banner-text-color:#ffffff;--header-banner-overlay-color:#3f3f25;--header-banner-overlay-opacity:0.5;--header-banner-text-color-mb:#1b79c1;--header-banner-overlay-color-mb:#202f54;--header-banner-overlay-opacity-mb:0.34;--global-menu-mouseover-accent-color:#eb2c55;--footer-text-color:#ffffff;--footer-link-color:#ffffff;--footer-link-hover-color:#ffffff;--footer-text-color-4p:rgba(255,255,255,.04);--footer-text-color-16p:rgba(255,255,255,.16);--footer-text-color-28p:rgba(255,255,255,.28);--footer-text-color-38p:rgba(255,255,255,.38);--footer-text-color-48p:rgba(255,255,255,.48);--footer-bg-color:#5e553a;--footer-bg-gradient:linear-gradient(180deg,#5e553a 0%,rgba(94,85,58,0.89) 20%,rgba(94,85,58,0.89) 100%);--loop-bg-color1:linear-gradient(transparent,rgba(55,147,186,.62), #3793ba);--loop-bg-color2:linear-gradient(transparent,#3793ba,#185059);--primary-color-gradient:linear-gradient(135deg,#3793ba 0%,rgba(33,88,111,1) 100%);--arc-wd-tab-arrow-color:rgba(33,88,111,1);--base-font-size:15.5px;--base-font-size-mb:15.5px;--header-bar-menu-parent-weight:600;--header-banner-text-shadow:0 0 16px rgba(79,79,79,.68),0 4px 22px rgba(79,79,79,.72);--header-banner-text-shadow-mb:0 0.12vh 0.42vh rgba(0,0,0,.68);--page-header-space-top:12vh;--page-header-space-btm:10vh;--page-header-space-btm-not-home:calc(10vh);--page-header-space-top-mb:6vh;--page-header-space-btm-mb:6vh;--ct-hd-bg-gradient-no-bgimg:linear-gradient(135deg,#3793ba 0%,rgba(33,88,111,1) 100%);--ct-hd-bg-gradient-bgimg:linear-gradient(135deg,#3793ba 0%,rgba(33,88,111,1) 100%);--ct-hd-inner-bg-filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='10' result='b'/%3E%3CfeMorphology operator='dilate' radius='10'/%3E %3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E %3C/svg%3E#a");--gen-container-bg-color:rgba(247,247, 247,1);--lp-excerpt-gradient:linear-gradient(rgba(247,247, 247,0) 0%,rgba(247,247, 247,1) 100%);--footer-bg-img:url('https://lionsclub333c.org/wp-content/uploads/2025/08/s01.jpg');--base-h5-size:120%;--major-title-font-weight:700;}body:not(.mb-theme) .wow{visibility:hidden}.grecaptcha-badge{margin-bottom: 60px;}.textwidget   a.buy-btn {    position:relative;padding: 14px 20px 10px;border: 3px solid #fff;font-size: 20px;color: #fff;    transition:all .3s ease-in-out;    z-index:1;}.textwidget  a.buy-btn:before{    position:absolute;    top:0;    left:0;    content:"";    width:100%;    height:100%;    background-color:#fff;    -webkit-transform:scaleY(0);     transform:scaleY(0);    transition:all .3s ease-in-out;    z-index:-1;}.textwidget  a.buy-btn:hover {color: #444;text-shadow: none;}.textwidget  a.buy-btn:hover:before{    -webkit-transform:scaleY(1);     transform:scaleY(1); }/* アイコンリスト */#dpicon-list {margin: 0 auto;} #dpicon-list li { display:inline-block; width: 54px; height: 54px; min-height: 54px; padding:5px; font-size:22px; line-height: 1.3; text-align: center; #dpicon-list li .mls {display: none;}.header_container{    overflow-x:scroll;}} #dpicon-list li::before { content:none;}    <style>        /* G発のアイコン色分け追加、全体のスタイル61-232行目まで */        body {            font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;            margin: 20px;            background-color: #f4f7f6;            color: #333;        }        h1 {            color: #005dab;            border-bottom: 2px solid #005dab;            padding-bottom: 10px;        }                /* コントロールパネルのスタイル */        .controls {            display: flex;            flex-wrap: wrap;            gap: 15px;            margin-bottom: 20px;            padding: 15px;            background-color: #fff;            border-radius: 8px;            box-shadow: 0 2px 4px rgba(0,0,0,0.05);        }        .controls input[type="text"] {            flex-grow: 1;            padding: 10px;            border: 1px solid #ccc;            border-radius: 4px;            font-size: 16px;        }        .controls button {            padding: 10px 20px;            font-size: 16px;            color: #fff;            background-color: #007bff;            border: none;            border-radius: 4px;            cursor: pointer;        }        .controls button:hover {            background-color: #0056b3;        }        /* テーブル全体のスタイル */        .announcement-table {            width: 100%;            border-collapse: collapse;            background-color: #fff;            box-shadow: 0 4px 8px rgba(0,0,0,0.1);            border-radius: 8px;            overflow: hidden;        }                /* テーブルヘッダーのスタイル */        .announcement-table th {            background-color: #005dab;            color: #ffffff;            font-weight: bold;            padding: 15px;            text-align: center;        }        /* テーブルのセルのスタイル */        .announcement-table td {            padding: 15px;            border-bottom: 1px solid #ddd;            vertical-align: top;        }                /* 交互に行の色を変更 */        .announcement-table tbody tr:nth-child(even) {            background-color: #f9f9f9;        }        .announcement-table tbody tr:hover {            background-color: #f1f1f1;        }        /* 各列のテキスト揃え */        .announcement-table .date, .announcement-table .doc-id {            text-align: center;            white-space: nowrap;        }                /* 添付ファイルリストのスタイル */        .attachments-list {            list-style-type: none;            padding-left: 15px;            margin-top: 8px;            border-left: 2px solid #007bff;        }        .attachments-list li {            margin-bottom: 5px;        }                /* リンクのスタイル */        a {            color: #007bff;            text-decoration: none;        }        a:hover {            text-decoration: underline;        }        .broken-link {            color: #777;            text-decoration: line-through;        }        /* カテゴリタグのスタイル */        .category-tag {            display: inline-block;            padding: 3px 8px;            border-radius: 4px;            color: #fff;            font-size: 12px;            margin-right: 8px;            font-weight: bold;        }        .cat-event { background-color: #007bff; } /* イベント */        .cat-training { background-color: #28a745; } /* 研修会 */        .cat-form { background-color: #fd7e14; } /* 書式 */        .cat-meeting { background-color: #6f42c1; } /* 会議・報告 */        .cat-info { background-color: #17a2b8; } /* 案内 */        .cat-lcif { background-color: #dc3545; } /* 支援 */                /* ページネーションのスタイル */        .pagination {            text-align: center;            margin-top: 20px;        }        .pagination a {            color: #007bff;            padding: 8px 16px;            text-decoration: none;            border: 1px solid #ddd;            margin: 0 4px;            border-radius: 4px;        }        .pagination a.active {            background-color: #007bff;            color: white;            border: 1px solid #007bff;        }        .pagination a:hover:not(.active) {            background-color: #f1f1f1;        }                /* アイコンの色分け */        .fa-file-word { color: #2b579a; } /* Wordの青 */        .fa-file-excel { color: #217346; } /* Excelの緑 */        .fa-file-pdf { color: #d93025; } /* PDFの赤 */        .pagination {            text-align: center;            margin-top: 20px;        }        .pagination a {            color: #0056b3;            padding: 8px 16px;            text-decoration: none;            border: 1px solid #ddd;            margin: 0 4px;        }        .pagination a.active {            background-color: #0056b3;            color: white;            border: 1px solid #0056b3;        }    </style> <style>/* マンスリーレポートCSS　235行目から302行目 */.custom-table {  width: 100%;  min-width: 800px; /* 最小幅を800pxに設定 */  border-collapse: collapse;  margin: 25px 0;  font-size: 0.9em;  font-family: sans-serif;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);  table-layout: fixed; /* ★★★ テーブルのレイアウトを固定 ★★★ */}/* テーブルのヘッダー部分 */.custom-table thead tr {  background-color: #009879;  color: #ffffff;  text-align: left;}/* テーブルのセル（thとtd）の共通スタイル */.custom-table th,.custom-table td {  padding: 12px 15px;  word-wrap: break-word; /* 長い単語を折り返す */}/* ★★★★★ ここから各列の幅を指定 ★★★★★ */.custom-table th:nth-child(1), .custom-table td:nth-child(1) { width: 8%; }  /* 1列目: No. */.custom-table th:nth-child(2), .custom-table td:nth-child(2) { width: 20%; }  /* 2列目: 発行月 */.custom-table th:nth-child(3), .custom-table td:nth-child(3) { width: 20%; }  /* 3列目: 更新日 */.custom-table th:nth-child(4), .custom-table td:nth-child(4) { width: 52%; } /* 4列目: レポート *//* ★★★★★ ここまで ★★★★★ *//* テーブルのボディ部分の行 */.custom-table tbody tr {  border-bottom: 1px solid #dddddd;}/* 偶数行の背景色（ゼブラストライプ） */.custom-table tbody tr:nth-of-type(even) {  background-color: #f3f3f3;}/* 最後の行の下線を太くする */.custom-table tbody tr:last-of-type {  border-bottom: 2px solid #009879;}/* マウスが乗った行をハイライト */.custom-table tbody tr:hover {  background-color: #f1f1f1;}/* 特定の列を中央揃えにする */.custom-table .text-center {    text-align: center;}/* リンクの色を調整 */.custom-table a {    color: #0066cc;    text-decoration: none;}.custom-table a:hover {    text-decoration: underline;}</style>