@CHARSET "UTF-8";

/* ===================================================================
フォントの指定
=================================================================== */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* ゴシック体 */
html body {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* 明朝体
html body{
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} */
/* ================================================================ */

html body {
  background: #fff;
}

html body #container {
  line-height: 1;
}

html body #container article,
html body #container section,
html body #container footer {
  line-height: 1.5;
}

img {
  display: block;
}

header a,
footer a,
#wrapper a {
  text-decoration: none;
}

/*
a:not(.button):hover{ color: red ! important; }
*/

/* ===================================================================
ベース
=================================================================== */
article {
  margin: 1rem auto 0;
}

#container.area_flex {
  min-height: 100vh;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
}

#container .size {
  margin-left: auto;
  margin-right: auto;
}


#container {}


/* header */
#sp_menu h1 a {
  color: #000;
  text-decoration: none;
}

header {
  font-size: 18px !important;
  margin-top: .3rem;
  margin-bottom: .3rem
}

header a {
  color: #000;
}

#container nav.area_pc {
  border-top: 1px rgba(0, 0, 0, .2) solid;
  border-bottom: 1px rgba(0, 0, 0, .2) solid;
  background-color: #fddda0;
  font-size: .8rem;
}

nav #main_menu {
  margin: 0 auto;
  text-align: center;
  border-right: 1px rgba(0, 0, 0, .2) solid;
}

nav #main_menu>.flex-item {
  color: #000;
  text-decoration: none;
  border-left: 1px rgba(0, 0, 0, .2) solid;
  padding: 1rem;
}

nav #main_menu>.flex-item>.variable {
  color: #000;
  text-decoration: none;
}

nav #main_menu .flex-item:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #000 !important;
}

/* child_menu */
nav #main_menu>.flex-item.parent {
  position: relative;
}

nav #main_menu>.flex-item.parent>.child_menu {
  z-index: 9999;
  position: absolute;
  display: none;
  bottom: auto;
  left: -1px;
  margin: auto;
  padding: 1rem 0 0;
  width: 100%;
}

nav #main_menu>.flex-item.parent:hover>.child_menu {
  display: block;
  width: 100%;
}

.flex-item.parent>.child_menu>.disp-flex {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  border: rgba(0, 0, 0, .2) 1px solid;
  border-top: 0;
}

.flex-item.parent>.child_menu>.disp-flex>.flex-item {
  padding: 1rem;
  background-color: #fddda0;
  color: #000;
  text-decoration: none;
  text-align: left;
}

nav #main_menu>.flex-item.parent>.child_menu>.disp-flex>.flex-item+.flex-item {
  border-top: rgba(255, 255, 255) 1px dashed;
}

nav #main_menu>.flex-item.parent>.child_menu>.disp-flex>.flex-item:hover {
  background-color: #fce9c7;
}

.login+.login {
  margin-top: .3rem;
}

.login a {
  display: inline-block;
  width: 13rem;
  background-color: #fddda0;
  color: #000;
  border: 1px #777 solid;
  font-weight: bold;
  padding: .5rem 0;
  margin-left: .5rem;
  text-align: center;
}


/* footer */
footer {
  margin-top: 3rem;
  padding-top: 3rem;
  padding-right: .5rem;
  padding-left: .5rem;
  font-size: 16px !important;
  background-color: #fddda0;
  color: #000;
}

footer a {
  color: #000;
}

footer .f_add_area>div+div {
  margin-top: 1rem;
}

footer ul.f_menu li a {
  display: block;
}

footer .f_parent_menu {
  border-bottom: 1px solid #000;
  margin-top: 1rem;
}

footer ul.f_child_menu li {
  text-indent: 1rem;
  font-size: .8rem;
  margin: .5rem 0;
}


/* copyright */
#bsc-copyright {
  font-size: .7em;
  text-align: right;
}

#copyright {
  font-size: .9em;
  text-align: center;
  margin-top: 2rem;
}

/* ===================================================================
pc nav固定
=================================================================== */
.nav_is-fixed {
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* ===================================================================
見出し
=================================================================== */
h1 {
  font-size: 1.5rem;
  color: #555;
}

#sp_menu h1 {
  margin-left: .5em;
}

#wrapper *+h2,
#wrapper *+h3,
#wrapper *+h4,
#wrapper *+h5 {
  margin-top: 2rem;
}

div:not(.h2waku)>h2 {
  /* フロントページのh2 */
  text-align: center;
  color: #85274e;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.h2waku h2 {
  font-size: 1.6rem;
  background-color: #ffe8be;
  color: #000;
  text-align: center;
  margin-bottom: 2rem;
  padding: 3rem 0;
}

h3 {
  font-size: 1.4em;
  border-bottom: 1px solid #ddd;
}

h4 {}

h5 {}


/* "maru_num" */
.maru_num {
  list-style: none;
}

.maru_num li {
  padding-left: 2rem;
  text-indent: -1.5rem;
  list-style-position: inside;
}

.maru_num li::before {
  font-family: sans-serif;
  margin-right: 0.5em;
}

.maru_num li:nth-child(1)::before {
  content: '①';
}

.maru_num li:nth-child(2)::before {
  content: '②';
}

.maru_num li:nth-child(3)::before {
  content: '③';
}

.maru_num li:nth-child(4)::before {
  content: '④';
}

.maru_num li:nth-child(5)::before {
  content: '⑤';
}

.maru_num li:nth-child(6)::before {
  content: '⑥';
}

.maru_num li:nth-child(7)::before {
  content: '⑦';
}

.maru_num li:nth-child(8)::before {
  content: '⑧';
}

.maru_num li:nth-child(9)::before {
  content: '⑨';
}

.maru_num li:nth-child(10)::before {
  content: '⑩';
}

.maru_num li:nth-child(11)::before {
  content: '⑪';
}

/* "paren_num" */
.paren_num {
  list-style: none;
}

.paren_num li {
  padding-left: 2rem;
  text-indent: -1.5rem;
  list-style-position: inside;
}

.paren_num li::before {
  font-family: sans-serif;
  margin-right: 0.5em;
}

.paren_num li:nth-child(1)::before {
  content: '(1)';
}

.paren_num li:nth-child(2)::before {
  content: '(2)';
}

.paren_num li:nth-child(3)::before {
  content: '(3)';
}

.paren_num li:nth-child(4)::before {
  content: '(4)';
}

.paren_num li:nth-child(5)::before {
  content: '(5)';
}

.paren_num li:nth-child(6)::before {
  content: '(6)';
}

.paren_num li:nth-child(7)::before {
  content: '(7)';
}

.paren_num li:nth-child(8)::before {
  content: '(8)';
}

.paren_num li:nth-child(9)::before {
  content: '(9)';
}

.paren_num li:nth-child(10)::before {
  content: '(10)';
}

/* ===================================================================
section
=================================================================== 
#wrapper section+section{ margin-top: 1rem; } */


/* ===================================================================
テキスト
=================================================================== */
.fc_red {
  color: #ff1d1d;
}

.fc_gr {
  color: #7fbe25;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.underline {
  text-decoration: underline;
}

.indent1rem {
  text-indent: 1rem;
}

/* ===================================================================
汎用
=================================================================== */
/* ページトップに戻る */
#totop {
  z-index: 2147483647;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

#totop a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: #333;
  text-align: center;
  color: #fff;
  text-decoration: none;
  line-height: 2.5rem;

  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  text-decoration: none ! important;
}

#totop a:hover {
  -webkit-filter: opacity(0.7);
  -moz-filter: opacity(0.7);
  -o-filter: opacity(0.7);
  -ms-filter: opacity(0.7);
  filter: opacity(0.7);
}

.conversion {
  display: flex;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.conversion img {
  width: 100%;
}


/* ===================================================================
list
=================================================================== */


/* ===================================================================
area
==================================================================== */
/* .button */
ul.area_button {
  margin: 0 !important;
  text-align: center;
}

ul.area_button>li {
  display: inline-block !important;
}

ul.area_button>li {
  margin: 1rem;
}

.button {
  /* 単体でも一応使える(左寄せになる) */
  margin: 1rem auto;
  padding: .75rem 1rem;
  display: inline-block;
  background: #d3e8a3;
  text-decoration: none;
  border: 2px solid #d3e8a3;
  border-radius: 25px;
  /* CSS3草案 */
  -webkit-border-radius: 25px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 25px;
  /* Firefox用 */
  /* 文字と文字の間隔をあける */
  line-height: 1;
  letter-spacing: .2em;
  min-width: 10em;
  color: #000;
}

.button.back {
  background: #fff;
}

.button:hover {
  background: #fff;
  color: #50975d;
  cursor: pointer;
}


/* タブ (会員名簿・予定表あたりで使用) */
.tab-area {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
}

.tab-area .tab {
  padding: 0 38px;
  font-size: 1.5rem;
  color: #cccdce;
  cursor: pointer;
}

.tab-area .tab+.tab {
  border-left: 1px solid #b8b8b8;
}

.tab-area .tab.active {
  color: #1a3274;
}

.cntWrap {
  display: none;
}

.cntWrap.show {
  display: block;
}


.float-left {
  float: left;
}


/* 関連リンク(h2の下で使用) */
ul.relation_link_area {
  margin-top: -1.5rem;
  margin-bottom: 5rem;
  font-size: .8rem;
}

ul.relation_link_area li a {
  background-color: #fddda0;
  padding: .3rem 1rem;
  color: #fff;
  border: 1px solid #525252;
  border-radius: 25px;
}

ul.relation_link_area li a.act {
  background-color: #fff;
  color: #525252;
}

ul.relation_link_area li+li {
  margin-left: .7rem;
}



/* フロントページ */

/* banner_area */
#banner_area {
  margin-top: 1rem;
}

/* カラーコード参考：http://rid2750.org/sourses/gmlitbook.pdf */
#pickup {}

#pickup ul li {
  width: 30%;
}

#news {
  padding: 3rem 0 4rem 0;
}

#news.size {
  max-width: 700px;
  width: 100%;
}

#news h2 {
  margin-right: .5rem;
}

#news dl.scroll {
  overflow: auto;
  height: 15em;
  padding: 0.3em;
  margin: 0 0.3em;
}

#news dl dt {
  border-top: 1px solid #000;
}

#news a {
  color: #00f;
}

#login_area ul li {
  margin-bottom: 1rem;
  text-align: center;
}

#login_area ul li a {
  display: block;
  background-color: #fddda0;
  color: #000;
  border: 1px #777 solid;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#login_area ul li a:hover {
  background-color: #feebc9;
}

#volunteer {
  margin-bottom: 1rem;
}

#volunteer {
  margin: 2rem 0;
}


#zoom {
  margin-bottom: 1rem;
}

#zoom ul li {
  width: 40%;
  text-align: center;
}

#zoom ul li a {
  display: block;
  background-color: #fddda0;
  color: #000;
  border: 1px #777 solid;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#zoom ul li a:hover {
  background-color: #feebc9;
}

#district {
  background-color: #fff;
  ;
  padding: 2rem 0;
}

#district>div+div {
  margin-top: 2rem;
}

#district ul.district-list li {
  width: 14%;
}

#district ul.mem-list li {
  width: 23%;
}

#sys_login>div+div {
  margin-top: 1.5rem;
}

#specialmenu {
  background-color: #fddda0;
  padding: 2rem 0;
  color: #fff;
}

#specialmenu h2 {
  color: #fff;
}

#specialmenu ul li {
  width: 18%;
}

ul li.link-btn {
  margin: .5rem;
  border: 1px solid #777;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
}

ul li.link-btn a {
  display: block;
  color: #000;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

ul li.link-btn a:hover {
  background-color: #feebc9;
}

#slogan {
  padding-top: 3rem;
}

#singapore ul li {
  margin-top: 1.2rem;
}

#contact {
  padding: 3rem 0;
}

#contact .size {
  max-width: 700px;
  width: 100%;
}

#contact form {
  margin-top: 3rem;
}

#contact .form-group {
  margin-bottom: 1rem;
}

#contact .form-control,
#contact .form-control_txt {
  display: block;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#contact .form-control {
  max-width: 100%;
  width: 90%;
}

#contact .form-control_txt {
  max-width: 95%;
  width: 100%;
}

#contact button {
  background-color: #fddda0;
  border: 0;
  padding: 10px 40px;
  color: #ffffff;
  display: block;
  margin-right: 1rem;
  margin-left: auto;
}

#sys_login {
  margin-bottom: 2rem;
}

#sys_login>div {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  font-size: 1.3rem;
}

#sys_login>div a {
  display: block;
  background-color: #fddda0;
  color: #000;
  border: 1px #777 solid;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#sys_login>div a:hover {
  background-color: #feebc9;
}



/* ガバナーメッセージ */
#g_message .g_msg_area {
  margin-top: 2rem
}

#g_message .g_msg_area p {
  text-indent: 1.5rem;
  margin: 1rem 0;
}

#g_message .g_msg_area p.slogan {
  margin: 2.5rem 0;
}

#g_message .g_msg_area ol.purpose {
  counter-reset: num;
  list-style: none;
  padding-left: 2em;
}

#g_message .g_profile {
  margin-top: 1.5rem;
}

#g_message .g_prf_tbl {
  width: 70%;
}

#g_message .g_prf_tbl table {
  width: 100%;
  margin-top: 1rem;
}

#g_message .g_prf_tbl table tr>* {
  border: 1px solid #aaa;
  padding: .3rem .5rem;
}

#g_message .g_prf_tbl table tr th {
  text-align: left;
  width: 30%;
}

#g_message .g_prf_tbl table tr td {
  width: 70%;
}

#g_message .g_prf_tbl table tr td dl dt {
  float: left;
  clear: left;
  width: 9em;
  font-weight: normal;
}

#g_message .g_prf_tbl table tr td dl dd {
  margin-left: 9em;
}


/* RI会長メッセージ */
#ri_message .ri_msg_area {
  margin-top: 2rem;
}

#ri_message .ri_msg_area p+p {
  margin-top: 1rem;
}

#ri_message .ri_msg_area ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#ri_message .ri_msg_area ol li {
  margin-left: 1.5em;
}

#ri_message .ri_theme_lecture {
  margin-top: 2rem;
}

#ri_message .ri_theme_lecture img {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

#ri_message .ri_theme_lecture p {
  margin-top: 2rem;
  text-indent: 1rem;
}

#ri_message .ri_theme_lecture p+p {
  margin-top: .7rem;
}

#ri_message .ri_profile {
  margin-top: 1.5rem;
}

#ri_message .ri_prf_area {
  width: 70%;
}

#ri_message .ri_prf_area ul {
  margin: 1rem 0;
}

#ri_message .ri_prf_area p {
  text-indent: 1rem;
  margin-bottom: .7rem;
}


/* ガバナー月信 */
#g_gesshin ul li {
  width: 21%;
  margin-bottom: 3rem;
}

#g_gesshin ul li p {
  background-color: #fddda0;
  border-radius: 3px;
  text-align: center;
  margin-top: .5rem;
  padding: .3rem;
  color: #fff;
}

/* 地区運営について */
#d_management section {
  margin-top: 3rem;
}

#d_management .txt_area {
  margin-top: 1rem;
}

#d_management p {
  text-indent: 1rem;
  margin-top: .5rem;
}

#d_management #about div {
  margin-top: 2rem;
}

#d_management #about ul>li {
  list-style-type: disc;
  margin-left: 1rem;
}

#d_management #about .numericaltargets {
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}

#d_management .priority_item p {
  text-indent: 1rem;
}

#d_management .priority_item ol {
  list-style-type: decimal;
  margin-top: 1.5rem;
}

#d_management .mgmt_txt_area .mgmt_txt_list li {
  margin-left: 1.5rem;
}

#d_management .mgmt_txt_area .mgmt_txt_list>li+li {
  margin-top: 1.8rem;
}

#d_management .mgmt_txt_area .mgmt_txt_list li>p {
  margin-left: .5rem;
}

#d_management .priority_item ol>ul>li {
  list-style-type: none;
}

#d_management #strategy .txt_area ol.marker>li+li {
  margin-top: 1.8rem;
}

#d_management #strategy .txt_area ol.marker>ul li+li {
  margin-top: 1.5rem;
}

#d_management #strategy .mgmt_pdf_link {
  margin-top: 3rem;
}

/*クラブ優秀賞並びにガバナー賞へのエントリーのお願い*/
#rotaryawards .txt_area p {
  text-indent: 1rem;
  margin-top: 1rem;
}

#rotaryawards .txt_area ul>li {
  text-indent: 1.5rem;
}

#rotaryawards table tr>* {
  border: 1px solid #aaa;
  padding: .3rem .5rem;
}

#rotaryawards table th {
  text-align: center;
  font-style: bold;
}

#rotaryawards table td {
  text-align: left;
}

#rotaryawards .g_award {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}

#rotaryawards .g_award>* {
  padding: 1.5rem;
  white-space: nowrap;
}


/*ロータリー関係事務所一覧*/
#officelist table {
  width: 100%
}

#officelist table tr>* {
  border: 1px solid #aaa;
}

#officelist table th {
  text-align: left;
  font-style: bold;
  padding: .5rem 1.5rem;
}

#officelist table td {
  text-align: left;
  padding: .5rem .8rem;
}

/*ロータリー関係事務所一覧*/
#clublist table {
  width: 100%
}

#clublist table tr>* {
  border: 1px solid #aaa;
}

#clublist table th {
  text-align: center;
  font-style: bold;
  padding: .5rem 1.5rem;
}

#clublist table td {
  text-align: center;
  padding: .5rem .8rem;
}

/* 行事予定 */
#schedule .monthWrap+.monthWrap {
  margin-top: 3rem;
}

#schedule .monthWrap h4 {
  margin-bottom: .5rem;
  text-align: center;
  font-size: 1.7rem;
  color: #1a3274;
}

#schedule .monthWrap h4:before {
  content: attr(data-m);
  font-size: 3rem;
}

#schedule .monthWrap table {
  color: #00144c;
  width: 100%;
}

#schedule .monthWrap table tr {
  border-bottom: 1px solid #e4e4e4;
}

#schedule .monthWrap table tr th {
  background-color: #ffffff;
}

#schedule .monthWrap table tr th.sch_date {
  width: 18%;
}

#schedule .monthWrap table tr th.sch_event {
  position: relative;
  width: 50%;
}

#schedule .monthWrap table tr th.sch_place {
  width: 32%;
}

#schedule .monthWrap table tr th.sch_event:before,
#schedule .monthWrap table tr th.sch_event:after {
  content: '';
  display: block;
  width: 1px;
  height: 30px;
  background-color: #e4e4e4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#schedule .monthWrap table tr th.sch_event:before {
  left: 0;
}

#schedule .monthWrap table tr th.sch_event:after {
  right: 0;
}

#schedule .monthWrap table tr th,
#schedule .monthWrap table tr td {
  padding: 8px 15px;
}

#schedule .monthWrap table tr th {
  text-align: left;
}


/* 行事予定 */
#anniversary table {
  color: #00144c;
  width: 100%;
}

#anniversary table tr {
  border-bottom: 1px solid #e4e4e4;
}

#anniversary table tr th {
  background-color: #f9f9f9;
}

#anniversary table tr th:not(.sch_date) {
  position: relative;
}

#anniversary table tr th:not(.sch_date):before {
  content: '';
  display: block;
  width: 1px;
  height: 30px;
  background-color: #e4e4e4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#anniversary table tr th:not(.sch_date):before {
  left: 0;
}

#anniversary table tr th.sch_date {
  width: 25%;
}

#anniversary table tr th.sch_anniv {
  width: 15%;
}

#anniversary table tr th.sch_club {
  width: 20%;
}

#anniversary table tr th.sch_place {
  width: 40%;
}

#anniversary table tr th,
#anniversary table tr td {
  padding: 8px 15px;
}

#anniversary table tr th {
  text-align: left;
}



/* ガバナー公式訪問要領 */
#d_visit ol li {
  margin-left: 1.5em;
  margin-top: 2rem;
}

#d_visit ol li>div+div {
  margin-top: 1.2rem;
}


/* ガバナー公式訪問日程 */
#d_visit-sch h4 {
  text-align: center;
  font-size: 1.7rem;
  color: #1a3274;
}

#d_visit-sch table {
  width: 100%;
}

#d_visit-sch table tr>* {
  width: 14.2%;
  border: 1px solid #e4e4e4;
}

#d_visit-sch table tr th {
  background-color: #f6f6f6;
  padding: .7rem;
}

#d_visit-sch table tr td {
  text-align: center;
}

#d_visit-sch table tr td div.visit_date {
  margin: .4rem 2.7rem;
}

#d_visit-sch table tr td div.visit_date p {
  padding: 2px 10px;
  background-color: #e4e4e4;
  border-radius: 15px;
}

#d_visit-sch table tr td div.visit_txt {
  height: 3.5rem;
}


/* 地区役員名簿 */
#member .mem_item {
  width: 49%;
  border-top: 1px solid #00144c;
  padding-top: .5rem;
  margin-bottom: 2.5rem;
}

#member .mem_item .mem_img_area {
  width: 30%;
}

#member .mem_item .mem_txt_area {
  width: 70%;
  margin-left: 1rem;
}

#member .mem_item .mem_txt_area p.type {
  font-size: .85rem;
  background-color: #f0f0f0;
  border-radius: 3px;
  padding: .4rem .3rem;
}

#member .mem_item .mem_txt_area p.name {
  font-size: 1.1rem;
  margin: 1rem 0;
}

#member .mem_item .mem_txt_area p.icon {
  position: relative;
}

#member .mem_item .mem_txt_area p.icon:before {
  content: "";
  width: 37px;
  height: 20px;
  position: absolute;
}

#member .mem_item .mem_txt_area p.tel:before {
  background: url(../img/icon_tel.png) no-repeat left center;
}

#member .mem_item .mem_txt_area p.fax:before {
  background: url(../img/icon_fax.png) no-repeat left center;
}

#member .mem_item .mem_txt_area p.mail:before {
  background: url(../img/icon_mail.png) no-repeat left center;
}

#member .mem_item .mem_txt_area p.icon span {
  padding-left: 2.5rem;
}


/* クラブ会長・幹事名簿 */
#member_club .sub-d_item {
  width: 48%;
  margin-bottom: 3rem;
}

#member_club .sub-d_item table {
  width: 100%;
  margin: 1rem 0;
}

#member_club .sub-d_item table tr {
  border-bottom: 1px solid #e4e4e4;
}

#member_club .sub-d_item table tr>* {
  padding: .5rem;
}

#member_club .sub-d_item table tr th {
  background-color: #f9f9f9;
  text-align: left;
  font-weight: normal;
}

#member_club .sub-d_item table tr th:first-child {
  width: 25%;
}

#member_club .sub-d_item table tr th:nth-child(2) {
  position: relative;
  width: 37.5%;
}

#member_club .sub-d_item table tr th:nth-child(2):before,
#member_club .sub-d_item table tr th:nth-child(2):after {
  content: '';
  display: block;
  width: 1px;
  height: 30px;
  background-color: #e4e4e4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#member_club .sub-d_item table tr th:nth-child(2):before {
  left: 0;
}

#member_club .sub-d_item table tr th:nth-child(2):after {
  right: 0;
}

#member_club .sub-d_item table tr td img {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
}

#member_club .sub-d_item table tr td p {
  display: inline-block;
  padding-left: .5rem;
}

#member_club .sub-d_item table tr td a {
  color: #00f;
  text-decoration: underline;
}


/* 組織図 */
#member_chart section+section {
  margin-top: 3rem;
}

#member_chart .pdf_btn {
  text-align: center;
}

#member_chart .pdf_btn a {
  display: inline-block;
  margin: 2rem auto .5rem;
  color: #fff;
  background-color: #fddda0;
  border-radius: 5px;
  padding: .3rem 3rem;
}

/*ガバナー事務所管理運営規定及びマニュアル*/
#manual>div>section>div {
  width: 100%;
  margin: 2rem auto;
}

#manual .manu_tbl_area {
  width: 100%;
  margin: 0 1rem;
}

#manual .manu_tbl_area .member {
  width: 100%;
}

#manual .manu_tbl_area .member tr {
  border-bottom: 1px solid #e4e4e4;
}

#manual .manu_tbl_area .member tr>* {
  padding: .2rem .5rem;
}

#manual .manu_tbl_area .member tr th {
  background-color: #f9f9f9;
  text-align: center;
  font-weight: normal;
}

#manual .manu_tbl_area .member tr td:first-child {
  width: 78%;
}

#manual .manu_txt_area>p {
  margin-bottom: 1.8rem;
  text-indent: 1rem;
}

#manual .manu_txt_area .manu_txt_list li {
  margin-left: 1.5rem;
}

#manual .manu_txt_area .manu_txt_list>li+li {
  margin-top: 1.8rem;
}

#manual .manu_txt_area .manu_txt_list ul {
  margin-left: 1rem;
  text-indent: 1rem;
}

#manual .manu_txt_area .manu_txt_list p {
  margin-left: .5rem;
  text-indent: 1rem;
  padding-bottom: .3em;
}

#manual .manu_pdf_link .pdf_btn {
  text-align: center;
}

#manual .pdf_btn a {
  display: inline-block;
  margin: 2rem auto .5rem;
  color: #fff;
  background-color: #fddda0;
  border-radius: 5px;
  padding: .3rem 3rem;
}

/* 委員会活動 */
#committees .committees_item {
  width: 20%;
  padding: .1rem .5rem;
  margin-bottom: 1.5rem;
}

#committees .committees_item p.comm_staff_name {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

#committees .committees_item p.comm_name {
  font-size: .9rem;
  height: 2.8rem;
  margin-top: .2rem;
}

#committees .committees_item>div {
  text-align: center;
  margin: .1rem .8rem;
}

#committees .committees_item div a {
  background-color: #fdd58a;
  color: #fff;
  border-radius: 5px;
  display: block;
  padding: .2rem 0;
}

/* 委員会活動_(詳細 - 共通) */
#committee_xx a {
  text-decoration: underline;
  color: #00f;
}

#committee_xx>div>section>div {
  width: 70%;
  margin: 2rem auto;
}

#committee_xx .commi_img_area {
  width: 30%;
  margin: 0 .5rem;
}

/* "commi_tbl_area" */
#committee_xx .commi_tbl_area {
  width: 70%;
  margin: 0 1rem;
}

#committee_xx .commi_tbl_area .committee_list {
  width: 100%;
}

#committee_xx .commi_tbl_area .committee_list tr {
  border-bottom: 1px solid #e4e4e4;
}

#committee_xx .commi_tbl_area .committee_list tr>* {
  padding: .2rem .5rem;
}

#committee_xx .commi_tbl_area .committee_list tr th {
  background-color: #f9f9f9;
  text-align: left;
  font-weight: normal;
}

#committee_xx .commi_tbl_area .committee_list tr td:first-child {
  width: 40%;
}

/* commi_txt_list */
#committee_xx .commi_txt_area .commi_txt_list li {
  margin-left: 1.5rem;
}

#committee_xx .commi_txt_area .commi_txt_list>li+li {
  margin-top: 1.8rem;
}

#committee_xx .commi_txt_area .commi_txt_list li>p {
  margin-left: .5rem;
}

/* "commi_txt_list-others" */
#committee_xx .commi_txt_area .commi_txt_list-others {
  counter-reset: num;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}

#committee_xx .commi_txt_area .commi_txt_list-others li {
  position: relative;
  padding-bottom: .3rem;
  padding-left: 3.8rem;
}

#committee_xx .commi_txt_area .commi_txt_list-others li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  border: #555 1px solid;
  font-weight: bold;
  font-size: 14px;
  border-radius: 50%;
  left: 2rem;
  width: 20px;
  height: 20px;
  text-align: center;
}

/* <h4> */
#committee_xx .commi_txt_area h4 {
  padding-bottom: .3rem;
}

/* <p> */
#committee_xx .commi_txt_area>p {
  margin-bottom: .8rem;
  text-indent: 1rem;
}

#committee_xx .commi_txt_area .commi_txt_list p {
  margin-left: .5rem;
  text-indent: 1rem;
  padding-bottom: .3em;
}

/* no_indent */
#committee_xx .commi_txt_area .commi_txt_list p.no_indent {
  margin-left: 0 !important;
  text-indent: 0 !important;
  padding-top: .5rem;
}

/* "innerlist" */
#committee_xx .commi_txt_area .commi_txt_list .innerlist {
  padding-left: 2.5rem;
  text-indent: -1rem;
  box-sizing: border-box;
}

/* <dl> (共通) */
#committee_xx .commi_txt_area .commi_txt_list dl {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
}

#committee_xx .commi_txt_area .commi_txt_list dl dt,
dd {
  margin: 0;
  padding: 5px;
  text-align: left;
}

#committee_xx .commi_txt_area .commi_txt_list dt {
  font-weight: normal;
  white-space: nowrap;
}

/* <table>(共通) */
#committee_xx .commi_txt_area table {
  width: 100%;
}

#committee_xx .commi_txt_area .commi_txt_list table tr>* {
  border: 1px solid #000;
  padding: .2rem;
}


/* budget(事業予算)*/
#committee_xx .commi_txt_area table.budget {
  width: 100%;
}

#committee_xx .commi_txt_area .commi_txt_list table.budget tr>* {
  border: 1px solid #000;
  padding: .2rem;
  text-align: center;
}

/* yoko_list */
#committee_xx .commi_txt_area .commi_txt_list dl.yoko_list dt {
  text-align: justify;
}

#committee_xx .commi_txt_area .commi_txt_list dl.yoko_list dd {
  padding-left: 2.5rem;
}

/* 委員会活動(詳細 - 個別) */

/* ガバナー事務所管理運営委員会 */
.committee_04 .commi_txt_area .commi_txt_list ol {
  margin-left: 1rem;
}

.committee_04 .commi_txt_area table tr>* {
  border: 1px solid #000 !important;
  padding: .2rem .5rem;
  vertical-align: middle;
}

.committee_04 .commi_txt_area .align-justify {
  text-align: justify;
  text-align-last: justify;
}

/*地区ラーニング・管理運営委員会*/
.committee_05 .commi_txt_area .commi_txt_list ol.ilist li {
  padding-left: 2rem;
  text-indent: -1.5rem;
  margin-left: 2rem;
  vertical-align: middle;
  list-style-position: inside;
}

.committee_05 .commi_txt_area .commi_txt_list ol.ilist li::before {
  content: ')';
}

/* ポリオプラス・資金推進委員会 */
.committee_14 .commi_txt_area .commi_txt_list table.polio_case {
  width: 100%;
  margin: 1.5rem 0;
}

.committee_14 .commi_txt_area .commi_txt_list .polio_case tr>* {
  border: none !important;
  padding: .2rem .5rem;
  vertical-align: middle;
  text-align: center;
}

.committee_14 .commi_txt_area .commi_txt_list .polio_case th {
  font-weight: normal;
}

.committee_14 .commi_txt_area .commi_txt_list dl.history dt {
  font-weight: bold !important;
  padding-bottom: .5em;
}

.committee_14 .commi_txt_area .sub {
  text-align: center;
  padding: 1.5rem 0;
}

.committee_14 .commi_txt_area .withimg {
  display: flex;
  padding-left: .5rem;
}

/* 会員組織強化委員会 */
.committee_18 .commi_txt_area img {
  padding: 1rem;
}

/* インターアクト委員会 */
.committee_24 .commi_txt_area .commi_txt_list ol.alist li {
  padding-left: 2rem;
  text-indent: -1rem;
  vertical-align: middle;
  list-style-position: inside
}

.committee_24 .commi_txt_area .commi_txt_list ol.alist li::before {
  content: ')';
}

.committee_24 .commi_txt_area .commi_txt_list table tr>* {
  border: 1px solid #000;
  text-align: center;
}

.committee_24 .commi_txt_area table.proposal_tbl tr th {
  text-align: center;
  font-weight: normal !important;
}

.committee_24 .commi_txt_area table.proposal_tbl tr td {
  text-align: left;
  padding-left: .8rem;
}

.committee_24 .commi_txt_area table.proposal_tbl tr td:nth-child(1) {
  width: 10%;
}

.committee_24 .commi_txt_area table.proposal_tbl tr td:nth-child(2) {
  width: 20%;
}

.committee_24 .commi_txt_area table.proposal_tbl tr td:nth-child(3) {
  width: 70%;
}

/* ＲＹＬＡ・学友委員会 */
.committee_25 .commi_txt_area .commi_txt_list dl dd {
  padding-left: 1.5rem;
}

.committee_25 .commi_txt_area .commi_txt_list table tr>* {
  border: 1px solid #000;
  text-align: center;
}

.committee_25 .commi_txt_area table.tbl2 tr th {
  text-align: center;
  font-weight: normal !important;
}

.committee_25 .commi_txt_area table.tbl2 tr td {
  text-align: left;
  padding-left: .8rem;
}

.committee_25 .commi_txt_area table.tbl2 tr td:nth-child(1) {
  width: 20%;
  text-align: center;
}

.committee_25 .commi_txt_area table.tbl2 tr td:nth-child(2) {
  width: 10%;
  text-align: center;
}

.committee_25 .commi_txt_area table.tbl2 tr td:nth-child(3) {
  width: 35%;
  vertical-align: middle;
}

.committee_25 .commi_txt_area table.tbl2 tr td:nth-child(4) {
  width: 35%;
  vertical-align: middle;
}

/* ローターアクト委員会 */
.committee_26 .commi_txt_area .commi_txt_list dl.rac_list dd {
  text-align: right;
}

.committee_26 .commi_txt_area .commi_txt_list table.rac_list tr td {
  width: 25%;
  text-align: center;
}

.committee_26 .commi_txt_area .commi_txt_list table.rac_list tr td.clubname {
  text-align: left;
}


/* 会員必携データ */
#download .dl_cont {
  max-width: 900px;
  margin: 2rem auto 3rem;
}

#download .dl_cont h4 {
  text-align: center;
  background-color: #f9f9f9;
  padding: .3rem;
  border-bottom: 1px solid #fff;
}

#download .dl_cont ul {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

#download .dl_cont ul .dl_item {
  width: 33.3%;
  padding: .5rem .2rem;
}

#download .dl_cont ul .dl_item a {
  color: #00f;
}

/* 各種申請書 */
#entry section>div {
  max-width: 900px;
  margin: 2rem auto 3rem;
}

#entry h4 {
  text-align: center;
  background-color: #f9f9f9;
  padding: .3rem;
  border-bottom: 1px solid #fff;
}

#entry ul {
  border-top: 1px solid #e4e4e4;
}

#entry ul li {
  padding: .5rem .2rem;
  border-bottom: 1px solid #e4e4e4;
}

#entry ul li a {
  color: #00f;
}


/* クラブ情報 */
#club_info table {
  width: 100%;
  margin-top: 2rem;
}

#club_info table tr>* {
  border: 1px solid #000;
  padding: .3rem .5rem;
  text-align: center;
}

#club_info table tr td a {
  color: #fcac45;
}

/* 過去年度 */
#past ul {
  margin-top: 3rem;
  border-top: 1px solid #aaa;
}

#past ul li {
  text-align: center;
  border-bottom: 1px solid #aaa;
  padding: .3rem 0;
}

#past ul li:nth-child(odd) {
  background-color: #eee;
}

#past ul li a {
  color: #fcac45;
}

/* 書庫 */
#shoko table {
  width: 100%;
  margin-top: 3rem;
}

#shoko table tr>* {
  border: 1px solid #aaa;
  padding: .3rem .5rem;
  text-align: center;
}

#shoko table tr th {
  text-align: left;
}

#shoko table tr td {
  text-align: center;
}

#shoko table tr td a {
  color: #fcac45;
}

#shoko2 .contents>ul {
  margin: 2rem 0;
}

#shoko2 .contents>ul li a {
  color: #fcac45;
}

#shoko2 section>p+p {
  margin-top: 1rem;
}

#shoko2 section>ul li+li {
  margin-top: .8rem;
}

/* リンク集 */
#link table {
  width: 100%;
  margin-top: 3rem;
}

#link table tr td {
  border: 1px solid #aaa;
  padding: .3rem .5rem;
  text-align: center;
  width: 50%;
}

#link table tr td a {
  color: #fcac45;
}

/* マイロータリー */
#myrotary ul li {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.3rem;
}

#myrotary ul li+li {
  margin-top: 1rem;
}

#myrotary ul li a {
  display: block;
  background-color: #ffc0cb;
  color: #000;
  border: 2px #777 solid;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#myrotary ul li a:hover {
  background-color: #f9cfd8;
}


/* ===================================================================
media screen
=================================================================== */
@media screen and (max-width: 370px) {}

/* スマホ */
@media screen and (max-width: 640px) {

  .maru_num li {
    padding-left: .5rem;
  }

  .paren_num li {
    padding-left: .5rem;
  }

  .sp_disp-inline {
    display: inline !important;
  }

  ul.sp_disp-inline li {}

  ul li.link-btn {
    margin: .5rem 0;
    width: 100% !important;
  }

  #banner_area ul li+li {
    margin-top: 1rem;
  }

  #pickup ul li {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }

  #pickup ul li+li {
    margin-top: 1rem;
  }

  #sys_login>div {
    width: 100%;
    font-size: 1rem;
  }

  #contact .form-control {
    width: 95%;
  }

  #contact button {
    margin-right: 0;
  }

  #manual .manu_tbl_area .member tr td:first-child {
    width: 30%;
  }

  #d_management .relation_link_area {
    font-size: 10px;
  }

  #ri_message .ri_theme_lecture img {
    width: 100% !important;
  }

  #g_message .g_profile {
    display: inline !important;
  }

  #g_message .g_prf_tbl {
    width: 100%;
  }

  #g_gesshin ul li {
    width: 47%;
  }

  #member .mem_item,
  #member_club .sub-d_item {
    width: 100%;
  }

  #committees .committees_item {
    width: 50% !important;
  }

  #committee_xx .commi_txt_area .commi_txt_list p {
    margin-left: 0;
    text-indent: 0;
  }

  #committee_xx .commi_txt_area .commi_txt_list li {
    margin-left: 1rem;
  }

  /* yoko_list */
  #committee_xx .commi_txt_area .commi_txt_list dl.yoko_list {
    display: flex;
    flex-wrap: wrap;
  }

  #committee_xx .commi_txt_area .commi_txt_list dl.yoko_list dt {
    text-align: left;
    font-weight: bold;
  }

  #committee_xx .commi_txt_area .commi_txt_list dl.yoko_list dd {
    padding-left: 0;
  }

  /* ガバナー事務所管理運営委員会 */
  .committee_04 .commi_txt_area .commi_txt_list ol {
    margin-left: 0;
  }

  /* ポリオプラス・資金推進委員会 */
  .committee_14 .commi_txt_area .history {
    flex-wrap: wrap;
  }

  .committee_14 .commi_txt_area .withimg {
    flex-wrap: wrap;
    justify-content: center;
  }

  /*ICT*/
  .committee_20 .commi_txt_area .commi_txt_list .img {
    justify-content: center;
  }

  /* ローターアクト委員会 */
  .committee_26 .commi_txt_area .commi_txt_list dl dd {
    padding-left: 0;
  }

  /*ロータリー関係事務所一覧*/
  #officelist table tr>* {
    border: 1px solid #aaa;
    padding: .2rem;
  }

  #officelist table th {
    text-align: left;
    font-style: bold;
  }

  #officelist table td {
    text-align: left;
  }

  /*ロータリー関係事務所一覧*/
  #clublist table tr>* {
    border: 1px solid #aaa;
    padding: .2rem;
  }

  #clublist table th {
    text-align: center;
    flex-direction: row;
    font-style: bold;
  }

  #clublist table td {
    text-align: center;
  }

  #d_management .vision {
    width: 100%;
  }

  /*クラブ優秀賞並びにガバナー賞へのエントリーのお願い*/
  #rotaryawards .g_award {
    flex-wrap: wrap;
  }

  #rotaryawards .g_award>* {
    white-space: inherit;
  }
}

/* タブレット1 */
@media screen and (min-width: 641px) {
  #found_bnr {
    margin: 2rem 0;
  }

  #youth_bnr {
    margin-top: 2rem;
  }

  #found_bnr>div,
  #youth_bnr>div {
    width: 80%;
    margin: 0 auto;
  }

  #found_bnr>div,
  #japanrotary_bnr>div {
    width: 80%;
    margin: 0 auto;
  }

  #volunteer>div {
    width: 80%;
    margin: 0 auto;
  }

  #contact .col-md-6 {
    width: 50%;
  }

  footer .f_add_area {
    width: 40%;
  }

  footer .f_menu {
    width: 30%;
  }

  footer .f_menu>* {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .conversion {
    display: none !important;
  }
}

/* タブレット2以下 */
@media screen and (max-width: 800px) {
  #zoom ul li {
    width: 100%;
    margin-bottom: 1rem;
  }

  ul.relation_link_area {
    display: inline;
    text-align: right;
    margin-bottom: 2rem;
  }

  ul.relation_link_area li+li {
    margin-left: 0;
    margin-top: 1rem;
  }

  ul.relation_link_area li:last-child {
    margin-bottom: 2rem;
  }

  #slogan img {
    width: 100%;
  }

  #ri_message .disp-flex {
    display: inline !important;
  }

  #ri_message .ri_prf_area {
    width: 100%;
  }

  #committees .committees_item {
    width: 30%;
  }

  #committee_xx>div>section>div.disp-flex {
    display: inline;
  }

  #committee_xx>div>section>div {
    width: 100%;
  }

  #committee_xx .commi_img_area {
    width: 60%;
    margin: 1rem auto;
  }

  #committee_xx .commi_tbl_area {
    width: 100%;
    margin: 1rem 0;
  }

  #myrotary ul li {
    width: 100%;
  }
}


/* タブレット2以上 */
@media screen and (min-width: 801px) {}

/* ipad */
@media screen and (min-width: 801px) and (max-width: 1024px) {}

@media screen and (max-width: 1000px) {}

@media screen and (min-width: 1001px) {
  #login_area {
    display: none;
  }
}

/* ipad以下 */
@media screen and (max-width: 1024px) {

  #container,
  .size {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
  }

  #d_visit-sch table,
  #schedule .monthWrap table,
  #anniversary table,
  #club_info table,
  #committee_xx table.x-scroll {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 1199px) {

  #container,
  .size {
    width: 100%;
  }

  #district ul.district-list li {
    width: 30%;
  }

  #district ul.mem-list li {
    width: 47%;
  }

  #specialmenu ul li {
    width: 30%;
  }
}

/* PC */
@media screen and (min-width: 1200px) {
  .size {
    width: 1200px;
  }
}