@charset "UTF-8";
/**
 * color.css
 * mainColor: #3366b3 */

/* siteCommonStyle
--------------------------------------------------*/
/* selection */
/* a */
a {
  color: #3366b3;
}


/* layout
--------------------------------------------------*/
/* header */
#header #headerArea02 #gNav .nav li a:hover,
#header #headerArea02 #gNav .nav li.current-menu-item a,
#header #headerArea02 #gNav .nav li.current-page-ancestor a {
  color: #3366b3;
}
#header #headerArea02 #gNav .nav li a:hover:after,
#header #headerArea02 #gNav .nav li.current-menu-item a:after,
#header #headerArea02 #gNav .nav li.current-page-ancestor a:after {
  border-bottom-color: #3366b3;
}
#header #headerArea02 #gNav .contact a {
  background-color: #3366b3;
}
@media only screen and (max-width: 767px) {
  #header #headerArea01 #spMenu a {
    background-color: #3366b3;
  }
}

/* content */
#content .entry header:before {
  border-left-color: #3366b3;
}
#content .body h2 {
  border-bottom-color: #3366b3;
  color: #3366b3;
}
#content .body h3:after {
  border-left-color: #3366b3;
}
#content .body h4 {
  color: #3366b3;
}
#content .body ul > li:before {
  background: #3366b3;
}
#content .body ol > li:before {
  color: #3366b3;
}
#content .body .table table {
  border-top-color: #3366b3;
}
#content .pagenation ul li a.current,
#content .pagenation ul li a:hover {
  border-color: #3366b3;
  background-color: #3366b3;
}

/* widget */
.widgetWrap .widget .widgetTitle01 {
  border-top-color: #3366b3;
  color: #3366b3;
}
.widgetWrap .widget .widgetTitle02 {
  border-bottom-color: #3366b3;
  color: #3366b3;
}
.widgetWrap .widget .list01 li a:hover,
.widgetWrap .widget .list01 li.current_page_item > a {
  color: #3366b3;
}
.widgetWrap .widget .list01 li a:before {
  background-color: #3366b3;
}
.widgetWrap .widget .list02 li a:hover {
  color: #3366b3;
}
.widgetWrap .widget .list02 li a:before {
  background-color: #3366b3;
}
.widgetWrap .widget .news01 li a:hover .text .ttl {
  color: #3366b3;
}
.widgetWrap .widget .news02 li a:hover .ttl {
  color: #3366b3;
}
.widgetWrap .widget.formWidget form .submit input:hover {
  background: #3366b3;
}
.widgetWrap .widget.newsWidget .widgetTitle02 .en {
  color: #3366b3;
}
.widgetWrap .widget.newsWidget .btn a:before {
  background-color: #3366b3;
}
.widgetWrap .widget.newsWidget .btn a:hover {
  color: #3366b3;
}
.widgetWrap .widget.imageWidget .ttl {
  color: #3366b3;
}
.widgetWrap .widget.pageWidget .widgetTitle01 a.current,
.widgetWrap .widget.pageWidget .widgetTitle01 a:hover {
  background-color: #ecf4ff;
}
.widgetWrap .widget.pageWidget .widgetTitle01 a:before {
  background-color: #3366b3;
}
.widgetWrap .widget.commentWidget #comments .commentsList li .reply a:hover {
  background-color: #3366b3;
}
.widgetWrap .widget.commentWidget #comments #respond #reply-title {
  color: #3366b3;
}
.widgetWrap .widget.commentWidget #comments #respond dl dd.form-submit #submit:hover {
  background-color: #3366b3;
}

/* carousel */
.carouselWrap {
  background-color: #ecf4ff;
}
.carouselWrap .slider li a:hover img {
  border-color: #3366b3;
}
.carouselWrap button {
  background: #3366b3;
}

/* footer */
#footer #pageTop a:hover {
  background: #3366b3;
}
#footer #pageTop a:hover:after {
  border-bottom-color: #3366b3;
}
#footer #footerArea01 #fNav .nav li a:hover {
  color: #3366b3;
}
#footer #footerArea01 #fNav .nav li a:before {
  background-color: #3366b3;
}


/* top
--------------------------------------------------*/
#mainVisual .slick-dots li.slick-active button,
#mainVisual .slick-dots li button:hover {
  background: #3366b3;
}