/*垂直方向の中央寄せ　ここから*/
html,body{
	height: 100%;
	margin: 0 auto; padding: 0;
	display: table;
}
html{
    display:table;
}
body{
	min-height: 100%;
	max-height: 100%;
	margin: 0 auto; padding: 0;
	display:table-cell;
	vertical-align:middle;
}
em{
	font-style: normal;
	font-weight: bold;
	font-size:14px;
	color: rgb(76,63,63);
}
strong{
	color: rgb(162,156,154);
}
img{
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3);
}

/*ここまで*/

h1 {
	font-size:18px;
	margin-top:0px;
	margin-bottom:5px;
	letter-spacing: 1px;
	color: rgb(76,63,63);
}
p {
	font-size:12px;
	color: rgb(76,63,63);
	margin-bottom: 20px;
}

/*リンク色指定等*/
a{/*リンクされた文字*/
	color: rgb(76,63,63);
	font-style:normal;
	text-decoration:none;
}
a:link {/*未訪問のリンク*/
	color: rgb(76,63,63);
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
	color: rgb(76,63,63);
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:rgb(140,0,0);
	font-style:normal;
	text-decoration:none;
}
a:active {/*クリック中*/
	text-decoration:none;
}
/*メニュー項目のブロック全体*/
nav{
	text-align:center;
	position: fixed !important;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 2em;
	background-color: #fff;
}
nav ul{
	margin:0 auto 0 auto;	/*autoを左右に指定してブロック自体を中央配置*/
	text-align:center;	/*メニュー項目を中央に配置する*/
	overflow:hidden; zoom:1;	/*内側の要素にfloatプロパティがあるときのおまじない*/
	margin:0;	/*ulタグの領域の外側の余白を0にリセット*/
	padding:0;	/*ulタグの領域の内側の余白を0にリセット*/
	list-style:none;	/*メニュー項目先頭の黒丸を消去*/
	letter-spacing: 0px;
}
/*メニュー項目のli要素*/
nav li{
	display:inline-block;		/*この要素を左から横に並べる*/
	margin:0;
	margin-left: 1px;
	margin-right: 1px;
	padding:4px;
	font-weight: bold;
}
footer{
	text-align:center;
	position: fixed !important;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	background-color: #fff;
}
footer p{
	text-align:center;
	margin:0;
	margin-left: 1px;
	margin-right: 1px;
	padding:4px;
}

section{
	margin-top:15px;
	margin-bottom:60px;
	margin-left:15px;
	margin-right:15px;
}

/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{        
width:100%;height:auto;
  max-width:1280px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;/*折り返し指定*/
justify-content: stretch;
  max-width:1280px;margin:0 auto;/*装飾用*/
  list-style: none;	/*メニュー項目先頭の黒丸を消去*/
  padding: 0;/*ギャラリー左右に余白をつける*/
/*gap: 20px;*/
  margin-bottom: 40px;
}
.gallery::after {/*画像のアスペクト比固定で高さを可変にする設定*/
  display:block;content:'';
  width:100%;height:0;
}

.gallery li {
    margin-bottom: 20px;/*各画像下に余白をつける*/
    padding: 0 5px;/*ギャラリー左右に余白をつける*/
}

/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
  width: 100%;
  height: auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/}

/*　横幅900px以下の段組み設定　*/
@media only screen and (max-width: 900px) {
  .gallery{
  /*columns: 7 auto;*/
  } 
}

@media only screen and (max-width: 768px) {
  .gallery{
  width: 90%;
  height: auto;
  } 
}

.gallerycenter{
  margin-left: auto;
  margin-right: auto;
}

/*スマホ非表示設定*/
@media screen and (max-width: 768px){
	.br-sp {
		display: none;
	}
}

/*スマホ改行設定*/
	.br-spbr {
		display: none;
	}
@media screen and (max-width: 768px){
	.br-spbr {
		display: block;
	}
}
.gallery-midashi {
	margin-bottom: 10px;
}