/*footerを最下部にする用*/
html {
    height: 100%;
}
body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.container {
    flex: 1;
}
/*footerを最下部にする用　ここまで*/

.my-nav {
    border-bottom:solid 1px #e5e5e5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
}

footer {
    background-color: #f5f5f5;
}

.my-btn {
    background-color:#75A9FF;
    color: white;
}

@media screen and (min-width:641px){/*PC・タブレット用*/
}
@media screen and (max-width:640px){/*スマホ用*/
}

a{/*リンクされた文字*/
    color: #75A9FF;
    font-style:normal;
    text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
    /*color:#ff0000;*/
    font-style:normal;
    text-decoration:none;
}

.my-green {
    color: #75A9FF;
}


/* ポップアップ ツールチップ*/
.toolTip{ position: relative; }
.toolTip span{   display: block; border: solid 2px #999; background-color: #eee; color: #666;
    text-decoration: none;  position: absolute; top: 20px;  left: 10px; padding: 5px;   visibility: hidden; width: 150px;}
a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; }