h1 {
    /* background-image: url("../images/home_bg.jpg");
    background-position: top 10% left; */
    background-image: url("../images/title_image.png");
    background-position: top 50% left;
}

button, select, input {
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  font-size: 14px;
  transition: background 0.3s;
}

.border-bottom2 {
    border-bottom: 3px solid #263e8b !important;
}
.triangle {
    clip-path: polygon(0 0, 0% 100%, 50% 0);
    border: white solid 55px;
}
/* footer {
    background-color: #32B0AA;
} */
a.disabled {
    pointer-events: none;
}
.dropdown-menu {
    margin-top: -5px;
}
.dropdown-menu a,
.navbar-brand {
    white-space: nowrap;
}
.dropdown-menu:hover {
    display: block;
}
.navbar-nav>div {
    cursor: pointer;
}

.bun-large img {
    margin-bottom: -0.75rem;
    margin-left: -0.5rem;
}
.bun-large span{
    vertical-align: bottom;
}
.bun-middle {
    background-color: #F6F4EB;
    padding: .75em;
}
.bun-middle:focus,
.bun-middle:hover{
    border-radius: .25rem;
    background-color: #dfddd5;
}
.bun-middle:hover img {
    filter:brightness(0.95);
}

.middle-image {
    width: 7.5em;
    height: 7.5em;
    background-color: #b2dcf1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.middle-image img {
    max-width: 5em;
}
#template-nav_block a:hover:not(.dropdown-toggle),
#manual a:hover {
    text-decoration: underline !important;
}

#title {
    color: whitesmoke;
    border-radius: .5rem;
    padding-inline: 2rem;
    padding-block: 1.25rem;
}
.map_wrap a, .map_wrap .bun-middle {
    width: 100%;
}
.navbar-nav{
    margin-top:0px !important;
}


/* レスポンシブ対応 */

@media (max-width: 991px) {
    .navbar-collapse{
        position: absolute;
        top:55px;
        right:0px;
        z-index: 30;
        background-color: white;
        padding-left:15px !important;
        padding-bottom:10px;
        padding-right:10px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
        border-bottom-left-radius: 0.25rem !important;
        max-width: 350px;
    }
    .dropdown-menu{
        border: none;
        padding-top:0.2em;
        display: block;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 90%;
    }
    .img-menu{
        width:35px;
        height: 35px;
    }
    #template-title_block{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    #title {
        font-size: 80%;
    }
    .triangle{
        border:white solid 25px;
        margin-left: 0px;
    }
    .map_wrap{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .map_wrap a {
        width: auto;
    }
    .h2{
        font-size: 1.3em;
    }
    .h3{
    font-size: 1.3rem;
    }
    address{
        font-size: 0.8em;
    }
    .middle-image {
        width: 2.5em;
        height: 0;
    }
    .middle-image img,
    #bun-large_0 #bun-middle_0 img {
        max-width: 2.5em;
    }
}

@media (max-width: 750px) {
    iframe {
        width: 300;
    }
}