@charset "utf-8";
/*
Theme Name: lightning_2026-27
Template:  lightning
Text Domain: lightning
Theme URI: https://lightning.nagoya
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 13.8.13
Requires at least: 5.3
Tested up to: 5.6.3
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2021 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

/***********************************************************************

サイト名：

/***********************************************************************

【目次】
01. 共通要素
02.1. ヘッダー
02.2. フッター
02.3. メイン
03.1. リンク
03.2. 見出し
03.3. ボタン
03.4. テーブル
03.5. 印刷用
- 汎用スタイル

*********************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');
/* ==========================================
 01. 共通要素
============================================ */
html {
	/*****************
	remのベース: 10px
	例：font-size: 14px; （ie8用）
	　　font-size: 1.4rem;
	*****************/
	font-size: 62.5%;
	/* ページに常にスクロールバーを表示 */
	overflow-y: scroll;
}
@media (max-width: 767px) {
    html {
        font-size: 54%;
      }
}
body {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.33333333;
}

.content {
    padding-left: 5%;
    padding-right: 5%;
}
.graybox {
    background: #FAFAFA;
    padding-top: 9.0rem;
    padding-bottom: 9.0rem;
}
.graybox .container {
    background: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 9.0rem;
    padding-bottom: 9.0rem;
}
.content.movie-area {
    padding-top: 6.0rem !important;
    padding-bottom: 6.0rem !important;
    background-color: #f0f0f0;
}
/* .content.movie-area .movie-wrap {
    width: 50vw;
    height: calc(50vw * 0.5625);
    margin: 0 auto;
}
.content.movie-area .movie-wrap iframe{
    width: 100%;
    height: 100%;
} */
.movie-wrap {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.movie-wrap:before {
    content:"";
    display: block;
    padding-top: 56.25%; 
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}
.content.movie-area h4 {
    font-size: 2.2rem;
}
.container.pd {
    padding-bottom: 8.5rem;
}
@media (max-width: 991px) {
    .graybox {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    } 
    .graybox .container {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}


/* pagenav */
.graybox.pagenav {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.graybox.pagenav .container {
    background: inherit;
    padding: 0 !important;
}
.graybox.pagenav a {
    font-size: 1.5rem;
    position: relative;
    padding-left: 1.9rem;
    font-weight: bold;
    display: inline-block;
    line-height: 1.5;
}
.graybox.pagenav a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 9px;
    height: 9px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 2px #0050A2;
    border-right: solid 2px #0050A2;
}
.category.pagenav,
.category.navimenu{
    border-top: 1px solid #687D90;
    border-bottom: 1px solid #687D90;
    margin-bottom: 10.0rem;
}
.category.pagenav .container,
.category.navimenu .container{
    padding-left: 0;
    padding-right: 0;
}
.category.pagenav li a {
    background: #687D90;
    border-radius: 14px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: .8em;
    padding: 1.1rem;
    line-height: 1;
}
.category.pagenav li a:hover,
.category.navimenu li a:hover{
    text-decoration: none;
    opacity: 0.9;
}
.category.navimenu ul{
    justify-content: center;
}
.category.navimenu ul li a {
    display: block;
    max-width: 287px;
    margin: 0 auto;
}
.category.navimenu ul li p {
    /* color:rgb(33, 37, 41) !important; */
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    position: relative;
    color: #000;
}
.category.navimenu ul li p:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.category.navimenu li img {
    margin-bottom: 1rem;
}

/* ==========================================
 02.1. ヘッダー
============================================ */
header .container-xl {
    padding: 0;
    max-width: 1300px;
}
.siteHeader {
    min-height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.siteHeader_logo {
    padding: 0;
    margin-top: 5px;
}
.home .siteHeader_logo {
    background: url(./assets/images/common/logo_home.png) 50% 50% no-repeat;
    background-size: contain;
    margin-top: 5px;
}
.home:not(.header_scrolled) .siteHeader_logo img {
    visibility: hidden;
}
.scroll_logo {
    display: none;
}
.header_scrolled .scroll_logo {
    display: block;
    position: absolute;
    left: 0;
    width: 120px;
}
.header_scrolled .scroll_logo a {
    display: inline-block;
}
.header_scrolled .scroll_logo a img {
    width: 100%;
}
.gMenu a {
    color: #0050A2;
    height: 100%;
}
.gMenu>li .gMenu_name {
    font-size: 1.8rem;
    font-weight: bold;
}
/* .home:not(.header_scrolled) .gMenu>li .gMenu_name {
    font-size: 1.8rem;
    font-weight: bold;
} */
.home .siteHeader {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: none;
}
/* .siteHeader .container-xl {
    padding: 0;
} */
.gMenu>li a {
    padding-left: 1.15rem;
    padding-right: 1.15rem;
}
.gMenu>li>a {
    display: block;
    overflow: hidden;
    padding: 1.4rem 1.15rem;
}
.gMenu>li:before {
    border-bottom-color: #fff;
}
.gMenu.lang {
   display: flex;
   margin-left: 1em;
}
.gMenu.lang>li:before {
    display: none;
}
.gMenu.lang>li a {
    font-size: 1.8rem;
}
/* .home:not(.header_scrolled) .gMenu.lang>li a {
    font-size: 1.8rem;
    font-weight: bold;
} */
.gMenu.lang>li a:hover {
    opacity: 0.7;
}
.home:not(.header_scrolled) .gMenu>li .gMenu_name,
.home:not(.header_scrolled) .gMenu.lang>li a {
    color: #fff;
}
.gMenu.lang>li:not(.sns)>a {
    padding-right: 0;
    padding-left: 1px;
}
.gMenu.lang>li.jp a {
min-width: 3em;
}
.gMenu.lang>li.jp a:after {
    content: "｜";
    font-size: 1.8rem;
}
.gMenu.lang>li.en a span,
body.post-name-en .gMenu.lang>li.jp a span,
body.parent-pageid-1213 .gMenu.lang>li.jp a span {
    opacity: 0.2;
}
body.post-name-en .gMenu.lang>li.en a span,
body.parent-pageid-1213 .gMenu.lang>li.en a span {
    opacity: 1;
}
.gMenu.lang>li.sns a {
    margin-left: 15px;
    width: 35px;
    height: 49px;
    transition: opacity .5s;
    padding: 0;
}
.gMenu.lang>li.insta a {
    background: url(./assets/images/common/hdr_insta.png) 50% 50% no-repeat;
    background-size: contain;
    margin-left: 37px;
}
.home:not(.header_scrolled) .gMenu.lang>li.insta a ,
.vk-mobile-nav .gMenu.lang>li.insta a {
    background: url(./assets/images/common/hdr_insta_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.gMenu.lang>li.twitter a {
    background: url(./assets/images/common/hdr_twitter.png) 50% 50% no-repeat;
    background-size: contain;
}
.home:not(.header_scrolled) .gMenu.lang>li.twitter a,
.vk-mobile-nav .gMenu.lang>li.twitter a {
    background: url(./assets/images/common/hdr_twitter_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.gMenu.lang>li.facebook a {
    background: url(./assets/images/common/hdr_facebook.png) 50% 50% no-repeat;
    background-size: contain;
}
.home:not(.header_scrolled) .gMenu.lang>li.facebook a,
.vk-mobile-nav .gMenu.lang>li.facebook a {
    background: url(./assets/images/common/hdr_facebook_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.gMenu.lang>li.youtube a {
    background: url(./assets/images/common/hdr_youtube_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.home:not(.header_scrolled) .gMenu.lang>li.youtube a ,
.vk-mobile-nav .gMenu.lang>li.youtube a {
    background: url(./assets/images/common/hdr_youtube_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.gMenu.lang>li.line a {
    background: url(./assets/images/common/hdr_line_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.home:not(.header_scrolled) .gMenu.lang>li.line a ,
.vk-mobile-nav .gMenu.lang>li.line a {
    background: url(./assets/images/common/hdr_line_home.png) 50% 50% no-repeat;
    background-size: contain;
}
.gMenu_outer .container-xl {
    margin-top: 8px;
}
.header_scrolled .gMenu_outer .container-xl {
    position: relative;
    margin-bottom: 8px;
}
.header_scrolled .gMenu_outer .container-xl > .d-flex {
    width: 100%;
}
.header_scrolled .gMenu_outer nav {
    width: auto;
    margin: 0;
    margin-left: -40px;
}
.header_scrolled .gMenu>li {
    width: auto;
    border-left: none;
}
.header_scrolled .gMenu>li:last-child {
    border-right: none;
}
.vk-mobile-nav-menu-btn-box {
display: none;
}
.device-mobile .gMenu>li {
    padding: 0;
}
.vk-mobile-nav nav ul li#menu-item-1643 {
    text-align: center;
}
.vk-mobile-nav nav ul li#menu-item-1643 a {
    background: #EEEEEE;
    color: #0050A2;
    border-radius: 30px;
    text-align: center;
    max-width: 250px;
    display: inline-block;
    padding: 1.0rem;
    margin: 2.0rem;
    width: 100%;
}
.vk-mobile-nav-widget {
    margin-bottom: 150px;
}
.vk-mobile-nav .gMenu.lang {
    max-width: 260px;
    margin: 0 auto;
}
.gMenu>li>ul.sub-menu {
    background-color: #fff;
    box-shadow: 1px 1px 3px rgb(255 255 255 / 20%);
}
.gMenu ul li a {
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.breadcrumb .fa.fa-home {
display: none;
}
/* @media (min-width: 992px) and (max-width: 1199px) { */
    /* this */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-header {
        text-align: center;
    }
    .gMenu_outer {
        /* right: 0; */
        /* float: right; */
        width: auto;
        min-height: 4em;
        display: table;
        margin: 0 auto;
    }
    .siteHeader_logo {
        /* float: left; */
        width: auto;
        text-align: left;
    }
    .gMenu_outer .container-xl {
        /* display: flex; */
        margin-top: 0;
    }
    .header_scrolled .gMenu_outer nav {
        padding: 0;
        margin-left: 0;
    }
    .header_scrolled .scroll_logo {
        text-align: center;
        position: relative;
        width: 100%;
    }
    .header_scrolled .scroll_logo a {
        width: 120px;
        margin-bottom: 0;
    }
    .gMenu.lang>li.insta a {
        margin-left: 1rem;
    }
    .gMenu>li a {
        padding-left: 0.5rem !important;
        padding-right:0.5rem !important;
    }
}
@media (max-width: 991px) {
    .siteHeader {
        min-height: 48px;
    }
    .home .siteHeader {
        position: relative;
    }
    header .siteHeader_logo {
        display: none;
    }
    .vk-mobile-nav-menu-btn-box {
        display: block;
        height: 48px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background-color: #fff;
        padding: 4px 20px 2px 20px;
    }
    .vk-mobile-nav-menu-btn-box .siteHeader_logo {
        background: none;
        padding: 0;
        margin-top: 0px;
    }
    .vk-mobile-nav-menu-btn-box .siteHeader_logo img {
        margin: 0;
    }
    .home:not(.header_scrolled) .vk-mobile-nav-menu-btn-box .siteHeader_logo img {
        visibility: visible;
    }
    .vk-mobile-nav-menu-btn {
        left: auto;
        right: 20px;
        border: none;
        background: url(./assets/images/common/menu.png) 50% 50% no-repeat;
        background-size: contain;
        top: 10px;
    }
    .vk-mobile-nav-menu-btn.menu-open {
        border: none;
        background: url(./assets/images/common/menu_close.png) 50% 50% no-repeat;
        background-size: contain;
    }
    .vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-drop-in, .vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-left-in, .vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
        top: 48px;
        background: #0050A2;
    }
    .vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
        color: #fff;
    }
    .vk-mobile-nav {
        padding: 0;
    }
    .vk-mobile-nav nav ul li{
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .vk-mobile-nav nav ul li a {
        font-size: 1.8rem;
        padding: 20px;
        border-bottom: none;
    }
    .vk-mobile-nav nav ul li  .sub-menu li {
        border-bottom: none;
    }
    .vk-menu-acc .acc-btn {
        border: none;
        right: 16px;
        top: 16px;
    }
    .vk-menu-acc ul.sub-menu {
        margin-left: 36px;
    }
}

/* ==========================================
 02.2. フッター
============================================ */
.siteFooter {
    border-top: none;
    background-color: #0050A2;
    color: #fff;
    padding: 7.0rem 0 6.5rem;
}
.siteFooter .container {
    position: relative;
}
.siteFooter .logo {
    margin-bottom: 1.9rem;
}
.siteFooter address {
    font-size: 1.4rem;
    line-height: 1.71428571;
}
.siteFooter address a {
    color: #fff;
    text-decoration: none;
}
.siteFooter .profile_text {
    font-size: 1.2rem;
}
.page_top_btn {
    width: 61px;
    height: 61px;
    border-radius: 30.5px;
    box-shadow: 0 0 0 1px rgb(255 255 255 / 80%), 0 0 0 2px rgb(0 80 162 / 80%);
    background-color: #fff;
    background-image: none;
    position: fixed;
    right: 15px;
    bottom: 15px;
}

.page_top_btn:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 0;
    left: 2px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: auto;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.siteFooter .page_top_btn {
    position: absolute;
    bottom: auto;
    top: 0;
}
.siteFooter .page_top_btn:before {
    content: 'このページの先頭へ';
    position: absolute;
    bottom: -33px;
    left: -24.5px;
    margin: 0 auto;
    width: 110px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
}
.copySection {
    font-size: 1.2rem;
    position: absolute;
    /* bottom: 77px; */
    padding: 0;
}
.copySection p {
    margin-left: 0;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .siteFooter {
        padding: 5.0rem 0 4.8rem;
    }
    .siteFooter address {
        margin-top: 3.6rem;
    }
    .copySection {
        position: relative;
        bottom: auto;
        margin-top: 2.7rem;
    }
    .siteFooter .page_top_btn {
        bottom: 315px;
        right: 40px;
    }
}
@media (max-width: 767px) {
    .siteFooter address {
        font-size: 1.6rem;
    }
}
/* ==========================================
 02.3. メイン
============================================ */
.breadSection {
    border-bottom: none;
}
.breadSection .breadcrumb {
    color: #707070;
    padding-top: 1em;
}
.breadSection .breadcrumb>li+li:before {
    content: ">";
    margin-left: .5em;
    margin-right: .5em;
    font-size: 12px;
}
#bnrArea {
    margin: 7.7rem -8px 4.7rem;
}
#bnrArea li {
    padding: 0 8px;
}
#bnrArea li {
    margin-bottom: 5.4rem;
}
#bnrArea li span {
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    position: relative;
    color: #000;
}
#bnrArea li span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
#bnrArea li img {
    margin-bottom: 1.8rem;
}
#bnrArea li a:hover {
    text-decoration: none;
}
@media (max-width: 991px) {
    .siteContent .container {
        padding: 0;
    }
}
@media (max-width: 767px) {
    #bnrArea li {
        max-width: 287px;
        margin: 0 auto 3.3rem;
    }
}

/* ==========================================
 03.1. リンク
============================================ */

/* ==========================================
 03.2. 見出し
============================================ */
h1.page-header_pageTitle {
    position: relative;
    margin-top: 2.8rem;
    margin-bottom: 3.6rem;
    line-height: 1.5;
}
h1.page-header_pageTitle:after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 1.5rem;
    color: #F7A81B;
}
.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
    font-size: 5.5rem;
    margin: 0.5em 0;
    line-height: 1.5;
}
h2.home-ttl {
    color: #0050A2;
    font-size: 5.5rem;
    text-align: center;
    border: none;
    margin-bottom: 0;
}
h2.home-ttl .en {
    color: #F7A81B;
    font-size: 1.5rem;
    text-align: center;
    border: none;
    display: block;
}
h3.home-ttl,
h2.page-ttl {
    color: #0050A2;
    padding: 0 0 0 5.7rem;
    font-size: 5.0rem;
    line-height: 1.5;
    border: none;
    position: relative;
    font-weight: normal;
    margin-bottom: 6.7rem;
}
h3.home-ttl:after,
h2.page-ttl:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.625rem;
    height: 4.152rem;
    background: #F7A81B;
    margin: auto 0;
    border-radius: 3px;
    border: 0;
}
h4.home-ttl,
h3.page-ttl {
    color: #0050A2;
    font-size: 2.8rem;
    line-height: 1.5;
    border-bottom: 3px solid #0050A2;
    position: relative;
    font-weight: normal;
    margin-top: 6.7rem;
}
h4.home-ttl:after,
h3.page-ttl:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 30px;
    border-bottom: 3px solid #F7A81B;
    z-index: 5;
}
@media (max-width: 767px) {
    .page-header_pageTitle,
    h1.page-header_pageTitle:first-child {
    font-size: 4rem;
}
    h3.home-ttl,
    h2.page-ttl {
        font-size: 3.3rem;
        margin-bottom: 1.7rem;
    }
    h4.home-ttl,
    h3.page-ttl {
    font-size: 2.6rem;
    margin-top: 3.0rem !important;
}
    h2.page-ttl {
        margin-top: 30px;
    }
    h2.page-ttl:before {
        font-size: 10rem;
    }
}

h2.page-ttl:before {
    content: "";
    position: absolute;
    top: -60px;
    right: -7.5%;
    font-size: 20.0rem;
    color: #F0F0F0;
    line-height: 1;
    font-weight: normal;
    z-index: -1;
    text-align: right;
 }
 h2.page-ttl.no-text:before {
     content: "" !important;
 }

.post-name-meeting h2.page-ttl:before {
    font-size: 10.0rem;
    top: -10px;
}
.post-name-monthly h2.page-ttl:before {
    /* font-size: 10.0rem;
    width: 70%;
    top: -40px; */
}
.post-name-syusseki h2.page-ttl:before,
.post-name-clubmeeting h2.page-ttl:before,
.post-name-organization h2.page-ttl:before,
.parent-pageid-1269 h2.page-ttl:before,
.post-name-monthly h2.page-ttl:before {
    font-size: 16.0rem;
    top: -50px;
}
.post-name-message h1.page-header_pageTitle:after,
.post-name-message h2.page-ttl:before,
.page-id-2053 h1.page-header_pageTitle:after,
.page-id-2053 h2.page-ttl:before {
    content: "Message";
}
.post-name-clubs_website h1.page-header_pageTitle:after,
.post-name-clubs_website h2.page-ttl:before {
    content: "Web site";
}
.post-name-monthly h1.page-header_pageTitle:after,
.post-name-monthly h2.page-ttl:before {
    content: "Governor";
}
.parent-pageid-1174 h1.page-header_pageTitle:after {
    content: "Our Clubs";
}
/*.post-name-en h2.page-ttl:before,
.clubs-content.central h2.page-ttl:before {
    content: "Central";
}
.clubs-content.north h2.page-ttl:before {
    content: "North";
}
.clubs-content.east h2.page-ttl:before {
    content: "East";
}
.clubs-content.tama h2.page-ttl:before {
    content: "Tama";
}
.clubs-content.musashino h2.page-ttl:before {
    content: "Musashino";
}
.clubs-content.okinawa h2.page-ttl:before {
    content: "Okinawa";
}*/
.post-name-en h2.page-ttl:before,
.clubs-content.chiyoda h2.page-ttl:before {
    content: "Chiyoda";
}
.clubs-content.shinjuku h2.page-ttl:before {
    content: "Shinjuku";
}
.clubs-content.nakano_nerima h2.page-ttl:before {
    content: "Nakano Nerima";
}
.clubs-content.bunkyo_taito h2.page-ttl:before {
    content: "Bunkyo";
}
.clubs-content.taito_arakawa h2.page-ttl:before {
    content: "Taito Arakawa";
}
.clubs-content.kitatoshima_itabashi h2.page-ttl:before {
    content: "Kitatoshima Itabashi";
}
.clubs-content.sumida_koto h2.page-ttl:before {
    content: "Sumida Koto";
}
.clubs-content.adachi_katsushika h2.page-ttl:before {
    content: "Adachi Katsushika";
}
.clubs-content.edogawa h2.page-ttl:before {
    content: "Edogawa";
}
.clubs-content.musashino h2.page-ttl:before {
    content: "Musashino";
}
.clubs-content.tama h2.page-ttl:before {
    content: "Tama";
}
.clubs-content.naha_ishigaki h2.page-ttl:before {
    content: "Naha Ishigaki";
}
.clubs-content.nahanishi_miyakojima h2.page-ttl:before {
    content: "Nahanishi Miyakojima";
}
.post-name-syusseki h1.page-header_pageTitle:after,
.post-name-syusseki h2.page-ttl:before {
    content: "Membership";
}
.post-name-organization h1.page-header_pageTitle:after,
.post-name-organization h2.page-ttl:before {
    content: "Organization";
}
.post-name-staff h1.page-header_pageTitle:after,
.post-name-staff h2.page-ttl:before {
    content: "Officer";
}
.post-name-youth h1.page-header_pageTitle:after,
.post-name-youth2 h1.page-header_pageTitle:after,
.post-name-youth h2.page-ttl:before,
.post-name-youth2 h2.page-ttl:before {
    content: "Job trial";
}
.post-name-abroad h1.page-header_pageTitle:after,
.parent-pageid-1242 h1.page-header_pageTitle:after,
.parent-pageid-1265 h1.page-header_pageTitle:after,
.post-name-abroad h2.page-ttl:before,
.parent-pageid-1242 h2.page-ttl:before,
.parent-pageid-1265 h2.page-ttl:before {
    content: "Scholar";
}
.post-name-interact h1.page-header_pageTitle:after,
.post-name-interact h2.page-ttl:before {
    content: "Interact";
}
.post-name-rotaract h1.page-header_pageTitle:after,
.post-name-rotaract h2.page-ttl:before {
    content: "Rotaract";
}
.post-name-clubmeeting h1.page-header_pageTitle:after,
.post-name-clubmeeting h2.page-ttl:before {
    content: "Club Meeting";
}
.post-name-period h1.page-header_pageTitle:after,
.parent-pageid-1269 h1.page-header_pageTitle:after,
.post-name-period h2.page-ttl:before,
.parent-pageid-1269 h2.page-ttl:nth-of-type(1):before {
    content: "Official Visit";
}
.post-name-meeting h1.page-header_pageTitle:after,
.post-name-meeting h2.page-ttl:before {
    content: "District Conference";
}
.post-name-download h1.page-header_pageTitle:after,
.post-name-download #DL-social h2.page-ttl:first-of-type:before {
    content: "Download";
}
.post-name-archives h1.page-header_pageTitle:after,
.post-name-birth h1.page-header_pageTitle:after,
.post-name-archives h2.page-ttl:before,
.post-name-birth h2.page-ttl:before {
    content: "Archives";
}
.post-name-link h1.page-header_pageTitle:after,
.post-name-link h2.page-ttl:before {
    content: "Link";
}
.post-name-schedule h1.page-header_pageTitle:after,
.parent-pageid-1248 h1.page-header_pageTitle:after,
.post-name-schedule h2.page-ttl:before,
.parent-pageid-1248 h2.page-ttl::before {
    content: "Schedule";
}
.post-name-sitemap h1.page-header_pageTitle:after,
.post-name-sitemap h2.page-ttl:before {
    content: "Sitemap";
}

/* @media (min-width: 768px) { */
.monthly-content h2.page-ttl:before,
.post-name-meeting h2.page-ttl:before,
.organization-content h2.page-ttl:before {

}
/* } */
@media (max-width: 767px) {
h2.page-ttl:before {
    font-size: 9.0rem;
 }
.post-name-meeting h2.page-ttl:before,
.post-name-meeting h2.page-ttl:before {
    font-size: 6.0rem;
    top: -40px;
}
.post-name-monthly h2.page-ttl:before {
    /* font-size: 6.0rem;
    top: -50px; */
}
.post-name-syusseki h2.page-ttl:before,
.post-name-clubmeeting h2.page-ttl:before,
.post-name-organization h2.page-ttl:before,
.parent-pageid-1269 h2.page-ttl:before,
.post-name-monthly h2.page-ttl:before  {
    font-size: 7.0rem;
}
}

/* ==========================================
 03.3. ボタン
============================================ */
.btn {
    border-radius: 27px;
    text-align: center;
    padding: 1.3rem;
    font-weight: bold;
    position: relative;
    background: #0050A2;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.5;
    border: 0;
    width: 100%;
    max-width: 328px;
    display: inline-block;
 }
 .btn:hover {
    color: #fff;
 }
 .btn:after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 18.7px;
     width: 11px;
     height: 11px;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     margin: auto 0;
     border-top: solid 3px #fff;
     border-right: solid 3px #fff;
 }
.btn-light {
   background: #FFFFFF;
   color: #222222;
}
.btn-light:hover {
    color: #222222;
 }
.btn-light:after {
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.btn-pdf {
    background: #FFFFFF;
    color: #222222;
    border: 3px solid #D1D1D1;
    font-weight: normal;
    padding-right: 4rem;
 }
 .btn-pdf:hover {
    color: #222222;
 }
 .btn-pdf:after {
     width: 24px;
     height: 28px;
     border-top: none;
     border-right: none;
     -ms-transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: url(./assets/images/common/icon_pdf.png) 0% 0% no-repeat;
     background-size: contain;
     right: 27px;
 }
 .btn-adobe {
    background: #FFFFFF;
    color: #FF0000;
    border: 3px solid #FF0000;
    font-weight: normal;
    width: 100%;
    max-width: 514px;
 }
 .btn-adobe:hover {
    color: #FF0000;
 }
 .btn-adobe:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 3px #FF0000;
    border-right: solid 3px #FF0000;
}
.downloadList li,
.btn-square li {
    color: #0050A2;
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 1.3;
 }
 .downloadList li:nth-child(even),
 .btn-square li:nth-child(even) {
    margin-right: 0;
 }
 .downloadList li span,
 .btn-square li span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    color: #777777;
 }
 .downloadList li a,
 .btn-square li a {
    display: flex;
    align-items: center;
    height: 100%;
   border: 3px solid #E2E2E2;
   padding: 3.5rem 3.7rem;
   position: relative;
   font-size: 1.6rem;
   min-height: 46px;
   line-height: 1.5;
   font-weight: bold;
}
.downloadList li a:after,
.btn-square li a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35.7px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.downloadList li a:hover,
.btn-square li a:hover {
    text-decoration: none;
   border: 3px solid #0050A2;
}
.downloadList li a.pdf,
.btn-square li.pdf a {
    background: url(./assets/images/common/icon_pdf.png) 3.3rem 50% no-repeat;
    background-size: 39px auto;
    font-size: 1.4rem;
    color:#777777;
    padding: 3.5rem 6.7rem 3.7rem 10.5rem;
    font-weight: normal;
}
.downloadList li a.pdf:after,
.btn-square li.pdf a:after {
    border-top: solid 3px #FF0000;
    border-right: solid 3px #FF0000;
}
.downloadList li a.pdf:hover,
.btn-square li.pdf a:hover {
   border: 3px solid #ccc;
}
.downloadList li a.ppt,
.btn-square li.ppt a {
    background: url(./assets/images/common/icon_ppt.png) 3.3rem 50% no-repeat;
    background-size: 39px auto;
    font-size: 1.4rem;
    color:#777777;
    padding: 3.5rem 6.7rem 3.7rem 10.5rem;
    font-weight: normal;
}
.downloadList li a.ppt:after,
.btn-square li.ppt a:after {
    border-top: solid 3px #ff6600;
    border-right: solid 3px #ff6600;
}
.downloadList li a.ppt:hover,
.btn-square li.ppt a:hover {
   border: 3px solid #ccc;
}
#DL-reinforcement .downloadList {
    margin-top: 0;
    text-align: center;
    margin:auto;
}
#DL-reinforcement .downloadList li {
    width: 100%;
    align-items: flex-start;
    margin: auto 0 .8em;
}
#DL-reinforcement .downloadList li img {
    width: 23%;
}
#DL-reinforcement .downloadList li a {
    width: 77%;
    padding: 5.2% 9.6% 5.4% 16.66%;
    background-position: 6% 50%;
}
#DL-reinforcement .downloadList li a::after {
    right: 20px;
}
@media (max-width: 767px) {
    #DL-reinforcement .downloadList li {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }
    #DL-reinforcement .downloadList li img {
        width: 100%;
    }
    #DL-reinforcement .downloadList li a {
        width: 100%;
        padding: 3.5rem 6.7rem 3.7rem 10.5rem;
        background-position: 3.3rem 50%;
    }
    #DL-reinforcement .downloadList li a::after {
        right: 35.7px;
    }
}
.downloadList li a.xlsx,
.btn-square li.xlsx a {
    background: url(./assets/images/common/icon_excel.png) 3.3rem 50% no-repeat;
    background-size: 39px auto;
    font-size: 1.4rem;
    color:#777777;
    padding: 3.5rem 6.7rem 3.7rem 10.5rem;
    font-weight: normal;
}
.downloadList li a.xlsx:after,
.btn-square li.xlsx a:after {
    border-top: solid 3px #207347;
    border-right: solid 3px #207347;
}
.downloadList li a.xlsx:hover,
.btn-square li.xlsx a:hover {
   border: 3px solid #ccc;
}
.downloadList li a.doc,
.btn-square li.doc a {
    background: url(./assets/images/common/icon_word.png) 3.3rem 50% no-repeat;
    background-size: 39px auto;
    font-size: 1.4rem;
    color:#777777;
    padding: 3.5rem 6.7rem 3.7rem 10.5rem;
    font-weight: normal;
}
.downloadList li a.doc:after,
.btn-square li.doc a:after {
    border-top: solid 3px #2A5699;
    border-right: solid 3px #2A5699;
}
.downloadList li a.doc:hover,
.btn-square li.doc a:hover {
   border: 3px solid #ccc;
}

@media (max-width: 767px) {
.btn {
    max-width: 300px;
}
.home .btn {
    display: block;
    margin: 0 auto;
}
.btn-adobe {
    padding-right: 2.3rem;
}
.btn-adobe:after {
    right: 15px;
    
}
}
/* ==========================================
 03.4. テーブル
============================================ */
table,
table tbody th,
table tbody td {
    border-color: #687D90 !important;
    line-height: 1.5;
}
table tbody th {
    font-weight: bold;
    background: #C9DEE9;
    text-align: center;
}
table tr:nth-child(even) th,
table tr:nth-child(even) td {
	background-color: #F4F4F4 !important;
}
/* ==========================================
 03.4. リスト
============================================ */
dt,dd {
    border: 0;
    padding-left: 0;
}
table ul,
table ol,
table dl {
    margin: 0;
}
table ul,
table ol {
    padding-left: 1em;
}
table li {
    margin-bottom: 0;
}
dl.defaultList {
    position: relative;
}
dl.defaultList dt {
    position: absolute;
    font-size: 1.8rem;
    font-weight: bold;
    left: 0;
    text-align: center;
    padding: 7px 15px;
    line-height: 1;
    border-radius: 30px;
}
dl.defaultList dd {
    border-bottom: 1px solid #D0D0D0;
    border-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 2.76rem;
    margin-bottom: 2.84rem;
    position: relative;
    padding-left: 10.5em;
    font-size: 1.6rem;
    line-height: 1.5;
}
dl.defaultList.dark dt {
    color: #fff;
    border: 2px solid #0050A2;
    background: #0050A2;
}
dl.defaultList.light dt {
    color: #0050A2;
    border: 2px solid #0050A2;
    background: #fff;
}


/* ==========================================
 03.5. 印刷用
============================================ */

/* ==========================================
 - 汎用スタイル
============================================ */
.fs14 {
    font-size: 14px !important;
    font-size: 1.4rem !important;
}
.mini,
.fs15 {
    font-size: 15px !important;
    font-size: 1.5rem !important;
}
.fs16 {
    font-size: 16px !important;
    font-size: 1.6rem !important;
}
.fs17 {
    font-size: 17px !important;
    font-size: 1.7rem !important;
}
.fs18 {
    font-size: 18px !important;
    font-size: 1.8rem !important;
}
.fs19 {
    font-size: 19px !important;
    font-size: 1.9rem !important;
}
.fs20 {
    font-size: 20px !important;
    font-size: 2.0rem !important;
}
.fs21 {
    font-size: 21px !important;
    font-size: 2.1rem !important;
}
.fs22 {
    font-size: 22px !important;
    font-size: 2.2rem !important;
}
.fs30 {
    font-size: 30px !important;
    font-size: 3.0rem !important;
}
.cautions {
    border-top: 1px solid #0050A2;
    padding-top: 2.9rem;
    color: #0050A2;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.5;
}
.cautions.text-danger {
    border-top: 1px solid #dc3545;
    color: #dc3545;
}
.mb00{
    margin-bottom: 0 !important;
}
.mb20{
    margin-bottom: 20px !important;
    margin-bottom: 2.0rem !important;
}
.mb40{
    margin-bottom: 40px !important;
    margin-bottom: 4.0rem !important;
}
/* ==========================================
 HOME
============================================ */
/* html,
body,
.siteContent,
#post-212,
.entry-body,
section.slide,
.bx-wrapper,
.bx-viewport {
    height: 100%;
} */
.ie_alert {
    display: none;
}
.home .siteContent {
padding-top: 0;
}
.home .bx-wrapper {
    position: relative;
    box-shadow: none;
    border: 0;
    margin-bottom: 250px;
}
.home .bx-wrapper li {
    background: #000;
}
.home .bx-wrapper li#animation {
    background: #0050A2;
}

.home .bx-wrapper li {
    width:100%;
    margin-bottom: 0;
}
.home .bxslider video{
    width: 100%;
    /* min-height: 450px;
    height: 100%;
    max-height: 1080px; */
    vertical-align: bottom;
}
.home .bx-wrapper .bx-pager {
    max-width: 1220px;
    margin: 0 auto;
    bottom: -190px;
    left: 0;
    right: 0;
    display: flex;
}
.home .bx-wrapper .bx-pager-item{
    width: 23.75%;
    margin: 0 10px;
    border: 1px solid #0050A2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.home .bx-wrapper .bx-pager-item:nth-child(2) {
    background-image: url(./assets/images/movie/rid2580_top_movie5.jpg);
}
.home .bx-wrapper .bx-pager-item:nth-child(3) {
    background-image: url(./assets/images/movie/rid2580_top_movie.jpg);
}
.home .bx-wrapper .bx-pager-item:nth-child(4) {
    /* background-image: url(./assets/images/movie/rid2580_top_movie2.jpg); */
    display: none;
}
.home .bx-wrapper .bx-pager-item:nth-child(5) {
    background-image: url(./assets/images/movie/rid2580_top_movie3.jpg);
}
.home .bx-wrapper .bx-pager-item:nth-child(6) {
    background-image: url(./assets/images/movie/rid2580_top_movie4.jpg);
}
.home .bx-wrapper .bx-pager-item:first-child {
    display: none;
}
.home .bx-wrapper .bx-pager.bx-default-pager a {
    width: 100%;
    height: 160px;
    border-radius: 0;
    margin: 0;
    background: transparent;
}
.home .bx-wrapper .bx-pager.bx-default-pager a.active,
.home .bx-wrapper .bx-pager.bx-default-pager a:focus,
.home .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #0050A2;
    opacity: 0.3;
}
@media (max-width: 800px) {
/* .Hero__Inner {
    height: 667.67px !important;
} */
}
.home #sound {
    position: absolute;
    top: 100px;
    right: 50px;
    line-height: 1;
    width: 50px;
    height: 50px;
    z-index: 1000;
    display: none;
}
.home #sound a {
    display: block;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 10px 0;
    height: 100%;
    text-align: center;
}
.home #sound a:hover {
    opacity: 0.8;
}
.home #sound i {
    color: #fff;
    font-size: 3.0rem;
}
.home .vi_bnr {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 5.2rem;
}
.home .youtube_bnr {
    padding-left: 5%;
    padding-right: 5%;
}
.home .line_bnr {
    margin-top: 5.2rem;
}
.home .line_bnr img{
    width: 17.4%;
}
.home_origanization {
    padding-top: 9.0rem;
}
.home_origanization_inner {
    background: #0050A2 url(./assets/images/top/top_img1.jpg) 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 10.0rem 2.0rem 10.5rem;
}
.home_origanization_inner h3 {
    border: 0;
    font-size: 3.2rem;
}
.home_origanization_inner h3:after {
    display: none;
}
.home .content {
    padding-top: 18.2rem;
    padding-bottom: 645px;
    position: relative;
}
.home .content:after {
    position: absolute;
    content: "";
    font-size: 25.0rem;
    color: #F0F0F0;
    right: -30px;
    top: -70px;
    z-index: -1;
    font-weight: normal;
}
.home .content.activities {
    background:url(./assets/images/top/top_img2.jpg) 50% bottom no-repeat;
    background-size: auto 575px;
}
.home .content.activities:after {
    content: "Activities";
}
.home .content.mission {
    background:url(./assets/images/top/top_img3.jpg) 50% bottom no-repeat;
    background-size: auto 575px;
}
.home .content.mission:after {
    content: "Mission";
}
.home .content.howitworks {
    background:url(./assets/images/top/top_img4.jpg) 50% bottom no-repeat;
    background-size: auto 575px;
}
.home .content.howitworks:after {
    content: "Organization";
}
.home .content.description {
    background: #FAFAFA;
    padding: 9.0rem 10.0rem 9.0rem 10.0rem;
}
.home .content.description .row {
    background: #fff;
    padding: 8.0rem 8.7rem;
}
.home .content.activities ul {
    margin: 0;
}
.home .content.activities ul li {
    color: #394a5c;
    border-bottom: 1px solid #D0D0D0;
    list-style: none;
    font-weight: bold;
}
.home .content.activities ul li:last-child {
    border-bottom: none;
}

.home .content.description dt,
.home .content.description dd {
    padding-left: 0;
    border-left-width: 0;
    border-left-style: solid;
    margin-bottom: 10px;
}
.home .content.description dt {
   position: absolute;
}
.home .content.description dd {
    padding-left: 11.0rem;
    border-bottom: 1px solid #D0D0D0;
 }
 .home .content.description dd:last-child {
    border-bottom: none;
 }
.content.clubs {
    padding-top: 9.0rem;
    padding-bottom: 6.0rem;
}
.post-name-central .content.clubs {
    padding-top: 0 !important;
}
@media (max-width: 992px) {

}
@media (max-width: 800px) {
    .home .bx-wrapper {
        margin-bottom: 170px;
    }
    .home .bx-wrapper .bx-pager {
        bottom: -135px;
    }
    .home .bx-wrapper .bx-pager.bx-default-pager a {
        height: 120px;
    }
    .bxslider video{
        /* min-height: 610px; */
    }
}
@media (max-width: 767px) {
    .home .bx-wrapper {
        margin-bottom: 116px;
    }
    .home .bx-wrapper .bx-pager {
        bottom: -85px;
    }
    .home .bx-wrapper .bx-pager.bx-default-pager a {
        height: 70px;
    }
    .home .bx-wrapper .bx-pager-item {
        margin: 2px;
    }
    .home_origanization {
        padding-top: 5.0rem;
    }
    .home .content {
        padding-top: 12.5rem;
        padding-bottom: 272px;
        position: relative;
    }
    .home .content:after {
        position: absolute;
        content: "";
        font-size: 8.3rem;
        color: #F0F0F0;
        right: -15px;
        top: -11px;
        z-index: -1;
        font-weight: normal;
    }
    .home_origanization_inner {
        background: #0050A2 url(./assets/images/top/top_img1.jpg) 50% 50% no-repeat;
        background-size: cover;
        color: #fff;
        text-align: center;
        padding: 5.0rem 2.0rem;
    }
    .home .content.activities {
        background:url(./assets/images/top/top_img2_sp.jpg) 50% bottom no-repeat;
        background-size: auto 228px;
    }
    .home .content.activities:after {
        content: "Activities";
    }
    .home .content.mission {
        background:url(./assets/images/top/top_img3_sp.jpg) 50% bottom no-repeat;
        background-size: auto 228px;
    }
    .home .content.mission:after {
        content: "Mission";
    }
    .home .content.activities .col-lg-6  li.line {
        border-bottom: 1px solid #D0D0D0;
    }
    .home .content.howitworks {
        background:url(./assets/images/top/top_img4_sp.jpg) 50% bottom no-repeat;
        background-size: auto 228px;
    }
    .home .content.description {
        padding: 4.5rem 5.0rem 4.5rem 5.0rem;
    }
    .home .content.description .row {
        padding: 4.0rem 4.35rem;
    }
    .content.clubs {
        padding-top: 5.0rem;
        padding-bottom: 3.0rem;
    }
    .home .vi_bnr {
        margin-bottom: 3.3em;
    }
    .home .line_bnr img{
        width: 220px;
    }
}
@media (max-width: 575px) {
    .home .content.description {
        padding: 4.5rem 5.0rem 4.5rem 5.0rem;
    }
    .home .content.description .row {
        padding: 2.0rem 2rem;
    }
}
 .clubs_nav li {
    margin-right: 3%;
    width: 48.5%;
    float: left;
    list-style: none;
    color: #0050A2;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.3;
 }
 .clubs_nav li:nth-child(even) {
    margin-right: 0;
 }
 .clubs_nav li span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    color: #777777;
 }
 .clubs_nav li a {
    display: block;
    height: 100%;
   border: 3px solid #E2E2E2;
   border-radius: 5px;
   padding: 3.0rem 3.7rem;
   position: relative;
}
.clubs_nav li a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35.7px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.clubs_nav li a:hover {
    text-decoration: none;
   border: 3px solid #0050A2;
}


.sideSectionWrap {
    background: #FAFAFA;
    padding: 4rem 0 10.5rem;
}
.sideSection h1 {
    display: none;
}
.widget_recent_entries {
    height: 310px;
    overflow-y: auto;
    padding-right: 1em;
}

.widget_recent_entries ul li{
    position: relative;
    margin-bottom: 2.1rem;
}

.widget_recent_entries ul li span{
position: absolute;
top: 0;
font-size: 1.2rem;
font-weight: bold;
color: #717171;
}
.widget_recent_entries ul li a {
    padding: 2.5rem 0 1.7rem 2.5rem;
    border-bottom: 1px solid #C6C6C6;
    position: relative;
}
.widget_recent_entries ul li a:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 1px;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.siteContent_after {
    padding: 7.7rem 0 10.0rem;
}
@media (max-width: 767px) {
    .clubs_nav li {
        margin-right: 0%;
        width: 100%;
        float: none;
     }
     .clubs_nav li a {
        padding: 3.1rem 3.7rem 3.1rem 2.7rem;
    }
    .clubs_nav li a:after {
        right: 25px;
    }
     .widget_recent_entries ul li a {
        padding: 3.0rem 0 1.7rem 3rem;
     }
}
/* ==========================================
 ごあいさつ
============================================ */

.message-content .pictureList li >div {
    border-top: 3px solid #0050A2;
    position: relative;
    padding-top: 1.5rem;
}
.message-content .pictureList li > div:after {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    border-bottom: 3px solid #F7A81B;
    z-index: 5;
}
.message-content .pictureList li >div p {
    text-align: center;
}
.message-content .pictureList li ul.movie-block{
        display: flex;
        list-style: none;
        padding: 0;        
}
.message-content .pictureList li ul.movie-block li{
    width: 49%;
}
.message-content .btn:not(:last-child) {
    margin-bottom: 1.9rem;
}
.message-content .pictureList img.pic {
    padding-right: 1.0rem;
}
.message-content h3 {
    color: #0050A2;
    font-size: 1.9rem;
    font-weight: bold;
    position: relative;
    border-bottom: none;
    padding-bottom: 0;
    /*margin-bottom: 3.5em;*/
    margin-bottom: 2em;
    line-height: 1.4;
}
.message-content h3.president{
    margin-bottom: 1.5em;    
}
.message-content h3:after {
    display: none;
}
.message-content h3 strong {
    color: #000;
    font-size: 2.8rem;
    display: block;
    margin-top: 3px;
}
.message-content .btn {
    width: 100%;
    padding: 7px 0 6px 0;
}
.message-content .graybox li {
    max-width: 284px;
}
.message-content .graybox li h3 {
    margin-bottom: 1.9rem;
}
.message-content .graybox li.digignate h3 span {
    letter-spacing: -1px;
}
@media (max-width: 767px) {
    .message-content .pictureList li >div > .col-md-6 {
        max-width: 254px;
        margin-left: auto;
        margin-right: auto;
    }
    .message-content h3 {
        margin-bottom: 1em;
    }
    .message-content li:not(:last-child) {
        margin-bottom: 2em;
    }
    .message-governor-content .photo {
        width: 40%;
    }
    .message-content .pictureList li ul.movie-block{
        flex-wrap: wrap;
    }
    .message-content .pictureList li ul.movie-block li{
        width: 100%;
    }
}

.message-governor-content strong {
    color: #0050A2;
    font-weight: normal;
    text-decoration: underline;
}
.message-governor-content .container:nth-of-type(1) {
    padding-bottom: 8.3rem;
}
.message-governor-content h3.page-ttl span {
    color: #000;
    font-size: 1.8rem;
    font-weight: 600;
}
.message-governor-content h4 {
    color: #0050A2;
    font-size: 2.4rem;
    line-height: 1.5;
}
.message-governor-content h4 span {
    width: 1.5em;
    height: 1.5em;
    margin-right: 2.0rem;
    text-align: center;
    background-color: #0050A2;
    color: #fff;
    font-size: 2.4rem;
    display: block;
    float: left;
}
@media (max-width: 767px) {
    .message-governor-content h4 span {
        font-size: 2.6rem;
    }
}
/* ==========================================
 ガバナー月信
============================================ */
.monthly-content .content:not(.graybox) {
    padding-top: 6.0rem;
    padding-bottom: 3.0rem;
}
.monthly-content .monthly-latest {
    padding-bottom: 5.3rem;
}
.monthly-content .monthly-latest h3.page-ttl {
    position: relative;
    padding-left: 11.6rem;
}
.monthly-content .monthly-latest h3.page-ttl:before {
    position: absolute;
    left: 0;
    content: "最新号";
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    background: #0050A2;
    border-radius: 30px;
    padding: .7rem 2.3rem .6rem;
}
.monthly-content .monthly-latest li {
    margin-bottom: 0;
}
.monthly-content .backnumber h3.page-ttl {
    font-size: 2.2rem;
    margin-top: 0 !important;
}
.monthly-content .backnumber li {
    margin-bottom: 3.7rem;
}
.monthly-content .backnumber a {
    background: url(./assets/images/common/icon_pdf.png) 0 2px no-repeat;
    padding-left: 6.6rem;
    display: flex;
    align-items: center;
    min-height: 46px;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #222222;
    margin-bottom: 10px;
}
.monthly-content .page-contents{
    max-width: 960px;
    width: 100%;
    margin: auto;
}
.monthly-content .wdh420 img{
    width: 420px;
}
.monthly-content .wdh390 img{
    width: 390px;
}
.monthly-content .catttl{
    font-weight: bold;
    color: #009999;
    text-decoration: underline;
}
.monthly-content .catttl_noline{
    font-weight: bold;
    color: #009999;
}
.monthly-content .uline{
    text-decoration: underline;
}
.monthly-content .mt20{
    margin-top: 5px;
}
.monthly-content .fontlarge{
    font-size: 2.2rem;
}
.monthly-content .chatttl{
    padding-bottom: 5rem;
}
.monthly-content .ls02r{
    letter-spacing: 0.2rem;
}
.monthly-content .ls01r{
    letter-spacing: 0.1rem;
}
.monthly-content .workttl{
    margin-bottom: 3.4rem;
}
.monthly-content .pagehead{
    /* display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    background-color: #642270;
    align-items: center;
    color: #FFF;
    padding: 2% 2% 0 2%; */
}
.monthly-content .pagehead_in{
    /* width:65%; */
}
.monthly-content .logo,
.monthly-content .president{
    width: 15%;
}
.monthly-content .boxline{
    border: 1px solid;
    padding: 1.5%;
}
.monthly-content .pc_br{
    display: inline-block;
}
.monthly-content .heart{
    position: relative;
}
.monthly-content .heart::after{
    content: "";
    display: block;
    width: 30%;    
    height: 30%;
    position: absolute;
    background-image: url("../../../../monthly/img/202204_05.png");
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    top: -25%;
}
.monthly-content .page-contents h4{
    font-size: 3.5rem;
    font-weight: normal;
    margin-bottom: 1em;
}
.monthly-content hr.dash{
    border-top:2px dashed rgb(0 0 0);
    margin:1em 0;
}
.monthly-content figurecaption{
    line-height: 1.5;
    margin-top: 0.8em;
    display: inline-block;
}
.monthly-content .alignC{
    text-align:center
}
.monthly-content .lh15{
    line-height:1.5
}
.monthly-content .fs40{
    font-size:3rem
}
.monthly-content .mt15{
   margin-top:1.5em
}
.monthly-content .lead_text{
line-height:1.9;
}
.monthly-content .flexA{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.monthly-content .flexA .flex-in{
    width:48%;
    line-height:1.9;
    position: relative;
}
.monthly-content .flexA div.dash2{
    width: 2px;
    border-right: 2px dashed rgb(0 0 0);
    margin: 0 1%;
}
.monthly-content .simple,
.monthly-content .section .simple tbody td{
    border:1px solid #333333;
    background:#ffffff!important;
}
.monthly-content .underline-dot {
    padding-top: 10px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 1em 0.5em;
    background-image: radial-gradient(circle at center, #000000 20%, transparent 20%);
    font-weight:bold;
}
.monthly-content .article .italic{
    font-style:italic;
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Hiragino Sans,"Noto Sans JP",sans-serif;
}
.monthly-content figure.illust figurecaption{
    font-size:0.8em;
}
.monthly-content .newyear p {
    position: absolute;
}
.monthly-content .newyear img{
    position: relative;
    top: -20px;
    left: 250px;
    width: 150px;
}

@media (min-width: 768px){
    .monthly-content .flexA div{
        width:60%
    }
    .monthly-content .flexA figure{
        width:40%;
    }
    .monthly-content .flexA figure img{
        width:100%
    }
    .monthly-content figure.illust{
        float:left;
        padding:5px;
    }
    .monthly-content figure.illust01{
        width: 45%;
        float:left;
    }
    .monthly-content figure.illust02{
        width: 30%;
    }
}

@media (max-width: 992px) {
    .monthly-content .chatttl{
        padding-bottom: initial;
    }
    .monthly-content .workttl{
        margin-bottom: initial;
    }
    .mtop-clear{
        margin-top: initial !important;
    }
    .pc_br{
        display: none;
    }
}
@media (max-width: 767px) {
    .monthly-content .backnumber a {
        background: url(./assets/images/common/icon_pdf.png) 0 0 no-repeat;
    }
    .monthly-content .monthly-latest .photo {
        width: 40%;
    }
    .monthly-content .d-flex{
        flex-wrap: wrap;
        margin: auto;
    }
    .monthly-content .pagehead{
        flex-wrap: wrap;
    }
    .monthly-content .pagehead_in{
        width:100%;
    }
    .monthly-content .logo,
    .monthly-content .president{
        width: 45%;
    }
    .monthly-content .logo{
        text-align: right;
    }
    .monthly-content .president{
        text-align: left;
    }
    .monthly-content .flexA{
        display:block;
    }
    .monthly-content .flexA .flex-in{
        width:100%
    }
    .monthly-content .flexA div.dash2{
        display: none;
    }
    .monthly-content figure.illust{
        width:50%;
        float:right;
        padding:5px;
    }
    .monthly-content .newyear img {
        left: 220px;
        width: 100px;
       }
}
/* ==========================================
 ダウンロードライブラリ
============================================ */
.download-content .content {
    padding-top: 6.0rem;
    padding-bottom: 3.0rem;
}
.download-content .books{
    text-align: center;
}
.download-content .books .booklink{
    font-size: 1.4rem;
    color: #777777;    
    line-height: 1.5;
    display: block;
    margin-top: 5%;
}
.download-content #DL-vocational .list-unstyled li .booklink.pdf{
    position: relative;
    padding-left: 40px;
}
.download-content #DL-vocational .list-unstyled li .booklink.pdf::before{
    position: absolute;
    content: url(./assets/images/common/icon_pdf.png);
    top: 0;
    left: 0;
}
.download-content #DL-social li img{
    width: 100%;
}


/* ==========================================
 会員数
============================================ */
.syusseki-content th {
    padding: 2.8rem 0em 2.75rem 2rem;
   background: none;
   text-align: left;
   line-height: 2;
}
.syusseki-content th span {
    display: block;
    background: url(./assets/images/common/icon_excel.png) 0 0 no-repeat;
    background-size: auto 27px;
    min-height: 28px;
    font-size: 1.2rem;
    color: #207347;
    padding-left: 31px;
    padding-top: 3px;
 }
.syusseki-content td {
    padding: 2.8rem 0 1.5rem 0;
}
.syusseki-content .attendanceList li {
    float: left;
    display: inline-block;
    width: 11.5rem;
    margin-right: 3rem;
    margin-bottom: 1.25rem;
}
.syusseki-content .attendanceList li a {
    position: relative;
    padding-left: 1.75rem;
    color: #222;
}
.syusseki-content .attendanceList li a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 9px;
    height: 9px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 2px #207347;
    border-right: solid 2px #207347;
}
@media (max-width: 767px) {
    .syusseki-content th {
        width: 50%;
    }
    .syusseki-content .attendanceList li {
        width: 13.5rem;
    }
    }
/* ==========================================
 役員紹介
============================================ */
.staff-content th,
.staff-content td {
    padding-top: 3.6rem;
    padding-bottom: 3.5rem;
 }
.staff-content th {
   background: none;
   font-size: 1.6rem;
   text-align: left;
}
.staff-content td {
    color: #0050A2;
}
.staff-content td li {
    margin-bottom: 0;
}
.staff-content .row3 li {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .staff-content col {
        width: 100%;
    }
    .staff-content th,
    .staff-content td {
        display: block;
        padding-top: 2rem;
        padding-bottom: 2rem;
        background: none;
     }
     .staff-content table tr:nth-child(even) th,
     .staff-content table tr:nth-child(even) td {
        background-color: #fff !important;
    }
    .staff-content  table tr th,
    .staff-content  table tr:nth-child(even) th  {
    background-color: #F4F4F4 !important;
    }
    .staff-content .row3 li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
}
/* ==========================================
 奨学生･留学生の募集
============================================ */


/* ==========================================
 地区行事予定・ガバナー訪問日程
============================================ */
.schedule.pagenav {
    border-top: 1px solid #687D90;
    border-bottom: 1px solid #687D90;
    margin-bottom: 10.0rem;
    padding-top: 9px;
}
.schedule.pagenav .container {
    padding-left: 0;
    padding-right: 0;
}
.schedule.pagenav li {
    margin-bottom: 9px;
}
.schedule.pagenav li a {
    background: #EEEEEE;
    border-radius: 14px;
    color: #333333;
    text-align: center;
    display: block;
    width: 100%;
    padding: 1.1rem;
    line-height: 1;
}
.schedule.pagenav li.current a {
    background: #0050A2;
    color: #fff;
}
.tblWrap {
    width: 100%;
    overflow-x: auto;
}
.tblWrap table {
    min-width: 520px;
}
.scheduleList {
    margin-bottom: 50px;
}
.scheduleList th span {
    font-size: 1.2rem;
    display: block;
}
.scheduleList td.day {
    text-align: center;
}
.scheduleList td.sat{
	color: #0050A2;
}
.scheduleList td.hori{
	color: #FF3838
}
.scheduleList td.day{
	text-align:center;
	padding-left:4px;
}
.schedule-content .scheduleList tr:nth-child(even) th,
.schedule-content .scheduleList tr:nth-child(even) td {
    background-color: #fff !important;
}
.schedule-content .scheduleList tr td.odd {
	background-color: #F4F4F4 !important;
}
.scheduleList td.arw{
    background-image: url("./assets/images/schedule/arw-line.png");
    background-repeat: repeat-y;
    background-position: 5px 0;
	padding-left:25px;
}
.scheduleList td.arw-top{
    background-image: url("./assets/images/schedule/arw-line.png");
    background-repeat: no-repeat;
    background-position: 5px 100%;
	padding:0 4px 5px 10px;
}
.scheduleList td.arw-top-right{
    background-image: url("./assets/images/schedule/arw-line.png"),url("./assets/images/schedule/arw-line.png");
    background-repeat: no-repeat,repeat-y;
    background-position: right 5px top 100%, 5px 0;
	padding:0 4px 5px 10px,25px;
    text-align: right;
}
.scheduleList td.arw-top span{
	background-color:#fff;
	display:block;
	padding:5px 0 0 0;
}
.period-content .scheduleList tr:nth-child(even) td.arw-top span {
	background-color:#F4F4F4 ;
}
.schedule-content .scheduleList td.arw-top.odd span {
	background-color:#F4F4F4;
}
.scheduleList .odd td.arw-top span{
	background-color:#eee;
}
.scheduleList td.arw-btm{
	background-image: url("./assets/images/schedule/arw-btm.png");
    background-repeat: no-repeat;
    background-position: 5px 100%;
	padding-left:25px;
}
.scheduleList td.arw-btm.arw-right {
	background-image: url("./assets/images/schedule/arw-btm.png"),url("./assets/images/schedule/arw-line.png");
    background-repeat: no-repeat,repeat-y;
    background-position: 5px 100%,right 5px top 0;
	padding-left:25px;
}
.scheduleList td.arw.arw-right {
	background-image: url("./assets/images/schedule/arw-line.png"),url("./assets/images/schedule/arw-line.png");
    background-repeat: repeat-y,repeat-y;
    background-position: 5px 100%,right 5px top 0;
	padding-left:25px;
}
.scheduleList td.arw-btm-right {
	background-image: url("./assets/images/schedule/arw-btm.png");
    background-repeat: no-repeat;
    background-position: right 5px top 100%;
	padding-left:25px;
}
.scheduleList td.arw.arw-btm-right {
	background-image: url("./assets/images/schedule/arw-line.png"),url("./assets/images/schedule/arw-btm.png");
    background-repeat: repeat-y,no-repeat;
    background-position: 5px 100%,right 5px top 100%;
	padding-left:25px;
}
.period-content .scheduleList tr.sub td {
    text-align: center;
    font-size: 1.2rem;
}
.scheduleList del{
	text-decoration:line-through;
	color: #f00;
}
.scheduleList del span{
	color: #333;
}
.scheduleList span.red{
	color: #f00;
}
.mid-ttl{
    font-size: 2rem;
}
.scheduleComment table{
    margin-bottom: 0;
}
.scheduleComment p{
    text-align: right;
    font-size: 14px;
}
/* ==========================================
 クラブ紹介
============================================ */
.clubs-content dt {
    color: #0050A2;
    font-size: 2.4rem;
    line-height: 1.5;
    border-bottom: 3px solid #0050A2;
    position: relative;
    font-weight: bold;
    border-left: 0;
    padding-bottom: 0.5em;
    padding-left: 0;
    margin-bottom: 1em;
}
.clubs-content dt:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 30px;
    border-bottom: 3px solid #F7A81B;
    z-index: 5;
}
.clubs-content dd {
    border-bottom: 1px solid #D0D0D0;
    border-left: 0;
    padding-bottom: 2.76rem;
    margin-bottom: 2.84rem;
    position: relative;
    padding-left: 6.5em;
    font-size: 1.6rem;
}
.clubs-content dd.day {
    margin-bottom: 1.54rem;
}
.clubs-content dd:last-child {
    border-bottom: 0;
}
.clubs-content dd:before {
    position: absolute;
    font-size: 1.8rem;
    font-weight: bold;
    top: -3px;
    left: 0;
    color: #0050A2;
    border: 2px solid #0050A2;
    text-align: center;
    padding: 7px 15px;
    line-height: 1;
    border-radius: 30px;
}
.clubs-content dd.plc:before {
    content: "例会場";
}
.clubs-content dd.day:before {
    content: "例会日";
}
.clubs-content dd.more  {
    text-align: right;
}
.clubs-content dd.more .btn {
    border-radius: 27px;
    text-align: center;
    padding: 1.1rem 4.2rem 0.9rem;
    width: 100%;
    max-width: 200px;
}
/* ==========================================
 地区青少年交換プログラムの募集
============================================ */
.abroad-content .program {
    position: relative;
}
.abroad-content th {
    background: none;
}
.abroad-content .program dt {
    position: absolute;
    font-size: 1.8rem;
    font-weight: bold;
    left: 0;
    color: #0050A2;
    text-align: center;
    border-left: 0;
}
.abroad-content .program dd {
    border-bottom: 1px solid #D0D0D0;
    border-left: 0;
    position: relative;
    padding-left: 6.5em;
    font-size: 1.6rem;
    padding-top: 1px;
}
.abroad-content dd.plc:before {
    content: "例会場";
}
.abroad-content dl.note {
    margin: 0;
    line-height: 1.5;
}
.abroad-content dl.note dd {
    text-indent: -2em;
    margin-left: 3em;
}
.abroad-content dl.note dt,
.abroad-content dl.note dd  {
    /* margin-bottom: 0; */
    font-weight: normal;
    font-size: 1.4rem;
}
.abroad-content .episodeList {
    border-top: 1px solid #0050A2;
    border-bottom: 1px solid #0050A2;
}
.abroad-content .episodeList li {
    border-bottom: 1px solid #0050A2;
    padding: 2.84rem 2.6rem 2.84rem 0;
    margin-bottom: 0;
}
.abroad-content .photoList li {
    margin-bottom: 0;
    max-width: 20%;
}
.abroad-content .episodeList li.nobrd {
    border-bottom: none;
}
.abroad-content .episodeList img,
.abroad-content .episode_box img {
    float: left;
    margin-right: 2.5rem;
    vertical-align: middle;
}
.abroad-content .episode_box {
    margin-top: 8.38rem;
}
.abroad-content .episode_box#ori {
    margin-bottom: 7.3rem;
}
.abroad-content .episode_ttl {
    padding: 2.8rem 2.6rem 2.8rem 0;
    border-top: 1px solid #0050A2;
    border-bottom: 1px solid #0050A2;
    margin-bottom: 4.36rem;
}
.abroad-content .episode_ttl h4 {
    font-size: 2.8rem;
    font-weight: bold;
    color: #0050A2;
    margin-bottom: 0;
}
.abroad-content .episode_ttl p {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .abroad-content .photoList li {
        margin-bottom: 0;
        max-width: 25%;
    }
    }
@media (max-width: 767px) {
.abroad-content .photoList li {
    margin-bottom: 0;
    max-width: 33.33333%;
}
.abroad-content .episodeList img, .abroad-content .episode_box img {
    max-width: 80px;
}
}

/* ==========================================
 インターアクト・ローターアクト
============================================ */
.act-content h2.page-ttl span {
    display: block;
    font-size: 3.0rem;
 }
 .act-content h3.page-ttl .en {
    display: block;
    font-size: 2.0rem;
 }
.act-content .photo {
    line-height: 1.5;
    font-size: 1.4rem;
}
.act-content .photo img {
    margin-bottom: 0.5em;
}
.act-content .text.ja {
    margin-bottom: 5.0rem;
}
.act-content .new{
    padding-left: 0.5rem;
}
/* ==========================================
 地区大会
============================================ */
.meeting-content dl {
    position: relative;
}
.meeting-content dd {
    border-bottom: 1px solid #D0D0D0;
    border-left: 0;
    padding-bottom: 2.76rem;
    margin-bottom: 2.84rem;
    position: relative;
    padding-left: 10.5em;
    font-size: 1.6rem;
    line-height: 1.5;
}
.meeting-content dt {
    position: absolute;
    font-size: 1.8rem;
    font-weight: bold;
    top: -3px;
    left: 0;
    color: #fff;
    border: 2px solid #0050A2;
    background: #0050A2;
    text-align: center;
    padding: 7px 15px;
    line-height: 1;
    border-radius: 30px;
}
.meeting-content th {
    background: none;
}
.meeting-content .meeting_img {
    display: flex;
    justify-content: space-between;
}
.meeting-content .meeting_img_item {
    width: 48%;
    border: 1px solid #ccc;
    list-style: none;
}

.meeting-content .photocontests{
    display: flex;
    list-style: none;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: auto;
    max-width: 1140px;
    flex-wrap: wrap;
}
.meeting-content .photocontests li{
    width: 24%;
    text-align: center;
    margin-bottom: 2rem;
}
.meeting-content .photocontests::before{
    content:"";
    display: block;
    width:24%;
    order:1;
}
.meeting-content .photocontests::after{
    content:"";
    display: block;
    width:24%;
}

.meeting-content .photocontests li img{
    object-fit: cover;
    height: 165px;
}
.meeting-content .photocontests li p {
    margin: 0 auto;
}
.meeting-content .photocontests li p span{
    display: inline-flex;
    padding-top: 10px;
    width: 90%;
    line-height: 1.3;
    text-align: left;
    justify-content: center;
}
.meeting-content .photocontests li p span strong{
    padding-right: 1rem;
}
.meeting-content .btn_form a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem auto;
    padding: 1rem 2rem;
    width: 360px;
    color: #FFFFFF;
    font-weight: 700;
    background-color: #0050A2;
    font-size: 1.9rem;
  }  
.meeting-content .btn_form a:hover {
    text-decoration: none;
    opacity: 0.8;
  }

@media (max-width: 769px) {
    .meeting-content .btn_form a {
        width: 100%;
    }
    .meeting-content .meeting_img {
        display: block;
        padding-left: 0;
    }
    .meeting-content .meeting_img_item {
        width: 100%;
    }
    .meeting-content .photocontests{
        justify-content: center;
    }
    .meeting-content .photocontests li {
        width: 100%;
    }
    .meeting-content .btn_form a{
        font-size: 1.7rem;
    }
    .meeting-content .photocontests li img{
        height: auto;
    }
  }

/* ==========================================
 アーカイブス一覧
============================================ */
.archives-content ul.archives li a {
    display: block;
    height: 100%;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-top: 3px solid #0050A2;
    position: relative;
}
.archives-content ul.archives li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    border-bottom: 3px solid #F7A81B;
    z-index: 5;
}
.archives-content ul.archives img {
    display: inline-block;
    margin-right: 1em;
}
/* ==========================================
 組織概要
============================================ */
.organization-content .content.description {
    background: #FAFAFA;
    padding: 9.0rem 10.0rem 9.0rem 10.0rem;
}
.organization-content .content.description .row {
    background: #fff;
    padding: 8.0rem 8.7rem;
}

.organization-content .action-content {
    margin-bottom:70px;
}
.organization-content .action-content ul li,
.organization-content .action-content ol li{
    list-style:none;
}
.organization-content .action-content h4,
.organization-content .action-content h5,
.organization-content .action-content h6{
    font-size:1.8rem;
    margin-bottom:0.5em;
}
.organization-content .action-content h6{
    margin-top:0;
}
.organization-content .li_mark01 li{
    text-indent: -15px;
    padding-left: 15px;
}
.organization-content .li_mark01 li:before{
    content:'•';
    padding-right:4px;
}
.organization-content .li_mark02 li{
    text-indent: -24px;
    padding-left: 29px;
}
.organization-content .li_mark02 li:before{
    content:'➢';
    padding-right:5px;
}
    
@media screen and (max-width:767px) {
    .organization-content .action-content ul{
    padding-left:10px;
    }
}
@media (max-width: 991px) {
    .organization-content .content.description {
        padding: 4.5rem 5.0rem 4.5rem 5.0rem;
    }
    .organization-content .content.description .row {
        padding: 4.0rem 4.3rem;
    }
}

/* ==========================================
 サイトマップ
============================================ */
.sitemap-content h3.page-ttl a {
    text-decoration: none;
}
.sitemap-content h3.page-ttl span {
    background: #0050A2;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    padding: .7rem 2.0rem .6rem;
    margin-left: 1.0rem;
    font-size: 1.8rem;
    position: relative;
    top: -5px;
}
.sitemap-content .sitemapList > li {
    border-bottom: 1px solid #0050A2;
    padding-top: 3.7rem;
    padding-bottom: 2.0rem;
    margin-bottom: 0;
}
.sitemap-content .sitemapList > li > a {
    font-size: 2.8rem;
    font-weight: bold;
}
.sitemap-content .sitemapList .sub-menu > li > a {
    font-size: 2.4rem;
    position: relative;
    padding-left: 2.7rem;
}
.sitemap-content .sitemapList .sub-menu > li > a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
@media (max-width: 767px) {
    .sitemap-content .sitemapList > li > a {
        font-size: 2.0rem;
    }
    .sitemap-content .sitemapList .sub-menu > li > a {
        font-size: 2.0rem;
    }
    .sitemap-content .sitemapList > li.has-sub-menu {
        border: none;
        padding-bottom: 0;
    }
}
/* ==========================================
 VI
============================================ */
.clubswebsite-content .graybox .container {
    max-width: 1420px;
}
.clubswebsite-content .graybox .container .block{
    margin-bottom: 16.8rem;
}
.clubswebsite-content h2 {
    border: none;
    text-align: center;
    margin-bottom: 5.0rem;
    padding: 0;
    font-family: 'Noto Serif JP', serif;
}
.clubswebsite-content h2 img{
    margin: 0 auto;
}
.clubswebsite-content h3 {
    background: #4E4E4E;
    color: #fff;
    text-align: center;
    padding: 3.0rem;
    line-height: 1.1;
    margin-bottom: 9.5rem;
}
.clubswebsite-content h3 span {
    font-size: 3.6rem;
    margin-bottom: 0.8rem;
    display: inline-block;
    font-family: 'Noto Serif JP', serif;
}
.clubswebsite-content h4 {
    font-size: 2.8rem;
    padding-left: 6.1rem;
    position: relative;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}
.clubswebsite-content h4 span.member{
    display: block;
    font-size: 1.8rem;
    margin-top: 2.0rem;
    line-height: 1.6;
}
.clubswebsite-content h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5rem;
    height: 100%;
    background: #ECECEC;
    border-radius: 5px;
}
.clubswebsite-content table.picture {
    margin-bottom: 4.2rem;
}
.clubswebsite-content table.picture,
.clubswebsite-content table.picture td {
    border: none;
    padding: 0;
}
.clubswebsite-content table.picture td {
    vertical-align: bottom;
    color:#0050A2;
    font-size: 1.8rem;
}
.clubswebsite-content table.picture td:last-child {
    width: 192px;
}
.clubswebsite-content table.picture td span {
    font-size: 2.4rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}
.clubswebsite-content .category.pagenav {
    margin-bottom: 5.2rem;
}
.clubswebsite-content .category.pagenav li {
   padding: 0px 1.2rem;
}
.clubswebsite-content .clubs_ttl_wrap {
    height: 80px;
    background: #E8E8E8;
    position: relative;
}
.clubswebsite-content .clubs_ttl_wrap:before {
    width: 500px;
    height: 100%;
    background: #727171;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
}
.clubswebsite-content .clubs_ttl_wrap .container {
    /* background: #E8E8E8; */
}
.clubswebsite-content .content.first {
    padding-top: 12.6rem;
}
.clubswebsite-content h2.clubs_ttl {
    position: relative;
    border: none;
    text-align: right;
    color: #fff;
    background: #727171;
    width: 280px;
    height: 80px;
    margin: 0;
    float: right;
    font-size: 3.6rem;
    line-height: 80px;
    font-family: 'Noto Serif JP', serif;
}
.clubswebsite-content .clubList  {
    margin-top: 6.5rem;
}
.clubswebsite-content .clubList a {
    text-decoration: none;
}
.clubswebsite-content .clubList  li {
    position: relative;
    margin-bottom: 7.0rem;
}
.clubswebsite-content .clubList  li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 175px;
    background: #EEEEEE;
}
.clubswebsite-content .clubList  dl {
position: relative;
z-index: 10;
max-width: 250px;
}
.clubswebsite-content .clubList dt {
    font-size: 2.4rem;
    color:#000000;
    margin-bottom: 3px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}
.clubswebsite-content .clubList dd.url {
    font-size: 1.2rem;
}
.clubswebsite-content .clubList dd.photo img {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
    .clubswebsite-content .graybox .container .block .d-flex{
        display: block !important;
    }
}
@media (max-width: 767px) {

    /* .clubswebsite-content .content .container {
        padding-left: 5%;
        padding-right: 5%;
    } */
    .clubswebsite-content .clubList {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    .clubswebsite-content .clubList li {
        margin-bottom: 4.0rem;
    }
    .clubswebsite-content .clubs_ttl_wrap:before {
        width: 100px;
    }
    .clubswebsite-content h2.clubs_ttl {
        width: 275px;
        padding-right: 1.8rem;
    }
}

/* ==========================================
 英語
============================================ */
.en.clubs-content table {
    margin-bottom: 5.0rem;
}
.en.clubs-content table th {
    text-align: left;
}
.en.clubs-content table a {
    background: url(./assets/images/common/ico-link.png) no-repeat right 50%;
    padding-right: 14px;
}
.post-name-en .siteFooter .page_top_btn:before,
.parent-pageid-1213 .siteFooter .page_top_btn:before {
    content: 'PAGE TOP';
}
.post-name-en .scroll_logo,
.post-name-en .siteHeader_logo {
    background: url(./assets/images/common/logo_en.png) 0 0 no-repeat;
    background-size: contain;
}
.post-name-en .scroll_logo img,
.post-name-en .siteHeader_logo img {
    visibility: hidden;
}
/* .post-name-en .siteHeader_logo img,
.parent-pageid-1213 .siteHeader_logo img {
    visibility: hidden;
}
.post-name-en .siteHeader_logo img,
.parent-pageid-1213 .siteHeader_logo img {
    visibility: hidden;
} */

/* ==========================================
 入会のご案内 add 20210715
============================================ */
.post-name-join .page-header,
.post-name-join .breadSection,
.post-name-join #bnrArea {
    display: none;
}
.post-name-join .siteContent {
    padding-top: 0;
    padding-bottom: 0;
}
.post-name-join .siteContent .entry-full,
.post-name-join .siteContent .mainSection {
    margin-bottom: 0rem;
}
.join-content .content {
    padding-top: 6.0rem;
    padding-bottom: 6.0rem;
}
.join-content .data-area {
    background-color: #f0f0f0;
}
.join-content .merit-area h2.page-ttl:before {
    content: "Merit";
    position: absolute;
    top: -60px;
    right: -7.5%;
    font-size: 20.0rem;
    color: #F0F0F0;
    line-height: 1;
    font-weight: normal;
    z-index: -1;
    text-align: right;
}
.join-content .target-area h2.page-ttl:before {
    content: "Target";
    position: absolute;
    top: -60px;
    right: -7.5%;
    font-size: 20.0rem;
    color: #F0F0F0;
    line-height: 1;
    font-weight: normal;
    z-index: -1;
    text-align: right;
}
.join-content .since-area h2.page-ttl:before {
    background: url(./assets/images/join/bg_since01.png) 0 0 no-repeat;
    content: "";
    width: 900px;
    height: 192px;
}
.join-content strong {
    color: #1c4d9b;
    font-weight: bold;
}
.join-content .main-area {
    min-height: 800px;
    background: url(./assets/images/join/photo01.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.join-content .main-area h1 {
    color: #fff;
    font-size: 6.0rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    -webkit-text-shadow:rgba(0, 0, 0, 0.3) 0 0 10px;
    text-shadow:rgba(0, 0, 0, 0.3) 0 0 10px;
}
.join-content .main-lead-area strong {
    font-size: 3.6rem;
    position: relative;
    padding: 0 10px 0 15px;
}
.join-content .main-lead-area strong::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f0f0f0;
    width: 100%;
    height: 22px;
    z-index: -1;
}
.join-content .merit-area {
    position: relative;
    padding-bottom: 52.5rem;
}
.join-content .merit-area::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 45.0rem;
    left: 0;
    right: 0;
    width: 100%;;
    background:url(./assets/images/join/photo03.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.join-content .merit-area table {
    margin-top: 7.0rem;
    border: 0;
}
.join-content .merit-area th {
    width: 8.3rem;
    color: #1c4d9b;
    font-weight: bold;
    padding-left: 3.2rem;
    background: #fff;
    line-height: 1.2 !important
}
.join-content .merit-area th span{
    font-size: 3.2rem;
}
.join-content .merit-area td {
    position: relative;
    padding: 3.0rem 8.5rem 3.0rem 2.4rem;
    line-height: 1.8 !important;
    font-size: 1.8rem;
}
.join-content .merit-area table tr:nth-child(even) th,
.join-content .merit-area table tr:nth-child(even) td {
	background-color: #fff !important;
}
.join-content .merit-area table, .join-content .merit-area table tbody th, .join-content .merit-area table tbody td {
    border-color: #f0f0f0 !important;
}
.join-content .link-area .container {
    padding-bottom: 8.0rem;
}
.join-content .link-area.activities .container {
    padding-top: 16.5rem;
}
.join-content .link-area.join-activities .container {
    padding-top: 8.0rem;
}
.join-content .link-area.join-activities{
    position: relative;
}
.join-content .link-area.join-activities:before {
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    background-color: #0050A2;
    position: absolute;
    z-index: -230;
}
.join-content h3:not(.page-ttl) {
    border: none;
    padding-bottom: 0;
}
.join-content h3:not(.page-ttl):after {
    display: none;
}
.join-content .link-area h3 {
    color: #fff;
    text-align: center;
    font-size: 5.0rem;
    margin-bottom: 4.0rem;
}
.join-content .link-area ul {
    margin-top: 8.0rem;
}
.join-content .link-area ul li {
margin-bottom: 3.0rem;
}
.join-content .link-area ul a {
    display: block;
    color: #333;
    background-color: #fff;
    font-size: 1.6rem;
    height: 100%;
}
.join-content .link-area ul a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.join-content .link-area ul a img{
    width: 100%;
}
.join-content .link-area ul a .inner {
    padding: 0.7rem 2.0rem 1.0rem;
}
.join-content .link-area ul a h4 {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 1.3rem;
    position: relative;
}
.join-content .link-area ul a h4:after {
content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 11px;
    height: 11px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
    margin: auto 0;
    border-top: solid 3px #0050A2;
    border-right: solid 3px #0050A2;
}
.join-content .since-area {
    background: url(./assets/images/join/bg_since02.png) 45px 100% no-repeat;
}
.join-content .since-area strong span {
    font-size: 5.6rem;
}
.join-content .data-area {
    position: relative;
    padding-bottom: 57.5rem;
}
.join-content .data-area::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 50.0rem;
    left: 0;
    right: 0;
    width: 100%;;
    background:url(./assets/images/join/photo06.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.join-content .data-area .container .row {
   background-color: #fff;
   padding: 3.0rem;
}
.join-content .data-area .container .row:first-child {
    margin-bottom: 3.0rem;
 }
.join-content .data-area h3 {
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.join-content .data-area .clubs_count {
    position: absolute;
    top: 21px;
    right: 40px;
    }
.join-content .data-area #clubs_count {
font-size: 5.2rem;
}
.join-content .data-area #clubs_chart {
margin-top: -20px;
    }
.join-content .data-area #members_count,
.join-content .data-area #clubs_count {
    font-size: 5.2rem;
}
.join-content .data-area .bg_member_count {
    background: url(./assets/images/join/bg_members_count.gif) 50% 0 no-repeat;
}
.join-content .data-area .bg_member_count img {
    visibility: hidden;
}
.join-content .countUp {
    visibility: hidden;
}
.join-content .countUp.is-show  {
    visibility: visible;
}
.join-content .member-area li span {
        color: #1c4d9b;
}
.parallax-window {
    min-height: 425px;
    background: transparent;
}
.parallax-slider {
    top: 0;
    left: 0;
}


@media (max-width: 1079px) {
    .join-content .data-area #clubs_chart {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .join-content .main-area {
        min-height: 300px;
        padding: 0;
    }
    .join-content .main-area h1 {
        font-size: 3.4rem;
    }    
    .join-content .main-lead-area strong {
        font-size: 2.6rem;
    }
    .join-content .main-lead-area strong::before {
        display: none;
    }
    .join-content .main-lead-area strong span {
        display: inline-block;
        position: relative;
    }
    .join-content .main-lead-area strong span::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background: #f0f0f0;
        width: 100%;
        height: 22px;
        z-index: -1;
    }
    .join-content .merit-area table {
        margin-top: 3.5rem;
    }
    .join-content .merit-area td {
        padding-right: 3.5rem;
    }
    .join-content .link-area h3 {
        font-size: 3.5rem;
    }
    .join-content .link-area .container {
        padding-top: 10rem;
        padding-bottom: 4.0rem;
        padding-left: 5%;
        padding-right: 5%;
    }
    .join-content .link-area ul {
        margin-top: 4.0rem;
    }
    .join-content .data-area,
    .join-content .merit-area {
        padding-bottom: 27.5rem;
    }
    .join-content .data-area::after,
    .join-content .merit-area::after {
        height: 24rem;
    }
    .join-content h2.page-ttl:before {
        font-size: 9.0rem !important;
    }
    .join-content .since-area,
    .join-content .since-area h2.page-ttl:before {
        width: 100%;
        background-size: 100% auto;;
    }
}


/* ==========================================
    奉仕活動　
============================================ */
.post-name-activity h1.page-header_pageTitle:after,
.post-name-activity h2.page-ttl:before,
.post-name-international h1.page-header_pageTitle:after,
.post-name-international h2.page-ttl:before{
    content: "Activity";
}
.post-name-activity .container,
.post-name-international .container{
    padding-bottom: 3.0rem;
}
.activity_content {
    margin-bottom: 60px;
}
.post-name-activity h2.page-ttl,
.post-name-international h2.page-ttl{
    margin-top: 150px;
}
.activity_content h4 {
    font-size: 1.8rem;
    font-weight: 700;
}
.activity_content ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.activity_content li {
    margin-bottom: 0;
    width: 18.8%;
}
.activity_content li:not(:last-child) {
    margin-right: 1.5%;
}
.inservice{
    padding-top: 9%;
}
.youtube {
    position: relative;
    display: inline-block;
}
.youtube:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent url(/wp/wp-content/themes/lightning_2026-27/assets/images/activity/play.png) center center no-repeat;
}
.activity-subtitile{
    font-size: 2.2rem;
    margin-bottom: 1.5em;
}
.activity-subtitile .activity-nav{
	display: flex;
	justify-content: space-between;
}
.activity-subtitile .activity-nav ul{
	display: flex;
	max-width: 490px;
    width: 100%;
	list-style: none;
	padding: 0;
}
.activity-subtitile .activity-nav ul li{
	margin: 0;
}
.activity-subtitile .activity-menu{
	background-color: #0050A2;
	font-size: 32px;
	font-size: 3.2rem;
	width: 270px;
	border-right: 5px solid #F7A81B;
	position: relative;
}
.activity-subtitile .activity-menu p{
	color: #fff;
}
.activity-subtitile .activity-menu .activity-title{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    padding: 15% 0;
}

.post-name-activity .item_6 li{
    width:15%!important
}
.post-name-activity .item_7 li{
    width:13%!important
}

@media (max-width: 1200px) {
	.activity-subtitile .activity-nav ul{
		width: 49%;
	}
    .activity-subtitile .activity-menu p{
		font-size: 1.7rem;
	}
}

@media (max-width: 767px) {
    .activity_content {
        margin-bottom: 30px;
    }
    .activity_content li {
        margin-bottom: 0;
        width: 49%;
        margin-bottom: 3%
    }

    .activity_content li:not(:last-child) {
        margin-right: 2%;
    }
    .activity_content li:nth-child(even) {
        margin-right: 0%;
    }
    .activity-subtitile p{
        width: 90%;
        margin: auto;
    }
    .activity-subtitile .activity-nav {
        justify-content: center;
        flex-wrap: wrap;
        width: 90%;
        margin: auto;
    }
	.activity-subtitile .activity-nav ul{
		width: 100%;
		margin: 6% auto 0;
	}
	.activity-subtitile .activity-menu p {
        font-size: 2.5rem;
        text-align: center;
    }
    .post-name-activity .item_6 li,
    .post-name-activity .item_7 li{
        width:49%!important
    }
}