@charset "utf-8";
/* select-blue */

/*------------------------------------
　リンク
--------------------------------------*/
a {
    color: #2196f3;
}
a:hover {
    opacity: 0.6;
}
/*------------------------------------
　ドロワーアイコン
--------------------------------------*/
.menu-btn i, .close-btn i {
    color: #2196f3;
}
/*------------------------------------
　ボタン
--------------------------------------*/
.btn a, .common-form .btn-form .btn button, .common-form .btn-form .btn a {
    color: #fff;
    background-color: #2196f3;
}
.btn a:hover, .common-form .btn-form .btn button:hover, .common-form .btn-form .btn a:hover {
    opacity: 0.6;
}
/*アウトラインボタン　.btnとあわせ使います*/

.btn.outline a {
    color: #2196f3;
    border: #2196f3 solid 1px;
    background: none;
}
.btn.outline a:hover {
    opacity: 0.6;
}
/*ボタンバー　.btnとあわせ使います*/

.btn-bar li a {
    border-left: #2196f3 solid 1px;
    border-bottom: #2196f3 solid 1px;
    border-top: #2196f3 solid 1px;
}
.btn-bar li:last-child a {
    border-right: #2196f3 solid 1px;
}
.btn-bar li.active a {
    background-color: #2196f3;
}
.notification {
    background-color: #2196f3;
}
.btn-bar li.active .notification {
    color: #2196f3;
}
/*------------------------------------
　checkbox
--------------------------------------*/
.checkbox > input[type="checkbox"]:checked {
    background: #2196f3;
}
.checkbox > input[type="checkbox"]:checked + .checkbox__checkmark:before {
    background: #2196f3;
    border: 1px solid #2196f3;
}
.checkbox > .checkbox__checkmark:before {
    border: 1px solid #2196f3;
}
/*------------------------------------
　successアイコン
--------------------------------------*/

.project-graph-inner {
    background-color: #1a77c0;
}
.success {
    background-image: url("../images/common/success_blue.png");
}
/*------------------------------------
　ページャ
--------------------------------------*/

.page ul li a {
    border: #2196f3 solid 1px;
}
/*------------------------------------
　フッター
--------------------------------------*/
footer {
    background-color: #2196f3;
}

@media screen and (min-width: 768px) {
	
.mypage-menu .menu .mypage-navi{
    background-color: #2196f3;
}

}