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

/*------------------------------------
　リンク
--------------------------------------*/
/*
a {
    color: #F9AC42;
}
*/
a:hover {
   /* opacity: 0.6;*/
}
/*------------------------------------
　ドロワーアイコン
--------------------------------------*/
.menu-btn i, .close-btn i {
    color: #F9AC42;
}
/*------------------------------------
　ボタン
--------------------------------------*/
.btn a, .common-form .btn-form .btn button, .common-form .btn-form .btn a {
	color: #fff;
	background-color: #83beef;
	box-shadow: 0 5px 0 0 #66aae2;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.btn a:hover, .common-form .btn-form .btn button:hover, .common-form .btn-form .btn a:hover {
    opacity: 0.6;
}
/*アウトラインボタン　.btnとあわせ使います*/

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

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

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

.page ul li a {
    border: #F9AC42 solid 1px;
	background-color: #F9AC42;
	color: #fff;
}
/*------------------------------------
　マイページ
--------------------------------------*/

.self_introduction a {
	color: #F9AC42;
}

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

	
	
}