@charset "utf-8";


/* html {
    overflow-x: hidden;
    -webkit-overflow-x:hidden;
}

body {
    overflow-x: hidden;
    -webkit-overflow-x:hidden;
} */



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


.page-id-19 article{
  width:100%;
}
.page-id-19 main{
  flex-direction:column;
 
}

.page-id-19 main h3{
  font-size:1.2rem;
  color:var(--basegreen);
  font-weight:bold;
  margin-bottom:0.5rem;

}

.page-id-19 main ul{
  border:2px solid #CCC;
  display:inline-flex;

  /* display:grid;
 grid-template-columns: repeat(6,auto); */
 
  margin-bottom:2rem;
  flex-wrap: no-wrap;


}


.page-id-19 main ul li{
  /* margin: 0 0.5rem; */
  padding:0.5rem;
  border-left:2px solid #CCC;
  color:var(--basegreen);
   font-weight:bold;
    background:var(--white);
}
.page-id-19 main ul li:first-of-type{
  border-left:0;
 
}


.page-id-19 main #recently ul{
  margin-bottom:1rem;
}





/* 過去の広報紙の編集可能領域 mainより上 */
.content_space{
  margin:2rem 5%;

  width:80%;
 
}

#cancel-comment-reply-link{
 background:var(--bluegreen);
  color:var(--white);
  padding:0.2rem;
  border-radius:0.5rem;
 font-size:0.8rem;
  display:block;
  width:11em;
  margin-top:1rem;

}


h2.title{
   padding:0.5rem;
  /* border-bottom:solid 2px var(--lightgreen); */
  
} 
/* 掲示板のスタイル */


.post-password-form{
  background:#ccc;
  width:80%;
  margin:0 auto;
  padding:1rem;
}

.post-password-form input#pwbox-21{

border:1px solid #ccc;
padding:0.5rem;
background:var(--white);

}
.post-password-form input[type="submit"]
{

  background:var(--bluegreen);
  color:var(--white);
  padding:0.5rem;
  border-radius:0.5rem;
  margin-left:1rem;

}
#maincontent.category{

  padding:0;
}
#maincontent.category ul li {
background:var(--white); 
padding:1.5rem;
border:solid 1px var(--basegreen);
display:flex;
justify-content:space-around;
align-items: center;
margin-bottom:2rem;
 
}


.category-8 #maincontent.category ul li{
  display:block;

  border:0;
  border-bottom:dotted #CCC 1px;
 margin-bottom:0;
}

.single.single-post .comment-form label{
 display:block;
}


.single.single-post textarea#comment {
  border:1px solid #CCC;
padding:1rem;
background:var(--white);
max-width:95%;
}

.single.single-post input#author,
.single.single-post input#email
{
border:1px solid #CCC;
padding:1rem;
background:var(--white);
max-width:95%;

}

.single.single-post p.comment-form-url{
display:none;
}


.single.single-post input#submit{
background:var(--bluegreen);
color:var(--white);
font-weight:bold;
padding:0.5rem 0.5rem;
border-radius:0.5rem;

}

.single.single-post #respond{
  background:var(--palegreen);
  border-radius: 0.5rem;
  padding:1rem;
}


.single .commentlist li{
  background:var(--palepink);
  border-radius: 0.5rem;
  padding:1rem;
  margin:1rem 0;
}

.single .commentlist li .comment-reply-link{
  background:var(--pink);
  color:var(--white);
   border-radius: 0.5rem;
  padding:0.2rem 0.5rem;
  margin-top:1rem;
  display:inline-block;

}





/*single.php*/
p.singlePageTitle{
  color:var(--basegreen);
  font-weight:bold;
  font-size:1.5rem;
  text-align:left;
}


 /* .single-post  */
 
 button[type="submit"]#back{
  display:block;
  margin-left:auto;
  padding:0.2rem 0.8rem;
  border-radius:1rem;
  background:var(--bluegreen);
  color:var(--white);
  
}
/* .single-post */
 button[type="submit"]#back a{
 color:var(--white);
} 

/* .single-post  */
button[type="submit"]#back:hover{
  opacity:0.5;
}
.single-post main{
margin-bottom:1rem;
} 



#header_tab{
  font-size:0.8rem;
  font-weight:bold;
  color:var(--white);
  background:var(--bluegreen);
  padding:0.2rem;
 position:absolute;
 top:0;
 right:10%;
 z-index:888;
}

p.pagetop{width:4em;height:4em;background:rgba(68,79,95,0.3);border-radius:50%;padding:1rem;display: none;
    position: fixed;
    bottom: 30px;
    right: 20px;
	z-index:50;}

  p.pagetop　a{color:#FFF;font-weight:bold;font-size:80%; display: block;}


/* go topボタン */

 .scroll-to-top {
    display: none; /* 初期状態では非表示 */
    position: fixed; /* 画面に固定 */
    bottom: 20px; /* 下から20px */
    right: 20px; /* 右から20px */
    background-color: var(--lightgreen) ;/* ボタンの背景色 */
    color: white; /* 文字色 */
    border: none; /* ボーダーなし */
    border-radius: 50%; /* 円形にする */
    width: 4rem; /* 幅 */
    height: 4rem; /* 高さ */
    font-size: 1.2rem; /* フォントサイズ */
    cursor: pointer; /* カーソルをポインターに */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 影 */
    z-index: 1000; /* 他の要素より手前に表示 */
    display: flex; /* 中央寄せのためにflexboxを使用 */
    justify-content: center; /* 水平方向の中央寄せ */
    align-items: center; /* 垂直方向の中央寄せ */
  }

  .scroll-to-top:hover {
    background-color:var(--basegreen); /* ホバー時の背景色 */
  }








/* トップページのヘッダー */
.top_sp_only{
  display:none;
}






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



/*ボランティアセンター*/
.page-id-13 h3.wp-block-heading{
  font-weight:bold;
  font-size:1.2rem;
  position: relative;
  padding-left:0;
  color:var(--darkblue);
  display:inline-block;
  
}
.page-id-13 h3.wp-block-heading::after{
     position: absolute;
            top: 2.5rem;
            left:0;
            width: 100%;
            height: 3px;
            content: '';
            background-color:var(--darkblue);

}

.page-id-13 h4{
color:var(--darkblue);
}

.page-id-13 .inner_link{
	 background:var(--paleviolet); 
}



/*地域の活動*/
.page-id-15 h3.wp-block-heading{
  font-weight:bold;
  font-size:1.2rem;
  position: relative;
  padding-left:1rem;
  color:var(--pink);
  display:inline-block;
}
.page-id-15 h3.wp-block-heading::after{
     position: absolute;
            top: 2.5rem;
            left:1rem;
            width: 100%;
            height: 3px;
            content: '';
            background-color:var(--pink);

}

.page-id-15 h4{
color:var(--pink);
}

.page-id-15 .inner_link{
	 background:var(--palepink); 
}
.page-id-15 .wp-block-list.inner_link{
  justify-content: center;
}
.page-id-15 .wp-block-list.inner_link li{
  padding-left:1rem;
  padding-right:1rem;
}


figcaption.wp-element-caption{
text-align:center;
}  



/*事業部*/
.page-id-9 h3.wp-block-heading{
  font-weight:bold;
  font-size:1.2rem;
  position: relative;
  padding-bottom:1rem;
  padding-left:0;
  color:var(--basegreen);
  display:inline-block;

  
}
.page-id-9 h3.wp-block-heading::after{
     position: absolute;
            top: 2.5rem;
            left:0;
            /* width: 5rem; */
            width:100%;
            height: 3px;
            content: '';
            background-color:var(--basegreen)


}

.page-id-9 h4{
color:var(--basegreen);
}

.page-id-9 .inner_link{
  background:var(--palegreen);
}

.page-id-9 h5{
  background:var(--palegreen);
  padding:0.2rem 1rem;
  color:var(--basegreen);
  display:inline-block;
  margin-bottom:1rem;
 
}




/*地区社協紹介ページ　リボンスタイルのタイトル*/


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

.page-id-2 table{

  width:90%;
  margin:1rem auto;
  background:var(--white);
 
}
.page-id-2 table td,
.page-id-2 table{
  border:0;
  
}

.page-id-2 table td{
padding:0.8rem;
/* min-width:10rem; */

}


.page-id-2 table tr{
 
 border-bottom:1px dotted #CCC;
  
}

.page-id-2 table tr:first-child{
 
 border-top:1px dotted #CCC;
  
}

.page-id-2 table tr>td:first-child{
  width:12rem;

}

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

}
/*地区社協紹介ページ　リボンスタイルのタイトル*/

.page-id-2 h3.wp-block-heading {
            position: relative;
            display: inline-block;
            height:2.5rem;     
            line-height: 2.5rem;
            padding: 0 1rem;
            background-color: #3c8549;
            color: #FFF;          
            font-size:1.3rem;
            font-weight: bold;
            text-align: center;
            margin:1rem 0;
        }

.page-id-2 h3.wp-block-heading::after {
            position: absolute;
            top: 0;
            width: 0px;
            height: 0px;
            border-color: #3c8549 transparent;
            border-style: solid;
            content: '';
        }
    

.page-id-2 h3.wp-block-heading::after {
            right:-1rem;
            border-width: 1.25rem 1rem 1.25rem 0;
        }
/*地区社協紹介ページ　リボンスタイルのタイトルここまで*/

.page-id-2 h4.wp-block-heading{
  font-size:1.5rem;
  font-weight:bold;
  color:var(--darkblue);
}

.page-id-2  strong{
  color:var(--darkgreen);
}

 
/* 地区社協概要アンカーリンク(背景が薄色のところ） */
.inner_link{
	display:flex;
	justify-content:space-between;
	padding:0.8rem 1rem;
	border-radius:0.5rem;
  margin-bottom:1rem;
}

ul.inner_link{
	list-style:none;
}

.inner_link li:hover{
    background:rgba(255, 255, 255, 1);
    
}


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




:root{

--darkgreen:#005000;
--basegreen:#008700;
--lightgreen:#CCE6CC;
--palegreen:#E4F6DC;
--bluegreen:#009D80;
--contents_bg:#F6F5F2;
--violet:#9780FF;
--paleviolet:#ECE7F2;
--pink:#DC4993;
--palepink:#EDD8E3;
--wine:#870044;
--darkblue:#000086;
--white:#FFF;


}




body{
color:#333;
font-size:1.125rem;
font-family:'Noto Sans JP', "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(228, 246, 220, 1) 2px, rgba(228, 246, 220, 1) 4px );
}

a{color:#333;}


article{
 background-color:var(--contents_bg) ;
 min-height:90vh;
 width:80%;
 padding:2rem;
 margin:0 auto;
}
#breadcrumb{
width:80%;
padding:0.5rem 1rem;
margin:0 auto;
background:var(--contents_bg);
}

h2.title{
  color:var(--basegreen);
  font-size:2rem;
  font-weight:bold;
  margin-bottom:2rem;
  display: flex;
 justify-content: center;
 
}

p.list-title{
  background:var(--basegreen);
  color:#FFF;
  padding:1rem;

  
}


p.list-title02{
  background:var(--lightgreen);
  color:var(--basegreen);
  padding:1rem;
 

  
}

main{
  display:flex;
}



#sidebar ul li{

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

}


/*maincontent*/

 #maincontent{
 background:var(--white); 
min-height:50vh;
width:65%;
border:solid 1px var(--basegreen);
margin-left:4%;
padding:1.5rem;

}

 #maincontent p,
  #maincontent img{

margin:1rem 0;

}





/*maincontent内のアーカイブリスト*/

#maincontent ul{


}

#maincontent ul li {
background:var(--white); 
padding:1.5rem;
/* border:solid 1px var(--basegreen); */
display:flex;
justify-content:space-around;
align-items: center;
  
}
#maincontent ul li img{
width:80%;height:auto;
  
}
#maincontent ul li .thumbnail{
 

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

  #maincontent ul li .title_parts h3{
    font-size:1.2rem;
    font-weight:bold;
    color:var(--basegreen);
    margin-bottom:1rem;
    
  }


/*maincontent内のアーカイブリスト*/

#maincontent ul{


}


#maincontent.category{
background:transparent;
border:0;

}
#maincontent.category ul li {
background:var(--white); 
padding:1.5rem;
border:solid 1px var(--basegreen);
display:flex;
justify-content:space-around;
align-items: center;
margin-bottom:2rem;
 
}

#maincontent.category ul li .left{

width:10rem;
}

#maincontent.category ul li .right{
display:flex;
flex-direction: column;
margin-left:1rem;

}

#maincontent.category ul li .title{

  color:var(--basegreen);
  font-weight:bold;
  font-size:1.2rem;
  margin-bottom:1rem;

}

#maincontent.category ul li .thumbnail img{
width:10rem;
}

#maincontent.category ul li .link_btn a{
background:var(--basegreen);
padding:0.2rem 0.5rem;
border-radius: 0.3rem;
color:var(--white);


}

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

 }


#maincontent ul li .title_parts{
width:100%;

  }

  #maincontent ul li .title_parts h3{
    font-size:1.2rem;
    font-weight:bold;
    color:var(--basegreen);
    margin-bottom:1rem;
    
  }


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


h1#top_logo{
  text-align:center;
width:20rem;
margin-bottom:2rem;
}

main#top{
  width:80%;
  margin:0 auto;
  background-color:#FFF;  
  padding:1rem;
  display:block;/*他のページと違うので*/
background-image: url(images/header_bg.png);
background-size: contain;
background-repeat: no-repeat;
}

main#top #top_logo img{
  width:20rem;
  height:auto;
  }

#top_main{
  display:flex;
  justify-content:space-between;
   width:90%;
  margin:0 auto;
  background:transparent;


}

#top_left{
  background:transparent;
  min-width:30%;
  
 }

#top_left ul li{
background:transparent;
}

#top_left ul li a{

  font-weight:bold;
  border-bottom: 1px solid var(--lightgreen);
  padding:1rem 2rem;
  display:block;
  background:transparent;
}

#top_left ul li a:hover{
color:var(--basegreen);

}

#top_left ul li i{margin-right:1rem;}
#top_left ul{
  margin-bottom:2rem;
}



#top_right{
  width:68%;
 
  
 
}
#top_right video{
  margin-bottom: 4rem;
  width:100%;
}

#top_right h2{
  background:var(--bluegreen);
  font-weight:bold;
  color:var(--white);
  margin-bottom:1rem;
  padding:0.5rem;
  text-align:center;
}
#leatest_post ul{
  display:flex;
   justify-content: space-between;
}

#leatest_post ul li{
 padding:0.5rem;
 
}

#leatest_post ul li img{
  width:100%;
  height:10rem;
  object-fit:cover;

}



 
#top_footer{
   background-size:100% auto;
   background-repeat:no-repeat;
   background-position: bottom center;
background:url(images/macinami-mini.jpg);

height:5rem;
height:130px;
width:80%;
margin:0 auto;
padding:2rem 0rem 2rem 4rem;
text-align:left;
display:flex;
justify-content:start;


}

#top_access{
  display:flex;
  flex-direction:column;
  align-items: center;
  font-size:1.5rem;
  text-align:center;
 
  
}
#top_access a{
  color:var(--basegreen);
}

#top_access i{
  color:var(--basegreen);
  font-size:2rem;
}


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



/* ------------------------------
  saidebarのあるタイプ
------------------------------ */
main #sidebar{
  margin-top:2rem;
  margin-top:0;
  width:30%;
 }

main #sidebar ul{
  background:var(--white);
  margin-bottom:1rem;
}

main #sidebar ul li{

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


}

main #sidebar ul li:last-child{
  border-bottom:0.5rem solid var(--basegreen);
}





.cat_icon{
  background:var(--bluegreen);
  color:var(--white);
  font-size:0.8rem;
  font-weight:bold;
  padding:0.2rem 0.5rem;
  display:inline-block;
  border-radius:0.3rem;
}

footer{
  background:var(--bluegreen);
  color:var(--white);
  padding:1rem;
  padding-bottom:0;
  margin:0 auto;
  width:80%;


}


footer .lower{
  display:flex;
   justify-content: space-evenly;
 
}






p#loginout{
margin:1rem;
border:1px solid var(--white);
display:inline-block;
padding:0.2rem;
}

footer p.copyright{
  margin-bottom:1rem;
}

footer p.contact{
  text-align:right;
  padding-right:1rem;
}







/* ------------------------------
   header
------------------------------ */
header h1 img{width:10rem;height:auto;}
 header {
            display: flex;
            /* margin: 0 10%; */
            width:80%;
            margin:0 auto;
             padding:0 2rem;
            align-items: center;
            justify-content: space-between;
            height: 5rem;
             background:var(--white);
            }

        #logo {
            width: 5rem;
            height: 2rem;
            background-color: #f2f2f2;
            text-align: center;
        }

        #btn {
            display: none;
        }

      header  ul {
            list-style-type: none;
            display: flex;
        }

       header  ul li {
            background-color: #ffff;
            padding: 10px;
            position: relative; /* 下層メニューの配置基準に */
        }

        header  ul li:hover{
          color:var(--basegreen);
        }

        /* 下層メニューのスタイル */
      header  li ul {
            display: none; /* 初期状態では非表示 */
            position: absolute;
            top: 100%; /* 親要素の直下に配置 */
            left: 0;
            flex-direction: column;
            background-color: #f9f9f9;
            min-width: 13rem;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

      header  li ul li {
            padding: 0.5rem 1rem;
            border-bottom: none; /* 下層メニュー内のliには下線なし */
            background-color: transparent;
        }

      header  li ul li a {
            color: #333;
            text-decoration: none;
            display: block; /* リンク全体をクリック可能に */
        }
  header  li ul li a:hover,
      header  li ul li:hover {
            background-color:var(--palegreen);
            color:var(--basegreen);
        }

        /* 下層メニュー表示用クラス */
      header  li.open > ul {
            display: flex; /* JavaScriptでこのクラスが付与されたら表示 */
        }

        .submenu {
        display:none;
        }

        /* 下層メニュー開閉ボタンのスタイル */
        .submenu-toggle {
            cursor: pointer;
            margin-left: 5px;
            display: inline-block;
            transition: transform 0.3s ease;
        }

        /* 矢印の回転 */
        li.open .submenu-toggle {
            transform: rotate(90deg);
        }


a{
	text-decoration: none;
	color:inherit;
	
}



.pc_only{
	display:block;
	
}

.sp_only{
	display:none;
	
}

.tb_only{
	display:none;	
}