@charset "shift_jis";

/* スマホ */
@media (max-width: 768px) {

html{
	font-size:62.5%;
}
body{
	-webkit-text-size-adjust: 100%;
	min-width:100%;
	font-size:1.5rem;
}


#header_image img{
	width: 100%;
}

.pc{
	display: none;
}
.sp{
	display: block;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 100%;
	padding-bottom: 0;
}

#slideshow{
	width:  100%;
	height: auto;
	position: absolute;
	top: 0;
}
#slideshow img , #slideshow img.active , #slideshow img.last-active{
	width:  100%;
}

#slide_box{
	position: relative;
	z-index: -1;
}
#slide_box:before{
	content: "";
	display: block;
	padding-top: 45%;
}

#menu{
	display: none;
}

	
/*メニュー
---------------------------------------------------------------------------*/
#menu_sp{
	display: block;
	position:relative;
	margin-top: -8px;
}
#menu_sp li{
	float:none;
	padding:auto;
	margin-right: 0;
}
#menu_sp ul a {
	color:#333333;
	text-decoration:none;
	font-size:1.5rem;
	height:auto;
	text-indent: 0;
}
#menu_sp .js-global-nav-inner {
	display: none;
	background: #fff;
}


/*----------------------------------------
	open
----------------------------------------*/

#menu_sp .open{
	display: inline;
}
#menu_sp .open .btn {
	display: block;
	background: #f00000;
	position: relative;
	padding: 10px 10px;
	color:#ffffff;
	cursor: pointer;
}
#menu_sp .open .btn:after {
	content:"\f105";
	font-family: FontAwesome;
	top:5px;
	right: 15px;
	position:absolute;
	font-size: 1.5rem;
	color:#ffffff;
}
#menu_sp .open .opened:after { content: "\f106"; }

/*----------------------------------------
	main-nav
----------------------------------------*/

#menu_sp ul {
	padding-top:0;
}
#menu_sp ul li {
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}
#menu_sp ul li:last-child {
	border-bottom: 0px;
}
#menu_sp ul a {
	padding: 12px 15px;
	width:auto;
	position:relative;
	display: block;
}
#menu_sp ul a:after {
	content:"\f105";
	font-family: FontAwesome;
	left: 10px;
	top: 1px;
	position:relative;
	font-size: 1.5rem;
	color:#dddddd;
	line-height:1;
}



/*----------------------------------------
	close
----------------------------------------*/

#menu_sp .close .btn {
	display: block;
	text-align: left;
	background: #e1e8ec;
	position: relative;
	padding: 10px;
	cursor: pointer;
}
#menu_sp .close .btn:before {
	content:"\f106";
	font-family: FontAwesome;
	top:5px;
	right: 15px;
	position:absolute;
	font-size: 1.5rem;
	color:#333333;
}
#menu_sp .close {
	display: block;
	color: #333333;
	float: none;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	opacity: 1;
	text-shadow: none;
}
	

/*コンテンツ（左右ブロックとフッターを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
	background-image: url(none);
}



/*メインコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: 100%;
	display: block;
	margin-left: 0;
	padding-bottom: 0;
}
/*h2見出し設定*/
#main h2 {
	line-height: 1.5;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.6rem
}

#page1 #main h2 , #page2 #main h2 , #page3 #main h2 , #page4 #main h2 , #page5 #main h2 , #page6 #main h2 , #page7 #main h2 {
	background-image: url(none);
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
}

	
/*サブコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#sub {
	float: none;
	width: 100%;
	display: block;
	margin-right: 0;
	padding-bottom: 0;
	text-align: center;
	padding-bottom: 20px;
}

/*h3見出し設定*/
#sub h3 {
	width: 100%;
	font-size: 1.6rem;
	margin: 0 auto;
	background-image: url(none) !important;
	background-color: #035620;
}


/*サブメニュー
---------------------------------------------------------------------------*/
ul.submenu li {
	border-bottom: 2px dotted #FFFFFF;	/*メニュー下の線の幅、線種、色*/
}
ul.submenu a {
	border-bottom: none;	/*メニュー下の線の幅、線種、色*/
	margin: 0 auto;
}
#sub p {
	text-align: center;
}



/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main .new dl {
	width: 90%;			/*What's Newボックスの幅*/
	height: 200px;			/*What's Newボックスの高さ*/
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
}
	
#main .new dl::-webkit-scrollbar {
	width: 15px;
	background: #ccc;
}
#main .new dl::-webkit-scrollbar-thumb{
	background: #999;
	border-radius: 10px;
}

/* アルバムバナー リンク*/
.bnr_link{
	text-align: center;
}
.bnr_link img{
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5%;
}


/*年間行事ページ用のテーブル
---------------------------------------------------------------------------*/
.schedule {
	width: 100%;
}
.schedule td, .schedule th{
	padding: 10px 5px;	/*余白*/
}

/*左側thタグ設定*/
.schedule th{
	font-size: 1.6rem;	/*文字サイズ*/
}

.schedule_photo{
	position: relative;
	top: 0;
	right: 0;
	text-align: center;
	background: #fff;
	padding-top: 20px;
	overflow: auto;
}
.schedule_photo li{
	float: left;
	width: 46%;
	padding: 2%;
}
.schedule_photo li img{
	width: 100%;
	height: auto;
}


/*幼稚園の一日のテーブル
---------------------------------------------------------------------------*/
#day_schedule{
	font-size: 1.4rem;
}
#day_schedule {
border-top: 1px solid #dddddd;
}
#day_schedule thead {
display:none;
}
#day_schedule tbody th {
	display:block;
	border-left: 1px solid #dddddd;
	background: #035620;
}
#day_schedule tbody td {
display:block;
border-left: 1px solid #dddddd;
}
#day_schedule tbody td::before {
content: attr(label);
float: left;
clear:both;
font-weight:bold;
}
#day_schedule td:last-child , .table2 thead th:last-child{
border-right: 1px solid #dddddd;
}


/*アルバム
---------------------------------------------------------------------------*/
.album_list ul{
	font-size: 1.3rem;
}
.album_list li{
	width: 28%;
	margin: 0;
	padding: 1% 2%;
	display: inline-block;
	min-width: 150px;
	text-align: left;
}

.seisaku li{
	min-width: 180px;
}


/*その他
---------------------------------------------------------------------------*/

.pagetop {
	display: none;
}
.plan2 img{
	width: 100%;
}

}