/*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; }

.subSection-title {
	padding-bottom: 8px;
	position: relative;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(255,255,255,.9);
	box-shadow: 0 1px 2px rgba(255,255,255,.9);
	margin-top: 1.5em;
	margin-bottom: 1.2em;
}

.subSection-title:after {
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	width: 40%;
	border-bottom: 1px solid #337ab7;
}