/*-------------------------------------------------------------------------------------------*/
/* 01. メインカラー
/*-------------------------------------------------------------------------------------------*/

/*-------- テキスト --------*/
#toppage h1,
#toppage ruby,
h1.post-title,
.head-title h1,
h1.title,
h2.top-title,
.top-box h2,
.system h2,
.service h2,
h3.top-title,
h2.title,
h3.title,
p.title,
.service .w3 h3,
.big-title,
.table1 tr th,
.table2 tr th,
.table-time tr th,
#footer h3,
.footer-box .w6 h2,
.contact-box:hover,
.pagination .current,
#footer .inner .company,
.note h2,
#single .box strong,
.coherence h3,
.seminar-list h3,
.slider-box .text span svg,
.blog-comment .text span svg,
h3.seminar-title {
	color: #33759c;
}


/*-------- 背景 --------*/
.news .ymd,
.service .w3 a:hover,
.service .w4 a:hover,
.service .w6 a:hover,
.cal-single,
.footer-under,
.data,
.news .ymd,
#mainNav .has-sub ul li a,
#mainNav .has-sub ul li:hover a,
.mean-container .mean-bar,
.mean-container .mean-nav,
.dropcap-q,
a.zo-masonry-button .face-primary,
.book a,
#page-top .fa-angle-up,
.contact-box,
.service-box,
.pagination a,
.pagination a:hover,
.post-list .blog-comment a,
.post-list .box a,
.pagenav a,
.note h2:before,
.list-box p,
.zo-masonry-item .cal,
.zo-masonry-filter ul li a,
.seminar-list a,
.seminar-single a,
.contact-list .w6 a:hover {
	background: #33759c;
}


/*-------- ボーダー --------*/
h2.top-title span:before,
h2.top-title span:after {
	border-top: 1px solid #33759c;
}
ul.tab-widget li.active a,
ul.tab-widget li.active a:hover,
ul.tab li.active a,
ul.tab li.active a:hover {
	border-top: 2px solid #33759c;
}
#mainNav ul li:hover:after,
.coherence h3 {
	border-bottom: 5px solid #33759c;
}
.service .w3 a,
.service .w4 a,
.service .w6 a,
.performance .w4 a {
    border: 1px solid #33759c;
}
.seminar-list h3 {
    border-bottom: 1px solid #33759c;
}


/*-------------------------------------------------------------------------------------------*/
/* 02. サブカラー
/*-------------------------------------------------------------------------------------------*/

/*-------- テキスト --------*/
.blog-button:before,
.blog-info li.cal:before, .blog-info-single li.cal:before,
.blog-info li.aut:before, .blog-info-single li.aut:before,
.blog-info li.cat:before, .blog-info-single li.cat:before,
.blog-info li.tag:before, .blog-info-single li.tag:before,
.widget_categories li a:before,
.widget_pages li a:before,
.list1 li:before,
.list2 li:before,
.list-box li:before,
.list li:before,
.contact-list .w6 a:after,
.support .w3 li:before {
	color: #288943;
}


/*-------- 背景 --------*/
.image-orver .cover,
[data-tooltip].tooltip-top:after,
.dropcap-a,
.book a:hover,
.post-list .blog-comment a:hover,
.post-list .box a:hover,
a.zo-masonry-button,
.pagenav a:hover,
.lSPrev:before,
.lSNext:before,
.seminar-list a:hover,
.seminar-single a:hover,
.performance .w4 a:hover {
	background: #288943;
}
/*-------- メインカラー背景（優先順位のため記述場所変えない） --------*/
#mainNav .has-sub ul li a {
	background: #33759c;
}

/*-------- ボーダー --------*/
.fixed {
    border-bottom: 3px solid #288943 !important;
}
.box1 h4 {
    border-left: 5px solid #288943;
    border-right: 5px solid #288943;
}
[data-tooltip].tooltip-top:before {
	border-top-color: #288943;
}
.footer-under {
	border-top: 1px solid #288943;
}
.coherence li a {
    border-left: 5px solid #288943;
}
.performance .w4 a:hover {
    border: 1px solid #288943;
}


/*-------------------------------------------------------------------------------------------*/
/* 03. リンクカラー
/*-------------------------------------------------------------------------------------------*/

/*-------- テキスト --------*/
a,
.pagination a:before,
ul.tab-widget li.active a,
ul.tab-widget li.active a:hover,
.accordion-panel dt:before {
    color: #33759c;
}

/*-------- 背景 --------*/
#searchsubmit,
.widget_tag_cloud a,
#page-top .fa-angle-up:hover,
#page-top .fa-angle-up,
input[type=submit] {
    background: #33759c;
}

/*-------- ボーダー --------*/
.blog-button,
input[type=submit] {
	border: 1px solid #33759c;
}



/*-------------------------------------------------------------------------------------------*/
/* 04. リンクホバーカラー
/*-------------------------------------------------------------------------------------------*/

/*-------- テキスト --------*/
a:hover,
a:active,
.blog-info li a:hover, .blog-info-single li a:hover,
#footer a:hover {
    color: #288943;
}


/*-------- 背景 --------*/
.blog-button:hover,
#searchsubmit:hover,
.widget_tag_cloud a:hover,
input[type=submit]:hover {
    background: #288943;
}


/*-------- ボーダー --------*/
.blog-button:hover,
input[type=submit]:hover {
	border: 1px solid #288943;
}