body{
  background-color:#fbfbf0;
  font-family: '游ゴシック', sans-serif;
}
.introduction{
  color: #fff;
   padding: 20px;
   font-size: 22px;
   background: #FEA993;
   border: 2px dashed #F7F9CC;
   border-radius: 10px;
   box-shadow: 0 0 0 7px #FEA993;
  width:100%;
  margin-top:5%;
  margin-bottom:5%;
}
.introduction_picture {
  border-radius:50px;
  width:100%;

}
.entry{
  margin-top: 4%;
  margin-bottom: 5%;
  text-align: center;
  color:orange;
}

.jumbotron{
  display:flex;
  align-items:center;
  background-image: url("home2.jpg");
  background-size:cover;
  color:rgb(222,220,223);
  top:0%;
  left:0%;
  width:100%;
  height:100%;
}

.jumbotron h3{
  margin:0 ;
  color:rgb(222,220,223);
  font-size: calc(80% + 1.3vw);
  font-family: '游ゴシック','Alako-Bold','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;

  line-height:45px;
}



.jumbotron h3 {
  margin: 0 0 20px;
  color: #fff;
}



.carousel-inner{
  height:100%;
  width:80%;
  margin-left: auto;
  margin-right:auto;
}

.carousel{
  position:absolute;
  top:25%;
  height:75%;
}

.logo a :hover{
  opacity:0.5;
  background-color: black;
}

.logo{
  text-align: center;
}
.logo img{
  height:100%;
  width:70%;
}

header .logo img :hover{
  opacity:0.5;
  margin: auto;
}

header{
  height:30%;
  background-color:#fbfbf0;
  margin-bottom:5%;

}
.header_tytle{
  text-align: center;
  margin-top: 2.5%;
  font-family: '游ゴシック', sans-serif;
}

 .navbar-default{
    background-color: #f2dede;
 }
.navbar-brand{
  line-height: 2;
  font-weight: bold;

}

.navbar-default .navbar-brand{
    color:#ff8a0e;
    font-size: 25px;
  }
  .navbar-default .navbar-brand:hover {
      color:rgba(255, 138, 14, 0.32);
  }


.navbar-nav>li>a{
    line-height: 3.5;
}

.navbar-toggle{
  margin-top: 14px;
  border: 2px solid transparent;
}




#map_canvas {
  width:48%;
  height: 70%;

}


.map-picture{
  width:100%;
  height:90%;
}

.map-picture1{
  height:60%;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
}

.explanation{
  text-align: center;
}



ul{
  list-style-type: none;
margin-top: 3%;
margin-bottom:3%;
}


.info h2{
  text-align: center;
  }
.info li{
  text-align: center;

}
.info ul{
  text-align: center;
}
.info img{
    margin-bottom:3%;
    width:100%;
    border-radius: 50px
}

.how{
  color: #fff;
   padding: 20px;
   font-size: 22px;
   background: #FEA993;
   border: 2px dashed #F7F9CC;
   border-radius: 10px;
   box-shadow: 0 0 0 7px #FEA993;
  width:100%;
  margin-top:5%;
  margin-bottom:5%;
}

.schedule{
  margin-top: 5%;
  margin-bottom: 5%;
}
.schedule1{
  border-radius: 5px;
  width:47%;
  background-color: #f2dede;
  margin-right:3%;
  margin-bottom: 5%;
}
.schedule1 p{
  font-size:20px;
}

.phone_number{
  color: #fff;
   padding: 20px;
   font-size: 22px;
   background: #FEA993;
   border: 2px dashed #F7F9CC;
   border-radius: 10px;
   box-shadow: 0 0 0 7px #FEA993;
  width:100%;
  margin-bottom:5%;
  height:50%;
}
.phone_number h1{
  margin-top: 15%;
}
.contact{
  text-align: center;
  margin-top: 5%;
}
.contact h1{
  margin-bottom:5%;
}

.entry_picture{
  width:100%;
  margin-bottom: 5%;
  margin-top: 3%;
  border-radius:50px;
}

footer {
  font-size:14px;
  padding:20px;
  background-color:#f2dede;
  margin-top:12%;
  border-top: rgb(222,220,223) solid 1px;
  color: black;
}


@media (min-width: 650px){
.navbar-right {
    float: right!important;
    margin-right: 2px;
}
}



@media screen and (max-width: 800px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
   .schedule1{
    width:98%;
     background-color: #f2dede;
     margin-right:3%;
   }

   .info img{
       margin-bottom:3%;
       width:100%;
       margin-left:;
   }
   .schedule1 p{
     font-size:12px;
   }
   h3{
     font-size: 18px;
   }
   h2{
     font-size:23px;
   }
   h1{
     font-size:25px;
   }
   .info li{
     text-align: none;

   }
   .info ul{
     text-align: none;
   }
   .info h2{
     text-align: center;
     }

}
@media screen and (max-width: 955px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
   #map_canvas {
     width:100%;
     height: 70%;
     margin-top:6%;
   }

}