@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}


/* Ａ: ナビゲーションバー */
.menu	{margin: 0} 

.menu .navbar-brand	{font-family: 'Francois One', sans-serif;}


/* Ｂ: 紹介記事その１ */
.about-app	{
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	background-color: #dfe3e8;
}

.about-app img	{
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	vertical-align: bottom;
}

.about-app h1	{
	margin: 0 0 20px 0;
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1;
}

.about-app p	{
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 1.6;
}


/* 背景画像の設定	background-image:  url(img/mainbg.png);	background-image: url(img/bg_ekukan.jpg);
 */
.about-app	{

	background-image:  url(img/mainbg.gif);
	background-color:#E9E0D3;
	background-position: 60% 40%;
	background-size: cover;
	color: #fff;/*	text-shadow: 0px 0px 5px #000;*/
}

.about-app .button	{text-shadow: none;}


/* メディアクエリの設定 */
@media (max-width: 450px) {

	.about-app	{padding: 60px 0 0 0;}
	.about-app h1	{font-size: 46px;}
	.about-app p	{font-size: 14px;}

} /* @media */




/* Ｃ: 紹介記事その２ */
.about-data	{padding: 80px 0 80px 0;
	background-color: #efefee;}

.about-data img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-data h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-data p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}


/* Ｃ: 紹介記事その２-2 */
.about-data2	{padding: 80px 0 80px 0;
	background-color: #fff;}

.about-data img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-data h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-data p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}


/* Ｄ: 紹介記事その３ */
.about-graph	{
	padding: 80px 0 80px 0;
	background-color: #3A3028;
	color: #fff;
}

.about-graph img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-graph h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-graph p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}

/* Ｄ: 紹介記事その３ */
.about-plus	{
	padding: 80px 0 80px 0;
	background-color: #FFFFFF;
	color: #fff;
}

.about-plus img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-plus h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-plus p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}
	
	

/* Ｅ: 紹介記事その４ */
.about-more	{padding: 80px 0 80px 0;
	background-color: #fff;
	text-align: center;}

.about-more img	{max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;}

.about-more h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-more p	{
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}




/* Ｆ: フッター */
.footer	{padding: 20px 0 20px 0;
	background-color: #000;
	color: #fff;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}




#mapField {
  width: 350px;
  height: 350px;
}



.leftframe{
	background-color:#D6D1C2;
	padding: 40px;
	padding-top:0;
	padding-bottom:20px;}
	
.buy{
	padding:20px;
	margin:20px 0;

}


.mbox p{
	background-color:#fff;
	padding:20px;
	font-size:95%;
	line-height:2em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) ;
}
.mbox img{
	background-color:#fff;
	padding:10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) ;
}