@charset   "UTF-8";
/*----- all-w css 開始 -----*/

body {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	font-size: 14pt;
	line-height: 1.5;
	letter-spacing: 1pt;
}

#header {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/* ヘッダーアイコン・スマホ用(wide・mediumは非表示) */

#s-icon {
	visibility: hidden;
	display: none;
}
/* ヘッダー『ホームロゴ』アイコン・親BOX */

.wrap {
	overflow: hidden;
}

#icon {
	width: 90%;
	height: auto;
	text-align: center;
	border-bottom-right-radius: 100% 180px;
	border-bottom-left-radius: 100% 180px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
	background: rgba(255,255,255,0.9);
	border-bottom: 7px solid #dddddd;
	box-shadow: 2px 0px 4px gray;
	position: absolute;
	top: 0;
	z-index: 50;
	a: visited white;
	text-decoration: none;
	a: black;
}
/* ヘッダー『ホームロゴ』レスポンシブ画像 */

img.headicon-home {
	max-width: 16%;
	height: auto;
	padding-right: 2%;
}
/* ヘッダー・アイコン『運営事業所』『メニュー紹介』文字 マウスホバー効果 */

.icon-link1 {
	text-decoration: none;
	padding: 0 .3em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(46,204,113,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .1s;
}

.icon-link1:hover {
	background-position: 0 100%;
}

.icon-link2 {
	text-decoration: none;
	padding: 0 .3em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(46,204,113,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .1s;
}

.icon-link2:hover {
	background-position: 0 100%;
}

.icon-link3 {
	text-decoration: none;
	padding: 0 .3em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(46,204,113,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .1s;
}

.icon-link3:hover {
	background-position: 0 100%;
}
/* ヘッダー・アイコン『法人概要』レスポンシブ画像 */

img.headicon-houjin {
	max-width: 150px;
	width: 10%;
	height: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

img.headicon-houjin:hover {
	background-color: #ffffe3;
}
/* ヘッダー・アイコン『運営事業所』マウスホバー効果 吹き出し */

.icon-oya-1 {
	width: 100%;
	height: auto;
	position: relative;
	display: inline;
}
/* ヘッダー・アイコン『運営事業所』レスポンシブ画像 */

img.headicon-jigyou {
	max-width: 150px;
	width: 10%;
	height: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

img.headicon-jigyou:hover {
	background-color: #deffe0;
}

.icon-oya-1 img {
	position: relative;
	width: 10%;
	height: auto;
}

.icon-oya-1 .icon-text-box {
	position: absolute;
	width: 100%; /* 画像の幅と左右の余白をプラスした値 */
	height: 100px; /* 画像の高さと吹き出しと余白の高さをプラスした値 */
	top: 0px; /* 余白分上にずらす */
	left: 0px; /* 余白分左にずらす */
	border-radius: 1px;
	background-color: rgba(0, 118, 53, 0.8);
	display: none;
}
/* 運営事業所 →→→『月とらいおん』 */

.icon-oya-1 .icon-link1 {
	position: absolute;
	font-size: 9pt;
	text-align: left;
	left: 1px;
	top: 20%;
	color: #ffffff;
}
/* 運営事業所 →→→『oneself』 */

.icon-oya-1 .icon-link2 {
	position: absolute;
	font-size: 9pt;
	text-align: left;
	left: 1px;
	top: 50%;
	color: #ffffff;
}
/* 運営事業所 →→→『心愛』 */

.icon-oya-1 .icon-link3 {
	position: absolute;
	font-size: 9pt;
	text-align: left;
	left: 1px;
	top: 80%;
	color: #ffffff;
}

.icon-oya-1:hover img {
	z-index: 4; /* .boxよりも上に表示 */
}

.icon-oya-1:hover .icon-text-box {
	z-index: 3; /* imgよりも下に表示 */
	display: block;
}
/* ヘッダー・アイコン『メニュー紹介』マウスホバー効果 吹き出し */

.icon-oya-2 {
	position: relative;
	display: inline;
}
/* ヘッダー・アイコン『メニュー紹介』レスポンシブ画像 */

img.headicon-menu {
	max-width: 150px;
	width: 10%;
	height: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

img.headicon-menu:hover {
	background-color: #ffe6ce;
}
/* ヘッダー・アイコン・『メニュー紹介』マウスホバー */

.icon-oya-2 {
	position: relative;
	width: 100%;
	height: auto;
	z-index: auto;
}

.icon-oya-2 img {
	position: relative;
	width: 10%;
	height: auto;
}

.icon-oya-2 .icon-text-box {
	position: absolute;
	width: 100%; /* 画像の幅と左右の余白をプラスした値 */
	height: 100px; /* 画像の高さと吹き出しと余白の高さをプラスした値 */
	top: 0px; /* 余白分上にずらす */
	left: 0px; /* 余白分左にずらす */
	border-radius: 1px;
	background-color: rgba(107, 71, 33, 0.8);
	display: none;
}
/* メニュー紹介 →→→『菓子製品』 */

.icon-oya-2 .icon-link1 {
	position: absolute;
	font-size: 9pt;
	text-align: left;
	left: 1px;
	top: 20%;
	color: #ffffff;
}
/* メニュー紹介 →→→『お豆腐』 */

.icon-oya-2 .icon-link2 {
	position: absolute;
	font-size: 9pt;
	text-align: left;
	left: 1px;
	top: 50%;
	color: #ffffff;
}
/* メニュー紹介 →→→『うどん店』 */

.icon-oya-2 .icon-link3 {
	position: absolute;
	font-size: 9pt;
	text-align: left;
	left: 1px;
	top: 80%;
	color: #ffffff;
}

.icon-oya-2:hover img {
	z-index: 4; /* .boxよりも上に表示 */
}

.icon-oya-2:hover .icon-text-box {
	z-index: 3; /* imgよりも下に表示 */
	display: block;
}

a.icon-link1:link {
	color: #ffffff;
	text-decoration: none;
}

a.icon-link1:visited {
	color: #ffffff;
	text-decoration: none;
}

a.icon-link2:link {
	color: #ffffff;
	text-decoration: none;
}

a.icon-link2:visited {
	color: #ffffff;
	text-decoration: none;
}

a.icon-link3:link {
	color: #ffffff;
	text-decoration: none;
}

a.icon-link3:visited {
	color: #ffffff;
	text-decoration: none;
}
/* ヘッダー・アイコン『ブログ』レスポンシブ画像 */

img.headicon-blog {
	max-width: 150px;
	width: 10%;
	height: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

img.headicon-blog:hover {
	background-color: #ffeff6;
}
/* ヘッダー・アイコン『お問い合わせ』レスポンシブ画像 */

img.headicon-contact {
	max-width: 150px;
	width: 10%;
	height: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

img.headicon-contact:hover {
	background-color: #d5ebf0;
}
/* ヘッダー『電話番号』レスポンシブ画像 */

img.headicon-tel {
	max-width: 16%;
	height: auto;
}

@-webkit-keyframes Floatingx {
	from {-webkit-transform: translate(0, 0px);
}

65% {
	-webkit-transform: translate(0, 15px);
}

to {
	-webkit-transform: translate(0, -0px);
}

@-moz-keyframes Floating {
	from {-moz-transform: translate(0, 0px);
}

65% {
	-moz-transform: translate(0, 15px);
}

to {
	-moz-transform: translate(0, -0px);
}
/* サイトマップ */

#site-map {
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11pt;
	text-align: center;
	color: #220000;
	background-color: #ffa6c0;
	background-image: url("pink.jpg");
	position: absolute;
	z-index: 2;
}

a.s-m-moji:link {
	width: 21%;
	height: auto;
	margin-left: 2%;
	margin-right: 2%;
	color: black;
	text-decoration: underline;
	overflow: hidden;
}

a.s-m-moji:visited {
	width: 21%;
	height: auto;
	margin-left: 2%;
	margin-right: 2%;
	color: black;
	text-decoration: underline;
	overflow: hidden;
}
/* フェイスブック・スマホ用(wide・mediumは非表示) */

.fb-moji {
	display: none;
}
/* wide用・フッター*/

#footer {
	width: 100%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 0px;
	color: #010701;
	overflow: hidden;
	background-image: url("kami.jpg");
}
/* 法人インフォ・フェイスブック 親BOX */

.footerbox {
	width: 95%;
	max-width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

h4 {
	word-break: keep-all;
	font-size: 20pt;
	color: #673b2c;
	letter-spacing: 3px;
	text-align: left;
	line-height: 30px;
	margin-bottom: 10px;
}
/* wide・medium用・改行させない */

.foot-br {
	display: none;
}

.houjin-info {
	max-width: 63%;
	min-height: 300px;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	font-size: 12pt;
	text-align: left;
	text-decoration: none;
}

.unei-title {
	margin-left: 10px;
	margin-bottom: -10px;
	font-size: 14pt;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #7d841d;
}

.unei-jigyou {
	margin-left: 10px;
	line-height: 2em;
}

a.f-link:link {
	color: black;
	text-decoration: none;
	overflow: hidden;
}

a.f-link:visited {
	color: black;
	text-decoration: none;
	overflow: hidden;
}

a.foot-b-gata:link {
	color: black;
	text-decoration: none;
	overflow: hidden;
}

a.foot-b-gata:visited {
	color: black;
	text-decoration: none;
	overflow: hidden;
}
/* フェイスブック */

.f-facebook {
	width: 31%;
	float: right;
	margin-right: 2%;
	padding-top: 30px;
}

.tatemono {
	max-width: 1100px;
	min-width: 40%;
	margin-left: 8%;
}

#copyright {
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
	text-align: center;
	color: white;
	background-color: #1E90FF;
}
/*----- all-w css 終了 -----*/

/*----- ワンセルフ wide css 開始 -----*/
/* 画像・タイトル・バナー・レスポンシブ */

img.p-100 {
	width: 100%;
}

img.s-100 {
	width: 100%;
	display: none;
}

img.mw-100 {
	width: 100%;
}
/* トップ横長画像(wide)用 */

.box {
	position: relative;
	max-width: 100%;
	height: 400px;
	margin: auto;
	overflow: hidden;
}
/* トップ横長画像(smart)用 */

.s-top-gazo {
	display: none;
}
/* ワンセルフとは */

#what-oneself {
	width: 80%;
	max-width: 1100px;
	height: auto;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-indent: 1em;
	line-height: 2.5em;
}
/* グループホームとは */

#kyoudou {
	width: 90%;
	max-width: 1100px;
	height: auto;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: left;
	text-indent: 1em;
	line-height: 2em;
	border: solid #ff7e91 2px;
	color: #ff7e91;
	margin-bottom: 50px;
}

.gaiyou-title {
	width: 100%;
	max-width: 1100px  height: auto;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
/* 事業所概要・地図 フレーム */

#overview-map-frame {
	width: 90%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
/* 事業所概要(タイトル・バナー) */

.overview-title {
	width: 90%;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
}
/* 事業所概要(左)親BOX */

#overview {
	width: 46%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 2%;
}
/* 事業所概要(table) 親BOX */

.overview-box {
	word-break: keep-all;
	width: 100%;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	background-color: #cccccc;
}
/* 事業所概要 (table・左側) */

.midashi {
	width: 35%;
	line-height: 2em;
	text-align: center;
	letter-spacing: 0.5em;
	background-color: #ffe6e6;
}
/* 事業所概要 (table・左側・責任者) */

.midashi-2 {
	width: 35%;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0.5em;
	background-color: #ffe6e6;
}
/* 事業所概要 (table・左側・TEL・FAX) */

.midashi-3 {
	width: 35%;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0.5em;
	background-color: #ffe6e6;
}
/* 事業所概要 (table・右側) */

.naiyo {
	width: 65%;
	line-height: 2em;
	text-align: left;
	padding-left: 15px;
	padding-right: 10px;
	background-color: white;
}
/* 地図 */

.map {
	width: 46%;
	float: right;
	margin: 20px 2% 20px 2%;/* 設定順番:上・右・下・左; */
	vertical-align: top;
}
/* グループホーム紹介 */

#overviewframe {
	width: 100%;
	height: auto;
	margin-top: 50px;
	padding-top: 5px;
	padding-bottom: 80px;
	background-image: url(news-kami.jpg);   /* 背景の画像を指定 */
	overflow: hidden;
}
/* グループホーム(タイトル・バナー) */

.gh-title {
	width: 90%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
/* グループホーム(写真・名前・定員・説明) 親BOX */

.gh-box {
	max-width: 1100px;
	width: 90%;
	overflow: hidden;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: dotted 1px;
	margin-left: auto;
	margin-right: auto;
}
/* グループホーム(写真) */

.gh-gazo {
	width: 30%;
	float: left;
}
/* グループホーム(写真・レスポンシブ) */

img.p-gazo {
	width: 100%;
	max-width: 350px;
}
/* グループホーム(名前・定員・説明) 親BOX */

.gh-naiyo {
	width: 60%;
	float: right;
	padding-left: 5%;
	padding-right: 5%;
}
/* グループホーム(名前) */

.gh-name {
	text-align: left;
	font-size: 18pt;
	color: #dc8213;
}
/* グループホーム(定員) */

.gh-teiin {
	margin-left: 30px;
	text-align: left;
	font-size: 12pt;
	color: black;
}
/* グループホーム(説明) */

.gh-setsumei {
	text-indent: 1em;
	display: block;
}
/* ホーム内風景・横長画像 */

.home-pic {
	width: 100%;
	max-width: 2560px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
/* グループホームの日課 全体BOX */

#daily {
	width: 80%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 30px;
	overflow: hidden;
}
/* グループホームの日課(タイトル・バナー) */

.daily-title {
	width: 90%;
	max-width: 1100px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.daily-gazo {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* Q&A 背景 */

#qa-bg {
	width: 100%;
	height: auto;
	background-color: #fffdef;
}
/* Q&A 全体BOX */

#qa {
	width: 90%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	overflow: hidden;
}
/* Q&A(タイトル・バナー) */

.qa-title {
	width: 100%;
	margin-bottom: 40px;
}
/* 各Q&A 親BOX */

.q-a {
	border-bottom: dashed 1px black;
	margin-bottom: 40px;
}
/* Q(丸Q・文字) */

.question {
	margin-top: 20px;
	margin-bottom: 5px;
	display: inline-block;
}
/* Q(丸Q) */

.q-maru {
	float: left;
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #719531;
	text-align: center;
	line-height: 60px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 20pt;
	color: white;
	display: inline-block;
}
/* Q(文字) */

.q-moji {
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
	color: #719531;
	border-bottom: solid 2px #719531;
}
/* A(丸A・文字) */

.answer {
	width: 90%;
	margin-bottom: 20px;
	line-height: 1.8em;
	margin-left: 5%;
	margin-right: 5%;
}
/* A(丸A) */

.an-maru {
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
	border-radius: 50%;
	background-color: #ff7d92;
	text-align: center;
	line-height: 60px;
	vertical-align: middle;
	font-weight: bold;
	color: white;
	display: inline-block;
	font-size: 20pt;
}
/* A(文字) */

.an-moji {
	font-size: 14pt;
	text-align: left;
	text-indent: 1em;
	display: block;
}
/* A(例) */

.an-rei {
	margin-top: 10px;
	margin-bottom: 1px;
}
/* answer(table) 親BOX */

.an-box {
	width: 60%;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: rgba(214, 217, 219, 0.92);
}
/* answer (table・左側) */

.an-midashi {
	width: 50%;
	height: 50px;
	text-align: center;
	letter-spacing: 1em;
	color: #fff;
	background-color: rgb(152, 159, 141);
}
/* answer (table・右側) */

.an-hiyou {
	width: 50%;
	height: 50px;
	text-align: center;
	background-color: white;
}
/* answer (table・合計) */

.an-goukei {
	text-align: center;
	color: #fff;
	background-color: rgba(91, 124, 113, 0.99);
}

.shokuhi {
	display: none;
}
/*----- ワンセルフ wide css 終了 -----*/