@charset "UTF-8";
/* CSS Document */

.MB{ 
	font-size:14px;
  font-family: 'Roboto','Noto Sans Japanese','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
	line-height:1.8;
	text-align:left;
  font-weight:400;
  border-collapse:collapse; word-wrap: break-word;
  -webkit-text-size-adjust: 100%; 
  color:#4d4d4d;
}

.hp{ margin:0; padding: 0; height: 400px; background: #000000;}
.hp *{ margin:0;}
.hp .inner{ margin:0 auto; width: 960px; height: 400px; position: relative;}
.hp .title img{ display: block; margin: auto; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.hp .text{ color:#FFFFFF; font-size: 93%; position: absolute; right: 0; bottom: 1.0em;}

.copy{ font-size:108%; font-weight: 200;}

.section-title{ margin-top: 4.0em; border-bottom:solid 1px #CCCCCC; color: #4d4d4d; font-weight: 200;}

.page-title{ background:none; color: #4d4d4d; font-size: 200%;}

.btn-heritage{ font-size: 108%; padding: 1.0em 2.5em; background: #4d4d4d; color: #FFFFFF; border:none; border-radius: 0;}
.btn-heritage:hover{ background:#202020; line-height: 1.5;}

.inner80{ width:80%; margin-left: auto; margin-right: auto;}

.storyItems{}
.storyItems .image span{ color:#FFFFFF;  background: rgba(0,0,0,0.5);}
.storyItems .image .area{ display:inline-block; position:absolute; top: 0; left: 0; font-size: 85%; padding: 0.3em 1.0em; line-height: 1.5;}
.storyItems .image .category{ display:inline-block; position:absolute; top: 0; right: 0; font-size: 85%; padding: 0.3em 1.0em; line-height: 1.5;}
.storyItems .image .source{ display:inline-block; position:absolute; bottom: 0; right: 0; font-size: 85%; padding: 0.3em 1.0em; line-height: 1.5;}
.storyItems .image .source a{ color:#FFFFFF; text-decoration: underline;}
.storyItems .image .no{ display:inline-block; position:absolute; bottom: 0; left: 0; font-size: 85%; font-weight: bold; padding: 0.3em 1.0em; line-height: 1.5;}
.storyItems .title{ margin:0.5em 0 0 0;}
.storyItems .text{ margin:0.5em 0 0 0; font-size:85%; line-height: 1.5;}
.storyItems .posts{ margin:0.5em 0 0 0; font-size:93%; line-height: 1.5;}

/* gmap */
/* google map */
.gmapWrapper{ display:block; padding-top:56.25%; border:solid 1px #CCCCCC; background:#CCCCCC; position:relative;}
.gmapWrapper-square{ padding-top:100%;}
.gmap *{ margin:0; padding:0;}
.gmap label { width: auto; display:inline;}
.gmap img { max-width: none;}
.gmap{ display:block; margin:0; padding:0; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFFFFF;}