@charset "utf-8";

/*###########################################################

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

@media screen and (max-width: 1380px) {
	/*////////////  全ページ共通のheader  ////////////////*/
	.top-rogo{width: 300px;height: 110px;}
	.top-rogo a {background-size: 240px;}
	/* ==================== 全ページ共通の横メニュー ==================== */
	ul#yoko-menu li > a {padding: 0 12px;}
	/* 縮小時のheader*/
	#header.smaller .top-rogo{width: 300px;height: 90px;}
	#header.smaller .top-rogo a{background-size: 240px;}
}






@media screen and (max-width: 1240px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	ul#yoko-menu li > a {padding: 0 15px;}
	ul#yoko-menu li > a span{display:block;}
}




@media screen and (max-width: 1160px) {
	/* ==================== 全ページ共通のフッター ====================*/
	ul.footer-menu-ul {margin: 25px auto 27px auto;}
	ul.footer-menu-ul li {margin: 7px 0 7px 0;}
	ul.footer-menu-ul li a {padding: 0 20px;}
}





@media screen and (max-width: 1130px) {
	/*////////////  全ページ共通のheader  ////////////////*/
	#header {height:60px;}
	#header.smaller {height:60px;}
	.top-rogo{width: 260px;height: 75px;}
	.top-rogo a {background-size: 190px;}
		
	#header .yokomenu-bg {top: 7px;}
	#header .head-bnr-doaikai {margin: 0 80px 0 0;}

	#header.smaller .top-rogo{width: 260px;height: 75px;}
	#header.smaller .top-rogo a{background-size: 190px;}
	#header.smaller .yokomenu-bg {top: 7px;}
	#header.smaller .head-bnr-doaikai{margin: 0 80px 0 0;}
	
	#header .head-bnr-doaikai a {width: 120px;height: 47px;background-size: 100px;border: none;}
	
	/*TOPページ上部の背景big画像-------------*/
	.headerimgs-wrapper{margin-top: 60px;}


	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	ul#yoko-menu {display: none;}
	
	#menubtn{position:fixed;z-index:700;top:9px;right:15px;background:#a2662b;width:54px;height:42px;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: 11px;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:#b56b25;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding: 80px 0 12px 0;list-style:none none outside;background-image:none;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin:14px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size:100%;color: #fff;text-decoration: none;line-height:1.2;}
	#navi_sp ul#yoko-menu-sp li a span{font-weight:bold;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	ul#yoko-menu-sp .netde-yoko{margin: 10px auto 10px auto;max-width:220px;}
	ul#yoko-menu-sp .netde-yoko a{background-size: 170px auto;height: 31px;background-position: left 20px center;}
	ul#yoko-menu-sp .netde-yoko a:hover{background-position: left 23px center;}

	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:15px;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../img/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 #ccc;border-bottom: 1px solid #ccc;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(../img/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(../img/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 .insta{display:table;margin: 20px auto 0 auto;}
	#navi_sp .insta a{background:url(../img/insta.png) no-repeat;width:30px;height:30px;background-size:contain !important;text-indent: -8989px;display: block;overflow: hidden;}

	/*メニューの閉じる*/
	#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(../img/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;}
}





@media screen and (max-width: 950px) {
	/*////////////  全ページ共通のheader  ////////////////*/
	#header .container{width:100%;}
	
	/* =============全ページ共通のスタイル================== */
	img{max-width: 100%;height: auto;width /***/:auto;}
	.container {width: 94%;padding: 0;}

	/*/////////////　理念・運営方針　////////////////*/
	.section.rinen{background-size: 1200px;}
	dl.rinen-dl{margin-top:35px;}
	dl.rinen-dl dt{float: none;width: 100%;margin-bottom: 40px;}
	dl.rinen-dl dd{float: none;width: 100%;}
	dl.rinen-dl dt .com {margin-left: 0;text-align: center;}
	.index-title {height: 40px;font-size: 120%;}
	
	/*/////////////　施設概要　////////////////*/
	.section.shisetu{padding-top:150px;}
	dl.shisetu-dl dt {padding-right: 4%;}
	dl.shisetu-dl dt br{display:none;}

	/*/////////////　お知らせ　////////////////*/
	.section.bg-kango {background: url(../img/bg_kango_sp.jpg) no-repeat center top;background-size: cover;}
	
	/* ==================== 全ページ共通のフッター ====================*/
	ul.footer-zip-ul {margin: 20px 3% 0 3%;text-align: center;}
}





@media screen and (max-width: 900px) {
	/* ==================== 全ページ共通のフッター ====================*/
.footer-insta{margin: 46px 0 0 2%;}
}





@media screen and (max-width: 800px) {
	/*TOPページ上部の背景big画像 -------------*/
	/*スマホ画像に差し替わる*/
	.index-bigimg-text {display: none;}
}






@media screen and (max-width: 750px) {
	/*/////////////　施設概要　////////////////*/
	dl.shisetu-dl {margin: 10px auto 0 auto;}
	dl.shisetu-dl dt {float: none;width: 100%;padding-right: 0;margin-bottom: 20px;}
	dl.shisetu-dl dd {float: none;width: 100%;margin-top: 0;}
	dl.shisetu-dl2 {margin-top: 15px;}
	dl.shisetu-dl2 dt {float: none;width:100%;margin: 0 auto 10px auto;}
	dl.shisetu-dl2 dd {float: none; width: 100%;}
	dl.shisetu-dl2 dd .flex-cont p {padding: 0 1.5%;}

	/*/////////////　お知らせ　////////////////*/
	.news-wrapp{padding:60px 0;}
}





@media screen and (max-width: 700px) {
	/*見出し
	h3 {font-size: 146%;letter-spacing: 0.05em;}*/
	
	/* ページの各セクション-------------------*/
	.section {padding: 60px 0 60px 0;}

	/*/////////////　医療支援型グループホームとは　////////////////*/
	.section.about{padding: 70px 0 40px 0;}
	
	/*/////////////　利用について　////////////////*/
	dl.riyou-dl dt {float: none;width: 100%;margin-bottom: 30px;}
	dl.riyou-dl dd {float: none;width: 100%;}
	.riyou-pdf-box .naka-kuwashii {margin: 0 1% 25px 1%;max-width: 400px;}
	dl.riyou-dl2 {margin-top: 35px;border-left: none;border-right: none;}
	
	/* ************ お知らせ 詳細記事 *************** */
	.single-news-title {font-size: 135%;}
	
	/*/////////////　採用情報　////////////////*/
	.recruit-cont .title {border-left: none;width: calc(100% - 96px);}
}




@media screen and (max-width: 640px) {
	/*見出し*/
	h2 {font-size: 160%;margin-bottom: 20px;}

	/*/////////////　理念・運営方針　////////////////*/
	.section.rinen {background-size: 800px;padding: 30px 0 40px 0;}

	/*/////////////　施設概要　////////////////*/
	.bg-beige2 {background-position:left top 0;}
	.section.shisetu {padding: 50px 0 50px 0;margin-top: -50px;}
	.floor-img {margin: 20px auto 0 auto;}
	.section.shisetu h2 {top: 0;margin-bottom: 0;}
	
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {width: 60px;height: 60px;}
}




@media screen and (max-width: 600px) {
	/*/////////////　利用について　////////////////*/
	dl.riyou-dl2 {padding: 13px 0;}
	dl.riyou-dl2:before{display:none;}
	dl.riyou-dl2 dt {float: none;width: 100%;margin-bottom: 30px;}
	dl.riyou-dl2 dd {float: none;width: 100%;}
	dl.riyou-dl2 .com {margin: 0;min-height: unset;}
	
	/*/////////////　お知らせTOP　////////////////*/
	.news-cont {width: 100%;}
	.news-cont a {min-height: unset;}
}






@media screen and (max-width: 530px) {
	/*見出し*/
	h2 span{display:block;}

	/*/////////////　採用情報　////////////////*/
	.recruit-cont .date {float: none;padding: 4px 0;}
	.recruit-cont .title {margin-top: 0;padding: 0 0 5px 10px;border-left: none;float: none;width: 100%;font-size: 100%;}
	
	/* ==================== 全ページ共通のフッター ====================*/
	ul.footer-menu-ul {display: none;}
	.footer-rogo {margin-top: 30px;}
	.footer-bnr-doaikai {display: table;margin: 15px auto 5px auto;}
}






@media screen and (max-width: 480px) {
	/*////////////  全ページ共通のheader  ////////////////*/
	.top-rogo{width: 205px;height: 70px;}
	.top-rogo a {background-size: 170px;}
	#header .head-bnr-doaikai {display: none;}
	
	/* ************ お知らせ窓内の colorbox詳細記事 *************** */
	.single-news.contents {font-size: 92%;}
	
	/* ************ 採用情報 窓内の colorbox詳細記事 *************** */
	body.recruit.mordal .single-news.contents {font-size: 80%;}
	table.youkou-table th {padding: 7px 5px 6px 5px;}
}






@media screen and (max-width: 460px) {
	#wrapper {font-size: 90%;}

	/*見出し*/
	h2 {margin-bottom: 15px;}

	/* =============中ページ共通のスタイル================== */
	/*文字サイズ*/
	.font-size10{font-size:58%;line-height:1.2;}
	.font-size12{font-size:65%;line-height:1.5;}
	.font-size14{font-size:79%;line-height:1.7;}
	.font-size17{font-size:93%;line-height:1.7;}
	.font-size20{font-size:115%;line-height:1.5;}
	.font-size24{font-size:122%;line-height:1.4;}
	.font-size28{font-size:129%;line-height:1.3;}
	.font-size32{font-size:136%;line-height:1.3;}
	.font-size36{font-size:143%;line-height:1.3;}
	.font-size40{font-size:150%;line-height:1.2;}
	.font-size50{font-size:156%;line-height:1.2;}
	.font-size60{font-size:164%;line-height:1.2;}
	
	/*/////////////　医療支援型グループホームとは　////////////////*/
	.section.about{padding: 50px 0 20px 0;}

	/*/////////////　理念・運営方針　////////////////*/
	.section.rinen {background-size: 600px;}
	dl.rinen-dl {margin-top: 25px;}

	/*/////////////　施設概要　////////////////*/
	dl.shisetu-dl {margin:15px auto 0 auto;}
	dl.shisetu-dl dt {letter-spacing: 0;}
	
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {width:50px;height:50px;}
}




@media screen and (max-width: 420px) {
	.container {width: 92%;}
	#wrapper {font-size: 85%;}
		
	/*/////////////　理念・運営方針　////////////////*/
	dl.rinen-dl dt .com {text-align: left;}
	dl.rinen-dl dt .com br{display:none;}
	dl.rinen-dl dd ol {margin: 0 0 0 25px;}
	
	/*/////////////　利用について　////////////////*/
	dl.riyou-dl {margin-top: 25px;}

	/*/////////////　採用情報　////////////////*/
	table.youkou-table td {padding: 14px 10px 14px 15px;}

	/* ==================== 全ページ共通のフッター ====================*/
.footer-insta{margin: 20px 0 0 2%;}
}




@media screen and (max-width: 390px) {
	/*見出し*/
	h2{font-size: 150%;margin-bottom: 15px;}
	
	/* ************ 採用情報 窓内の colorbox詳細記事 *************** */
	.rirekisho-box .naka-kuwashii a{padding: 15px 0 15px 40px;background-position: left 20px center;}

	/* ==================== 全ページ共通のフッター ====================*/
	.footer-rogo a {width: 250px;height: 60px;}
	.footer-bnr-doaikai a {width: 160px;height: 59px;background-size: 110px;}
	ul.footer-zip-ul {font-size: 85%;}
	ul.footer-zip-ul li.tel a {padding: 0 0 0 29px;background-size: 25px;}
	.copyright {font-size: 10px;padding: 15px 0;}
}




@media screen and (max-width: 360px) {
	/* ************ お知らせ窓内の colorbox詳細記事 *************** */
	ul.news-single-yokoimg li img {max-width: 260px !important;}

}