header#h_nisi {
    background-color: #1a274f;
    z-index: 10;
    position: fixed;
    border-color: #fff;
}

header#h_nisi::before {
    background-color: #1a274f;
}

header#h_nisi li.others button span {
    background-color: #fff;

}

#menu .mess{
    text-align: center;
    margin-top: 2em;
}
#menu .mess .i_b{
    display: inline-block;
}
#menu .mess  .flex{
    align-items: center;
    justify-content: center;
}

#menu .mess .baloon {
    background-color: #fff;
    color: #3a4668;
    font-size: 2rem;
    line-height: 1;

}

#menu .mess .baloon.line {
    border: 1px solid #111;
}

#menu .mess .baloon::after {
    border-color: #fff;

}

#menu .mess .baloon.line::before {
    border-color: #111;

}

#menu .mess .baloon.right::after,
#menu .mess .baloon.line.right::before {
    border-right-color: transparent;
    border-bottom-color: transparent;
}

#menu .mess .baloon.bottom {
    margin-right: 0;
    margin-left: 0;
    padding: 1em;
}

#menu .mess .baloon.bottom::after,
#menu .mess .baloon.line.bottom::before {
    border-left-color: transparent;
    border-bottom-color: transparent;
}

#menu .mess .baloon.top::after,
#menu .mess .baloon.line.top::before {
    border-left-color: transparent;
    border-top-color: transparent;
}

#menu .mess .baloon.b.top::after,
#menu .mess .baloon.b.line.top::before {
    border-bottom-width: 1.5em;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

#map .h3_common .inner::before,
#map .h3_common .inner::after{
    background-color: #fff;
}
@media screen and (max-width: 900px) {
    #menu .mess .flex{
        flex-direction: column;
    align-items: flex-end;
    }

    #menu .mess .baloon {
        width: 100%;
        

    }

    #menu .mess .baloon.right::after,
    #menu .mess .baloon.line.right::before {
        border-left-color: transparent;
        border-right-color: #fff;
        top: auto;
        bottom: -1em;
        right: 4em;
        left: auto;
    }

    #menu .mess .imgBox {
        height: 10em;
        position: relative;
        top: -1em;
    }
    #menu .mess .imgBox img{
        height: calc(100% - 1em);
    }
}

/*baloon set*/
@media screen and (min-width: 900px) {

    header#h_nisi #mainNav > li,
    header#h_nisi #mainNav > li > a {
        color: #fff;
    }

}

header#h_nisi li.open > .marker::before,
header#h_nisi li.open > .marker::after {
    border-color: #fff;
}

/*kodawari*/
/*baloon set*/

#kodawari.nisi #content {
    color: #fff;
}

#kodawari.nisi #top::before {
    /*    background-color: #3A4668;*/
}

#kodawari.nisi #top::after {
    /*
    background-image: url(../common_img/back_dot_b.svg);
    background-repeat: repeat-x;
    background-size: 0.95em;
    background-position: 0 130%;
    opacity: 1;
*/

}

#kodawari.nisi .baloon {
    position: relative;
    width: calc(100% - 1em);
}

#kodawari.nisi .baloon.line {
    border: none;
}

#kodawari.nisi .baloon::after {
    border-color: #fff;

}

#kodawari.nisi .baloon.line::after {
    border-width: 1em;


}

#kodawari.nisi .baloon.line::before {
    border-color: #111;
    border-width: calc(1em + 1px);


}

#kodawari.nisi .baloon::after,
#kodawari.nisi .baloon.line::before {
    height: 2em;
    width: 2em;
}

#kodawari.nisi .baloon.bottom {
    margin-right: 0;
    margin-left: 0;
    padding: 1em;
}

#kodawari.nisi .baloon.bottom::after,
#kodawari.nisi .baloon.line.bottom::before {
    right: 0;
    left: 0;
    top: 100%;
    bottom: auto;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

#kodawari.nisi .baloon.top::after,
#kodawari.nisi .baloon.line.top::before {
    right: 0;
    left: 0;
    top: auto;
    bottom: 100%;
    border-left-color: transparent;
    border-top-color: transparent;
}

#kodawari.nisi .baloon.b.top::after,
#kodawari.nisi .baloon.b.line.top::before {
    right: 0;
    left: 0;
    top: auto;
    bottom: 100%;
    border-bottom-width: 1.5em;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;

}

/*baloon set*/