@charset "UTF-8";
/*
Theme Name: sng-ubm-finechemicals
Theme URI:
Description: ファインケミカルジャパンWordPressテーマ
Author: シンギ株式会社
Version: 1.0
Template: sng-ubm
*/
/* ==========================================================================
Foundation
========================================================================== */
/* Base
----------------------------------------------------------------- */
body {
  color: #221815;
}

a {
  color: #14A69B;
}

/* ==========================================================================
Layout
========================================================================== */
/* header
----------------------------------------------------------------- */

.l-header--bottom__btn {
  color: #fff;
  background-color: #d32f2f;
}

.l-header__event__title {
  color: #14A69B;
}

/* global nav
----------------------------------------------------------------- */

.l-gnav__list__item__inner {
  color: #727171;
}

.l-gnav--sub__list__item a {
  color: #666;
}

.c-box--icon .l-gnav--sub__list__image i {
  color: #14A69B;
}

.l-gnav--sub__list__icon {
  color: #14A69B;
}

.l-gnav__btn span {
  background-color: #14A69B;
}

/* footer
----------------------------------------------------------------- */
.l-footer--center {
  padding: 45px 0;
  color: #fff;
  background-color: #221815;
}

.l-footer--bottom {
  background-color: #fff;
}

/* sidebar
----------------------------------------------------------------- */

.l-sidebar__list--textlink__item {
  border-bottom-color: #b5b6b6;
}

.l-sidebar__list--textlink__item a {
  color: #333;
}

.l-sidebar__list--textlink__item a:before {
  border-color: transparent transparent transparent #14A69B;
}

.l-sidebar__list--banner__item {
  border-bottom-color: #b5b6b6;
}

/* ==========================================================================
Object
========================================================================== */
/* Component
----------------------------------------------------------------- */
/* button
----------------------------------------------------------------- */
.c-btn--default {
  color: #fff;
  background-color: #14A69B;
}

.c-btn--danger {
  color: #fff;
  background-color: #d32f2f;
}

.c-btn--icon-default {
  color: #fff;
  background-color: #14A69B;
}

.c-btn--icon-danger {
  color: #fff;
  background-color: #d32f2f;
}

.c-btn--triangle-default {
  color: #fff;
  background-color: #14A69B;
}

.c-btn--triangle-danger {
  color: #fff;
  background-color: #d32f2f;
}

.c-btn--address-default {
  color: #fff;
  background-color: #f47900;
}

.c-btn--address-danger {
  color: #fff;
  background-color: #d32f2f;
}

.c-btn--more {
  color: #14A69B;
  border-color: #14A69B;
}

.c-btn--sns {
  color: #fff;
  background-color: #221815;
  border: 1px solid rgba(255, 255, 255, 0);
}

#footer .c-btn--sns {
  color: #221815;
  background-color: #3e3a39;
}

/* box
----------------------------------------------------------------- */
.c-box > a {
  color: #221815;
}

.c-box--image {
  background-color: #fafafa;
}

.c-box--icon {
  box-shadow: inset 0 0 0 1px #14A69B;
}

.c-box--icon .c-box__image i {
  color: #14A69B;
}

.c-box--border {
  border-color: #b5b6b6;
}

/* title
----------------------------------------------------------------- */
.c-title--h1 {
  color: #221815;
}

.c-title--h1:before {
  background-color: #e5e5e5;
}

.c-title--h1 span:after {
  background-color: #14A69B;
}

.c-title--h2, .c-entry h2,
.c-entry .c-title--h2 {
  color: #14A69B;
  border-bottom-color: #14A69B;
}

.c-title--h3, .c-entry h3,
.c-entry .c-title--h3 {
  color: #221815;
}

.c-title--h3:before, .c-entry h3:before,
.c-entry .c-title--h3:before {
  background-color: #221815;
}

.c-title--h4, .c-entry h4,
.c-entry .c-title--h4 {
  color: #898989;
}

.c-title--h5, .c-entry h5,
.c-entry .c-title--h5 {
  color: #727171;
}

.c-title--h5:before, .c-entry h5:before,
.c-entry .c-title--h5:before {
  color: #14A69B;
}

.c-title--h6, .c-entry h6,
.c-entry .c-title--h6 {
  color: #9fa0a0;
}

.c-title--h6:before, .c-entry h6:before,
.c-entry .c-title--h6:before {
  color: #14A69B;
}

.c-title--grid, .c-entry .c-title--grid {
  color: #221815;
}

.c-title--grid:before, .c-entry .c-title--grid:before {
  background-color: #14A69B;
}

.c-title--box, .c-entry .c-title--box {
  color: #14A69B;
}

/* list
----------------------------------------------------------------- */
.c-list--arrow__item:before,
.c-list--arrow li:before {
  border-color: transparent transparent transparent #14A69B;
}

.c-list--dl dt {
  color: #9fa0a0;
}

.c-list--dl-lg__head,
.c-list--dl-lg dt {
  color: #14A69B;
}

/* table
----------------------------------------------------------------- */

.c-table thead th, .c-entry table thead th,
.c-table thead td,
.c-entry table thead td {
  color: #fff;
  background-color: #14A69B;
}

.c-table th, .c-entry table th,
.c-table td,
.c-entry table td {
  border-color: #b5b6b6;
}

.c-table th, .c-entry table th {
  background-color: #e7f6f5;
}

.c-entry em {
  color: #d32f2f;
}

/* Project
----------------------------------------------------------------- */
/* breadcrumbs
----------------------------------------------------------------- */
.p-breadcrumb {
  border-bottom-color: #b5b6b6;
}

.p-breadcrumb__item {
  color: #999;
}

.p-breadcrumb__item a {
  color: #666;
}

/* language 翻訳
----------------------------------------------------------------- */
ul.bogo-language-switcher li:before {
  background-color: #221815;
}

#footer ul.bogo-language-switcher li:before {
  background-color: #3e3a39;
}

#footer ul.bogo-language-switcher li {
  color: #3e3a39;
}

ul.bogo-language-switcher li a {
  color: #221815;
}

#footer ul.bogo-language-switcher li a {
  color: #3e3a39;
}

/* slide
----------------------------------------------------------------- */
.p-slide .slick-prev {
  border-color: transparent #727171 transparent transparent;
}

.p-slide .slick-next {
  right: -4px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 9px;
  border-color: transparent transparent transparent #727171;
  border-color: transparent transparent transparent #727171;
}

.p-slide__hero {
  background-color: rgba(241, 241, 241, 0.4);
}

.p-slide__hero .slick-prev {
  background-image: url(../img/slide-prev.png);
}

.p-slide__hero .slick-next {
  background-image: url(../img/slide-next.png);
}

.p-slide__hero .slick-dots li.slick-active button {
  background-color: #221815;
}

.p-slide__hero .slick-dots button {
  background-color: #b2aead;
}

/* dots */
.slick-dots li.slick-active button {
  background-color: #221815;
}

.slick-dots button {
  background-color: #a9a5a4;
}

/* tag
----------------------------------------------------------------- */
.p-tag {
  color: #999;
  background-color: #eee;
}

/* nav
----------------------------------------------------------------- */

.p-nav--pagelink__list__item a {
  color: #221815;
}

.p-nav--pagelink__list__item a:before {
  color: #14A69B;
}

/* pager
----------------------------------------------------------------- */
.p-pager__list__item a {
  color: #221815;
  background-color: #f1f1f1;
}

.p-pager__list__item.current a {
  background-color: #727171;
}

/* address
----------------------------------------------------------------- */
.p-address {
  border-color: 6px solid #f1f1f1;
}

.p-address__title {
  color: #001453;
  background-color: #f1f1f1;
}

.p-address__list {
  border-left-color: #14A69B;
}

.p-address__list__name {
  color: #14A69B;
}

.p-address--sm {
  background-color: rgba(239, 152, 38, 0.15);
}

.p-address--lg {
  background-color: #f1f1f1;
}

.p-address--lg__title {
  color: #001453;
}

/* schedule
----------------------------------------------------------------- */
.p-schedule__year {
  color: rgba(0, 20, 83, 0.5);
}

.p-schedule__list:before, .c-entry .p-schedule__list:before {
  background-color: #fff;
}

.p-schedule__list:after, .c-entry .p-schedule__list:after {
  border-color: #001453 transparent transparent transparent;
}

.p-schedule__list__month {
  color: #fff !important;
  background-color: #001453;
}

.color1 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.1);
}

.color2 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.2);
}

.color3 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.3);
}

.color4 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.4);
}

.color5 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.5);
}

.color6 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.6);
}

.color7 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.7);
}

.color8 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.8);
}

.color9 .p-schedule__list__month {
  background-color: rgba(0, 20, 83, 0.9);
}

.accent .p-schedule__list__month {
  background-color: #14A69B;
}

.p-schedule__list__content {
  color: #001453;
  border: 1px solid rgba(0, 20, 83, 0.4);
}

.accent .p-schedule__list__content {
  color: #14A69B;
  background-color: rgba(20, 166, 155, 0.2);
}

/* 同時開催展
----------------------------------------------------------------- */
.p-relevent {
  border-color: #9fa0a0;
}

.p-relevent__title span,
.p-relevent h2 span {
  color: #fff;
  background-color: #9fa0a0;
}

/* archive
----------------------------------------------------------------- */
.p-archive__list__item {
  background-color: #f1f1f1;
}

.p-archive__slide {
  background-color: #f1f1f1;
}

.p-archive__slide__title {
  color: #727171;
}

.p-archive__slide__title:after {
  background-color: #14A69B;
}

.p-archive__slide__item a {
  color: #221815;
}

/* article
----------------------------------------------------------------- */
.p-article__time {
  color: #71706f;
}

/* top
----------------------------------------------------------------- */
.p-top__media__title {
  color: #14A69B;
}

.p-top__results {
  border-color: #14A69B;
}

.p-top__results__title {
  color: #14A69B;
}

.p-top__results__title__inner {
  background-color: #fff;
}

.p-top__results__data:nth-of-type(1n) {
  color: #d32f2f;
}

.p-top__results__data:nth-of-type(2n) {
  color: #37469d;
}

.p-top__results__data:nth-of-type(3n) {
  color: #ef9826;
}

.p-top__results__data:nth-of-type(2n) {
  color: #009eb1;
}

.p-top__results__data__title {
  color: #727171;
}

.p-top__links {
  border-top-color: #b5b6b6;
}

/* ==========================================================================
Utility
========================================================================== */
/* text
----------------------------------------------------------------- */
.u-text--color-default {
  color: #221815;
}

.u-text--color-main {
  color: #14A69B;
}

.u-text--color-em {
  color: #14A69B;
}

.u-text--color-white {
  color: #fff;
}

.u-text--price {
  color: #d32f2f;
}

@media print, screen and (min-width: 769px){
  .l-header__fixed{
    border-top: 4px solid rgb(0, 102, 153);
  }
  .l-gnav{
    background-color: #fff;
    border-bottom: 1px solid rgb(0, 102, 153);
  }
  .l-gnav__list__item__inner:hover{
    color: rgb(0, 122, 153);
  }
  .js-has--child .l-gnav__list__item__inner:after{
    border-color: transparent transparent #14A69B transparent;
  }
  .l-gnav--sub__inner{
    background-color: #fafafa;
  }
  .l-gnav--sub__list__item a{
    background-color: #fff;
    border-color: #b5b6b6;
  }
  .l-gnav--sub__list__text:before{
    color: #fff;
    background-color: #14A69B;
  }
  .l-sidebar__block:first-child .l-sidebar__title{
    color: #fff;
    background-color: #71706f;
  }
  .l-sidebar__block:first-child .l-sidebar__title:after{
    border-color: #71706f transparent transparent transparent;
  }
  .l-sidebar__title:after{
    background-color: #e5e5e5;
  }
  .l-sidebar__title span:after{
    background-color: #221815;
  }
  .l-sidebar__list--textlink__item a:hover{
    color: #14A69B;
    background-color: rgba(20, 166, 155, 0.15);
  }
  .c-btn--more:hover{
    color: #fff;
    background-color: #14A69B;
  }
  .c-btn--sns:hover{
    color: #221815;
    background-color: #fff;
    border-color: #221815;
  }
  #footer .c-btn--sns:hover{
    color: #3e3a39;
    background-color: #221815;
    border-color: #3e3a39;
  }
  .p-tag:hover{
    background-color: rgba(238, 238, 238, 0.6);
  }
  .p-nav--pagelink__list__item:after{
    background-color: #b5b6b6;
  }
  .p-pager__list__item a:hover{
    background-color: #727171;
  }
}

@media screen and (max-width: 768px){
  .l-header__fixed{
    background-color: #fff;
  }
  .l-header__inner{
    border-bottom: 1px solid #b5b6b6;
  }
  .l-gnav{
    background-color: rgb(0, 102, 153);
  }
  .l-gnav__list__item{
    border-bottom: 1px solid #b5b6b6;
  }
  .l-gnav__list__item__inner{
    color: #14A69B;
  }
  .js-has--child .l-gnav__list__item__inner:after{
    color: #727171;
  }
  .l-gnav--sub__list__item a:before{
    border-color: transparent transparent transparent #14A69B;
  }
  .l-footer--center{
    padding: 25px 0;
  }
  .l-sidebar__title{
    color: #fff;
    background-color: #71706f;
  }
  .c-table.c-table--block-sp tr, .c-entry table.c-table--block-sp tr{
    border-color: #b5b6b6;
  }
  .p-breadcrumb{
    background-color: #f4f4f4;
  }
  .p-breadcrumb__item{
    color: #221815;
  }
  .p-breadcrumb__item:before, .p-breadcrumb__item:after{
    background-color: #b5b6b6;
  }
  .p-nav--pagelink__list__item{
    border-bottom-color: #b5b6b6;
  }
  .p-nav--pagelink__list__item:first-child{
    border-top-color: #b5b6b6;
  }
}

/*# sourceMappingURL=common.css.map */