@charset "utf-8";

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

@media screen and (max-width: 1030px) {
	/*////////////  全ページ共通のフッター  /////////////////////*/
	ul.footer-ul li {width: 31%;}
	ul.footer-ul li.yasugi{font-size: 80%;}
	ul.footer-ul li.short-width {width: 23%;}
}




@media screen and (max-width: 970px) {
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-com {max-width: 95%;}
	
	/*/////////////　お知らせTOP　////////////////*/
	dl.news-dl dt .news {max-width: 220px;}
	dl.news-dl > dt {width: 275px;}
	dl.news-dl > dd {width: auto;float: none;}
}




@media screen and (max-width: 930px) {
	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li > a {padding-bottom: 85%;}
	ul.index-shisetu-ul li.fukuyone a span {width: 98%;background-size: auto 45px , auto 70px !important;background-position: left 5px center , right top;}
	ul.index-shisetu-ul li.fukuyone .recruit-iconbtn{margin:7px 0 0 7px;}
	ul.index-shisetu-ul li.hakuai .recruit-iconbtn{margin:7px 0 0 23px;}
	.recruit-iconbtn{margin:7px 0 0 21px;}
	.recruit-iconbtn a {background-size: 19px;padding-left: 23px;font-size: 88%;}
	
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-ph-box {padding: 90px 48% 0 4%;}
	.riji-ph-box .midashi {font-size: 107%;}
	.riji-ph-box .midashi br{display:none;}
}





@media screen and (max-width: 900px) {
	img{max-width: 100%;height: auto;width /***/:auto;}

	/*lozad.jによるアニメーション------*/
	.fadein-			{opacity: 1;transition:none;}
	.fadein-left,
	.fadein-right,
	.fadein-up,
	.zoomin,
	.widthleft,
	.widthright{opacity: 1;transform:none;transition:none;}
	.widthleft:after,
	.widthright:after{opacity: 1;transform:none;transition:none;width:0%;}
	.transition-delay{transition-delay:0s;}
	
	/*----トップローディング ---------------------*/
	#load-text {top: 45%;padding-top: 110px;height: 40px;background-size: 200px , auto;}
	
	/*///////////// 全ページ共通のheader　///////////////*/
	#header,
	#header.smaller{height:70px;}
	
	#header .top-rogo a,
	#header.smaller .top-rogo a{margin-top: 8px;}
	
	#header .yokomenu-bg,
	#header.smaller .yokomenu-bg{margin-top: 15px;}
	
	.top-rogo a{width: 150px;height: 58px;}

	/*----TOPページ上部の背景big画像-------------*/
	.headerimgs-wrapper {margin-top: 50px;}
	.sp-slides{transform: translate3d(0px, 0px, 0px) !important;}
	.slider-pro p.sp-layer {left: 0 !important;right: 0 !important;text-align: center;}
	.slider-pro p.sp-layer.text1{top: 110px !important;transform: unset !important;width: 40%;margin: 0 auto;}
	.slider-pro p.sp-layer.text2{top: 250px !important;transform: unset !important;width: 44%;margin: 0 auto;}

	/*////////////  全ページ共通のフッター  /////////////////////*/
	ul.footer-ul {font-size: 93%;}
	ul.footer-ul li {width: 33%;}	
}




@media screen and (max-width: 870px) {
	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li a span {width: 96%;height: 70px;background-size: auto 43px , auto 70px !important;}
	ul.index-shisetu-ul li.fukuyone a span {background-size: auto 40px , auto 70px !important;}
}





@media screen and (max-width: 830px) {
	/*/////////////　お知らせTOP　////////////////*/
	dl.news-dl dt .news {max-width: 180px;}
	dl.news-dl > dt {width: 265px;}
	dl.news-dl dt .ichiran {max-width: 150px;}
	dl.news-dl dd dl.news-box-dl dt {float: none;line-height: 1;}
	dl.news-dl dd dl.news-box-dl dd {padding: 0 0 0 10px;}
	dl.news-dl dd dl.news-box-dl dd a {padding: 5px 0 12px 0;}
	dl.news-dl dd dl.news-box-dl dd a:hover {padding: 5px 0 12px 5px;}
	.bunrui {font-size: 11px;min-width: 205px;margin: 7px 0 1px 0;}

	/*/////////////　施設のご案内　////////////////*/
 ul.index-shisetu-ul li > a {padding-bottom: 87%;}

	/* ************ お知らせ一覧 *************** */
	.index-box p.bunrui{min-width: auto;padding: 4px 10px 3px 10px;line-height: 1.1;font-size: 10px;margin: 0 0 7px 0;}
}




@media screen and (max-width: 730px) {
	/*///////////// 全ページ共通のheader　///////////////*/
	#header,
	#header.smaller {height: 62px;}
	.top-rogo a {height: 48px;}

	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:fixed;z-index:700;top:9px;right:15px;background:#0099bc;width:54px;height:45px;display:block;cursor:pointer;}/*overflow:hidden;text-indent:-8989px;*/
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -42px;background-color: #888;}

	/*右側のメニューボタン*/
	.menu-trigger {position:absolute;right: 0;top: 12px;z-index:200;width:34px;height:20px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;}
	.menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color:#fff;display: inline-block;transition: all .4s;box-sizing: border-box;}
	
	/*
	.menu-trigger::after {position: absolute;left: 0;bottom: -25px;content: 'メニュー';display: block;width: 100%;color: #003540;font-size:79%;font-weight: 600;text-decoration: none;text-align: center;transition: all .4s;white-space: nowrap;letter-spacing: -0.2em;}
	.menu-trigger.active::after {content: '閉じる';color:#fff;bottom: -33px;font-weight: normal;}
	a.menu-trigger{text-decoration:none;}
	*/
	.menu-trigger span:nth-of-type(1) {}
	.menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
	.menu-trigger span:nth-of-type(3) {bottom: 0;}
	
	.menu-trigger.active span{height: 2px;}
	.menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(9px) rotate(-317deg) scale(1.15);}
	.menu-trigger.active span:nth-of-type(2) {display: none;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-9px) rotate(317deg) scale(1.15);}


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

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:80px 10px 0 10px;list-style:none none outside;background-image:none;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 24px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size:96%;letter-spacing:0.05em;color: #fff;text-decoration: none;line-height: 1.2;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}
	#navi_sp ul#yoko-menu-sp li a small{background-color:#31527d;color:#fff;font-size: 10px;line-height: 1;padding: 1px 7px 2px 7px;border-radius: 1em;margin-right: 5px;top: -3px;position: relative;}


	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../images/header_menu_down.png) no-repeat left center;padding-left:15px;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../images/header_menu_up.png) no-repeat left center;padding-left:15px;opacity: 0.5;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid rgba(240,240,240,0.5);border-bottom: 1px solid rgba(240,240,240,0.5);margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width:70%;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

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


	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner{max-width: 360px;margin: 0 auto;padding: 0 20px;}
	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner li {margin: 20px 0 15px 0;}
	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner li#menu-item-98 a{background:#1773ea url(../images/facebook_on.png) no-repeat;background-size: contain;border-radius:1em;text-indent: -8989px;overflow: hidden;transition: 0.5s;width: 36px;height: 36px;margin-top: 0px;display: inline-block;}
	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner li#menu-item-98 a:hover{opacity:0.6;}
	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner li.naka-kuwashii{max-width: 320px;}
	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner li.naka-kuwashii a {padding: 12px 0 14px 0;font-size: 100% !important;color: #871028 !important;text-align: center;display: block;background: #fff url(../images/arrow_darkred36-10.png) no-repeat left 18px center;background-size: 18px;transition: 0.5s;letter-spacing: 0.1em;}
	#navi_sp ul#yoko-menu-sp ul.yoko-menu-banner li.naka-kuwashii a:hover{color: #fff;opacity:0.6;background-position:left 23px center;padding-left:6px;}


	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 0 0 25px 0;}
	#navi_sp p#menuclose a{font-size:93%;color:#FFF;padding:9px 0;line-height: 1.0;display: block;background:#444 url(../images/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width: 260px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}


	/* ページの各セクション-------------------*/
	.section{padding: 70px 0 60px 0;}
	
	/*/////////////　施設のご案内　////////////////*/
	.section.indexshisetu{padding: 60px 0 10px 0;}
	
	/*/////////////　お知らせTOP　////////////////*/
	.section.news{padding: 70px 0 60px 0;}
	
	/* ************ お知らせ一覧 *************** */
	.single-news.contents {padding: 35px 2%;}
	.index-box {padding: 0.6em;}
	
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-ph-box {padding: 70px 44% 0 4%;background-size: cover;height: 320px;}
	.riji-ph-box .midashi {font-size: 100%;padding-bottom: 35px;}
	.riji-ph-box .name {font-size: 86%;margin-top: 23px;}
	.riji-com {margin: 25px auto 0 auto;}

	/*////////////  全ページ共通のフッター  /////////////////////*/
	ul.footer-ul li {width: 260px;}
	ul.footer-ul li.short-width {width: 260px;}
}




@media screen and (max-width: 700px) {
	/*----TOPページ上部の背景big画像-------------*/
	.slider-pro p.sp-layer.text1 {width: 50%;margin: 0 auto;}
	.slider-pro p.sp-layer.text2 {width: 53%;margin: 0 auto;top: 250px !important;}
	
	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li > a {padding-bottom: 84%;}
	ul.index-shisetu-ul li {width: 46%;margin: 0 1% 45px 2%;}
	ul.index-shisetu-ul li a span {background-size: auto 48px , auto 70px !important;background-position: left 10px center , right top !important;}
	.recruit-iconbtn {margin: 7px 0 0 13px;}
	ul.index-shisetu-ul li.hakuai .recruit-iconbtn {margin: 7px 0 0 15px;}
	ul.index-shisetu-ul li.fukuyone .recruit-iconbtn {margin: 7px 0 0 11px;}
	
	/*/////////////　お知らせTOP　////////////////*/
	dl.news-dl > dt {width: 100%;float: none;}
	.section.news {padding: 50px 0 60px 0;}
	dl.news-dl dt .news-title {margin-top: 15px;}
	dl.news-dl dt .ichiran {position: absolute;top: -10px;right: 3%;}
	dl.news-dl dt .ichiran a {padding: 6px 3px 7px 0;font-size: 75%;width: 100px;}
	dl.news-dl dt .ichiran a:hover {padding: 6px 0 7px 2px;}
	dl.news-dl > dd {margin-top: 10px;}
}





@media screen and (max-width: 600px) {
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {width: 50px;height: 50px;}

	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper {font-size: 93%;}

	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li > a {padding-bottom: 87%;}
	
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-ph-box {height: 260px;background: url(../img/riji_ishibashi.jpg) no-repeat right top;background-size: cover;padding: 260px 0 0 0;}
	.riji-ph-box .midashi {padding-bottom: 15px;margin-top: 15px;text-align:center;}
	.riji-ph-box .midashi br{display:block;}
	.riji-ph-box .name {font-size: 80%;margin-top: 12px;}
	.riji-com {margin: 170px auto 0 auto;}
	
	/* ************ お知らせ 詳細記事 *************** */
	.news-single-main {margin: 10px 0 0 0;}
	.single-title {font-size: 115%;font-weight: bold;}
	/* ========= 管理者画面からのスタイル ============*/
	.wp-caption.alignright,
	.wp-caption.alignleft,
	.wp-caption.alignnone{float: none;margin: 12px auto 7px auto;display: table;}
	
	/*写真ギャラリー*/
	.gallery-item {float: none !important;width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery br{display:none;}

	/*文字サイズ*/	
	.font-size17{font-size:100%;line-height:1.7;}
	.font-size19{font-size:115%;line-height:1.7;}
	.font-size20{font-size:115%;line-height:1.5;}
	.font-size23{font-size:122%;line-height:1.5;}
	.font-size24{font-size:122%;line-height:1.5;}
	.font-size28{font-size:128%;line-height:1.4;}
	.font-size32{font-size:134%;line-height:1.3;}
	.font-size36{font-size:156%;line-height:1.3;}
	.font-size40{font-size:172%;line-height:1.2;}
	.font-size50{font-size:184%;line-height:1.2;}
	.font-size60{font-size:200%;line-height:1.2;}
	
	/*このボタンは、中ページ全ページで使用*/
	.naka-kuwashii a {min-width: 70%;}

	/*table*/
	table td.border-zero{display:block;}
	table td .alignnone,
	table td img.alignnone,
	table td .wp-caption.alignnone {margin: 2px auto 5px auto;}

	/*////////////  全ページ共通のフッター  /////////////////////*/
	.footer-dl-cont {margin-top: 15px;}
	.top-rogo a {margin-top: 10px;}
	dl.footer-dl dd {display: block;text-align: center;font-size: 74%;margin-top: 10px;}
	.copyright {padding: 15px 0 15px 0;margin-top: 18px;}
	ul.footer-ul {display: table;width: 80%;margin: 0 auto 15px auto;}
	ul.footer-ul li {width: 100%;border-bottom: 1px solid #ddd;margin: 0;padding: 12px 10px 12px 20px;}
	ul.footer-ul li.short-width {width: 100%;}
}





@media screen and (max-width: 540px) {
	/*----TOPページ上部の背景big画像-------------*/
	.slider-pro p.sp-layer.text1 {top: 21% !important;}
	.slider-pro p.sp-layer.text2 {top: 46% !important;}
	
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-ph-box {height: 240px;background: url(../img/riji_ishibashi.jpg) no-repeat right -15px top;background-size: cover;padding: 240px 0 0 0;}

	/* ************ お知らせ一覧 *************** */
	.index-box {width: 49%;padding: 1em;}
}





@media screen and (max-width: 500px) {
	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper {font-size: 86%;}

	/* ページの各セクション-------------------*/
	.section{padding: 50px 0 40px 0;}
	.section.first {padding: 40px 0 60px 0;}

	/* =============中ページ共通のスタイル================== */
	/*見出し*/
	h2 {font-size: 143%;letter-spacing: 0.35em; margin-bottom: 30px;}
	
	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li {margin: 0 1% 35px 2%;}
	ul.index-shisetu-ul li a span {background-size: auto 36px , auto 54px !important;height: 54px;margin-top: -15px;}
	ul.index-shisetu-ul li.fukuyone a span {background-size: auto 35px , auto 54px !important;}
	ul.index-shisetu-ul li a:hover span {margin-top: -23px;}
}




@media screen and (max-width: 450px) {	
	/*/////////////　施設のご案内　////////////////*/
	.section.indexshisetu{padding: 40px 0 10px 0;}
	ul.index-shisetu-ul li.fukuyone a span {background-size: auto 31px , auto 54px !important;}	
 ul.index-shisetu-ul li > a {padding-bottom: 89%;}
 .recruit-iconbtn a {font-size: 94%;padding-top: 1px;}
	
	/*/////////////　お知らせTOP　////////////////*/
	.section.news{padding: 50px 0 40px 0;}
	dl.news-dl dt .news {max-width: 150px;margin: 0 auto;}
	dl.news-dl dt .news-title {text-align: left;margin: 15px 0 0 5px;color: #0099bc;font-size: 155%;letter-spacing: 0.2em;}
	dl.news-dl dt .ichiran {top: -23px;}
	
	/* ************ お知らせ 詳細記事 *************** */
	.single-news.contents {font-size: 90%;}
}





@media screen and (max-width: 400px) {	
	/* =============中ページ共通のスタイル================== */
	/*見出し*/
	h2 {font-size: 129%;}
	
	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li a span {background-size: auto 32px , auto 54px !important;}
	ul.index-shisetu-ul li.fukuyone a span {background-size: auto 27px , auto 54px !important;}	
	
	
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-com {margin: 150px auto 0 auto;line-height: 2;}

	/* ************ お知らせ一覧 *************** */
	.index-box {padding: 0.6em;}
	.index-box .txt {font-size: 90%;}
	
	/*////////////  全ページ共通のフッター  /////////////////////*/
	ul.footer-menu-ul {display: none;}
	.footer-dl-cont {margin-top: 0;border-top: 1px solid #99d6e4;padding-top: 10px;}
	ul.footer-ul {width: 90%;}
}





@media screen and (max-width: 350px) {
	/*/////////////　施設のご案内　////////////////*/
	ul.index-shisetu-ul li > a {padding-bottom: 92%;}
	ul.index-shisetu-ul li a span {background-size: auto 30px , auto 50px !important;background-position: left 0 center , right top !important;height: 50px;}
	ul.index-shisetu-ul li {width: 45%;}
	.recruit-iconbtn {margin: 7px 0 0 2px;}
	ul.index-shisetu-ul li.hakuai .recruit-iconbtn {margin: 7px 0 0 4px;}
 ul.index-shisetu-ul li.fukuyone .recruit-iconbtn {margin: 7px 0 0 3px;}
	
	/*/////////////　理事長ごあいさつ　////////////////*/
	.riji-ph-box {height: 230px;padding: 230px 0 0 0;}
	.riji-ph-box .midashi {font-size: 100%;line-height: 1.5;margin-top: 20px;}
	
	/* ************ お知らせ 詳細記事 *************** */
	ul.news-single-yokoimg li img {max-width: 250px !important;max-height: 250px;}
	

}