@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　86%
13px　93%
14px　100%
15px　108%
16px　115%
17px　122%
18px　129%
19px　136%
20px　143%
21px　150%
22px　158%
23px　165%
24px　172%
25px　179%
26px　186%
27px　193%
28px　200%
29px　208%
30px　215%
31px　222%
32px　229%
33px　236%
34px　243%
35px　250%
36px　258%
//////////////////////////////*/
/*###########################################################

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1200px) {
	/* ====== 全ページ共通の横メニュー ====== */
	ul#yoko-menu {width: 99%;}
}


	
@media screen and (max-width: 1120px) {
	img{max-width: 100%;height: auto;width /***/:auto;　}
	#wrapper{width:100%;margin:0 auto 0 auto;text-align:left;}
	.container {width:98%;margin:0 auto;text-align:left;}
	#pagetop a{display:none;}
	
	/*///////////////// 全ページ共通のheader /////////////////////*/
	.facebook {width: 100%;right:20px;left: unset;}
}



@media screen and (max-width: 980px) {	
	/* ==================== 全ページ共通の横メニュー ==================== */
	/*submenu*/
	ul#footer-yoko-menu > li {margin: 0 2.5% 0 0;}
}	




@media screen and (max-width: 950px) {	
	/* ==================== 全ページ共通の横メニュー ==================== */
	/*submenu*/
	ul#yoko-menu li ul li a {font-size: 86%;}
}






@media screen and (max-width: 920px) {		/* 画面の横幅が960pxまでの幅の場合に適応される(iPad 縦)--pcでは900px */
	/*///////////////// 全ページ共通のheader /////////////////////*/
	.facebook {margin:16px 0 0 0;right:110px;}
	.header-rogo {right: unset;left: 10px;margin: 10px 0 0 0;width: auto;height: auto;text-align: left;}
	.header-rogo img {width: auto;height: 45px;}

	#change {height:67px;border-bottom:2px solid #ccae68;}
		
	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:absolute;z-index:700;top:14px;right:15px;background:url(../img/header_menu.png) no-repeat 0 0;width:54px;height:39px;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -39px;}

	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	#navi_sp {display: none;width: 100%;position: fixed;z-index: 400;padding-top: 32px;width:100%;overflow-y: scroll;right: 0;height: 100%;top: 0;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#menu-headermenu1-1 {width:100%;clear: both;padding:42px 10px 0 10px;list-style:none none outside;background-image:none;background-color: #eee;}
	#navi_sp ul#menu-headermenu1-1 li {position:relative;float:none;text-align:left;border-right:none;margin:3px 0;}
	#navi_sp ul#menu-headermenu1-1 li a {font-size:108%;color:#fff;text-decoration:none;display:block;background-color:#ccae68;padding:13px 0 13px 10px;cursor:pointer;text-indent:0px;overflow:hidden;height:auto;margin:0;border-bottom:none;}
	/*IE8以上*/
	#navi_sp ul#menu-headermenu1-1 li a {padding-top:14px\0;}
	#navi_sp ul#menu-headermenu1-1 li a:hover{background-color:#a5863f;}

	/*submenu*/
	#navi_sp ul#menu-headermenu1-1 li.spbox00 > a{}
	#navi_sp ul#menu-headermenu1-1 li.spbox02 > a{background:#ccae68 url(../img/header_menu_plus.gif) no-repeat right center;}
	#navi_sp ul#menu-headermenu1-1 li.spbox02 > a:hover{background-color:#a5863f;}
	#navi_sp ul#menu-headermenu1-1 li.selected > a{background:#7e6b3f url(../img/header_menu_down.gif) no-repeat right center;}

	#navi_sp ul#menu-headermenu1-1 ul.sub{list-style:none none outside;}
	#navi_sp ul#menu-headermenu1-1 ul.sub li a{text-indent:10px;}


	/*サブメニューの閉じる*/
	#navi_sp ul#menu-headermenu1-1 .sn_close{margin:0 0 0px 0;}
	#navi_sp ul#menu-headermenu1-1 .sn_close a{color:#fff;padding:11px 10px 11px 25px;display:block;background:#444 url(../img/header_menu_close.gif) no-repeat right center;cursor: pointer;}
	#navi_sp ul#menu-headermenu1-1 .sn_close a:hover{background-color:#555555;opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}

	/*subsubmenu*/
	#navi_sp ul#menu-headermenu1-1 ul.sub ul.children{display:block !important;}
	#navi_sp ul#menu-headermenu1-1 ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#menu-headermenu1-1 ul.sub ul.children li a{text-indent:30px;}


	/*メニューの閉じる*/
	#navi_sp p#menuclose{clear:both;padding: 5px 10px 15px 10px;background-color: #eee;}
	#navi_sp p#menuclose a{font-size:115%;color:#FFF;padding:10px 12px;display:block;background:#444 url(../img/header_menu_close.gif) no-repeat right center;cursor: pointer;}/*9b9146*/
	#navi_sp p#menuclose a:hover{background-color:#555555;opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
	

	/* ページの各フィールド-------------------*/
	#field0{padding:0px 0 60px 0;}
	#field1,
	#field2,
	#field3,
	#field4,
	#field5,
	#field6{padding:50px 0 50px 0;}

	#anchor{display: none !important;}
	.arrow-down {display: none;}
	
	.scrEvent{opacity: 1 !important;}


	/*openingの背景画像等-----------------------*/
	.btn-scroll {display: none;}


	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-com{text-align:left;}
	.shoukai-com span{display:inline;}


	/* ======= 全ページ共通のfooterメニュー ========= */
	ul#footer-yoko-menu {text-align: center;margin-top: 15px;}
	ul#footer-yoko-menu > li {float: unset;display: inline-block;}
	ul#footer-yoko-menu > li a {display: inline-block;}
	ul#footer-yoko-menu li ul.sub-menu1 {display: inline-block;}
	ul#footer-yoko-menu li ul.sub-menu1 li {float: unset;display: inline-block;margin-left: 15px;}
	ul#footer-yoko-menu > li a {display: inline-block;}
	ul#footer-yoko-menu li ul.sub-menu {display: none;}
	.footer-rogo {margin-top: 15px;}
}




@media screen and (max-width: 830px) {		/* pcでは810px */
	/*openingの背景画像等-----------------------*/
	h2.opening-title{height:150px;background-size:cover;}
	
	
	/* ==================== お知らせ窓 ==================== */
	#index-news-waku a dl dt .date {padding: 0 0 0 10px;}
	#index-news-waku a dl dd .title {padding: 0 5px 0 155px;background: url(../img/arrow13-13.png) no-repeat 135px 5px;}
}





@media screen and (max-width: 730px) {		/* pcでは710px */
	/*openingの背景画像等-----------------------*/
	h2.opening-title{height:130px;background-size:cover;}

	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-title {font-size: 216%;letter-spacing: 0.1em;}

	/* ======== サンシルバーさわらび ============ */
	.index-shisetu-title-box span.shisetu-name {display: block;margin-top: 8px;}
	#field3 .index-shisetu-title-box span.shisetu-name{font-size: 208% !important;}	/*サンチャイルド長久さわらび園*/
	#field4 .index-shisetu-title-box span.shisetu-name{font-size: 208% !important;}	/*気くばり・心くばり・目くばり・声くばり*/
}






@media screen and (max-width: 610px) {		/* pcでは590px */
	/*openingの背景画像等-----------------------*/
	h2.opening-title{height:110px;background-size:cover;}
	h1.opening-rogo a{height: 55px;background-size: contain;margin-top: 160px;}
	.opening-footer {height:235px;}

	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-title {font-size:200%;letter-spacing:0em;}

	/* ======== サンシルバーさわらび ============ */
	.index-shisetu-title-box span.shisetu-name {font-size: 250%;}
	#field4 .index-shisetu-title-box span.shisetu-name{font-size: 200% !important;}	/*気くばり・心くばり・目くばり・声くばり*/
	
	/* ページの各フィールド-------------------
	#field0{padding:0px 0 40px 0;}
	#field1,
	#field2,
	#field3,
	#field4,
	#field5,
	#field6{padding:30px 0 30px 0;}
*/
}






@media screen and (max-width:540px) {
	/* ==================== 全ページ共通のテーブル構造 ==================== */
	.container {width:94%;font-size:97%;}

	/*お知らせの窓 レスポンシブ対応-----
	#index-news-waku dd .date {float: none;}
	#index-news-waku dd .title {background: url(../img/arrow_news.gif) no-repeat 0px 6px;padding-left: 16px;}*/

	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-warabi {font-size:136%;line-height: 1.3;height: auto;}
	.shoukai-warabi img {display: block;width: 36px;margin: 5px auto 0 auto;}
	
	/*============　ご挨拶　./soshiki/aisatu.html　=============*/
	.container.aisatu{width:94%;}
	
	/*///////////////// 全ページ共通のフッター /////////////////////*/
	ul#footer-yoko-menu li ul.sub-menu1 {display: inline;}
	ul#footer-yoko-menu > li {display: inline;}
}






@media screen and (max-width: 480px) {	 /*＜pc確認は460px＞*/
/*openingの背景画像等-----------------------*/
h2.opening-title{height:90px;background-size:cover;}

	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-title {font-size:172%;}
	.shoukai-warabi {font-size:108%;}

	/* ======== サンシルバーさわらび ============ */
	.index-shisetu-title-box span.shisetu-name {font-size: 200%;}
	#field3 .index-shisetu-title-box span.shisetu-name {font-size: 160% !important;}	/*サンチャイルド長久さわらび園*/
	#field4 .index-shisetu-title-box span.shisetu-name{font-size:150% !important;}	/*気くばり・心くばり・目くばり・声くばり*/
	#field5 .index-shisetu-title-box span.shisetu-name{font-size:200% !important;}
}





@media screen and (max-width: 420px) {	 /*＜pc確認は400px＞*/
	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-title {font-size:150%;}
	.shoukai-warabi {margin-top:10px;}
	
	/* ==================== お知らせ窓 ==================== */
	#index-news-waku a dl dt .date {padding:0;width: 100%;}
	#index-news-waku a dl dd .title {padding: 0 5px 0 30px;background: url(../img/arrow13-13.png) no-repeat 10px 30px;}

	/*========  全ページ共通のフッターの上部のパーツ ========*/
	/*詳しくはこちら*/
	.btn-kuwashiku{width:230px;height:33px;}
	.btn-kuwashiku a{height:33px;background-size:230px;}
	.btn-kuwashiku a:hover{background-position:0 -33px;}


	/*///////////////// 全ページ共通のheader /////////////////////*/
	.facebook {margin: 20px 0 0 0;right: 85px;}
	.facebook img {height: 28px;}
}




@media screen and (max-width: 380px) {		/* ＜pc確認は360px＞*/	
/*openingの背景画像等-----------------------*/
h2.opening-title{height:75px;background-size:cover;}
}





@media screen and (max-width: 360px) {		/*＜pc確認は340px＞*/	
	/* =========== やすらぎとふれあいのなかで ========== */
	.shoukai-title {font-size:136%;}
	
	/* ======== サンシルバーさわらび ============ */
	.index-shisetu-title-box span.shisetu-name {font-size: 180%;}
	#field3 .index-shisetu-title-box span.shisetu-name{font-size: 140% !important;}	/*サンチャイルド長久さわらび園*/
	#field4 .index-shisetu-title-box span.shisetu-name{font-size: 135% !important;}	/*気くばり・心くばり・目くばり・声くばり*/
}





@media screen and (max-width: 350px) {		/*＜pc確認は330px＞*/	
	/*///////////////// 全ページ共通のheader /////////////////////*/
	.facebook {display:none;}

	/*///////////////// 全ページ共通のフッター /////////////////////*/
	.footer-facebook{display:block;text-align:center;margin-top:25px;border-top:1px dotted #be9f56;padding-top:15px;}
}




@media screen and (max-width: 320px) {		/*＜pc確認は300px＞*/	

}