/*
 Theme Name: himeho_v5
 Template:  himeho_v5
 */

/* PC用640px以上CSS */
@media print, screen and (min-width: 1025px) {
/* 全体のレイアウト
========================================================================*/
body {
	color: #333;	/*全体の文字色*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
}

/*メインコンテンツのp(段落)タグ設定*/

p.nocomments {
    display:none;
}


/* page、shingle 等姫保育園ロゴ、園名を挿入 <h1> */
#main {
    position:relative;
}
.subpage_title {
	width:500px;
    height:42px;
    position:absolute;
    top:30px;
	right:150px;
    color:#00611C;
}
.subpage_title img {
	width:79px;
    height:42px;
	float:left;
    margin-right:20px;
}
.subpage_title span {
    font-size:27px;
    font-family:Meiryo UI;
    float:left;
}
.subpage_title h1 {
    font-size:30px;
    font-family:Meiryo UI;
    font-weight:normal;
    display:inline-block;
    margin:-3px 0 0 0;
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/* Footer リンクCSS */
#f_link {
    width:100%;
    display: flex;                   /* 横並びセンター */
	justify-content: center;   /* 　　　〃　　　 */
    border-top:2px green solid;
    border-bottom:2px green solid;
    padding:15px;
}
.f_link {
    width:20%;
    float:left;
    padding:10px;
    font-size:15px;
    line-height:1.5;
    text-align:left;
}
.school {
}
.link {
}
.login {
	vertical-align:top;

}
footer small {
    clear:both;
}

/* ol li に番号を振る　個人情報保護方針　praivacy  id401 */
ol{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:0 0 0 50px;
padding:0;
}
ol li{
/* リスト部分は好きに装飾！ */
margin:0 0 20px 0;
}
ol li:before{
/* カウンタ（数字になる部分） */
counter-increment: number; /* 任意の名前を付けて！ */
content: counter(number); /* 名前を付けたカウンターを呼び出し */
/* 色を変えたり、背景画像を敷いたり！自由自在！ */
margin:0 20px 0 -14px;
}

/* ホームページ（page-home.php　固定ページ）
=========================================================================*/
/* page-home.php レイアウト（#main 位置指定） */
.home #main {
    margin-top:220px;     /* mainimg 高さ調整 */
}
.home #main h2 {
	padding:8px 30px;
    font-size:17px;
    font-weight:normal;
}
/* 丘の上の保育園 姫保育園へ、ようこそ。 */
.home .home_info {
	clear:both;
    display:inline-block;
}
.home .info_text {
    width:47%;
    float:left;
    margin-left:60px;
    font-size:16px;
    line-height:2.1;
}
	.home .home_pr {
		text-align:center;
		font-size:22px;
		font-weight:700;
		color:orange;
		padding:0 0 30px 0;
	}
	.home .home_pr a {
		color:orange;
		text-decoration:none;
	}
	.home .home_pr a:hover {
		color:green;
	}
div img {
		border-radius: 5px;    /* 画像角丸 */
	}
.home .home_info .img1 {
    margin-left: 330px;
}
.home .home_info .img2 {
	width: 35%;
    float: right;
	margin-right: 30px;
    margin-bottom:20px;
}
/* お知らせ・ブログ は、プリンセスニュースindex.phpで記入　row310 */

/* 下段　LINKボタン　個人情報保護指針 他３ */
#icon_link {
    width:100%;
    margin:20px 0 20px -5px;
}
#icon_link img {
    width:50px;    /* アイコン画像の大きさ */
}
li.icon_link {
    width:30%;
    height:50px;
    float:left;
    margin-left:2%;
    border:2px green solid;
    border-radius: 10px;	/*角丸のサイズ*/
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);			/*同上*/
}
li.icon_link a {
    text-decoration:none;
    font-size:17px;
    color:#333;
}
#icon_link a:hover {
	position: relative;
	left: 1px;	/*マウスオン時い左から1pxずらす*/
	top: 1px;	/*マウスオン時い上から1pxずらす*/
}
li.privacy {
	background: #97D4D9;
}
li.complaints {
    background:#F6B597;
}
li.calculator {
    background:#F0EBD8;
}

/* 投稿 個別ページ（single.php　投稿個別ページ　page=）
========================================================================*/

#blog_main {
    width:65%;
    float:left;
    margin:0;padding:0;
}
.single .post {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 0px #86b357 solid;
}
.single .post-date_cat {
    float:right;
}
.single .post-date_cat a {
	color:#fff;
}
#blog_main img {
    width:100%;
    margin:0;padding:0px ;
    margin-bottom:10px;
}
.wp-post-image {
    margin-top:30px;
    margin-bottom:10px;
}
#blog_main .blog_contents p {
    width:100%;
    margin:0;padding:0px ;
    margin-bottom:20px;
    font-size:16px;
    line-height:2;
}
/* blog個別ページのサイドバー */
#blog_side {
    width:34%;
    float:right;
margin:0 0 0 0px;
}
#blog_side a {
    text-decoration:none;

}
#blog_side ul {
	padding-left:20px;
}

/* ウィジット最新の記事 */
.cat-post-widget {
    margin-bottom:20px;
}
ul.category-posts-internal {

}
li.cat-post-item {
	clear:both;
    height:60px;
    overflow:hidden;

    border-bottom:1px green solid;
	line-height:1.3;
    padding:10px 0px;
}
.cat-post-thumbnail img{		/* a link　;thumnail画像 */
    float:left;
    margin:0;
    padding:0;
    margin-right:8px;
    width:60px;
    height:60px;
}
.cat-post-crop {
    margin:0; padding:0;
}
.cat-post-date {		/* 日付 */
	width:100%;
    font-size:14px;
}
.cat-post-title {		/* タイトル */
	font-size:15px;

}

/* ウィジット カテゴリー */
.widget_categories {
    margin-bottom:20px;
}

/* ウィジット アーカイブ */
.widget_archive {
    margin-bottom:20px;
}


.navigation {
	clear:both;
    width:100%;
    text-align:center;
	display:none;    /* 固定ページは非表示とした */
    padding-top:10px;
    border-top:3px #00AC28 solid;    /* navi 上部に横線 */
}

/* プリンセスニュース カテゴリーページ（category.php　カテゴリーページ）
========================================================================*/
.category #main li {
    clear:both;

}


/* 姫保育園のご案内（page.php infomation  id=115）
========================================================================*/
#infomation .home_info {
	clear:both;
	display:inline-block;
}
#infomation .info_text {
 width: 47%;
        float: left;
		margin-left: 60px;
		font-size: 16px;
        line-height: 2.1;
}

div img {
		border-radius: 5px;    /* 画像角丸 */
	}
#infomation .home_info .img1 {
    margin-left: 330px;
}
#infomation .home_info .img2 {
	width: 35%;
    float: right;
	margin-right: 30px;
    margin-bottom:20px;
}
/* 園の概要・保育時間等　表設定 */

	div dl {
		padding: 0 5% 0 5%;
	}
	div dt {
		width: 20%;
		float: left;
	}
	div dt, div dd {
		border-bottom: 1px #aaa dotted;
		line-height: 3;
	}

/* コンセプト（ page.php　concept  id136）
========================================================================*/
/*各ボックスの設定*/
#concept .list {
	width: auto;
	margin: 0 3% 15px;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 3%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: -webkit-linear-gradient(#FFF, #f1f1f1);	/*グラデーション*/
	background: linear-gradient(#FFF, #f1f1f1);			/*同上*/
	position: relative;
	overflow: hidden;
	border-radius: 10px;	/*角丸のサイズ*/
}
/*ボックス内の写真設定*/
#concept .list figure img {
	float: left;			/*画像を左へ回り込み*/
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 30%;	/*写真の幅*/
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.15が透明度15%の事。*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);			/*同上*/
}
/*ボックス内のh4タグ設定*/
#concept .list h4 {
	font-size: 16px;	/*文字サイズ*/
	border-bottom: 2px dotted #00ac28;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 34%;	/*左の画像とバランスをとって設定する*/
	color: #00ac28;		/*文字色*/
}
#concept .list h4::first-letter {
	border-left: 5px solid #00ac28;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*ボックス内の段落タグ設定*/
#concept .list p {
	padding: 0px;
	margin-left: 34%;	/*左の画像とバランスをとって設定する*/
	line-height: 2.5;
}

	/* 活動風景（ page.php　concept  id3187）
========================================================================*/
/*各ボックスの設定*/
#activity .list {
	width: auto;
	margin: 0 3% 15px;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 3%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: -webkit-linear-gradient(#FFF, #f1f1f1);	/*グラデーション*/
	background: linear-gradient(#FFF, #f1f1f1);			/*同上*/
	position: relative;
	overflow: hidden;
	border-radius: 10px;	/*角丸のサイズ*/
}
/*ボックス内の写真設定*/
#activity .list figure img {
	float: left;			/*画像を左へ回り込み*/
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 30%;	/*写真の幅*/
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.15が透明度15%の事。*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);			/*同上*/
}
/*ボックス内のh4タグ設定*/
#activity .list h4 {
	font-size: 16px;	/*文字サイズ*/
	border-bottom: 2px dotted #00ac28;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 34%;	/*左の画像とバランスをとって設定する*/
	color: #00ac28;		/*文字色*/
}
#activity .list h4::first-letter {
	border-left: 5px solid #00ac28;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*ボックス内の段落タグ設定*/
#activity .list p {
	padding: 0px;
	margin-left: 34%;	/*左の画像とバランスをとって設定する*/
	line-height: 2.5;
}


/* 施設のご案内（ page.php　facilityt  id136）
========================================================================*/
/*背景画像の設定*/
#facility .bg {
	width: 100%;
	height: 1680px;
}
/*動画の設定*/
video {
	width: 90%;
	height: auto;
	margin:10px;
}

/* 保育内容（ page.php　education  id159）
========================================================================*/
/*背景画像の設定*/
#education .bg {
	width: 100%;
	height: 1030px;
	/* background-image:は固定ページで指定 */
	background-image: url('../images/page_img/education_bg.jpg');
    background-size:contain;  /* CSSサイズ調整 */
	background-repeat: no-repeat;
	background-position: 50px 10px;
}
/* リンク */
/* 下段　LINKボタン　個人情報保護指針 他３ */
#education #icon_link {
    width:100%;
text-align:center;
}
#education #icon_link img {
    width:50px;    /* アイコン画像の大きさ */
}
#education li.icon_link {
    width:60%;
    height:50px;
    float:left;
    margin-left:0.8%;
    border:2px green solid;
    border-radius: 10px;	/*角丸のサイズ*/
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);			/*同上*/
}
#education a li.icon_link {
    text-decoration:none;
	text-align:center;
    font-size:20px;
    color:#333;
}
#education #icon_link a:hover {
	position: relative;
	left: 1px;	/*マウスオン時い左から1pxずらす*/
	top: 1px;	/*マウスオン時い上から1pxずらす*/
}
#education li.edu01 {
	background:#DCD7C5;
}



/* 年間行事（ page.php　events  id164）姫保育園の１年間（events)
========================================================================*/
#events dl {
	width: 100%;
	height: 90px;
	margin:auto 40px;
	line-height: 20px;
	border-bottom: 1px #aaa solid;
/* 上下中央揃え */
  display: flex;
  justify-content: center;
  align-items: center;
}
#events dt {
border:0;
	width: 20%;
	text-align: center;
	float: left;
}
#events dd {
border:0;
	width: 80%;
	text-align: left;
}

/* googleカレンダー（ page.php　calender  id90）
========================================================================*/



/* プリンセスニュース（ index.php　princess-news  id304）
========================================================================*/
.blog #main h2 {
	padding:8px 30px;
    font-size:16px;
    font-weight:normal;
}

/* ブログ一覧表示 （homeページ、プリンセスニュース）*/
#post {
	height:530px;
	border-bottom:3px #00ac28 solid;
}
#post .info {
    width:38%;
    float:left;
    max-height:500px;
}
#post .bloger {
    width:60%;
    float:right;
}
#post ul {
	margin:0 0 0 20px;
}
#post ul li {
	clear:both;
    width:100%;
    border-bottom:1px #00ac28 solid;
    padding:7px 0 0 7px;
    float:left;
	height:67px;
    	overflow:hidden;


    }
.post-thumbnail {
    float:left;
    margin:0 15px 0 0;
}
.post-thumbnail img {
 	margin:0;padding:0;
}
.post-thumbnail a:hover{
	position: relative;
	left: 1px;	/*マウスオン時い左から1pxずらす*/
	top: 1px;	/*マウスオン時い上から1pxずらす*/
}
.post-date_cat {
	text-align:right;
}
.blog .post-date_cat {
    margin:-17px;     /* 左スペース調整 */
}
.info .post-date_cat {
    margin:0px;     /* 左スペース調整 */
}

.post-date_cat a {
    text-decoration:none;
}
.post-title {
    width:100%;
    font-size:120%;
    border-left:0px #00ac28 solid;  /* タイトル左 マーカー　なし */
}
.post-title a {
   text-decoration:none;
}


/* 採用情報（ index.php　recruit  id173）
========================================================================*/
	
/*20210903追加、採用情報ページ */
.please{
	font-size:18px;
	font-weight:bold;
	line-height:23px;
	padding:0 0 17px 60px;
}
/*-----------------------------*/
	
main {
	text-align: left;
	background-color: transparent;
}
.info1 {
	width: 100%;
	height: auto;
	margin-right: 2%;
	font-size:110%;
}

.message {
	border: 2px green solid;
	border-radius: 10px;
	background: rgba(255,255,255,0.7);
	font-size: 92%;
	float: left;
	width: 47%;  /* 47% */
	height: 250px;
	margin: 4px;
}
.message img {
	margin: 10px 10px 3px 3px;
	border-radius: 3px;
}
.message p {
text-align: left;
}
img.recruit01 {
	margin: 20px 0px;
}
/* 募集要綱 */
#recruit table {
	border-collapse:collapse;font-size: 100%;border-spacing: 0;
	width: 94%;
	margin: 0 0 0 auto;
	margin-bottom: 15px;
	background: #fff;					/*背景色（古いブラウザ用）*/
	background: rgba(255,255,255,0.7);	/*背景色。255,255,255は白の事で0.7は透明度70%の事。*/
	border: 2px solid #ccc;				/*テーブルの枠線の幅、線種、色*/
}
#recruit table td, #recruit table th {
	border: 1px dashed #999;	/*テーブルの枠線の幅、線種、色*/
	padding: 20px;				/*ボックス内の余白*/
	word-break: break-all;
}

#recruit table th {
	width: 25%;	/*幅*/
	font-weight: normal;
	text-align: center;	/*センタリング*/
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: rgba(255,255,255,255.05);	/*背景色。0,0,0は黒の事で0.05は透明度5%の事。*/
}

/* li 点（マーカー）の大きさ色等変更 */
li {list-style-type: none;}
.rec_text ul {
	margin: 30px 0 30px 60px;
}
.rec_text li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #666;
	position: relative;
	left: -15px;
	top: -2px;
}
.cal6 {
	width: 48%;
	float: left;
}
img.recruite01 {
	width: 100%;
}
.todo {
	clear: both;
}
	.rec_dl {
		width:100%;
		text-align:right;
	}

 /* お問合せフォーム（ page.php　contact  id433）
========================================================================*/
#contact {
width:100%;
    min-height: ;
}
.contact_form {
    width:43%;
    height:auto;

    float:left;
	border-right: 1px green sorid;
}
.access {
    width:55%;
    float:right;
}
#contact .contact {
	font-size:18px;
    margin:20px 0 0 20px;
}
#contact .title {
	font-size:25px;
}
#contact .addoress {
}
#contact .tel {
	font-size:25px;
    color:#000;
}
#contact .fax {}
.contact .email {}
.map {
width:95%;
    border-radius:5px;
}

 /* 個人情報保護方針（ page.php　praivacy  id401）
========================================================================*/
ol.privacy {
    list-style-type:decimal;
}

 /* 苦情解決について（ page.php　privacy  id408）
========================================================================*/
#complain .wrap {
    margin:0 0 0 30px;
}
#complain .left_text {
    margin:0 0 0 30px;
    float:left;
	width:48%;
}
#complain img {
float:right;
width:48%;
}
	

 /* 英語教育
========================================================================*/
#concept .english {
            width: auto;
            margin: 0 3% 15px;
            border: 1px solid #ccc;
            padding: 3%;
            background: #FFF;
            background: -webkit-linear-gradient(#FFF, #f1f1f1);
            background: linear-gradient(#FFF, #f1f1f1);
            position: relative;
            overflow: hidden;
            border-radius: 10px;
			background:#fffff0;
        }
	
	#concept .english h4 {
            font-size: 16px;
            border-bottom: 2px dotted #00ac28;
            margin-bottom: 10px;
            color: #00ac28;
}
	
#concept .english h4::first-letter {
            /*  border-left: 5px solid #00ac28; */
            padding-left: 10px;
}

        .more {
            font-size: 18px;
            font-weight: bold;
            line-height: 23px;
            padding: 0 0 17px 30px;
			font-family:'Kosugi Maru', sans-serif;
}
	
#main h3.english_title{
	padding-left:30px;
	font-family:'Kosugi Maru', sans-serif;
	font-size:20px;
}

	div img.english-radius{
  border-radius: 30px;
}

}		/*  PC用 画面幅640px以上の設定ここまで */
/* contents/main 箇所はここまで/////////////////////////////////////////////////////////////////////////////*/


@media screen and (max-width: 767px){
.br_sp {display: block; }
}