@charset "UTF-8";

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

.osirase{
    padding: 1em 1em;
    margin: 2em 0;
    color: #565656;
    background: #EAF3FF;
    box-shadow: 0px 0px 0px 10px #EAF3FF;
    border: dashed 1px #899DA9;
    border-radius: 8px;
}
.area_btn{
	text-align: center;
}
a.btn_amazon{
	background-color:#594639;
	border-radius:8px;
	margin:15px auto;
	padding: 20px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration: none;
	width: 80%;
	text-align: center;
	}
a.btn-01:hover{
	text-decoration:none;
	background-color:#D24245;
}
.comment2{
	color: red;
	text-align: center;
}

.lineup img{
	max-height:120px;
	margin-top:20px;
}

.syouhin02{
font-size:15px;
margin-bottom:20px;
font-weight:bold;
text-align:center;
}
.syouhin02 span{
font-size:12px;
margin-bottom:5px;
display:block;
margin-left:-0.5em;
}

.kakaku{
	text-align:center;
	font-weight:bold;
	color:#D24245;
}
.kakaku span{
	color:#3E3E3E;
	font-size:12px;
	font-weight:normal;
}

.photo img{
	margin-top:10px;
}


/* Ａ: ナビゲーションバー */
.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: 100px;
	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.jpg);	background-image: url(img/bg_ekukan.jpg);
 */
.about-app	{
	background-image: url(img/bg.jpg);
	background-color: #E9E0D3;
	background-size:cover;
	background-position:center;
	color: #fff;/*	text-shadow: 0px 0px 5px #000;*/
}

.subentry{
	line-height: 2.8rem;
}
.comment{
	font-size: 12px;
	line-height: normal;
}

/* Ｃ: 紹介記事その２ */
.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: #6A645E;
	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) ;
}



/* メディアクエリの設定 */
@media (max-width: 678px) {
	
.about-app{margin:margin-top:0;}
	.about-app h1	{}
	.about-app p	{font-size: 14px;}
	.about-data2	{padding: 0 0 80px 0;
	background-color: #fff;}
} /* @media */