/* 
	Theme Name:認定こども園ふたば幼稚園　Theme2025
	Theme URL: 
	Description: WordPress用テーマです。
	Version: 
	Tags: 
*/
@charset	'UTF-8';

body {
	color: #333;
	background: #fff;
	font-size: 18px;
	font-family: "Sawarabi Mincho";
	margin: 0;
	padding: 0;
	line-height:1.5;
	}
#wrap {
	margin: 0 auto;
	padding: 0px;
	}
/************************************************
*	非表示		
************************************************/
.drawr	{
	display:none;
}

/************************************************
*	Hyperlinks
************************************************/

a, a:visited {
	color: #696969;
	text-decoration:none;
	}
	
a:hover {
	color: #f4a460;
	text-decoration: none;
	}
a:hover img {
	opacity: 0.8;
}
/************************************************
*	Header 
************************************************/
#header {
	width:100%;
	position: fixed;
	left:0;
	top:0;
	z-index:90;
	transition: .5s;
	background:#fff;
height: 90px;
opacity: 0.9;
box-shadow: 0 3px 3px #e9ffe9;
}
#header.hide{		/*引っ込む*/
    transform: translateY(-95px);
}
#header.hide .navipc li a {
  opacity:0.3;
}
.hedin {
position:relative;
width:1200px;
margin:auto;
height:100px;
}
.logo	{
position:absolute;
top:10px;
}
.logo a	{
text-shadow: 1px 2px 4px #999;
font-size:2em;
color:#528200;
margin-left: 10px;
line-height:1.4;
}
ul.hmenu	{
position: absolute;
top:40px;
right:20px;
list-style:none;
}
ul.hmenu li	{
float:left;
}
ul.hmenu li	a {
padding:0 0.5em;
font-size:1.1em;
}
ul.hmenu li	a:hover {
text-shadow: 1px 1px 3px #bbb;
}
#hedspace	{
	height:80px;
}
/************************************************
*	Content
************************************************/
#content {
	margin: 0 auto;
	width:1200px;
	overflow: hidden;
}
.entry-content	{
	clear:both;
}
.condate	{
	text-align:right;
	font-size:0.9em;
	padding-right:1em;
}
h2.mida {font-weight:normal; padding:5px 1em; border:1px solid #528200; display:inline-block; margin-top:50px; border-radius:3px; background:#d6e7b9;}
h3.mida {position: relative; display: inline-block; padding: 0 30px; font-weight:normal; font-size:1.2em; margin:1em 0 0;}
h3.mida:before,h3.mida:after {
content: '';
position: absolute;
top: 47%;
display: inline-block;
width: 1em;
height: 1px;
background-color: black;
}
h3.mida:before {
  left:0;
}
h3.mida:after {
  right: 0;
}


/************************************************
*	conntent float
************************************************/
#topcontent	{	/* トップコンテンツ  */
	overflow: hidden;
	margin:100px auto 0;
	width: 1200px;
}
#contentmiddle {	/* その他コンテンツ  */
	margin:0 auto 0;
	max-width:100%;
	overflow: hidden;
	width:1200px;
}

/*********************************
	sidebar
**********************************/
.side {
float:left;
margin: 50px 0 0;
width: 200px;
}
.side ul	{
margin:0;
padding:0;
list-style:none;
}
.side ul li a	{
display:block;
padding:8px 5px;
color:#333;
border-bottom:1px solid #ccc;
}
.side ul li:first-child	{
border-top:1px solid #ccc;
}
.side ul li a:hover	{
background:#f5f5f5;
}
/************************************************
*	Footer      								*
************************************************/
#footer {
clear:both;
margin-top: 80px;
background:#b9d08b;
}
.ft-name	{
 margin:auto;
 width:1000px;
 padding:30px;
 }

#ft-copy	{
clear: both;
background:#bfdd73;
text-align: center;
font-size:0.6em;
padding:5px 0;
}
/*********************
  戻るボタン
*********************/
.toprtn a	{
	text-decoration:none;
	color:#fff;
	}
.page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
	width: 78px;
	height: 48px;
	text-align:center;
	padding-top:30px;
    background: #528200;
    border-radius: 30%;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    font-size: 1em;
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.5;
    z-index:10;
	}
.page-top a {	color:#fff;}

/************ 次へ・戻る***************************/
#pandn	{
	margin-top:60px;
	padding:40px;
}
.pn-l	{float:left; width:45%;}
.pn-r	{float:right; width:45%;}

#content-next	{
	clear:both;
	padding:40px;
}
/************************************************
*	ページ　トップ部分
************************************************/
.new-txt	{
color: #fff;	/*** NEW MARK ****/
font-size: 0.4em;
background: #dc143c;
padding: 2px 5px;
border-radius: 5px;
}

.newsarea {}
.infolist	{
	margin:0;
	padding:0;
	border-collapse: collapse;
	width:100%;
}
.infolist tr	{border-top:1px solid #ccc;}
.infolist tr:last-child 	{border-bottom:1px solid #ccc;}
.infolist th	{
	color:#666;
	width:15em;
	font-weight:normal;
	text-align:left;
}
.infolist span a {
color: #fff;
font-size: 0.7em;
background: #4169e1;
padding: 1px 5px;
margin:5px;
border-radius: 3px;
}
.infolist td {
	padding:10px 0;
}
.infolist td a	{
	display: block;
	font-size:1.2em;
	color:#333;
}
@media screen and (max-width: 500px) {
.infolist th, .infolist td { display: block; width: 100%; padding:0 0 5px;}
.infolist td a	{font-size:1.2em;}
}

/*アニメーション要素のスタイル*/
.animation	{
opacity : 0;
visibility: hidden;
transition: 1s;
transform: translateY(200px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active	{
opacity: 1;
visibility: visible;
transform: translateY(0);
}



/************************************************
*	Image Styles 					     	    * 
************************************************/
	#contentmiddle div.wp-caption { margin: 0px; overflow: hidden; }
	#contentmiddle .wp-caption img { display: block; margin: 8px;}	
	#contentmiddle .wp-caption-text { text-align: center; margin:0; font-size:0.8em;}
	#contentmiddle div.alignnone { display: block; margin: 10px 10px 10px 0px; }
	#contentmiddle img.alignleft { margin: 10px 20px 10px 0; float: left;}		
	#contentmiddle img.alignright { margin: 10px 0 20px 10px; float: right;}
	#contentmiddle img.aligncenter { display: block; margin: 0 auto 10px auto; float: none;}
	#contentmiddle div.alignleft { text-align: left; float: left; margin-left: 0; }
	#contentmiddle div.alignright { text-align: right; float: right; margin-right: 0; }
	#contentmiddle div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#contentmiddle .gallery img { border: 1px solid #fff; }
	#contentmiddle .gallery .gallery-item, #contentmiddle .gallery .gallery-icon { clear: none;}
	#contentmiddle .gallery .gallery-icon	{  }
	#contentmiddle .gallery .gallery-caption { text-align: center; font-size: 0.7em; line-height: 1.3em; margin: 0 0 20px; }