@charset "UTF-8";

/*
Theme Name: rid2630
Description: 国際ロータリー第2630地区
Theme URI: rid2630.jp
Author: Rotary District2630 
Author URI: rid2630.jp
Version: バージョン
License: ライセンス
License URI: rid2630.jp
*/

body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li                {list-style:none;}
input,textarea    {font-size: 1em;}
img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html              {scroll-behavior: smooth; height:100%;}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
@media(min-width: 920px){
     a[href^="tel:"]{
       pointer-events: none;
     }
   }	


body              {font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue,'GenJyuuGothic', sans-serif, 'Noto Sans JP', sans-serif, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
 color: #000;font-feature-settings: "palt"; overflow:hidden auto;}
em                {font-weight: normal;font-style: normal;}
strong            {}
a                 {text-decoration: none; color: #000;}
a:link            {}
a:hover           {text-decoration: none; opacity: 0.75;}
a:visited         {}
a:active          {}
a:focus           {}

.ma7              {margin-bottom:7px;}
.ma10             {margin-bottom:10px;}
.ma20             {margin-bottom:20px;}
.ma30             {margin-bottom:30px;}
.ma40             {margin-bottom:40px;}
.ma50             {margin-bottom:50px;}
.ma60             {margin-bottom:60px;}
.ma80             {margin-bottom:80px;}

.pa40             {padding: 0 40px;}

.pl20             { padding-left:20px;}

.flex             { display:flex;}
.center           { text-align:center;}
.end              { text-align:end;}

h1 a              {display:flex;}

#contbox          {max-width:1050px; margin:0 auto;}

button            {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: none; cursor: pointer;}


.inner::after     {content: "";height: 0;clear: both;visibility: hidden;display: block;}

.space            {width: 100%;height: 50px;}

.sp               { display:none;}

.new_line         { display:contents;}

.w100             { width: 100%;}

/* header --------------------------------------------------------------------------------------------------------------------- */
#header               {width: 100%; color: #fff;}

#head_back            {background: linear-gradient(to right, #00498f 25%, #5badfb 75%);}
#head_wrap            { display: grid; place-content: center; width: 100vw;}
#head_wrap img        { width:100%;}
#head_wrap .membersite{width:  30%;height:  32px;padding: 2px 0 0 0;font-size: 14px;font-weight: normal; color: #fff !important;float:right;text-align: left;background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/headico.png) no-repeat 15px center #000;}
#head_wrap .membersite a{color: #fff !important;font-weight: bold;padding: 0 0 0 40px;}
#id_wrap              { width:100vw; background: #fff; padding:15px 0;}
#id_wrap .inner       {width: 1145px;margin: 0 auto; justify-content:space-between; align-items: center;}
#id_wrap .search_box  {width: 100%;height: 40px; padding: 4px 6px 0 6px; background-color:#fff;border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0; border:1px solid #c8c8c8;}
#id_wrap .search_box .gsc-control-cse{padding: 0 10px 0 0;}
#id_wrap table.gsc-search-box td.gsc-input{padding-right:5px;}
#id_wrap .gsc-search-button-v2{padding:6px 12px;}
#id_wrap .gsib_a              {padding:0px;}

.search_box input     {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;border: none;border-radius: 0;font: inherit;outline: none;}
.search_box input[type='search'] {width: 250px; line-height:30px;padding: 0 0 0 10px;float: left;font-size: 13px;}
.search_box button[type='submit'] {width: auto; display: block;float: right;background: #f6a704;color: #fff;font-size: 14px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding: 0 12px 0 35px; line-height: 30px; position: relative;}
.search_box button .ico {position: absolute;left: 10px; top:-3px;}

.gsc-control-cse      {background:none  !important;border:none  !important;}

#id_wrap .btn         { padding-top: 2px; display: flex; justify-content: space-between;}
#id_wrap .btn li      { font-size: 12px;}

#id_wrap .btn .contact a        { padding:0 12px 0 45px; display: block; background: #0f5ca9; color: #fff; position: relative; font-weight:bold; letter-spacing:0.05rem; border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; line-height: 35px;}
#id_wrap .btn .myrotary_club a  { padding:0 14px 0 40px; display: block; background: #0f5ca9; color: #fff; position: relative; font-weight:bold; letter-spacing:0.05rem; border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0; line-height: 35px;}
#id_wrap .btn li .ico {position: absolute;left: 10px; top:-6px;}


/* navigation */
#navigation                  {width: 100%;height: 36px;background: #002563;text-align: center;}
#navigation::after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#navigation li               {height: 36px;display: inline-block;font-size: 14px;border-right: solid 1px #0c3c7c;}
#navigation li:first-child   {border-left: solid 1px #0c3c7c;}
#navigation li a             {height: 100%;padding: 8px 20px 0;display: block;color: #fff;}

#nav                              { width: 100vw; height: auto;}
#nav .flex                        { width:100%; justify-content:center;}
#nav .flex li a                   { display:block; padding:10px 20px; font-size:14px;}
#nav .flex li a.current           { background: #00498f; color: #fff; border-radius: 8px 8px 0 0; font-weight: bold; pointer-events: none;}
  
 

/*== 2・3階層目の共通設定 */
/*下の階層を持っているulの指定*/
nav li.has-child                  { position:relative;}
nav li.has-child ul               {
     position: absolute;
     left:0px;
     top:40px;
     z-index: 4;
     width:230px;
     visibility: hidden;
     opacity: 0;
     transition: all .3s;}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li               { border-bottom:solid 1px rgba(0,82,164,0.4); background:#00498f;}
nav li.has-child ul li a             { color: #fff;}
nav li.has-child ul li:last-of-type  { border-bottom:none; border-radius: 0 0 8px 8px;}

/* footer -------------------------------------------------------------------------------------------------------------------- */
#footer                            {width: 100vw; height: auto; color: #fff;}
#footer::after                     {content: ""; height: 0; clear: both; visibility: hidden; display: block;}

/* foot_banner */
#foot_banner                       {width: 100vw; height: auto; background: #ebf6f3; padding: 50px 0 20px;}
#foot_banner .flex                 {max-width: 1050px; margin: auto; flex-wrap: wrap; justify-content: space-between;}
#foot_banner .flex ul.bannerbtn    {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 30px;}
#foot_banner .flex li              {min-width: 183px; height: auto;}

/* foot_nav */
#foot_nav                          {padding: 50px 0; background: #0052a4;}
#foot_nav a                        {color: #fff;}
#foot_nav .inner                   {max-width: 980px; margin: auto;}
#foot_nav .flex                    {flex-wrap: wrap; justify-content: space-between;}
#foot_nav .menu                    {font-size: 16px; letter-spacing: 0.05em; min-width: 12em;}
#foot_nav .menu:last-child         {margin-right: -2em;}
#foot_nav .menu li                 {margin: 0 0 10px;}
#foot_nav .second                  {font-size: 14px;}
#foot_nav .second li               {margin: 0 0 6px; padding-left: 30px; background: url(/rid2630/wp-/rid2630/wp-content/themes/2025_2026rid2630/img/foot-arrow.svg) no-repeat 9px 1px;}

#foot_nav .second li a             { position: relative; display: block;}
#foot_nav .second li a:after       { content: ""; position: absolute; background:url("/rid2630/wp-content/themes/2025_2026rid2630/img/footer_arrow.png") no-repeat; display: inline-block; background-size: contain; vertical-align: middle; width: 12px; height: 12px; left: -20px; top: 5px;}


/* foot_data */
#foot_data                         {width: 100vw; padding: 50px 0;background: #17458f;}
#foot_data .data                   {font-size: 16px; line-height: 1.7rem; padding: 0 20px;}
#foot_data .id                     {margin: 0 0 20px;}
#foot_data strong                  {font-size: 18px;}
#foot_data a                       {color: #fff;}

/* copy */
#copy                              {width: 100%;padding: 0.5em 20px 0.8em;background: #032e4c; position: relative;}
#copy small                        {font-size: 12px; color: #ffffff; letter-spacing: 0.05em; align-items: baseline;}


/* ページトップボタン                                                                  */
#page_top           { width:90px; height:90px; position:fixed; right:0; bottom:0; z-index:99;}


/* コンテンツページ --------------------------------------------------------------------------------------------------------- */

/* cont_wrapper */
#cont_wrapper         {width: 100%;height: auto;overflow: hidden;}
#cont_wrapper::after  {content: "";height: 0;clear: both;visibility: hidden;display: block;}

.container            {width: 980px;margin: auto;}

#title_wrapper        {padding-right: 100% !important;padding-left: 100% !important;margin-right: -100%;margin-left: -100%;background: url(/rid2630/wp-content/themes/2025_2026rid2630/img/title-bg.jpg) repeat-x;}
#page_title           {width: 100%;height: 200px;padding-top: 80px;background: url(/rid2630/wp-content/themes/2025_2026rid2630/img/title-bg.jpg) repeat-x;text-align: center;}
#page_title h2        {font-size: 32px;}


/* clubli */
.clubli               {width: 100%;height: aoto;display: block;}
.clubli li            {border-bottom: 1px dotted #ccc;}
.clubli li a          {color:#019fcb;}
.clubli li:before     {content: "●";color:#0c3c7c;}

/* Home --------------------------------------------------------------------------------------------------------------------- */
.Home #main           {display: block;}
.Home #main           {width: 100%;height: 466px;margin: 0 0 50px;background: #0c3c7c;}
.Home #main .image    {width: 100%;height: 342px;background: url(/rid2630/wp-content/themes/2025_2026rid2630/img/main-bg2.jpg) no-repeat center center;}
.Home #main .inner    {width: 1028px;height: 342px;margin: auto;position: relative;background: url(/rid2630/wp-content/themes/2025_2026rid2630/img/main-bg1.png) no-repeat left top;}
.Home #main .inner h2 {text-align: center;}
.Home #main .btn      {width: 276px;height: 38px;position: absolute;left: 50%;top: 264px;margin-left: -138px;font-size: 18px;letter-spacing: 0.05em;text-align: center;}
.Home #main .btn a    {width: 100%;height: 100%;padding-top: 5px;display: block;background: #0c3c7c;color: #fff; border-radius: 100vh;-webkit-border-radius: 100vh;-moz-border-radius: 100vh;}

.Home #main .logo_wrap        {width: 100%;height: 124px;}
.Home #main .logo_wrap .box   {width: 50%;}
.Home #main .logo_wrap .left  {padding-right: 18px;text-align: right;}

/* banner_box */
#banner_box          {padding: 0 0 80px;}
#banner_box div      {margin: 0 0 50px;}
#banner_box .flex    {justify-content: space-between;}

/* info */
#info                {width: 100%;padding: 50px 0 50px;background: #019fcb;color: #fff;text-align: center;}
#info::after         {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#info .inner         {width: 884px;margin: auto;}
#info .inner::after  {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#info h2             {color: #fff;}
#info h2 span        {padding: 0 16px;font-size: 32px;border-bottom: solid 2px #fff;letter-spacing: 0.1em;}
#info_btn            {width: 276px;height: 38px;margin: auto;font-size: 18px;letter-spacing: 0.05em;text-align: center;}
#info_btn   a        {width: 100%;height: 100%;padding-top: 2px;display: block;background: #0c3c7c;color: #fff;  border-radius: 100vh;-webkit-border-radius: 100vh;-moz-border-radius: 100vh;} 

/* home_cont */
#home_cont           {padding: 50px 0;}
#home_cont::after    {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* top --------------------------------------------------------------------------------------------------------------------- */
#top_rid2630                                     {width: 100%;}
#top_rid2630 .inner                              { margin: 0 auto;}
#top_rid2630 .inner img                          {width: 100vw; height: auto;}
#welcomebox                                      {padding: 45px 0; margin: 0 auto; width: 100vw; background-color: #ffffff;}
#welcomebox ul.message                           {display: flex; flex-direction: column; justify-content: center;}
#welcomebox ul.message li                        {display: flex; justify-content: center;}
#welcomebox ul.message li:nth-child(1)           {max-width: 584px; margin: 0 auto 35px;}
#welcomebox ul.message li:nth-child(2)           {max-width: 691px; margin: 0 auto 12px;}
#welcomebox ul.message img                       {width: 100%;}
.top_links                                       {/*width: 100vw;*/ height: auto; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/2630_top_back.jpg) center; background-repeat:no-repeat; background-size:cover;}
.top_links ul.scroll                             {width: 100%; height: 3.73rem; background-color: #ffffff;}
.top_links ul.scroll li                          { margin-bottom: 10px;}
.top_links ul.scroll                             {width: 100%;}
.top_links .rotary_link                          {margin: 0 auto; max-width: 820px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 60px 0;}
.top_links .rotary_link img                      {width: 100%; height: auto; /*filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.25));*/}
.top_links ul.scroll li img                      { width:100%;}

/* main --------------------------------------------------------------------------------------------------------------------- */
#main                                            {width: 100vw; height: auto; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/main_back.jpg); background-repeat:no-repeat; background-size:cover; padding:30px 0 0;}

/* sect01 --------------------------------------------------------------------------------------------------------------------- */
#sect01                                          {width: 100vw; height: auto;}
#report p                                        {padding:10px 0;background:#0067c8;}
#report p a                                      { font-size: 14px; display: block; color:#fff; letter-spacing:0.1rem;}

/* sect02 --------------------------------------------------------------------------------------------------------------------- */
#sect02                                          {width: 100%; height: auto; padding: 60px 0; background:#ebf6f3; background-size:cover;}
#sect02 .flex li                                 { text-align:center;}
#sect02 .flex li:nth-of-type(2)                  { margin: 0 10px;}
#guidance .flex                                  { margin:0 auto; max-width:880px; justify-content:center;}
#guidance .flex img                              { filter: drop-shadow(10px 10px 10px #fff);}


/* sect03 --------------------------------------------------------------------------------------------------------------------- */
#sect03                                          {width: 100%; height: auto; padding: 60px 0; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/info_back.jpg) no-repeat; background-size:cover;}

/* inform */
#information                                     {max-width:980px; margin:0 auto;}
#information h2                                  {margin: 0 0 0 0; font-size: 1.75rem; letter-spacing: 0.25rem; color: #fff; position:relative; line-height: 49px;}
#information h2 img                              { margin-right: 1rem;}
#information .info_window                        {width: 100%; max-height:300px; background-color: #fff; padding: 24px 40px; margin: 40px 0; overflow-y: auto; border-radius:10px;}
#information .info_window .info_box hr.gray      {border: solid 1px #b4b4b4; width: 100%; margin: 0 auto;}
#information .info_window  dl                    {line-height: 2.2rem;}

#information .info_window .info_box dt           { min-width:170px; font-weight:bold;}
#information .info_window .info_box dt .new      { background:#d4162d; color:#fff; padding:5px 10px; border-radius:5px;}
#information .info_window .info_box dt .day      { background:#f5f4f7; padding:5px 10px; border-radius:5px;}

#information button                              { position:relative; display:block; margin:auto; background:#f6a704; color:#fff; width:315px; padding:15px 15px 15px 10px; font-size:16px; font-weight:bold; border-radius:5px;}


/* sect04 --------------------------------------------------------------------------------------------------------------------- */
#sect04                                          {display: flex; flex-wrap: wrap; justify-content: space-between; max-width:980px; margin:0 auto; padding: 60px 0;}


#governor                                             { width: 620px;}
#governor .year_governor                              { display: flex; flex-direction: column;}
#governor .year_governor dl                           { width: 100%; height: 4rem; margin-bottom: 2px; background-color: #0052a4; min-width: 20em; position: relative; padding:0 1rem;}

#governor .year_governor dt                           { padding-right:1rem;}
#governor .year_governor .back02                      { background-color: #0d78d1;}
#governor .year_governor .governor                    { display: flex; align-items: center;}
#governor .year_governor .governor li                 { color:#fff;}
#governor .year_governor .governor a                  { display: inline-flex; color: #fff; width: 100%; height: 100%; align-items: center;}
#governor .year_governor a:first-child dl             { border-radius: 5px 5px 0 0;}
#governor .year_governor a:last-child dl              { border-radius: 0 0 5px 5px;}



/* rates */
#rates                     { width: 310px;}
#rates h2                  {margin: 0 0 0 0; font-size: 1.35rem; letter-spacing: 0.15rem; color: #2d2d2d; text-align: center; line-height: 4rem; margin-bottom: 5px;}
#rates ul                  {width: 100%; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border:1px solid #b4b4b4;}
#rates ul.year_rates       {display: flex; flex-direction: column; max-height: 328px; overflow: auto;}
#rates ul .white           { width: 86%; border-top: 1px dotted #b4b4b4; border-right: none; border-bottom: none; border-left: none;}


#rates li                  {font-size: 18px; color: #0052a4;}
#rates li.month_rates      {display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; padding: 0 20px;}
#rates li .leftbox         {width: 6em;}
#rates li .rightbox        {}
#rates li .date            {display: inline-block; font-size: 0.86rem; font-weight: bold; color: #2d2d2d; margin-bottom: 1rem;}
#rates li .dollar          {margin-right: 10px; font-size: 0.86rem;}
#rates li .yen             {font-size: 1.9rem; line-height: 4rem;}


/* linkbox */
.linkbox             {display: flex;flex-wrap: wrap;}
.linkbox li          {width: 30%;margin: 0 1%;margin: 0 auto;}
.linkbox li a        {width: 100%;font-size: 18px;color: #fff;text-align:center; display:block; padding: 3px 30px  3px 15px;margin: 0 10px 20px 0;line-height: 45px; background:#0c3c7c;border-radius: 100vh;-webkit-border-radius: 100vh;-moz-border-radius: 100vh;}

.sp                        {display: none;}
#sitemore                  {display: none;}
#page-2853429222 #sitemore {display: block;}

/* conthead */
#conthead                  { width:100vw; padding:50px 20px; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/conthead.jpg) no-repeat; background-size:cover; position:relative; z-index:-1;}
#conthead h1               { font-size:35px; color:#2d2d2d; letter-spacing:0.3rem;}


/* contbox */
#contbox                   { max-width:980px; margin:0 auto; padding:60px 0;}

#contbox h2                { background:#0052a4; color:#fff; width:100%; padding:8px 0 8px 50px; border-radius:5px; line-height:2.0rem; position:relative; margin-bottom:40px; font-size:22px; letter-spacing:0.2rem;}
#contbox h2:before         { content:""; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/h2_ico.png) no-repeat; width:46px; height:42px; position:absolute; left:50%; top:50%; transform:translate(-490px,-56%); display:inline-block; background-size:contain; vertical-align:middle;}


#contbox h3                { border-bottom:solid 1px #0052a4; width:100%; margin-bottom:20px; padding:0 0 5px 40px; font-size:20px; position:relative; letter-spacing:0.2rem; line-height: 35px;}
#contbox h3:before         { content:""; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/h3_ico.png) no-repeat; width:24px; height:31px; position:absolute; left:8px; top:10%; /*transform:translate(-483px,-50%);*/}

#contbox h4                { width:100%; margin-bottom:6px; font-size:1.1rem; position:relative; letter-spacing:0.1rem; line-height:2.2rem; padding-left:25px;}
#contbox h4:before         { content:""; position:absolute; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/h4_ico.png) no-repeat; width:17px; height:17px; display:inline-block; vertical-align:middle; background-size:contain; top:25%; left:0;}

#contbox h5                { width:100%; margin-bottom:6px; font-size:1.05rem; position:relative; letter-spacing:0.1rem; line-height:2rem;}

#contbox .text             { font-size:16px; line-height:2.0rem; text-align:justify; margin-bottom:40px;}

#contbox .linkbtn          { justify-content:space-between; flex-wrap:wrap; margin:60px 0;}
#contbox .linkbtn li       { width:30%;  margin-bottom:30px;}
#contbox .linkbtn li a     { display: block; color:#fff; font-size:18px; background:#5badfb; text-align:center; padding:10px 30px; border-radius:5px;}

#contbox .tel              { font-size:35px; font-weight:bold;}

#contbox .line             { line-height:normal; padding:0; border-bottom:solid 1px #b4b4b4; width:100%; }

#top_list .flex            { justify-content:space-between; flex-wrap:wrap;}
#top_list li               { width:48%;}
#top_list li h2:before     { content:""; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/h2_ico.png) no-repeat; width:46px; height:42px; position:absolute; left:50%; top:50%; transform:translate(-235px,-24px); background-size:contain; vertical-align:middle; display:inline-block;}


/* massage */
#ri_box                    { padding:20px 0;}
/*#ri_box p                  { text-align:justify; line-height:1.6rem; font-size:14px;}*/
#ri_box p u                { font-size: 20px; font-weight: bold;}
#ri_box .flex              { justify-content:space-between;}
#ri_box li                 { width:50%;}
#ri_box li img             { width:100%;}
#ri_box .title             { font-size:35px; font-weight:bold; color:#0052a4; line-height: 3rem;}
#ri_box .left_box.logo     { display: flex; justify-content: center; align-items: center;}
#ri_box .left_box.logo img { width:80%; margin-bottom:30px;}
#ri_box .left_box img      { width:50%; margin-bottom:30px;}
#ri_box .right_box img     { width:50%;}
#ri_box .right_box         { text-align:right;}
#ri_box .text01            { font-size:24px; font-weight:bold; line-height:2.0rem;  padding-left: 1rem;}
#ri_box .text02            { font-size:20px;}
#ri_box .theme .title      { font-size:25px; font-weight:bold; color:#000;}
#ri_box .awardsbox         { text-align:center; max-width:980px; margin:0 auto;}
#ri_box .awardsbox img     { margin-bottom:30px; width:100%;}
#ri_box .awardsbox img:last-of-type     { margin-bottom:0;}
#ri_box .theme .text       { font-size:16px; line-height:2.0rem; text-align:justify;}
#ri_box .theme .text:last-of-type       { margin-bottom: -30px;}
#ri_box .name              { font-weight:bold; font-size:24px; line-height:2.5rem; letter-spacing:0.1rem;}
#ri_box .date              { font-size:20px; letter-spacing:0.1rem;}
#ri_box .center img        { width:50%; margin-bottom:20px;}

#district_box                            { padding:20px 0;}
#district_box .text01                    { font-size:24px; font-weight:bold; line-height:2.5rem;}
#district_box .leftbox img               { width:70%;}
#district_box .orange                    { font-size:28px; font-weight:bold; color:#ffb3db; letter-spacing:0.5rem;}
#district_box .number                    { line-height:normal; padding:0; border-bottom:none; width:100%; text-indent: -1em; padding-left: 1.4em; margin-bottom: 5px;}
#district_box .number::before            { content:none;}
#district_box .line::before              { content:none;}
#district_box h5                         { font-size:18px; letter-spacing:0.3rem;}
#district_box .indent li                 { text-indent: -1em; padding-left: 1em;}
#district_box .awardsbox                 { text-align:center; max-width:970px; margin:0 auto;}
#district_box .awardsbox img             { margin-bottom:30px; width:100%;}
#district_box .mapbox .flex              { justify-content:space-between; width:100%;}
#district_box .mapbox .map               { width:50%; text-align: end;}
#district_box .mapbox table              { border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse; width:100%;}
#district_box .mapbox th                 { width: 8em; font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d; background:#ebebeb;}
#district_box .mapbox td                 { font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;}

#district_box .assistant_box                { flex-wrap:wrap; width:100%;}
#district_box .assistant_box:last-of-type   { margin-bottom: 0;}
#district_box .assistant_box .left_box      { width:30%;}
#district_box .assistant_box .left_box img  { width:70%; margin-top: 10px;}
#district_box .assistant_box .rightbox      { width:70%;}
/*#district_box .assistant_box h3:before      { transform:translate(-340px,-50%);}*/
#district_box .assistant_box span           { font-weight: normal; font-size: 1.1rem; letter-spacing: 0.1rem;}
#district_box .assistant_box p              { text-align:justify; line-height: 2rem;}

#district_box .leader_box .flex          { justify-content:space-between;}
#district_box .leader_box .left_box      { width:30%;}
#district_box .leader_box .left_box img  { width:70%;}
#district_box .leader_box .right_box     { width:80%;}
#district_box .leader_box table          { border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse; width:100%;}
#district_box .leader_box th             { width: 10rem; font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d; background:#ebebeb;}
#district_box .leader_box td             { font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;}
#district_box .leader_box .title         { font-size:18px; font-weight:bold; border-bottom: 1px solid #b4b4b4; padding-bottom:4px;}
#district_box .officers_box table        { border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse; width:100%;}
#district_box .officers_box th           { width: 20rem; font-size: 1rem; padding: 1rem; line-height: 1.6rem; border-bottom:1px solid #2d2d2d; background:#ebebeb; text-align:left;}
#district_box .officers_box td           { font-size: 1rem; padding: 0.8rem; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;word-wrap: break-word; overflow-wrap: break-word; word-wrap: break-word;}
#district_box .officers_box .td_box      { flex-wrap:wrap;}
#district_box .officers_box .td_box li   { width:50%; margin:5px 0;}


#privacy .title            { font-size:24px; font-weight:bold;}
#privacy p                 { letter-spacing:0.1rem;}
#privacy .privacy_box      { padding:0 20px; line-height:2.0rem;}
#privacy .privacy_box span { display:block; padding-left:16px;}

#monthly_box .flex                  { justify-content:space-between; width:100%;}
#monthly_box .flex.acrobat          { justify-content:flex-start; align-items:center;}
#monthly_box span                   { font-size:0.8rem; margin-left: 1rem; display:block; text-align:justify; line-height:1.6rem;}
#monthly_box .img_box               { width:40%;}
#monthly_box .img_box img           { width:85%; margin:0 auto 10px;}
#monthly_box .right_box             { width:60%;}
/*#monthly_box .right_box h3:before   { transform:translate(-290px,-50%);}*/
#monthly_box .right_box .title      { font-weight:bold; border-bottom: 1px solid #b4b4b4; padding-bottom:4px; font-size:22px;}
#monthly_box .right_box p           { line-height:2.0rem;}
#monthly_box .dl_box                { justify-content:flex-start; align-items:center; width:100%; margin-left: 36px;}
#monthly_box .dl_box img            { width:100%;  padding-right:10px;}
#monthly_box .dl_box a              { text-decoration:underline; padding-top:4px; color:#2972BA;}

#downloads .link_box       { flex-wrap:wrap; justify-content:space-between; /*height:150px;*/}
#downloads .link_box li    { margin-bottom: 10px;}
#downloads table           { border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse; width:100%;}
#downloads th              { width: 10rem; font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;}
#downloads td              { font-size: 1rem; padding: 0.8rem; line-height: 1.6rem; word-wrap: break-word; overflow-wrap: break-word; word-wrap: break-word;}
#downloads .first-cell     { width: calc(50%); background-color:#ebebeb; border-right: 1px solid #b4b4b4;}
#downloads .second-cell    { width: calc(6%);}
#downloads .third-cell     { width: calc(18%); border-left: 1px solid #b4b4b4;}
#downloads .data-cell      { border-top: 1px solid #b4b4b4;}
#downloads .third-cell .btn { background:#eeeeee; border-radius:10px; padding:5px 10px; border:1px solid #000; line-height:1.3rem;}


#myrotary_box .flex        { justify-content:space-between; margin-bottom:80px;}
#myrotary_box .text_box li { width:50%; line-height:1.8rem;}
#myrotary_box p            { text-align:justify;}
#myrotary_box .title       { font-weight:bold; font-size:22px; border-bottom:1px solid #b4b4b4; line-height:normal; padding:4px 0;}
#myrotary_box .link_box li         { width:90%; position:relative; left:50px; border-bottom:1px dotted #b4b4b4; padding-top:8px; line-height:2.0rem;}
#myrotary_box .link_box a          { color:#53a4c7; padding-left:20px;}
#myrotary_box .link_box li::before { content:"●"; position:absolute; color:#0052a4; font-size:25px;}

#myrotary_box .link_btn            { margin:0 auto 80px; max-width:400px;}
#myrotary_box .link_btn a          { background:#0067c8; color:#fff; padding:15px 30px; border-radius: 5px; letter-spacing:0.1rem;}


#sitemap .map01 li                  { font-weight:bold; margin-bottom:10px; position:relative;}
#sitemap .map02 li                  { font-weight:100; padding-left:20px; margin-bottom:10px; position:relative;}
#sitemap .map01 li a::before          { content:""; position:absolute; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/sitemap_ico.gif) no-repeat; width:100%; height:100%; left:50%; top:50%; transform:translate(-52%,-37%);}
#sitemap .map02 li a::before          { content:""; position:absolute; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/sitemap_ico.gif) no-repeat; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-37%);}


#topics_box ul .flex                  { align-items:center;}
#topics_box .day                      { margin-right:10px;}
#topics_box .title                    { font-size:18px; font-weight:bold;}

#page .flex                           { justify-content:center;}
#page li                              { padding:0 10px; font-weight:bold; font-size:16px; border-right:#000 solid 1px;}
#page li:first-child                  { border-left:#000 solid 1px;}
#page .none                           { color:#000; }
#page .page_link a                    { color:#0052a4; border-bottom:solid 1px #0052a4;}


#project_box .flex             { align-items:center; margin-bottom:10px;}
#project_box .name_blue        { background:#2a86e2; border-radius:50px; padding:0px 15px; margin-left:10px; color:#fff; font-size:12px;}
#project_box .name_green       { background:#2bb180; border-radius:50px; padding:0px 15px; margin-left:10px; color:#fff; font-size:12px;}
#project_box a                 { text-decoration:underline;}

#project_post .name_green      { font-size:16px; background:#2bb180; border-radius:50px; padding:3px 15px; margin-left:20px; color:#fff;}
#project_post .name_blue       { background:#2a86e2; border-radius:50px; padding:3px 15px; margin-left:10px; color:#fff; font-size:16px;}
#project_post dt               { margin-top:-10px;}
#project_post dd               { margin-left:20px;}
#project_post .project_title   { font-size:28px; font-weight:bold; text-align:justify;}
#project_post .project_title span { font-size:22px; font-weight:100;}
#project_post .rc_name         { font-size:18px; font-weight:bold;}
#project_post .rc_member b     { letter-spacing:0.3rem; margin-right:15px;}
#project_post .rc_member li    { margin-right:50px;}
#project_post .detail_box p    { line-height:1.8rem;}
#project_post .detail_box img  { margin-left:30px; width:100%;}
#project_box table             { border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse; width:100%;}
#project_box th                { width: 20rem; font-size: 1rem; padding: 1rem; line-height: 1.6rem; border-bottom:1px solid #2d2d2d; background:#dfeff4; text-align:left;}
#project_box td                { font-size: 1rem; padding: 0.8rem; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;word-wrap: break-word; overflow-wrap: break-word; word-wrap: break-word;}
#project_box .td_box           { flex-wrap:wrap;}
#project_box td a                          { font-size:14px; line-height:1.6rem;}

#project_post .detail_box .text_box      { width:70%;}
#project_post .detail_box .pdf_link img  { width:auto; padding-right:10px;}
#project_post .detail_box a              { text-decoration:underline; padding-top:4px; color:#2972BA;}
#project_post h3:before                  { transform: translate(-445px, -48%);}

/*------table------*/
#mie-area01,#mie-area02,#mie-area03,#mie-area04,#mie-area05,#mie-area06,
#gifu-area01,#gifu-area02,#gifu-area03,#gifu-area04,#gifu-area05  {margin-bottom: 40px;}

table               {border-collapse: collapse; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; width: 100%;}
p.assistant         {display: inline-block; font-weight: bold; margin-bottom: 1rem;}
td                  {border-left: none; border-right: none; font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem;}
.header-cell        {border-bottom: 1px solid #2d2d2d;}
.data-cell          {border-top: 1px solid #b4b4b4;}
.first-cell         {width: calc(33.33%); background-color: #ebebeb;}
.second-cell        {width: calc(33.33%);}
.third-cell         {width: calc(33.33%); border-left: 1px solid #b4b4b4;}

#club_box .executive                   {display: flex; flex-direction: row; flex-wrap: wrap;}
#club_box .executive li                {width: 10rem;}
/*#club_box .executive li:nth-child(odd) {width: 6rem;}*/

#club_box .mapbox                      {margin-bottom: 60px;}
#club_box .mapbox .flex                {flex-wrap: wrap; justify-content:space-between;}
#club_box .mapbox li                   {width:50%; min-width: 375px;}
#club_box .mapbox table                {border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse; width:90%;}
#club_box .mapbox th                   {width: 6rem; font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d; background:#ebebeb;}
#club_box .mapbox td                   {font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;}
#club_box .mapbox .official            {padding-left: 27px; background: url(/rid2630/wp-content/themes/2025_2026rid2630/img/externallinks.svg) no-repeat 2px 0px;}

#event_box .monthbox                   {margin-bottom: 60px;}
#event_box .monthbox:last-of-type      {margin-bottom: 0;}
#event_box .monthbox .first-cell       {width: calc(15%);}
#event_box .monthbox .second-cell      {width: calc(8%);}
#event_box .monthbox .third-cell       {width: calc(77%);}
#event_box .monthbox .sun              {color: #c5270f;}
#event_box .monthbox .sat              {color: #0052a4;}
#event_box .monthbox table             {border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; border-collapse: collapse;}
#event_box .monthbox th                {width: 6rem; font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d; background:#ebebeb;}
#event_box .monthbox td                {font-size: 1rem; padding: 0.5rem 0.75em; line-height: 1.6rem; border-bottom:1px solid #2d2d2d;}
#event_box .monthbox td.first-cell     {background-color: #ffffff;}
#event_box .monthbox th.second-cell,
#event_box .monthbox td.second-cell    {text-align: center; border-left: 1px solid #b4b4b4;}

#contbox .linkbtn.club                 {justify-content:center; margin:0;}
#contbox .linkbtn.club li              {/*background:#00193b;*/ width:30%; text-align:center; padding:10px 30px; margin-bottom:0;}

.gmap{
    position : relative;
    height : 0;
    padding-bottom : 75%; /* 縦横比の指定 */
    overflow : hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed{
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
}


@media screen and (max-width: 1360px) {
#report img                     { width:100%;}
}


@media screen and (max-width: 1200px) {
.top_links ul.scroll li img       { width:100%;}

#head_wrap img                    { width:100%;}

#mainbox img                      { width:95%;}
}

@media screen and (max-width: 1024px) {
#id_wrap .inner                   { width:100%; padding:0 20px;}

#foot_banner .flex:last-child     { padding:0 20px;}
}

@media screen and (max-width: 798px) {
.pc                                        { display:none;}
.sp                                        { display:block;}
.pl20                                      { padding-left:10px;}

p                                          { font-size:14px; line-height:1.6rem;}

#page_top                                  { width:80px;}

#contbox                                   { padding:20px;}
#contbox h2                                { font-size:20px; margin-bottom:30px;}
#contbox h2:before                         { left:auto; top:auto; transform: translate(-50px,-8px);}
#contbox .text                             { font-size:14px; line-height:1.6rem;}
#contbox h3                                { padding:0; line-height:2.2rem; letter-spacing:0.1rem;}
#contbox h3:before                         { content: none;}

#contbox .tel                              { display:block; margin-top:10px;}

#foot_banner                               { padding: 20px 0 40px;}
#foot_banner .flex ul.bannerbtn            { display:block; margin:auto;}
#foot_banner .flex li                      { text-align:center; margin:20px 0;}
#foot_banner .flex li:last-child           { margin-bottom:0;}

#head_back                                 { background:none; height:auto;}

#conthead h1                               { font-size:28px;}

#id_wrap                                   { height:auto; padding:20px 0;}
#id_wrap h2                                { margin:0;}
#id_wrap .flex                             { display:block;}
#id_wrap .flex img                         { width:80%;}
#id_wrap .btn                              { width:100%; padding-top:20px; justify-content: flex-start;}
#id_wrap .btn li a                         { padding:4px 10px 0 30px;}
#id_wrap .btn li .ico                      { top:-8px; left: 12px;}
#id_wrap .btn .contact                     { margin-right: 8px;}

#mainbox .inner h2 img                     { padding:0 10px;}

#report p                                  { padding: 5px 0;}

#report p a                                { font-size:12px;}

#sect02                                    { padding:20px;}

#guidance .flex img                        { width:100%;}

#sect03                                    { padding:40px 20px 20px;}

#information h2.information                { font-size:24px;}
#information .info_window  dl              { flex-wrap:wrap; line-height:1.8rem;}
#information .info_window .info_box dt     { min-width:120px; font-weight:bold; font-size:14px;}
#information .info_window .info_box dd     { font-size:14px;}
#information .info_window                  { padding:20px;}
#information h2::before                    { width:45px; height:44px; background-size:contain;}


#sect04                                    { padding:40px 20px;}

#governor                                  { width:100%;}
#governor .year_governor .governor li      { font-size:14px; width:100%;}
#governor .year_governor .governor ul      { flex-wrap:wrap;}
#governor .year_governor .governor span    { margin-right:1rem; font-size:14px;}

#rates                                     { margin:20px auto;}

#top_rid2630 .inner                        { width:100%; margin:0 auto;}
.top_links ul.scroll li img                { width:100%;}
.top_links .rotary_link                    { justify-content:center; padding: 60px 20px 50px;}
.top_links .rotary_link img                { margin-bottom:20px;}

.top_links                                       {width: 100vw; height: auto; background:url(/rid2630/wp-content/themes/2025_2026rid2630/img/2630_top_back_sp.jpg) center; background-repeat:no-repeat; background-size:cover;}


#welcomebox                                { padding:40px 20px;}
#welcomebox img                            { width:80%;}

#myrotary_box .flex                        { display:block;}
#myrotary_box .text_box li                 { width:100%; left:auto;}
#myrotary_box .link_box a                  { font-size:14px;}
#myrotary_box .link_box li::before         { font-size:18px;}
#myrotary_box .link_btn                    { max-width:none; width:100%; display:flex; justify-content:center;}
#myrotary_box .link_btn a                  { padding:10px 20px; font-size:16px;}

#privacy .privacy_box                      { padding:0 10px;}

#sitemap .map01 li                         { padding-left:10px; margin-left:10px;}
#sitemap .map02 li                         { padding-left:20px;}

#top_list .flex                            { display:block;}
#top_list li                               { width:100%;}
#top_list li h2:before                     { left:auto; top:auto; transform:translate(-50px,-8px);}

#ri_box                                    { padding:0;}
#ri_box p.text                             { line-height: 2.0rem;}
#ri_box .flex                              { display:block;}
#ri_box li                                 { width:100%;}
#ri_box .theme .title                      { font-size:20px; margin-bottom:10px;}
#ri_box .theme .text                       { font-size:14px; line-height:1.6rem;}
#ri_box .theme .center img                 { width:50%;}
#ri_box .left_box img                      { margin-bottom:20px; width:50%;}
#ri_box .title                             { font-size:24px; margin-bottom:20px;}
#ri_box .name                              { font-size:22px; line-height:2.0rem;}
#ri_box .date                              { font-size:18px; margin-bottom:20px;}
#ri_box .text01                            { padding-left:0; margin-bottom:10px; font-size:22px; line-height: 1.8rem;}
#ri_box .right_box                         { text-align:left;}
#ri_box .center img                        { width:80%; margin-bottom:20px;}

#district_box                              { padding:0;}
#district_box .flex                        { display:block;}
#district_box .text01                      { font-size:22px; line-height:2.0rem;}
#district_box .orange                      { display:block; margin-bottom:10px; font-size:24px; line-height:2.0rem;}
#district_box .assistant_box               { margin-bottom:30px;}
#district_box .assistant_box .left_box     { width:100%;}
#district_box .assistant_box .left_box img { width:50%; margin-bottom:10px;}
#district_box .assistant_box .rightbox     { width:100%;}
/*#district_box .assistant_box h3:before     { transform: translate(-355px, -50%);}*/
#district_box .leader_box .left_box        { width:100%;}
#district_box .leader_box .left_box img    { width:50%; margin-bottom:10px;}
#district_box .leader_box .right_box       { width:100%;}
#district_box .leader_box th               { width:8rem;}
#district_box .leader_box th               { display:block; width:100%;}
#district_box .leader_box td               { display:block; width:100%; font-size:14px;}
#district_box .leader_box .none            { margin-bottom:-1px;}
#district_box .officers_box table          { margin-bottom:30px;}
#district_box .officers_box th             { display:block; width:100%;}
#district_box .officers_box td             { display:block; width:100%; font-size:14px;}
#district_box .officers_box .none          { margin-bottom:-1px;}
#district_box .officers_box .td_box li     { width:100%;}
#district_box .officers_box .pc            { display:none;}
#district_box .mapbox                      { margin-bottom:20px;}
#district_box .mapbox table                { margin-bottom:20px;}
#district_box .mapbox .map                 { width:100%;}
#district_box .mapbox td                   { font-size:14px;}


#contbox .linkbtn                          { display:block;}
#contbox .linkbtn li                       { width:100%;}

#monthly_box .flex                         { display:block;}
#monthly_box span                          { margin-left:0;}
#monthly_box .flex.acrobat img             { margin-bottom:10px;}
#monthly_box .right_box                    { width:100%; margin-bottom:20px;}
#monthly_box .img_box                      { width:100%; text-align:center;}
#monthly_box .dl_box                       { display:flex; margin:0 auto 10px; justify-content:center; align-items:center;}

#downloads .link_box                       { height:auto; width:100%; text-align:center;}
#downloads .link_box li                    { width:100%;}
#downloads .link_box img                   { margin-bottom:10px;}
#downloads table td                        { font-size:14px; padding:0.5rem;}


#topics_box ul .flex                       { align-items:start;}
#topics_box .day                           { font-size:14px;}
#topics_box .title                         { font-size:16px; line-height:1.6rem;}
#page li                                   { font-size:14px;}


#project_box .day,#project_box a           { font-size:14px;}

#project_post .day                         { font-size:14px;}
#project_post .name_green,#project_post .name_blue { font-size:12px;}
#project_post dt                           { width:50%;}
#project_post dd                           { margin:auto;}
#project_post .flex_sp                     { display:flex;}
#project_post .flex_sp img                 { margin-top:10px; width:50px;}
#project_post .rc_name                     { margin-bottom:10px;}
#project_post .rc_member                   { display:block;}
#project_post .rc_member li                { margin:0 0 10px 0;}
#project_post .project_title               { font-size:18px; margin-left:10px;}
#project_post .project_title span          { font-size:16px;}
#project_post .detail_box                  { display:block;}
#project_post .detail_box img              { margin:auto; width:100%;}
#project_post .detail_box p                { line-height:1.6rem; margin-bottom:30px;}
#project_post h3:before           { transform: inherit; left:0%; top:5%;}



#nav_sp                 { width:100%; clear: both;}
/*#nav_sp #menu           {width: 100%;height: 40px;padding: 0;background: #b5b5b5; }*/
#nav_sp #menu li        {width: 100%;/*height: 100%;*/ height:initial;margin: 0;display: block;float: none;text-align: left;}
#nav_sp #menu li a      { padding:10px 0;display: block; color:#fff; max-width:200px;}
nav {
     display: block;
     position: fixed;
     top: 0;
     left: -200px;
     bottom: 0;
     width: 70%;
     background: #00498f;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     transition: all .5s;
     z-index: 3;
     display:none;}
.open nav  { left: 0; display:block;}
nav .inner { padding: 25px; display:block;}
nav .inner ul {
     list-style: none;
     margin: 0;
     padding: 0;}
nav .inner ul .spbo { position: relative; margin: 0; border-bottom: 1px solid #333;}
nav .inner ul li a {
     display: block;
     color: #333;
     font-size: 14px;
     /*padding: 1em;*/
     text-decoration: none;
     transition-duration: 0.2s;}
nav .inner ul li a:hover { background: #e4e4e4;}

/* toggle_btn */
.toggle_btn {
     display: block;
     position: fixed;
     top: 60px;
     right: 30px;
     width: 30px;
     height: 30px;
     transition: all .5s;
     cursor: pointer;
     z-index: 3;}
.toggle_btn span {
     display: block;
     position: absolute;
     left: 0;
     width: 30px;
     height: 2px;
     border-radius: 4px;
     transition: all .6s;
     border:solid 1px;
     border-color:#0052a4;
     -webkit-transition: .35s ease-in-out;
     -moz-transition: .6s ease-in-out;
     transition: .6s ease-in-out;}
.toggle_btn span:nth-child(1) { top: 4px;}
.toggle_btn span:nth-child(2) { top: 14px;}
.toggle_btn span:nth-child(3) { bottom: 4px;}
.open .toggle_btn span { background-color: #fff;}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
  border-color:#fff;}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
  border-color:#fff;}


/* mask */
#mask { display: none; transition: all .5s;}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;}


/* デザイン */
#menu .sen                   { border-bottom:solid 1px #27a7f0;}
#nav_sp #sub_menu li         { margin-left:20px;}
#nav_sp #sub_menu li a       { width: 100%;height: 100%; padding:8px 0; display: block; background: #00498f; color:#fff; font-size:12px;}

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 100%;
    max-width: 900px;
    margin:0 auto;}

/*アコーディオンタイトル*/
.nav_title {
    position: relative;
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    margin: -3% -3% -3% -50px;
    transition: all .5s ease;}
.nav_title::before{
     content: "";
     position: absolute;
     border-right: 2px solid #fff;
     border-top: 2px solid #fff;
     display: inline-block;
     width: 10px;
     height: 10px;
     top:-40%;
     left:90%;
     transition: all 0.5s;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);}
.nav_title.close::before     {
     top:-30%;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);}
.nav_box                     { display: none;/*はじめは非表示*/ margin:0 3% 3% 3%;}



#mie-area01 td,#mie-area02 td,#mie-area03 td,#mie-area04 td,#mie-area05 td,#mie-area06 td,
#gifu-area01 td,#gifu-area02 td,#gifu-area03 td,#gifu-area04 td,#gifu-area05 td,#gifu-area06 td  { font-size:14px;}

#mie-area01 .second-cell,#mie-area04 .second-cell,#mie-area05 .second-cell,#gifu-area03 .second-cell  { width:auto;}

#contbox .linkbtn.club li              { width:100%; margin-bottom:30px;}

#club_box .mapbox table                { margin-bottom:20px; width:100%;}
#club_box .mapbox li                   { width:100%; min-width:auto;}

#club_box .mapbox td                   { font-size:14px;}

#event_box .monthbox td                { font-size:14px;}
#event_box .monthbox .first-cell       {width: calc(24%);}
#event_box .monthbox .second-cell      {width: calc(13%);}
#event_box .monthbox .third-cell       {width: calc(33%);}

}

	
@media only screen and (max-width: 428px) {
.toggle_btn                                { top:35px;}

.nav_title::before                         { top: -145%;}
.nav_title.close::before                   { top: -125%;}

.new_line                                  { display:block;}

#id_wrap .btn .contact a                   { padding: 0 12px 0 40px;}
#id_wrap .btn .myrotary_club a             { padding: 0 14px 0 35px;}

#contbox h4                                { line-height: normal;}

#contbox .myrotary_title:after             { border-bottom: 80px solid #fff; border-left: 80px solid transparent;}

#contbox .two_lines:after                  { border-bottom: 80px solid #fff; border-left: 80px solid transparent;}

#contbox .line                        { text-indent: -0.8rem; padding-left: 0.8rem;}

#district_box .number                 { padding-left: 1em;}
#district_box .indent li              { text-indent: -0.4em; padding-left: 0.4em; font-size: 14px;}

#ri_box img                           { width: 100%;}
}


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

#governor .year_governor .governor li      { font-size:12px;}

#id_wrap .btn li                           { font-size: 10px;}
}


@media (hover: hover) {
button:hover                      {opacity: 0.75;}

#nav .flex .nav01 a:hover         { opacity:1.0; font-weight:bold; border-radius: 8px 8px 0 0; background:#00498f; color: #fff;}

nav li.has-child a:hover          { opacity:1.0; font-weight:bold;border-radius: 8px 8px 0 0; background:#00498f; color: #fff;}
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul { visibility: visible; opacity: 1;}
nav li.has-child ul li a:hover    { color:#fff; font-weight:bold; opacity:1.0; background: #5badfb; border-radius: 0px;}
nav li.has-child ul li:last-of-type a:hover { border-radius: 0 0 8px 8px;}

#page_top img:hover               { opacity: 0.6; filter: brightness(110%);}

.clubli li a:hover                {text-decoration: underline;}

#govenrnor dl:hover               { opacity:0.75;}

#contbox .linkbtn li a:hover      { opacity:0.75;}

#monthly_box .dl_box a:hover      { text-decoration:none;}

#myrotary_box .link_box a:hover   { text-decoration:none;}

#page .page_link a:hover          { border:none; color:#000;}

#project_box a:hover              { text-decoration:underline;}

#project_post .detail_box a:hover { text-decoration:none;}
}

@media (hover: none) {
button:hover                       {opacity: 0.75;}

#nav .flex .nav01 a:active        { opacity:1.0; font-weight:bold; border-radius: 8px 8px 0 0; background:#00498f; color: #fff;}

nav li.has-child a:active         { opacity:1.0; font-weight:bold;border-radius: 8px 8px 0 0; background:#00498f; color: #fff;}
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul { visibility: visible; opacity: 1;}
nav li.has-child ul li a:active    { color:#fff; font-weight:bold; opacity:1.0; background: #5badfb; border-radius: 0px;}
nav li.has-child ul li:last-of-type a:active  { border-radius: 0 0 8px 8px;}

#page_top img:active               { opacity: 0.6; filter: brightness(110%);}

.clubli li a:active                {text-decoration: underline;}

#govenrnor dl:active               { opacity:0.75;}

#contbox .linkbtn li a:active      { opacity:0.75;}

#monthly_box .dl_box a:active      { text-decoration:none;}

#myrotary_box .link_box a:active   { text-decoration:none;}

#page .page_link a:active          { border:none; color:#000;}

#project_box a:active              { text-decoration:underline;}

#project_post .detail_box a:active { text-decoration:none;}
}

