*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**ロゴ**/
.navbar-brand {
    padding: 20px 15px;
}

/*リンク色*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #1a252f;
    background-color: transparent;
}

/*テーブルレスポンシブ*/
@media only screen and (max-width:480px){
    .table { margin: 0 -10px; }
    .table th,
    .table td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table tr:first-child th { border-top: 1px solid #ddd; }
}
/*グーグルマップレスポンシブ*/
@media (max-width: 767px) {
.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
}



.section p {
    font-size: 16px;
}
.container::before,
.section {
    background: url("bg.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.section {
    position: relative;
}
.section .container::before {
    content: "";
    position: absolute;
    background-clip: content-box;
    width: 100%;
    height: 100%;
    padding: 30px;
    top: 0;
    left: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
.section .container {
    padding: 30px;
    position: relative;
}
.section .container .row,.jumbotron .container .row {
    padding: 30px;
    z-index: 30;
    position: relative;
    margin-bottom: 0;
    background: rgba(255,255,255,0.75);
}
.jumbotron .container .row {
    background: rgba(255,255,255,0);
}
.panel {
    background: rgba(255,255,255,0.5);
}
/*背景*/
 #about,#kyujin{	  background: -moz-linear-gradient(180deg, rgba(244, 244, 244, 0.4), rgba(133, 174, 85, 0.7)),url(images/bg.jpg);
background: -webkit-linear-gradient(180deg, rgba(244, 244, 244, 0.4), rgba(133, 174, 85, 0.7)),url(images/bg.jpg);
background: linear-gradient(180deg, rgba(244, 224, 244, 0.4), rgba(133, 174, 85, 0.7)),url(images/bg.jpg);
	 background-size:cover;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: #85AE55;}
.navbar-default{background-color: #85AE55;border-color: #85AE55;}

/*.section{background-color: rgba(31, 20, 11, 0.5);
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}*/

.jumbotron.special {
    position: relative;
    min-height: 530px;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
    /*width: 99vw;*/
    /*height: 100vh;*/
    background: linear-gradient(rgba(255,255,255,0) 50%, rgba(249,249,249,1)), url(../images/top3391.jpg) right bottom / cover no-repeat;
 background-size: cover;
  background-position: center;
}


/*@media screen and (max-width: 320px) and (max-width: 480px) {
 .jumbotron.special {
    width: 320px;
    height: 480px;
  }
}*/


h1.top{
	font-weight: bold;
	letter-spacing: .2em;
	color: #fff;
	text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
p.toptext{
font-weight: bold;
letter-spacing: .2em;
	color: #fff;
	text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

 

/*ふわっとでるアレ*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*フッター*/
.footer {
 /* position: absolute;*/
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #85ae55;
}
body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}
 
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
.text-muted{  color:#fff;}

/*Lightbox*/
.inner .gallery {
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 10px;*/
}
/*box end*/
div.end {
margin-top: 100px;
}
.panel-body {
    padding: 5px;
}