@charset "utf-8";
/* CSS Document */

/*SP用*/

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



/* 過去の広報紙一覧 */

.page-id-19 main ul{
 display:grid;
 grid-template-columns: 1fr 50%;
 border:0;
 
}

.page-id-19 main ul li{
border:0;
 margin:0.5rem;
}
 

/*地区社協概要の　あゆみ(年表）*/

.page-id-2 table{

  width:100%;
  margin:1rem auto;
  background:var(--white);
 
}

.page-id-2 table tr td{

  width:100%;
  margin:1rem auto;
  display:block;
  text-align:left;
  padding:0.5rem 0;
  
 
}

.page-id-2 table tr>td:first-child{
  width:100%;

}

.page-id-2 table{
    width:100%;
}



/* 掲示板のスタイル */

.post-password-form{
  width:100%;
  margin:0 ;
  
}
.post-password-form input[type="submit"]
{
 margin-left:80%;
 margin-top:1rem;
}






 .pc_only{display:none;}
 .sp_only{display:block;}

/*top以外のヘッダーのタブ*/
 #header_tab{
    right:0;
 }

/* トップページのみのスタイル */

#topPage  h1#top_logo{display:block;text-align:center;width:100%;margin-top:1rem;}
#topPage  h1#top_logo img{width: 13rem;height:auto;}


main#top{
  width:100%;
  margin:0 auto;
  background-color:#FFF;  
  padding:0 0;
  
}

#top_main{
    padding:0 1rem;
}



#header_area{
    display:flex;
    background:rgba(255, 255, 255, 0.5);
    
}
#header_area #btn{
       
}
h1#top_logo{
width:10rem;
margin-bottom:2rem;
}

h1#top_logo img{
    width:10rem;
}


header.open{
    display:block;
  } 




#top_main{
     width:100%;
}

#top_right{
   width:100%; 
}
#leatest_post ul{
    flex-direction: column;
}

#leatest_post ul li{

    width:100%;
    margin-bottom:1rem;
   

}
#top_footer{
text-align:center;
padding:2rem;
justify-content:center;
width:100%;
}


/* トップページのみのスタイルここまで */
/*ブロックレイアウトのためのスタイル*/

/*地区社協概要アンカーリンク*/
.inner_link{	
		flex-wrap:wrap;
	}
	
	/*？*/
.entry-content{
		width:100% !important;
	}

.entry-content.has-global-padding {
	padding-left:0;
}


.wp-block-column{
  background:var(--white);
  padding:1rem;
  padding-left:1rem;
  line-height: 1.8;
  
}


/*20250713add*/
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
max-width:100%;
margin:0 auto;

}


/*/ブロックレイアウトのためのスタイルここまで　*/





/* ヘッダーとドロワーメニュー */


 header.open {
                position: relative;
                 z-index:999; 

            } 

            header  #btn {
                padding: 10px;
                cursor: pointer;
                width: 5rem;
                height: 3rem;
                display: block;
            }

          header  ul {
             z-index:999;
                list-style-type: none;
                position: absolute;
                top: 7rem;
                right: 600px;
                flex-direction: column;
                width: 100%;
                background: var(--palegreen);
                transition: all 0.5s 0s ease-in; /* ハンバーガーメニューのスライドアニメーション */
            }

           
          header ul li {
            font-size:1.5rem;  
            
                max-inline-size: 100%;
                padding: 2rem;
                border-bottom: 1px solid #FFF;
                background: transparent;
                text-align: left;
                color: var(--darkgreen);
                width: 100%; /* モバイル表示で幅を100%に */
            }

          header  li a {
                text-decoration: none;
                color: var(--darkgreen); /* モバイルメニューのリンク色 */
            }

             header  li:hover{
                background-color: var(--lightgreen);
              
             }

            /* モバイル時の下層メニューのスタイル */
          header  li ul {
                position: static; /* モバイルではstaticで通常の流れに */
                box-shadow: none;
                width: 100%;
                 background-color: transparent;
                 background-color: var(--lightgreen);
              
            }

         header li ul li {
                border-bottom: 1px solid rgba(255, 255, 255, 1);
                padding:2rem;
            }
       
         header   li ul li:hover {
                background-color: rgba(255, 255, 255, 0.3);
            }

            .show {
                transform: translateX(600px);
                           }


/*トップページのドロワー*/

            
              ul.list li ul {
                display:none;

            } 


           ul.list li.open ul {
            display:block;
                position: relative;
                 z-index:999; 

            } 

             #btn {
                padding: 10px;
                cursor: pointer;
                width: 5rem;
                height: 3rem;
                display: block;
                
            }

          ul.list {
             z-index:999;
                list-style-type: none;
                position: absolute;
                top: 7rem;
                right: 600px;
                flex-direction: column;
                width: 100%;
                background: var(--palegreen);
                transition: all 0.5s 0s ease-in; /* ハンバーガーメニューのスライドアニメーション */
            }

           
          ul.list li {
            font-size:1.5rem;  
            
                max-inline-size: 100%;
                padding: 2rem;
                border-bottom: 1px solid #FFF;
                background: transparent;
                text-align: left;
                color: var(--darkgreen);
                width: 100%; /* モバイル表示で幅を100%に */
            }

          ul.list li a {
                text-decoration: none;
                color: var(--darkgreen); /* モバイルメニューのリンク色 */
            }

             ul.list li:hover{
                background-color: var(--lightgreen);
              
             }

            /* モバイル時の下層メニューのスタイル */
          ul.list  li ul {
                position: static; /* モバイルではstaticで通常の流れに */
                box-shadow: none;
                width: 100%;
                 background-color: transparent;
                 background-color: var(--lightgreen);
              
            }

        ul.list li ul li {
                border-bottom: 1px solid rgba(255, 255, 255, 1);
                padding:2rem;
            }
       
         ul.list  li ul li:hover {
                background-color: rgba(255, 255, 255, 0.3);
            }

            .show {
                transform: translateX(600px);
                           }










         


              

        /* ドロワーメニューの三本線 */
        #btn .bar1,
        #btn .bar2,
        #btn .bar3 {
            height: 0.3rem;
            width: 2rem;
            background-color: var(--bluegreen);
            margin: 0.3rem 0;
            display: block;
            transition: 0.1s;
        }

        .rotate1 {
            transform: translateY(0.6rem) rotate(45deg);
        }

        .rotate2 {
            opacity: 0;
        }

        .rotate3 {
            transform: translateY(-0.6rem) rotate(-45deg);
        }


header{
   margin-bottom:0;
   height:5rem;
   margin:0 ;
   padding:0 2rem;
       width:100%;
    }

article,
/* header, */
#breadcrumb,
footer{
width:100%;
flex-direction: column;
}
footer p.copyright{
    margin-bottom:1rem;
}

footer p#loginout{
    margin-top:1rem;
}

footer .lower{
    flex-direction: column;
}


article{
    padding:1rem;
}

/* html,
body
{

overflow-X:hidden;
-webkit-overflow-x:hidden;
} */


main{
    flex-direction:column-reverse;
    width:100%;
   }


   #maincontent.category ul li{
    flex-direction:column;


   }


/* 地区社協概要アンカーリンク(背景が薄色のところ） */
.inner_link{
	
	padding:0.3rem ;
	border-radius:0.5rem;
    margin-bottom:1rem;
    flex-wrap: wrap;
    line-height: 2rem;

  
}
.inner_link li{
    padding:0.5rem ;
    text-align:left;
    width:45%;
}  




/*アーカイブページ*/

#maincontent.category ul li .left {
    width: 100%;
}


    #maincontent.category ul li .thumbnail img{
        width:100%;
        height:auto;
    }

#maincontent,
.single #maincontent{
width:100%;
margin-left:0;

}


main #sidebar,
#sidebar{
   width:100%;
  
}


#sidebar ul li{

padding:0.8rem;
border-bottom:dotted 1px #CCC;

}





}