@charset "utf-8";
/* CSS Document */


/*******************************************
みそのホーム｜TOPPAGE

PC用 スマホ共通　CSS

********************************************/

/*-----TOPPGE 業務形態　変更のあいさつ BOX----------------*/

.greeting_box{
	padding:2em;
	background-color:#fff;
	box-shadow:2px 2px 5px #ccc;
	margin-bottom:3em;
}
.greeting_box p{
	margin-bottom:1em;
}

.greeting_box .haichi_right{
	text-align:right;
}




/*-----TOPPGE SELECT BOX----------------*/
.select_box{
	padding:8px;
	background-color:#fff;
	float:left;
	box-shadow:2px 2px 5px #ccc;
}
.select_box .select_title{
	height:60px;
	background-repeat:no-repeat;
	background-position:5px 5px;
}
.select_box .nyukyo{
	background-image: url("../img/icon_nyukyo.png");
}
.select_box .shortstay{
	background-image: url("../img/icon_shortstay.png");
}
.select_box .shortstay h .katakana{
	letter-spacing: -0.1em;
}
.select_box .dayservice{
	background-image: url("../img/icon_dayservice.png");
}
.select_box .careplan{
	background-image: url("../img/icon_careplan.png");
}

.select_box .select_title h{
	display:block;
	line-height:120%;
	font-family: MyFont, sans-serif;
	color:#060;
	font-size:16px;
	font-weight:bold;
	text-decoration:bold;
}
/*-----TOPPGE NEWS----------------------*/
.home #top_news,.home #top_map{
	overflow:hidden;
	float:left;
}
.home #top_news li a{
	color:#060;
	text-decoration:none;
}
.home #top_news li a:hover{
	color:#090;
	text-decoration:underline;
}
.home #top_news li{
	list-style-type:none;
	background-image: url("../img/arrow_g.png");
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0 0 0 30px;
	border-bottom:1px dotted #090;
	line-height:160%;
	margin-bottom:1em;
}
.home #top_news li .date{
	color:#090;
	font-weight:bold;
}
#corona{
	background-color:#FBFFE2;
}

#corona #notice{
	color:#060;
	font-weight:bold;
	letter-spacing: 1em;
	margin:1em 3em 1em 1em;
}

#corona p{
	margin:1em 3em 2em 3em;
}




/********************************************

PC用　CSS

********************************************/


@media screen and (min-width: 800px){

/*-----TOPPGE IMG----------------*/
/*
#top_img img{
	margin:20px 0 20px 0;
	box-shadow:2px 2px 5px #ccc;
}
#top_img p{
	display:none;
}
*/
.smaph_only{
	display:none;
}

#top_img{
	width:900px;
	height:380px;
	background-image: url("../img/top_img.png");
	background-repeat:no-repeat;
	margin:20px 0 20px 0;
	box-shadow:2px 2px 5px #ccc;

}
#top_img p.top_message{
	font-family: "MyFont";
	font-size:16pt;
	color:#060;
	line-height:2em;
	padding:3em 0 0 2em;
}

/*-----入居希望ボタン----------------*/
.button_nyukyo{
	margin-top:2em;
	margin-left:3em;
}
.button_nyukyo a{
	display:block;
	padding:0.5em 1em 0.5em 2em;
	background-color:#fff;
	width:12em;
	border-radius:15px;
	border:solid 1px #090;
	box-shadow:5px 5px 0px #090;
	text-decoration:none;
}
.button_nyukyo a:hover{
	background-color:#F3FFB0;
}
.button_nyukyo h{
	font-size:16pt;
	font-weight:bold;
/*	background-color:#F3FFB0;*/
	background-color:yellow;
	line-height:180%;
	border-bottom:dotted 2px #090;
}
.button_nyukyo p{
	margin-top:0.5em;
	background-image: url("../img/arrow_n.png");
	background-repeat:no-repeat;
	background-position:9em 3px;

}

/*-----TOPPGE SELECT BOX----------
.select_box{
	width:194px;
	height:194px;
	margin-right:20px;
}
.select_box:last-child{
	margin-right:0;
}
.select_box .select_title{
	width:194px;
	background-color:#eee;
}

.select_box .select_title h{
	text-align:center;
	padding:10px 5px 5px 60px;
}
.select_box .careplan h{
	padding-top:5px;
	line-height:110%;
/*	padding-left:60px;
}
.select_box p{
	margin-top:4px;
	display:block;
	height:100px;
	color:#060;
	line-height:140%;
}
.select_box a{
	display:block;
	position:relative;
	bottom:8px;
	width:154px;
	height:30px;
	padding:7px 0 0 40px;

	background-color:#060;
	color:#fff;
	text-decoration:none;
	font-family: MyFont, sans-serif;
	font-weight:bold;
	font-size:16px;

	background-image: url("../img/arrow_s.png");
	background-repeat:no-repeat;
	background-position:166px 12px;
}
.select_box a:hover{
	background-color:#BCE000;
}
------*/
.home #middle_part{
/*	height:210px;*/
	overflow:hidden;
/*	margin-bottom:60px;*/
}
/*-----TOPPGE NEWS-TOPPGE MAP common----*/
.home #bottom_part{
	width:900px;
	overflow:hidden;
	margin-bottom:60px;
}
.home #top_news #news_title h,.home #top_map #map_title h{
	height:50px;
	float:left;
	padding:10px 0 0 80px;
	font-family: MyFont, sans-serif;
	font-weight:bold;
	font-size:20px;
	letter-spacing:1em;
}
.home #top_news #news_title a,.home #top_map #map_title a{
	display:block;
	height:35px;
	float:left;
	background-image: url("../img/arrow_b.png");
	background-repeat:no-repeat;
	background-position:0 center;
	padding:15px 0 0 20px;
	font-family: MyFont, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#604529;
}
.home #top_news #news_title a:hover,.home #top_map #map_title a:hover{
	color:#B77839;
/*	opacity:0.5;*/
}

/*-----TOPPGE NEWS----------------------*/
.home #top_news{
	width:540px;
	overflow:hidden;
	float:left;
	background-image: url("../img/bg_top_news.png");
	background-repeat:no-repeat;
	background-position:0 top;
	margin-right:50px;
}
.home #top_news #news_title{
	width:540px;
	height:50px;
	margin-bottom:20px;
}
.home #top_news #news_title h{
	width:360px;
}
.home #top_news #news_title a{
	width:70px;
}

.home #top_news li a{
	color:#060;
	text-decoration:none;
}
.home #top_news li a:hover{
	color:#090;
	text-decoration:underline;
}
.home #top_news li{
	list-style-type:none;
	background-image: url("../img/arrow_g.png");
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0 0 0 30px;
	border-bottom:1px dotted #090;
	line-height:160%;
	margin-bottom:1em;
}
.home #top_news li .date{
	color:#090;
	font-weight:bold;
}
/*-----TOPPGE MAP----------------------*/

.home #top_map{
	width:310px;
	overflow:hidden;
	float:left;
	background-image: url("../img/bg_top_map.png");
	background-repeat:no-repeat;
	background-position:0 top;
}
.home #top_map #map_title{
	width:310px;
	height:50px;
	margin-bottom:20px;
}
.home #top_map #map_title h{
	width:160px;
}
.home #top_map #map_title a{
	width:50px;
}
.home iframe{
	width:308px;
	height:400px;
	border:1px #ccc solid;
}
.to_pagetop{
	display:none;
}
					}

/********************************************

スマホ用　CSS

********************************************/

@media screen and (max-width: 799px){

#container{
	width:90%;
}
.pc_only{
	display:none;
}

/*-----TOPPGE IMG----------------*/
#top_img{
	width:100%
	overflow:hidden;
	padding:2em;
	background-image: url("../img/top_img_smaph.png");
	background-repeat:no-repeat;
	background-position:-150px -50px;
	margin-bottom:1em;
}
#top_img img{
	display:none;
}
#top_img p{
	color:#060;
	font-weight:bold;
	line-height:180%;
	letter-spacing:0.3em;
}
/*-----入居希望ボタン----------------*/
.button_nyukyo{
	width:100%;
	overflow:hidden;
text-align:center;
	padding-bottom:2em;
	margin-bottom:1em;
/*	border:1px #ccc solid;*/
}
.button_nyukyo a{
	display:block;
	margin:auto;
	padding:0.5em 1em 0.5em 2em;
	background-color:#fff;
	width:85%;
	border-radius:15px;
	border:solid 1px #090;
	box-shadow:5px 5px 0px #090;
	text-decoration:none;
}
.button_nyukyo a:hover{
	background-color:#F3FFB0;
}
.button_nyukyo h{
	font-size:16pt;
	font-weight:bold;
/*	background-color:#F3FFB0;*/
	background-color:yellow;
	line-height:180%;
	border-bottom:dotted 2px #090;
}
.button_nyukyo p{
	margin-top:0.5em;
/*	background-image: url("../img/arrow_n.png");
	background-repeat:no-repeat;
	background-position:right 3px;*/

}

/*-----TOPPGE SELECT BOX--------
.select_box{
	width:93%;
	overflow:hidden;
	margin-bottom:2em;
	border:1px #ccc solid;
}
.select_box .select_title{
	width:100%;
}
.select_box .select_title h{
	padding:20px 0 0 70px;
	font-size:1.2em;
}
.select_box a{
	display:block;
	width:100%;
	height:1.5em;
	padding:5px 0 5px 0;
	text-align:center;
	background-color:#eee;
	color:#060;
	text-decoration:none;
	font-family: MyFont, sans-serif;
	font-weight:bold;
	font-size:16px;
}
.select_box a:hover{
	background-color:#BCE000;
}
.select_box p{
	margin:0.5em 0 0.5em 0;
	display:block;
	color:#060;
	line-height:140%;
}
--------*/
/*-----TOPPGE NEWS,MAP----------------------*/
.home #top_news,.home #top_map{
	width:100%;
	margin-bottom:2em;
}
.home #top_news #news_title,.home #top_map #map_title{
	width:100%;
	height:2em;
	margin-bottom:1em;
	background-color:#9C0;
}
.home #top_news #news_title h,.home #top_map #map_title h{
/*	width:60%;*/
	float:left;
	padding:0 0 0 1em;
	font-family: MyFont, sans-serif;
	font-weight:bold;
	font-size:20px;
	letter-spacing:1em;
}
.home #top_news #news_title a,.home #top_map #map_title a{
	display:block;
	height:35px;
	float:left;
	background-image: url("../img/arrow_g.png");
	background-repeat:no-repeat;
	background-position:0 14px;
	padding:10px 0 0 20px;
	font-family: MyFont, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#060;
}
.home #top_news #news_title a:hover,.home #top_map #map_title a:hover{
	color:#CF0;
}
.home iframe{
	width:99%;
	height:400px;
	border:1px #060 solid;
}
					}