.navbar{
    margin-bottom:0;
}
.top-image-box{
//	z-index: 1;
	text-align:center;
	width:100%;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.875%;
	background-size: cover;
	position: relative;
}
.top-image-inner {
top:10%;
width:100%;
text-align:center;
	z-index: 2;
position: absolute;
}

.top-image-text{
	padding:10px;
	margin:10%;
	font-weight:bold;
	color:#ffffff;
	 background-color: rgba(51,51,51,0.1);
		border-radius: 1em;
}
.custom-title{
  text-shadow: 1px 1px 1px #666666;
  font-size:330%;
}
.custom-bottom{
	background-color: rgba(51,51,51,0.5);
	color:#ffffff;
	display: inline-block;
	height:auto;
	//font-size:x-large;
  font-size:230%;
	font-weight:bold;
	border:3px solid #ffffff;
	border-radius: 1em;
	margin:3px;
}
a.custom-bottom {
	text-decoration: none;
color:#ffffff;
padding:20px;
}
@media screen and (max-width: 900px) {
.custom-title {
 font-size:280%;
}

.top-image-text{
  padding-top:15px;
  margin:0px;
  }
.custom-bottom{
font-size:20px;
}
a.custom-bottom{
   font-size:195%;
padding:10px;
}
}

@media screen and (max-width: 600px) {
.custom-title {
 font-size:18px;
}

.top-image-text{
  padding:5px;
  margin:0px;
  }
.custom-bottom{
font-size:15px;
}
a.custom-bottom{
font-size:120%;
padding:3px;
}
}