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

/*

Theme Name: kodomo
Theme URI: https://www.840kodomo.com/
Description: Yashio City Children’s Association Council Web Design
Version: 2026
Author:  Yashio City Children’s Association Council
Author URI: https://www.840kodomo.com/

*/



/*--------------------------------------
  スマホ postcontents
--------------------------------------*/
#postcontents{
	width:100%;
	margin:20px auto 40px auto;
	padding: 2% 5%;
	text-align: center;
	background-color:rgb(255 255 255 / .5);
}

.postbox{
	clear: both;
	text-align:left;

}




/*** ブログ内記事整形 editorstyle***/

.postbox p{
	padding:0px 0px 20px 0px;
	display: block;
	text-align:left;
}

.postbox img[class*="wp-image-"],
.postbox img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

.postbox .wp-block-buttons{
	padding:0px 0px 20px 0px;
	display: block;
	text-align:left;
}

/*--------------------------------------
  スマホ bloglist
--------------------------------------*/

.bloglist{
	width: 100%;
	margin:20px auto;
	padding: auto;
	clear: both;
	text-align: center;
	}
	
.bloglist li{
	width:100%;
	margin:0px 0 20px 0;
	padding:5% 5% 5% 5%;
	text-align:left;
	line-height:1.5;
	background-color:#FDEDEC;
		}
	
.bloglist li:last-child{
	margin:0px 0 0px 0;	
}
	
.bloglist li .image{
	width:30%;
	overflow:hidden;
  float: left;
  padding-right:20px;
}		

.bloglist .bloglist_inner{
	color:#06441F;
	padding: 0px 0 0 0px;
	width:auto;
	overflow:hidden;
}		
.bloglist li img{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
		}






.bloglist li img:hover{
		  transform:scale(1.2,1.2);
		  transition:1s all;
		}
		


.bloglist .day{
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:60%;
	text-align:left;
	font-weight:normal;
	padding: 0 0 7px 0;
}
.bloglist a{
	text-align:left;
}
.bloglist .blogtitle{
	text-align:left;
	padding:0px 0;
}
.bloglist .blogtitle h4{
	text-align:left;
	padding:0px 0 10px 0;
	font-size: 90%;
	letter-spacing: 1px;
	word-break: break-all;
	line-height:1.1;
}

.bloglist .category{
	padding:7px 0 0 0;
	text-align:left;
}


.bloglist .category span{
	font-size:60%;
	background-color:#D8DEA2;
	border-radius:7px;
	padding:3px 10px;
	text-align:center;
	letter-spacing: 1px;
	margin:0 5px;
}




/*--------------------------------------
  スマホ singlecategory
--------------------------------------*/
.singlecategory{
	padding:10px 0 10px 0;
	text-align:right;
	clear: both;
	float: right;
}

.singlecategory em{
	font-size:70%;
	padding: 0 0 0px 0;
	font-style: normal;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.singlecategory span{
	font-size:70%;
	background-color:#D8DEA2;
	border-radius:7px;
	padding:5px 10px;
	text-align:center;
	clear: both;
}
/*** ブログ内記事整形 editorstyle***/






/*** Bottom Navigation ***/
div.nav-below{
	margin: 50px 0 30px 0;
	clear:both;
	height:30px;
	width:100%;
	background-color:#CFE0CD;

}


	

.nav-previous a, .nav-next a,
div.navigation .alignleft a, div.navigation .alignright a{
		text-decoration:none;
		}

.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:5px 10px 5px 30px;
		}
.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:5px 30px 5px 10px;
		}
		
/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */

 

.wp-pagenavi {
	clear: both;
	font-weight: normal;
	padding: 40px 0px;
	text-align:left;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	font-size: 1.4em;
	text-decoration: none;
	color: #2A5337;
  background-color: #fff;
	padding: 6px 12px;
	margin: 5px 5px 10px 5px;
	border-radius: 3px;        /* CSS3 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome */  
    -moz-border-radius: 3px;   /* Firefox */
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #ffffff;
  background-color: #2A5337;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/*--------------------------------------
  スマホ　wpforms-container
--------------------------------------*/


.wpforms-container{
	text-align: left;

   }

.wpforms-title{
 text-align: left;
}

.wpforms-field-label{
	text-align: left;
	padding: 0 auto 10px auto;
}
.wpforms-submit{
	color: #fff;
	background-color: #2A5337;
}


/*--------------------------------------
  スマホ　pagenation
--------------------------------------*/
.pagenation{
	overflow:hidden;
	clear:both;
	margin:20px auto 5px auto;
	padding:10px 3px;
	background-color:rgb(255 255 255 / .7);
	
	}

.pagenation span{
	display: inline-block;
	width:auto;
	padding:10px;
	font-size:0.8em;
	}
	
.pagenation .oldpage{float:left}
.pagenation .newpage{float:right;text-align:right}

.pagenation span{box-sizing:border-box}

.pagenation a{
	text-decoration:none;
}







/* ↑↑幅768px以下にてスマホ（768px以下のスマホ用）の設定***********************************/

/* ↓↓幅768px～1024pxまでタブレット（768px以上）の設定 ***********************************/

/*--------------------------------------
  切替 768px
--------------------------------------*/

@media print,screen and (min-width : 768px){


/*--------------------------------------
  768 postcontents
--------------------------------------*/
#postcontents{
	width:100%;
	margin:80px auto 40px auto;
	padding: 2% 5%;
	text-align: center;
	background-color:rgb(255 255 255 / .5);
}

/*--------------------------------------
  768px bloglist
--------------------------------------*/
.bloglist{
	width: 100%;
	margin:20px auto;
	padding: auto;
	clear: both;
	text-align: center;
	}
	
.bloglist li{
		width:266px;
		height:370px;
		margin:0px 10px 30px 0;
		padding:0 0px;
		text-align:center;
		float:left;
		background-color:#FDEDEC;
		overflow:hidden;
		line-height:1.5;
		}
.bloglist li:nth-of-type(2n){
			margin:0px 0px 30px auto;
		}
		



.bloglist .bloglist_inner{
		padding:0 30px 30px 30px;
		color:#06441F;
		float: none;
		height: auto;
		width: auto;
		}
		
.bloglist li .image{
			width:100%;
	height:180px;
	overflow:hidden;
	transition:1s all;
	margin:0 auto 20px auto;
	animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
	text-align:center;
		display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  padding: 0;
}
.bloglist li img{
			width:266px;
			height:180px;
			margin:0 auto;
			padding:0;
			text-align:center;
			overflow:hidden;
		}

.bloglist .blogtitle h4{
	text-align:left;
	padding:0px 0 10px 0;
	font-size: 100%;
	letter-spacing: 4px;
}
.bloglist .category span{
	font-size:80%;
	background-color:#D8DEA2;
	border-radius:7px;
	padding:3px 10px;
	text-align:center;
	letter-spacing: 1px;
}



}/*768end*/



/* ↓↓　1024px以上にてPCの設定 
幅1024px以上では、レイアウトを2段組に***********************************/

/*--------------------------------------
  切替 1024px
--------------------------------------*/

@media print,screen and (min-width : 1024px) {

/*--------------------------------------
  1024px sidebar_blogmenu
--------------------------------------*/

.sidebar_blogmenu {
	margin:0 auto 30px auto;
	padding:30px 0 0 0;
	text-align:left;
	clear:both;
	width: 80%;
	border-top:1px #E4B6B6 solid;

}

.sidebar_blogmenu h3{
	font-size:1.1em;
	margin:20px 0 30px 0;
	padding:0 0 5px 0;
	text-align:left;
	clear:both;
	line-height:110%;
	border-bottom:3px #f6d3d3 solid;
}

.sidebar_blogmenu ul {
	padding: 0px auto 0px auto;
}
.sidebar_blogmenu li {
	margin:0px;
	display:block;
	padding:0px 0 30px 0;
	font-size:90%;
	text-align:left;

}



/*--------------------------------------
  1024px bloglist
--------------------------------------*/


.bloglist li{
	width:266px;
	height:370px;
	margin:0px 80px 30px 0;
	padding:0 0px;
	text-align:center;
	float:left;
	background-color:#FDEDEC;
	overflow:hidden;
	line-height:1.5;

	}

.bloglist li:nth-of-type(2n){
	margin:0px 0px 30px 0;
	}

.bloglist .bloglist_inner{
		padding:0 30px 30px 30px;
		color:#06441F;
		float: none;
	height: auto;
	width: 100%;
	}
	
.bloglist li .image{
			width:100%;
	height:180px;
	overflow:hidden;
	transition:1s all;
	margin:0 auto 20px auto;
	animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
	text-align:center;
		display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  padding: 0;
	}
	
	
	
	
.bloglist li img:hover{
	  transform:scale(1.2,1.2);
	  transition:1s all;
	}
	




}/*1024end*/