#map {
    height: 100%;
    width: 100%;
    position:absolute;
    top:0;
    right:0px;
  }
  body {
    background: black;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;  
  }
  
  .modal-fluid {
    max-width: inherit;
    widht:100%;
    padding-right: 20px;
    height: 94%;
    margin-left: 7px;
  }
  .modal-content { 
    //background-color: #000;
    //background-color:rgb(24, 104, 166, 0.8);
    //height: 80% !important ;
    min-height: 90%;
    margin-top: auto;
  }
  .modal-footer .btn {
    width: 14em;
    margin-bottom: 5px;
  }
  .card {
    margin: 1em 0 0 1em;
  }
  // 背景の濃さを調整する場合
  //.modal-backdrop.show {
  //  opacity: .9;
  //}
  .close-icon {
    position: fixed;
    top: 5px;
    right: 20px;
    font-weight: bold;
    color: #fff;
    font-size: 4em;
    cursor: pointer;
    //background: black;
    height: 50px;
    width: 50px;
  }
  .close-icon div{
    position: absolute;
    top: -7px;
    right: 6px;
  }
//  .wrap_header {
//    width: 100%;
//    height: 60px;
//    padding: 10px;
//    background: rgba(0,0,0,0.9);
//    display: flex;
//    box-sizing: border-box;
//    position: fixed;
//    top: 0;
//    left: 0;
//    z-index: 410;
//    align-items: center;
//  }
  .navbar {
    z-index: 510;
  }
  .navbar-brand img{
    max-width: 90%;
  }
  .leaflet-top {
    top: 140px !important;
  }
  .title {
    font-size: 1.5em;
    font-weight: bold;
    color: rgba(28, 48, 89, 1);
    margin-top: 15px;
  }
  .content {
    font-size: 1em;
  }
  .card-title {
    font-weight: bold;
    color: rgba(28, 48, 89, 1);
    //padding-top: 0px;
    padding-top: 5px;
    border:none;
    min-height: 60px;
  }
  .card-header {
    background: rgba(3,103,166,1.0);
    font-weight: bold;
    padding: 0.25rem 1.25rem
  }
  .card-detail {
    padding-top: 0px;
    padding-bottom: 0px;
    border:none;
    font-size: 0.9em;
  }
  .marker-cluster {
    width: 130px !important;
    height: 130px !important;
    margin-left: -70px !important;
    margin-top: -70px !important;
    border-radius: 70px !important;
  }
  .marker-cluster div {
    width: 128px !important;
    height: 128px !important;
    border-radius: 70px !important;
    padding-top: 50px;
    margin-left: 1px !important;
    margin-top: 1px !important;
    font-weight: bold;
    font-size: 1.5em;
  }
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
/*==========================*/

#single_page {
	width:960px;
	margin:auto;
}