/* 立石保育園 */
/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


/*	基本 */
html,
body {
	height: 100%;
}

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	background-color: #FFF;
	background-image: url(../images/bg_yrw.jpg);
}

header {
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 0.5em;
}

article {
	text-align: center;
}

aside {
	text-align: center;
}

footer {
	text-align: center;
}


/*  ==== 基本設定 追加 ==== */

p,
pre,
address,
cite {
	 margin-bottom: 2em; 
}


h1,
h2,
h3,
h4,
h5,
h6 {
	/* [disabled]margin: auto 18px; */
}
h1 {
	font-size: 189%;
}
h2 {
	font-size: 159%;
	text-align: center;
}
h3 {
	font-size: 144%;
}
h4 {
	font-size: 122%;
}
h5 {
	font-size: 107%;
}
h6 {
	font-size: 107%;
}

a:link {
	text-decoration: none;
	color: #462300;
}
a:visited {
	color: #341B1B;
}
a:hover {
	color: #663;
}

main {
	margin: 2em 0;
}

/* テーブル */

main table,
#sidebar table {
	margin-right: -2%;
}
main table th,
#sidebar table th {
	white-space:nowrap;
}
.bordered_table {
	/* [disabled]border-collapse: collapse; */
	border-collapse: separate;
	border-spacing: 6px 0;
	background: #FFF;
	width: 100%;
}
.bordered_table tr+tr th,
.bordered_table tr+tr td {
	border-top: 2px dotted #FF8000;
}

.bordered_table th,
.bordered_table td {
	padding: 0.5em 18px;
}


/* リスト */

main ul,
main ol,
main dl {
	margin: auto;
}

.num_list {
	list-style-type: decimal;
	list-style-position: inside;
}

.dis_list {
	list-style-type: disc;
	list-style-position: inside;
}
.des_list dt {
	width: 5em;
}
.des_list dd {
	margin-left: 5em;
	margin-top: -1.875em;
}
.bordered_list {
	background: #FFF;
}
.bordered_list li {
	border-bottom: 2px dotted #FF8000;
	padding: 0.5em;
	margin: auto 18px;
}

.bordered_list li:last-child {
	border:none;
}

/* 画像 */
.splash h1 img,
nav img,
main img,
#sidebar img {
	max-width: 100%;
	height: auto;
}

/* ==== 共通 ==== */

/* ページトップへ戻る */

.toTop {
	display: inline-block;
	color: #FF8000;
	cursor: pointer;
	position: fixed;
	right: 0.4em;
	bottom: 0.4em;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	border-radius:6px;
	padding: 2px 6px;
}

/* ヘッダーサイトタイトル */

.headerTitle_wrap {
	border-bottom: 6px solid #FF8000;
	background:#FFF;
}
.headerTitle_wrap p {
	text-align: center;
	margin-bottom: auto;
}

/* フッターリンク */

#info li {
	width: 100%;
	margin-bottom: 1px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.6);
}

#info li a {
    display: block;
    padding: 0.65em 0.8em;
	text-align: center;
}


.float_left {
	float: left;
	margin-right: 1em;
}
.float_right {
	float: right;
	margin-left: 1em;
}

.float_left,
.float_right {
	margin-bottom: 0.8em;
}

.sm_span_6 {
	width: 50%;
}
.gutters .sm_span_6 {
	width: 49.0%;
}

/* フッター */

#footerAddress_wrap {
	/*background-color:#fff;*/
	/*padding: 1.2em 0;*/
	/*ギザギザのライン*/
	padding:1em;
	background: linear-gradient(-135deg, #e5dbd1 8.5px, transparent 0) 0 8.5px, linear-gradient(135deg, #e5dbd1 8.5px, #fff 0) 0 8.5px;
	background-color: #fff;
	background-position: left top !important;
	background-repeat: repeat-x !important;
	background-size: 17px 17px;
}

#footerAddress_wrap address {
	text-align:center;
}


/* ==== トップページ ==== */

/* メインナビゲーション */

#gnav li {
	float: left;
	text-align: center;
	width: 20%;
}
#gmap {
	width: 20%;
}

/* 施設名ロゴ */

.splash {
	position: absolute;
	top: 50%;
	right:0;
	z-index:999;
}

/* 新着・お知らせ部分 */

.news {
	height: 53px;
	background: #988575 url(../images/bg_h3_news.png) no-repeat right -10px;
	border-radius: 5px 5px 0 0;/*左上・右上・右下・左下*/
	margin: auto 14px;
	padding: 6px 0 0 0.65em;
	border-bottom: 3px solid #5E3F00;

}

.news small {
	font-size: 0.6em;
	padding-bottom: 12px;
	padding-left: 1.2em;
	vertical-align: middle;
}
.news small a {
	color:#fff;
}
#feed {
	max-height: 126px;
	overflow: hidden;
	margin-bottom: 1.5em;
}
#feed ul {
	margin:auto 14px;

}

#feed li {
	border-bottom:#333333 dotted 1px;
	background: rgb(255,255,255);
	background: #FFF url(../images/b1.png) repeat-x center center;
}

#feed li a {
	display: block;
	/*リンク先の末尾を「…」と省略する*/
	white-space: nowrap; /*改行を禁止*/
	overflow: hidden; /*はみ出した文字列を非表示*/
	text-overflow: ellipsis; /*はみ出した部分に「…」を表示*/
	-webkit-text-overflow: ellipsis; /*Webkit用*/
	-o-text-overflow: ellipsis; /*opera用*/
	padding-top: 0.5em;
	padding-right: 0.8em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}

/* サブ　インフォメーション */
#sub {
	margin: auto 14px;
    padding-top: 2em;
}
#sub .s_box {
	background:#fff url(../images/b1.png);
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 0.8em 20px;
	margin-top: 0.2em;
}
#sub .s_box h4 {
	color:#41210D;
}
#sub .s_box p,
#sub .s_box h4 {
	text-align: center;
}
#sub .s_box p {
	font-size:0.7em;
	margin-bottom: 0;
}
#sub .s_box {
	position:relative;
}
#sub .concept:before {
	content: url("../images/hiyoko02.png");
	position: absolute;
	left: 0;
	top: -26px;
}

#sub .enter:before {
	content: url("../images/donguri.png");
	position: absolute;
	left: 0;
	top: -26px;
}
#sub .contact:before {
	content: url("../images/otokonoko.png");
	position: absolute;
	left: 0;
	top: -26px;
}


/* ==== シングルページ ==== */

.page header {
	/* [disabled]position: relative; */
	background: #9c3 url(../images/page_header.jpg) no-repeat scroll center 0;
	background-size: cover;
}

.bg_policy {
	background:url(../images/img2.png) no-repeat right top;
}

/* ナビゲーションメニュー */

.page #gnav {
	position: absolute;
	top:0.5em;
	/* [disabled]left: 0px; */
	/* [disabled]right: 0px; */
	/* [disabled]bottom: 0px; */
	z-index: 1;
}
.toggle_Menu {
	width: 100%;
}
#toggle {
	/* [disabled]display: block; */
	/* [disabled]position: relative; */
	/* [disabled]width: 100%; */
	/* [disabled]background: rgb(255,255,255); */
	/* [disabled]background:  none; */
	margin-left: 0.4em;
	/* [disabled]text-indent: 3em; */
}
#toggle a {
	/* [disabled]display: block; */
	/* [disabled]position: relative; */
	/* [disabled]padding: 12px 0px 10px; */
}
#toggle:before {
	/* [disabled]content: ""; */
	/* [disabled]display: block; */
	/* [disabled]position: absolute; */
	/* [disabled]top: 50%; */
	/* [disabled]left: 10px; */
	/* [disabled]margin-top: -15px; */
	/* [disabled]width: 30px; */
	/* [disabled]height: 30px; */
	/* [disabled]background: #fff; */
}

#toggle a:before,
#toggle a:after {
	/* [disabled]content: ""; */
	/* [disabled]display: block; */
	/* [disabled]position: absolute; */
	/* [disabled]top: 50%; */
	/* [disabled]left: 10px; */
	/* [disabled]width: 30px; */
	/* [disabled]height: 6px; */
	/* [disabled]background: #F6D8D7 url(../images/bg022_09.gif); */
}
#toggle a:before {
	/* [disabled]margin-top: -9px; */
}
#toggle a:after {
	/* [disabled]margin-top: 3px; */
}

#menu {
	display: none;
	width: 100%;
}
#menu li {
	width: 100%;
	/* [disabled]background: rgb(255,255,255); */
	background: rgba(255,255,255,0.9);
	text-align: left;
	padding-left: 12px;
	border-bottom:1px solid #C0B981;
}
#menu li:first-child {
	border-top:solid 1px #663;
}

/*　教育内容　サブメニュー　*/
nav.page_nav ul.page_menu{
	margin:1.2em 0;
	text-align: center;
}
nav.page_nav ul.page_menu li {
	margin-bottom: 1px;
	border-bottom: #E7DCDA 1px solid;
}
ul.page_menu li a {
	background: rgba(255,255,255,0.85);
	padding: 3px 18px;
	display:block;
}

/* トップイメージ */

.page #hero {
	/* [disabled]height:9em; */
}
.page #hero h1 {
	padding: 0 18px;
	text-align:center;
}

.page #hero h1 img {
	max-width:100%;
}
.page .headerTitle_wrap {
	/* [disabled]line-height:1em; */
	background: #FFF url(none);
	/* [disabled]position: absolute; */
	/* [disabled]bottom: 0.25em; */
	width: 100%;
	padding: 0.4em 0px 0.4em 40px;
}
.page .headerTitle_wrap p {
	text-align: left;
	line-height: 1.1em;
}


/* サイドバー */

#sidebar aside{
	margin-top: 2.25em;
}

/* コンテンツ部分 */

#contents_wrap {
	border-radius:20px;
	padding: 1.5em 1.12em;
	margin: 0.4em;
	line-height: 30px;
	background: #FFF url(../images/b1.png) repeat;
}
#contents_wrap main h2 {
	/* [disabled]font-size: 180%; */
	/*margin-bottom: 0.8em;*/
}

#contents_wrap main article h3 {
	/* [disabled]font-size: 160%; */
	margin-bottom: 1.2em;
	margin-top: 2em;
	border-bottom: 6px solid #9c0;
	padding-bottom: 0.4em;
}
#contents_wrap main article h4 {
	margin-bottom: 0.4em;
	margin-top: 1.2em;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #9c0;
}
#contents_wrap main article h5 {
	color: #20AC7E;
	margin-bottom: 1.2em;
	margin-top: 1.2em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #CCC;
}

img.sm_photo {
	width:100%;
}
.memo {
	border: 1px solid #ffbe8e;
	border-radius: 6px;
	padding: 0 1em;
	background: #FFF;
	font-size: 0.9em;
}
#contents_wrap main article .memo h3,
#contents_wrap main article .memo h4 {
	border-bottom-color:#ffbe8e;
}
/* 園の紹介ページ */
/*　一日の流れ タイムテーブル*/

    .timetable {
	background: #FFC url(../images/bgsoft_wpp.jpg) repeat center 3px;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	position:relative;
    }
    .timetable h4 {
    background: url(../images/bg_ground_flower.png) repeat-x center top;
    border-radius: 12px 12px 0 0;/*左上・右上・右下・左下*/
    text-align: center;
    border-bottom: none !important;
    font-size: 1.8em;
    color: #51230C;
    padding: 1em;
    }
    .timetable ul {
	width: 90%;
	background: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding: 2em;
	margin-top: 2em;
    }
	.year-link {
	font-size: 70%;
	margin-left: 1.5em;
	}
	

/* 年間行事ページ */
/* 各季節共通 [枠線] */
main .spring,
main .summer,
main .autumn,
main .winter {
	margin: 2em auto ;
	border: dashed 2px;
	padding:1.5em;
	border-radius: 9px;
}

/* 各季節共通 [春夏秋冬見出し] */
main .spring h4,
main .summer h4,
main .autumn h4,
main .winter h4 {
	text-align: center;
	border-bottom: none !important;
}

/* 各季節共通 [余白と文字サイズ] */
main .spring dl,
main .summer dl,
main .autumn dl,
main .winter dl {
	margin: 2em 0;
	font-size: 0.85em;
	color: #484444;
}

/* 各季節共通 [行事リストの回り込み] */
main .spring dl li,
main .summer dl li,
main .autumn dl li,
main .winter dl li {
	white-space:nowrap;
	float: left;
	padding-right: 1.4em;
}

/* 各月（見出し）のデザイン */

main .spring dt,
main .summer dt,
main .autumn dt,
main .winter dt {
	color: #726256;
	text-align: center;
	font-size: 1.85em;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
	border-bottom: 2px dashed #c19b6c;
}

/* 各季節の背景と枠線の色 */

main .spring {
	background:#fdf5f7;
	border-color:#f096bb;
}
main .summer {
	background:#fdf3f1;
	border-color:#f1ad8a;
}
main .autumn {
	background:#fdf7e7;
	border-color:#b39a86;
}
main .winter {
	background:#f1f7f9;
	border-color:#94d4ee;
}



@media ( min-width : 768px ) {
	
h2 {
	text-align: left;
}
.splash h1 img  {
	max-width: 100%;

}

main ul,
main dl,
main ol {
	margin: auto 18px;
}
.bordered_list {
	margin: auto;
}

main .bordered_list li {
	margin: auto 18px;
}

/* サブ　インフォメーション */
#sub {
	margin: auto;
}
#sub .s_box p {
	text-align: left;
}


/* ヘッダー部分 */
.page #hero h1 {
	text-align: left;
}
.page #gnav,
.page .headerTitle_wrap {
	position: static;/*通常配置に戻す*/
}
.page .headerTitle_wrap {
	background: #FFF;
	line-height: 1.5em;
	width:auto;
	padding-left: 0;
}
.page .headerTitle_wrap p {
	text-align: center;
}

#toggle {
	display: none;
}
#menu {
	display: block;	
}
#menu li {
	width: 20%;
	background: none;
	padding-left:0;
	border: none;
}
#menu li:first-child {
	border: none;
}

/*　教育内容　サブメニュー　*/
nav.page_nav {
	background: rgba(255,255,255,0.85);
	padding: 0 12px;
}
nav.page_nav ul.page_menu{
	text-align:left;
}
nav.page_nav ul.page_menu li {
	background: none;
	display:inline-block;
	width:25%;
	text-align:center;
	border-bottom: none;
}
ul.page_menu li a {
	background: none;
	padding: 0;
	display:block;
}
ul.page_menu li a:hover {
	background: none;
}


main {
	margin-right: 0;
	margin-bottom: 2.5em;
	margin-left: 0;
}

.news {
	margin: auto;
}

#feed {
    min-height: 10.3em;
}

#feed ul {
    margin: auto;
}


#info {
	font-size:0.85em;
	width: 100%;
	margin: 0 auto;
}
	
#info li {
	float: left;
	padding: 0.5em;
	width: 20%;
	text-align: center;
	margin-bottom: 0;
	background:  none;

}
#info li a {
    display: inline;
    padding: auto;
}


/* コンテンツ部分 */

#contents_wrap {
	padding: 1.5em 3em;
	margin: 0.8em;
}
#sidebar {
	padding-left: 2%;
}
.sm_span_6,
.gutters .sm_span_6 {
	width: auto;
}

/* 年間行事ページ */

main .spring h4,
main .summer h4,
main .autumn h4,
main .winter h4 {
	text-align: center;/* 見出しを中央寄せ */

}
/* 園の紹介ページ */

.timetable ul {
	background: #FFF url(../images/bg_tt-img.png) no-repeat scroll right 95%;
}

.hygiene .col {
	padding-left:0.8em;
}
.hygiene .col:first-child {
	padding-left:0;
	padding-right: 0.8em;
}

}