/* ------------------------------------------------------------------------------

        特定非営利活動法人コミュニティままだ
        ホームページ　スタイルシート

   -------------------------------------------------------------------------- */

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #FF0000; }
a:active { color: #000000; }
a {text-decoration: none;}

 .clr  {clear: both;}



/*  ==================================================================================== */
/*  スマートフォン用のスタイル ========================================================= */
/* 　画面サイズ 499pxまで適用 */       @media screen and (max-width: 499px) {
/*  ==================================================================================== */   
/* ------------------------------------------------------------
    スマホベース　基本設定
   -------------------------------------------------------- */  
          body   { 
                  background-color: #ffffff;
                  }

    #main  {
            max-width: 500px;
            height: auto;
            margin: 20px auto;
            }
    
    h1  { font-size: 14pt;
          padding-top: 10px;
         }
/* ------------------------------------------------------------------------------
    スマホ　ＴＯＰ　ＮＡＭＥ
   ------------------------------------------------------------------------------*/

#top-name {
           width: 100%;
           height: auto;
           margin-top: 30px;
           text-align: center;
           font-size: 5vw;
           color: #000000;
           font-weight: bold;
          }    
/* ------------------------------------------------------------------------------
    スマホ　ＴＯＰ　ＳＵＢＮＡＭＥ
   ------------------------------------------------------------------------------*/
#top-subname { 
              margin-top: 5px;
               height: 30px;
               text-align: right;
               font-size: 2vw;
               font-weight: bold;
             }
/* ------------------------------------------------------------------------------
    スマホ　オープンメニュー
   ------------------------------------------------------------------------------*/
#menu-box { background-color: #E6FFE2; padding-top: 10px;  padding-bottom: 10px;}

.menu-box-name {
                width: 100%;
                text-align: center;
                font-size: 14pt;
                }

/* -----------------------------------------------------------------------------
　　スマホ　オープンメニュー内の　リストレイアウト
   ------------------------------------------------------------------------------*/

  ol.menu-wrist  {
                  width: 80%;
                  margin: 1em auto;
                  counter-reset: list;
                  list-style-type: none;
                  vertical-align: top;
                  }
              
  ol.menu-wrist li {
                    position:relative;
                    width: 100%;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    font-weight: bold;
                    font-size: 4vw;
                    line-height: 25px;
                    text-align: center;
                    margin-top: 1em;
                    background-color: #A3D6FF;
                    }

/* ------------------------------------------------------------------------------
   スマホ　お知らせ
   ------------------------------------------------------------------------------*/
#osirase {
          width: 100%;
          height: auto;
          padding-top: 20px;     
          background-color: #FFFFFF;
         }

          .osirase-top-l  {
                         display: inline-block; 
                         float: left; 
                         width: 100%; 
                         height: 20px; 
                         text-align: center;
                         font-size: 4vw; 
                         margin: 10px auto;
                         font-weight: bold;
                         }

          .osirase-top-r  {
                         display: inline-block; 
                         float: left; 
                         width: 100%; 
                         height: 10px; 
                         text-align: right;
                         font-size: 3vw; 
                         }

/* --------- お知らせ　カテゴリー ------ */

  .os-p {
              height: auto;
              padding: 5px ;
              margin: 5px ;
              border: 1px solid rgba(255,255,255,0);
              font-size: 10pt;
              border-radius: 5px ;
              line-height: 1.5em;
              }
  .os-p:hover {
                    border: 1px solid #000000;
                    background-color: #F0FFFF;
                    }


  .os-p2 {
              margin: 5px;
              height: auto;
              padding: 5px;
              border: 1px solid #000000;
              font-size: 10pt;
              line-height: 1.5em;
              border-radius: 5px ;
              }
/* ------------------------------------------------------------------------------
    スマホ  アドレス
   ------------------------------------------------------------------------------*/
 #adrs    {width: 100%;
           height: auto;
           text-align: center;
           padding-bottom: 20px;
           background-color: #CCF4C5;

           }



 address  {
           display: inline-block;
           vertical-align: top;
           margin: 5px auto;
           width: 300px;
           height: 80px;
           font-size: 8pt;
           line-height: 1.5em;
           text-align: left;
           }
/* ------------------------------------------------------------------------------
        スマホ  フッター
   ------------------------------------------------------------------------------*/
          .co-write {
                     margin-top: 10px;
                     width: 90%;
                     text-align: right;
                     padding-right: 2em;
                     font-size: 8pt;
                    }
/*  スマートフォンスタイル ＥＮＤ  ============================================== */
    }
/*  ============================================================================= */




/*  ====================================================================================================== */
/*  タブレット用のスタイル  ============================================================================== */
/*  画面サイズ 500pxから999pxまで適用 */    @media screen and (min-width: 500px) and (max-width: 999px) {
/*  ====================================================================================================== */
/* ------------------------------------------------------------
   タブレットベース　基本設定
   -------------------------------------------------------- */
          body   { 
                  background-color: #EBFFE8;
                  }

    #main  {min-width: 500px;
            max-width: 999px;
            height: auto;
            margin: 20px auto;
            }
        H1  { font-size: 16pt;}
/* ------------------------------------------------------------------------------
   タブレット　ＴＯＰ　ＮＡＭＥ
   ------------------------------------------------------------------------------*/

#top-name {
           width: 100%;
           height: auto;
           margin-top: 50px;
           text-align: center;
           font-size: 5vw;
           color: #000000;
           font-weight: bold;
          }    
/* ------------------------------------------------------------------------------
   タブレット　ＴＯＰ　ＳＵＢＮＡＭＥ
   ------------------------------------------------------------------------------*/
#top-subname { display: inline-block;
               float: right;
               margin-right: 30px;
               height: 20px;
               padding: 10pe 20px;
               font-size: 2vw;
               font-weight: bold;
               text-align: center;
            }
/* ------------------------------------------------------------------------------
   タブレット　オープンメニュー
   ------------------------------------------------------------------------------*/
#menu-box {
           width: 80%;
           height: auto;
           margin: 20px auto;
           border: 2px solid #FF5859;
           background-color: rgba(225,250,225,0.7);
           border-radius: 30px 30px 30px 30px ;
           font-weight: bold;
         }

.menu-box-name {
                width: 100%;
                text-align: center;
                font-size: 3vw;
                margin-top: 1em;
                }

/* ------------------------------------------------------------------------------
   タブレット　オープンメニュー内の　リストレイアウト
   ------------------------------------------------------------------------------*/

  ol.menu-wrist  {
                  display: inline-block;
                  float: left;
                  width: 40%;
                  margin: 1em 5%;
                  counter-reset: list;
                  list-style-type: none;
                  vertical-align: top;
                  }
              
  ol.menu-wrist li {
                    position:relative;
                    width: 100%;
                    padding-top: 5px;
                    font-weight: bold;
                    font-size: 2vw;
                    line-height: 25px;
                    text-align: center;
                    margin-top: 1em;
                    background-color: #FFFFCC;
                    border-radius: 10px 10px 10px 10px ;
                    }

/* ------------------------------------------------------------------------------
   タブレット　お知らせ
   ------------------------------------------------------------------------------*/
#osirase {
          width: 100%;
          height: auto;
          margin-top: 20px;      
          background-color: #FFFFFF;
         }
   
          .osirase-top-l  {
                         display: inline-block; 
                         float: left; 
                         width: 50%; 
                         height: 30px; 
                         text-align: center;
                         font-size: 3vw; 
                         margin: 10px auto;
                         font-weight: bold;
                         }

          .osirase-top-r  {
                         display: inline-block; 
                         float: left; 
                         width: 50%; 
                         height: 20px; 
                         text-align: right;
                         font-size: vw; 
                         margin: 10px auto;
                         }

/* --------- お知らせ　カテゴリー ------ */  

          .osirase-l   {
                        float: left;
                        width: 50%;
                        height: auto;
                       }

          .osirase-r   {
                        float: right;
                        width: 50%;
                        height: auto;       
                        }

  .os-p {
              height: auto;
              padding: 5px ;
              margin: 5px ;
              border: 1px solid rgba(255,255,255,0);
              font-size: 10pt;
              border-radius: 5px ;
              line-height: 1.5em;
              }
  .os-p:hover {
                    border: 1px solid #000000;
                    background-color: #F0FFFF;
                    }


  .os-p2 {
              margin: 5px;
              height: auto;
              padding: 5px;
              border: 1px solid #000000;
              font-size: 10pt;
              line-height: 1.5em;
              border-radius: 5px ;
              }
/* --------- お知らせ　カテゴリー ------ */  

/* ------------------------------------------------------------------------------
    タブレット  アドレス
   ------------------------------------------------------------------------------*/
 #adrs    {width: 100%;
           height: auto;
           padding-bottom: 20px;
           background-color: #CCF4C5;

           }



 address  {
           display: inline-block;
           vertical-align: top;
           margin: 5px;
           width: 230px;
           height: 100px;
           font-size: 8pt;
           line-height: 1.5em;
           }
/* ------------------------------------------------------------------------------
        タブレット  フッター
   ------------------------------------------------------------------------------*/
          .co-write {
                     margin-top: 10px;
                     width: 90%;
                     text-align: right;
                     padding-right: 2em;
                     font-size: 8pt;
                    }


/*  タブレットスタイル ＥＮＤ  ================================================== */
    }
/*  ============================================================================= */


/*   パソコン用のスタイル  =========================================================== */
/*   画面サイズ 1000px以上から適用 */     @media screen and (min-width: 1000px) {
/*   ================================================================================ */
/* ------------------------------------------------------------
             ＰＣベース　基本設定
   -------------------------------------------------------- */
          body   { 
                  background-color: #FFFFFF;
                  background-image: url("./index_image/img-bg03.png") ;
                  background-position: top center;
                  background-attachment : no-scroll ;
                  background-repeat: no-repeat;
                  background-size :  100%  ;
                  }

          #main  {
                  width: 100%;
                  height: auto;
                  margin: 20px auto;
                  }
    H1  { font-size: 20pt;}

/* ------------------------------------------------------------------------------
             ＰＣ　ＴＯＰ　ＮＡＭＥ
   ------------------------------------------------------------------------------*/

#top-name {
           width: 100%;
           height: auto;
           margin-top: 50px;
           text-align: center;
           font-size: 5vw;
           color: #000000;
           font-weight: bold;
          }    
/* ------------------------------------------------------------------------------
             ＰＣ　ＴＯＰ　ＳＵＢＮＡＭＥ
   ------------------------------------------------------------------------------*/
#top-subname { display: inline-block;
               float: right;
               margin-top: 20px;
               margin-right: 30px;
               font-size: 2vw;
               font-weight: bold;
               text-align: center;
               background-color:#FAFFFA ; 
               border-radius: 20px 20px 20px 20px ;
            }
/* ------------------------------------------------------------------------------
             ＰＣ　オープンメニュー
   ------------------------------------------------------------------------------*/
#menu-box {
           width: 90%;
           height: auto;
           margin: 20px auto;
           border: 2px solid #FF5859;
           background-color: rgba(255,255,240,0.7);
           border-radius: 30px 30px 30px 30px ;
           font-weight: bold;
         }

#menu-box:hover {
                   background-color: rgba(255,255,240,1);
                  }

.menu-box-name {
                width: 100%;
                text-align: center;
                font-size: 24pt;
                margin-top: 1em;
                }

/* ------------------------------------------------------------------------------
             ＰＣ　オープンメニュー内の　リストレイアウト
   ------------------------------------------------------------------------------*/

  ol.menu-wrist  {
                  display: inline-block;
                  float: left;
                  width: 40%;
                  margin: 1em 5%;
                  counter-reset: list;
                  list-style-type: none;
                  vertical-align: top;
                  }
              
  ol.menu-wrist li {
                    position:relative;
                    width: 100%;
                    padding-top: 5px;
                    font-weight: bold;
                    font-size: 18pt;
                    line-height: 20px;
                    text-align: center;
                    margin-top: 1em;
                    border-bottom: dashed 3px #F6A38B;
                    }

   ol.menu-wrist li:hover {
                            background-color: #EAF3EB;
                           }

/* ------------------------------------------------------------------------------
             ＰＣ　お知らせ
   ------------------------------------------------------------------------------*/
#osirase {
          width: 100%;
          height: auto;
          margin-top: 70px;      
          background-color: #FFFFFF;
         }

/* --------- お知らせ　ＴＯＰ ------ */  
          .osirase-top-l  {
                         display: inline-block; 
                         float: left; 
                         width: 50%;
                         padding-top: 20px; 
                         height: 20px; 
                         text-align: center;
                         font-size: 16pt; 
                         margin: 10px auto;
                         font-weight: bold;
                         }

          .osirase-top-r  {
                         display: inline-block; 
                         float: left; 
                         width: 50%; 
                         height: 20px;
                         padding-top: 20px; 
                         text-align: right;
                         font-size: 12pt; 
                         margin: 10px auto;
                         }

/* --------- お知らせ　ＴＯＰ ------ */

/* --------- お知らせ　カテゴリー ------ */  

          .osirase-l   {
                        float: left;
                        overflow: auto;
                        width: 50%;
                        height: auto;
                       }

          .osirase-r   {
                        float: right;
                        overflow: auto;
                        width: 50%;
                        height: auto;       
                        }

  .os-p {
              height: auto;
              padding: 5px ;
              margin: 5px ;
              border: 1px solid rgba(255,255,255,0);
              font-size: 12pt;
              border-radius: 5px ;
              line-height: 1.5em;
              }
  .os-p:hover {
                    border: 1px solid #000000;
                    background-color: #F0FFFF;
                    }


  .os-p2 {
              margin: 5px;
              height: auto;
              padding: 5px;
              border: 1px solid #000000;
              font-size: 14pt;
              line-height: 1.5em;
              border-radius: 5px ;
              }
/* --------- お知らせ　カテゴリー ------ */  

/* ------------------------------------------------------------------------------
    ＰＣ  アドレス
   ------------------------------------------------------------------------------*/
 #adrs    {width: 100%;
           height: auto;
           padding-bottom: 20px;
           background-color: #CCF4C5;

           }



 address  {
           display: inline-block;
           vertical-align: top;
           margin: 10px;
           width: 250px;
           height: 100px;
           font-size: 8pt;
           line-height: 1.5em;
           }
/* ------------------------------------------------------------------------------
        ＰＣ  フッター
   ------------------------------------------------------------------------------*/
          .co-write {
                      margin-top: 10px;
                     width: 90%;
                     text-align: right;
                     padding-right: 2em;
                     font-size: 8pt;
                    }



/*  ＰＣ　スタイル ＥＮＤ  ================================================== */
    }
/*  ============================================================================= */