@charset "UTF-8";
/* CSS Document */
html {
	font-size: 62.5%;
	/*background-color: #333; */
}
body {
	padding-top: 5px;
	font-family: sans-serif;
	font-size: 1.4rem;
}
div#wrapper {
	height: auto;
}

a p {
	color: #000000;	
}
/* =======================================

	 イメージ

 ======================================= */

img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
/* =======================================

	 フロート

 ======================================= */
.left {
	float: left;	
}
.right {
	float: right;
}
.clear {
	clear: both;
}
/* =======================================

	 マージン

 ======================================= */
.m_t_3 {
	margin-top: 3rem;
}
.m_t_4 {
	margin-top: 4rem;
}

/* =======================================

	ヘッダー

 ======================================= */

ul#logoadd {
	width: 95%;
	display: table;
	margin: 0 auto 0 auto;
}
ul#logoadd li {
}
ul#logoadd li.logo {
	display:table-cell;
	width: 55%;
	padding-right: 5px;
	}
ul#logoadd li.tel {
	display:table-cell;
	width: 40%;
}
#area {
	margin: 0 0.5rem 0.2rem 0.5rem;
}

div#navi {
	width: 100%;
	background-color: #FF7BAC;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	border-top: 2px solid #FF7BAC;
	border-bottom: 2px solid #FF7BAC;
}
div#navi ul.bt li#menu div {
	color: #FF7BAC;
	font-size: 1.6rem;
	font-weight: bold;	
	width: 9.5rem; 
	line-height: 2.2rem;
	height: 2.2rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

/* =======================================

	アコーディオンメニュー
	
 ======================================= */

div#navi ul.bt li#menu ul.child {
	padding: 1rem;
	background-color: #333;
	display: none;
}
div#navi ul.bt li#menu ul.child li {
	height: 3rem;
	line-height: 3rem;
	text-align: justify;
	text-indent: 10%;
}
div#navi ul.bt li#menu ul.child li a,div#navi ul.bt li#menu ul.child li {
	color: #FFFFFF;
}

/* =======================================

	フっター
	
 ======================================= */

footer {
	background-color: #FFE5EE;
	margin-top: 3rem;
	text-align: center;
	overflow: hidden;
}
footer a {
	display: block;
	color: #000000;
}
#f_area {
	background-color: #FF7BAC;
	overflow: hidden;
}
#f_area img {
	display: block;
	width: 95%;
	margin: 5px auto 5px auto;
}
footer h1 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: normal;
}
footer h1 span {
	font-size: 3.6rem;
	color: #FF7BAC;
	font-weight: bold;
}
div.map_bt img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
	width: 12rem;
}

div#f_contact {
	margin: 2rem auto 2rem auto;
	width: 86%;
	border: thin solid #FF7BAC;
	border-radius: 3rem;
	background-color: #FFFFFF;
}
div#f_contact h1 {
	font-size: 2rem;
}
div#f_contact p {
	font-size: 1.2rem;
}
div#f_contact p.f_tel {
	width: 100%;
	font-size: 1.4rem;
}
div#f_contact p.f_tel span {
	font-size: 1rem;
}
div#f_contact img {
	width: 90%;
	margin-bottom: 1.6rem;
}
footer #f_navi {
	margin: 2rem auto 2rem auto;
	width: 86%;
}
footer #f_navi div.left,footer #f_navi div.right {
	width: 48%;
	border: thin solid #FF7BAC;
	border-radius: 3rem;
	background-color: #FFFFFF;
	height: 3rem;
	text-align: left;
	vertical-align: middle;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

footer #f_navi div.clear {
	height: 1rem;
}
footer #f_navi div.left,footer #f_navi div.right {
	background-image: url(../images/sp_footer_navi_arrow_bg.png);
	background-repeat: no-repeat;
	background-position: 100%  50%;
	background-size: 140% auto;
}
footer #f_navi div.left a,footer #f_navi div.right a p {
	display: block;
	width: 100%;
}
footer #f_navi p {
	margin-left: 1rem;
	line-height: 3rem;
	font-size: 1.4rem;
}
footer  small {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #FF7BAC;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
}