/*
 Theme Name: himeho_v5
 Template:  himeho_v5
 */

/* スマホのタイトル部分
========================================================================*/
@media print, screen and (max-width:500px) {
/* スマホ非表示 */
.subpage_title {
	/*2025/6/11修正*/
	width:200px;/*500px*/
    height:42px;
    position:absolute;
    top:20px;
	/*right:-150px;*/
	left:130px;
    color:#00611C;
}
	
.subpage_title h1 {
    font-size: 20px;
	}
}	
/* ========================================================================*/


/* テンプレート基準640px以下用
====================================================================== */
/* SP用　640px以下CSS */
@media print, screen and (max-width:1024px) {

/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	padding: 3% 3% 0;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

/*main
---------------------------------------------------------------------------*/
#main {
	padding: 0 !important;
}

/*ロゴ画像
---------------------------------------------------------------------------*/
#logo-s {
	margin-bottom: 5%;
	z-index: 11;
	position: relative;
	top: -15px;	/*上に移動する距離*/
	left: 3%;	/*左からの距離*/
	width: 20%;	/*ロゴの幅*/
	padding: 15px;	/*ボックス内の余白*/
}
/*小さな端末用（800px以下）のロゴとメニューを非表示から表示に切り替える*/
#logo-s, #menubar-s {
	display: block;
}
/*大きな端末用（801px以上）のロゴとメニューを非表示にする*/
#logo, #menubar {
	display: none;
}

/*メインメニュー
---------------------------------------------------------------------------*/
#menubar-s {
	position: relative;z-index: 12;
	margin: 0 3%;
	font-size: 14px;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	width: 49%;
	margin: 0 0.5% 0;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	z-index: 13;
	position: absolute;
	top: 10px;		/*上から10pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	border-radius: 4px;		/*角丸のサイズ*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
	background: #fff;		/*背景色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

/*トップページ「以外」の、上部にある装飾画像
---------------------------------------------------------------------------*/
#subimg {
	top: 60px;	/*上から60pxの場所に。少し下げる設定。*/
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: #00ac28 url(../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#new h2.close {
	background: #00ac28 url(../images/btn_plus.png) no-repeat right center/34px 34px;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {display: none;}


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

.link {    /* スマホ非表示 */
	display:none;
}
.login {    /* スマホ非表示 */
	display:none;
}
.school {
	clear:both;
    width:80%;
}
footer small {
    clear:both;

}


/* 全体のレイアウト　
========================================================================*/
/* 変更箇所 */
body {
	color: #333;	/*全体の文字色*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 1.8;		/*行間*/
}

/*メインコンテンツのp(段落)タグ設定*/
p.nocomments {
    display:none;
}

/* page、shingle 等姫保育園ロゴ、園名を挿入 <h1> スマホ表示させない*/
#container {
    position:relative;
}

/* タブレットのタイトル部分
========================================================================*/
/* スマホ非表示 */
.subpage_title {
	/*2025/6/11修正*/
	width:200px;/*500px*/
    height:42px;
    position:absolute;
    top:20px;
	/*right:-150px;*/
	/*left:130px;*/
    color:#00611C;
}

	
.subpage_title img {
	display:none;
	width:79px;
    height:42px;
	float:left;
    margin:20px 10px 0 0;
}
.subpage_title span {
    font-size:16px;
    font-family:Meiryo UI;
    float:none;
	margin-left:20px;	
}
.subpage_title h1 {
    font-family:Meiryo UI;
    font-weight:normal;
    margin:-8px 0 0 0;
	margin-left:20px;
}


/* 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:0px;     /* 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:100%;
    float:none;
    margin:0 0 20px 0px;
    font-size:15px;
    line-height:1.8;
}
div img {
		border-radius: 5px;    /* 画像角丸 */
	}
.home .home_info .img1 {
    margin-left: 20px;
}
.home .home_info .img2 {
	width: 100%;
    float: none;
	margin:0 0 20px 0px;

}
/* お知らせ・ブログ は、プリンセスニュースindex.phpで記入　row310 */

/* 下段　LINKボタン　個人情報保護指針 他３ */
ul#icon_link {
    width:100%;
    margin-top:30px;
    /* margin-left:20px; */
}
#icon_link img {
    width:50px;    /* アイコン画像の大きさ */
}
ul#icon_link {
}
li.icon_link {
    width:38%;
    height:auto;
    float:left;
	text-align:center;
	padding:10px;
    margin: 3px 2% 0px 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=）
========================================================================*/
.post {
	width: 100%;
	display:;
	margin-bottom: 10px;
	border-bottom: 0px #86b357 solid;
}
#blog_main {
    width:90%;
    float:none;
    margin:10px 0 0 30px;
    padding:0;
    padding:0px 25px 0px 0px ;
}
#blog_main img {
    width:100%;
    margin:0;padding:0px ;
    margin-bottom:10px;
}
#blog_main .blog_contents {
    width:100%;
    text-align:left;
    margin:0;padding:0px ;
    margin-bottom:20px;
    font-size:15px;
    line-height:1.8;
}
/* blog個別ページのサイドバー */
#blog_side {
    width:90%;
    float:none;
    margin: 0 0 0 20px;
}
#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）
========================================================================*/
#main {
	width:93%;
    margin:0 auto;
}
#infomation .home_info {
	clear:both;
}
#infomation .info_text {
    width:100%;
    float:none;
    margin-left:0px;
    font-size:15px;
    line-height:1.8;
}
div img {
		border-radius: 5px;    /* 画像角丸 */
	}
#infomation .home_info .img1 {
    margin-left: 30px;
}
#infomation .home_info .img2 {
	width: 100%;
    float: none;
	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: 80%;
	margin: 0 auto;
    margin-bottom:7px;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 6%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: -webkit-linear-gradient(#FFF, #f1f1f1);	/*グラデーション*/
	background: linear-gradient(#FFF, #f1f1f1);			/*同上*/
	position: relative;
	overflow: hidden;
	border-radius: 10px;	/*角丸のサイズ*/
	text-align:center;
}
/*ボックス内の写真設定*/
#concept .list figure img {
	float: none;			/*画像を左へ回り込み*/
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 80%;	/*写真の幅*/
	-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);			/*同上*/
	margin:0 auto;
}
/*ボックス内のh4タグ設定*/
#concept .list h4 {
	width:90%;
	font-size: 16px;	/*文字サイズ*/
	border-bottom: 2px dotted #00ac28;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 6%;	/*左の画像とバランスをとって設定する*/
	color: #00ac28;		/*文字色*/
}
#concept .list h4::first-letter {
	border-left: 5px solid #00ac28;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 6px;	/*アクセントラインと文字の間にとる余白*/
}
/*ボックス内の段落タグ設定*/
#concept .list p {
	width:80%;
	padding: 0px;
	margin-left: 8%;	/*左の画像とバランスをとって設定する*/
	line-height: 2;
	text-align:left;


}

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

/* 保育内容（ page.php　education  id159）
========================================================================*/
/*背景画像の設定*/
#education {
	width: 100%;
	height: auto;
	/* background-image:は固定ページで指定 */
	background-repeat: no-repeat;
	background-position: 50px 10px;
}
/* 子ども達の活動 */
#education04 {
    width:100%;
}
.img_left {
}
.img_right {
    float:right;
}

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

}

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



/* プリンセスニュース（ index.php　princess-news  id304）
========================================================================
.blog #main h2 {
	padding:8px 30px;
    font-size:16px;
    font-weight:normal;
}
*/
	
/* ブログ一覧表示 （homeページ、プリンセスニュース）*/
#post {
}
#post .info {
    width:100%;
    float:none;

}
#post .bloger {
    width:100%;
    float:none;
    }
#post ul {
	margin:0 0 10px 0;
}
#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 {}
.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:110%;
    line-height:1.2;
    border-left:0px #00ac28 solid;  /* タイトル左 マーカー　なし */
}
.post-title a {
   text-decoration:none;
}

/* 採用情報（ index.php　recruit  id173）
========================================================================*/
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: 95%;  /* 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;
}

 /* お問合せフォーム（ page.php　contact  id433）
========================================================================*/
#contact {
width:100%;
    min-height: ;
}
.access {
    width:100%;
    float:none;
}
#contact .contact {
	font-size:18px;
    margin:20px 0 0 20px;
    width:100%;
}
.access .fas {
    font-size:18px;
    color:green;
}
#contact .title {
	font-size:25px;
}
#contact .addoress {
}
#contact .tel {
	font-size:25px;
    color:#000;
}
#contact .fax {
}
.contact .email {
}
.map {
	width:99%;
}
.map iframe {
    border:1px #222 solid;
}
.contact_form {
    margin:40px 0;
    border-bottom:2px green solid;
}
 /* 個人情報保護方針（ 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: 80%;
	margin: 0 auto;
    margin-bottom:7px;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 6%;			/*ボックス内の余白*/
	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 {
            width: 100%;
            font-size: 16px;
            border-bottom: 2px dotted #00ac28;
            margin-bottom: 10px;
            margin-left: 0%;
            color: #00ac28;
}

#concept .english h4::first-letter{
            /*  border-left: 5px solid #00ac28; */
            padding-left: 6px;
}

.more {
	        font-size: 16px;
            font-weight: bold;
            padding: 0 0 5px 15px;
			font-family:'Kosugi Maru', sans-serif;
	}
	
#main h3.english_title{
	padding-left:15px;
	font-family:'Kosugi Maru', sans-serif;
}

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

	#main_title{
		    padding: 8px 30px;
            font-size: 17px;
            font-weight: normal;
            width: 100%;
		box-sizing:border-box;
	}
li:last-child{
		margin-bottom:20px!important;
	width: 90%;
	}
	
#main h2 {
    margin-top: 15px;

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