@charset "UTF-8";

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


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

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

.ttl1{	font-size: 57px; line-height:1em;}
.ttl_s{font-size: 16px; line-height:1.2em; display:inline-block;color:#fff;}

/* Ｂ: 紹介記事その１ */
.about-app	{
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	background-color: #EBECDE;
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 80%;
	background-size: contain;
}


.about-app img	{
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	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 .button	{text-shadow: none;}


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

	.about-app	{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-top:20px;
}
	.about-app h1	{font-size: 46px;}
	.about-app p	{font-size: 14px;}
	
	.ttl1{	font-size: 30px; line-height:1em;text-aline:right;}
	.ttl_s{font-size: 12px; line-height:1.2em; display:inline-block;color:#fff;}
	
	.about-app div div div{
		margin-bottom:0;
	}
} /* @media */




/* Ｃ: 紹介記事その２ */
.about-data	{
	padding-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 50px;
	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-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;
	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-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	font-size: 30px;
	line-height: 1.2;
}

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


/* Ｄ: 紹介記事その３ */
.about-graph	{
	padding: 80px 0 80px 0;
	background-color: #0C4159;
	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) ;
}