@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;}

a.btn-01{
	background-color:#DA2F32;
	border-radius:8px;
	margin:15px auto 15px 0;
	display:block;
	text-align:center;
	max-width:250px;
	color:#fff;
	padding:15px 5px;
	text-decoration: none;
}
a.btn-02{
	background-color:#009944;
	border-radius:8px;
	margin:10px auto 10px 0;
	display:block;
	text-align:center;
	max-width:250px;
	color:#fff;
	padding:10px 5px;
	text-decoration: none;
}
a.btn-02:hover{
	background-color:#7cb9ff;
}
a.btn_txt{
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
}
a.btn_txt:hover{
	color: #7cb9ff;
	text-decoration: none;
}

@media screen and (max-device-width: 640px){
	a.btn-02{
	width:100%;
	max-width: 100%;
	}
}

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

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

.about-app	{
	/*background-image: url(img/mainbg.jpg);*/
	background-color: #FFFFFF;
	background-position: 60% 40%;
	background-size: cover;
	padding-top: 40px;
}

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

.about-data1	{
	margin:30px auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	background-color:#fdfdfd;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.about-data1 h2{
	font-size:28px;
	padding-bottom:0px;
	text-align:center;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	line-height: 1.5em;
	color: #686c33;
	background-color: #F2F5F7;
	padding: 20px;
}
.about-data1 h2 span.blk{
	display: block;
}
.about-data1 h3{
	font-size:18px;padding-bottom:0px;font-weight: bold;line-height: 1.6em;}
.about-data1 h3 span{
	font-size:15px;
}
.about-data1 p{
	font-size:22px;padding:10px 0;}

.about-data1 p.date{
	text-align: center; 
	margin: 30px 20px 10px;
	font-size: 20px;
	font-weight: bold;
	color:#969386;
}

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

	.about-app	{padding: 20px 0 0 0;}
	.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-data1 p{font-size:14px;#D0CCCE}
	.about-data1 h3{font-size:18px;}
	.about-data1 h2{font-size:18px;}
	.about-data1 p.date{font-size: 14px;margin: 30px 0 10px;}

} /* @media */



/* Ｃ: 紹介記事その２ */
.about-data	{
	padding-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 50px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.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: 30px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	background-color:#fff;;
}
@media (max-width: 450px) {
	.about-data2	{
		padding-top: 0px;
	}
}

.about-data img	{display: block;
	max-width: 100%;
	height: 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: #ffffff;
	color: #000;
}

.about-graph img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 0px 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;}
	
	
@media (max-width: 768px) {
	.about-graph	{
		padding: 20px 0 20px 0;
	}
	.about-graph h2	{
		margin: 10px;
		font-size: 20px;
		line-height: 1.2;
		font-weight: bold;
	}
	.about-graph p	{
		font-size: 14px;
		margin: 10px;
	}
}	


/* Ｄ: 紹介記事その３ */
.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) ;
}