@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リンク色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a,
.moreLink > a:after,
.moreLink > a:hover{
	color:#0068b7;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.pc #gNaviArea > ul > li > ul > li a{
    background-color: #21b7b6;
}
body.sp #headerArea,
.list02 > li,
ol.list02 > li:before{
	border-color: #21b7b6;
}
.sideMenu > ul > li:before,
.sideMenu > div > ul > li:before,
.list01 li:before{
	color: #21b7b6;
}
ol.list02 > li:after{
	color: #21b7b6;
	color: rgba(33,183,182,0.7);
}
ol.list02 > li:before{
	background-color: #21b7b6;
	background-color: rgba(33,183,182,0.7);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラー(HOVER)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.pc #gNaviArea > ul > li > ul > li a:hover{
	background-color: #27d6d5;
}