@charset "UTF-8";

/* Theme Default Color
#111111 ★★    Heading
#333333 ★★★  button, jumbotron, home-header, featured-entry
#444444 ★★★  Body
#555555 ★     button:hover
#666666 ★     entry-summary
#777777 ★     input
#888888 ★
#999999 ★★    entry-meta
#DDDDDD ★
#E6E6E6 ★     input
#EEEEEE ★★★  table, header, footer
#F4F5F6 ★★★
#FFFFFF ★★★
------------------------------------------------------------ */

/* background-color
------------------------------------------------------------ */
.bg-gray {
  background-color: #F5F4F4;
}

.bg-white,
header .top-bar,
.drawer-opened .drawer-hamburger-icon::before,
.drawer-opened .drawer-hamburger-icon::after,
.flex-contact .google-icon::after,
.flex-topservice a:hover .aspect-group::after {
  background-color: #FFFFFF;
}

.flex-contact .flex-item:nth-of-type(1)::after,
.flex-contact .flex-item:nth-of-type(2)::after,
.flex-contact .flex-item:last-of-type::after {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-transparent,
.jumbotron-overlay {
  background-color: transparent;
}


/* color
------------------------------------------------------------ */
.color-black,
body,
h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.widget,
.top-bar-main a,
.top-bar-main li::before,
.top-section-news ul .cat-links a {
  color: #333333;
}

.color-white,
.drawer-navigation a,
.drawer-navigation .current_page_item>a,
.drawer-navigation .current-menu-item>a,
footer .widget,
footer .widget-title,
footer .widget_nav_menu .current_page_item>a,
footer .widget_nav_menu .current-menu-item>a,
.site-bottom,
.site-bottom a,
.site-bottom .current-menu-item>a,
.back-to-top::before,
.jumbotron .subheader,
.flex-topservice .aspect-group::after,
table.price-table tr:first-child th {
  color: #FFFFFF;
}

@media screen and (min-width: 980px) {
  .main-navigation li:last-of-type a {
    color: #FFFFFF;
  }
}


/* Original Color
#CD1F27
#48ACF0
#626266
#F5F4F4
#080202
------------------------------------------------------------ */

/* background-color
------------------------------------------------------------ */
.bg-main,
.back-to-top,
.drawer-navigation,
header .jumbotron,
.swiper-button-next,
.swiper-button-prev,
.section-title01 div.title-en::after,
.flex-topservice .aspect-group::after,
.section-title02 h2::before,
table.price-table tr:first-child th,
.wpcf7 input[type="submit"] {
  background-color: #CD1F27;
}

.slider-mainvisual .swiper-text h2 span.marker {
  background: linear-gradient(transparent 80%, #CD1F27 80%);
}

table.price-table-yunyu tr:first-child th {
  background-color: #A1181F;
}

.bg-sub01,
footer,
footer .site-bottom {
  background-color: #080202;
}

.slider-mainvisual .overlay,
.flex-topservice .overlay {
  background-color: rgba(8, 2, 2, 0.2);
}

.flex-topservice a:hover .overlay {
  background-color: rgba(8, 2, 2, 0.45);
}

.bg-sub02,
.back-to-top:hover {
  background-color: #48ACF0;
}

.bg-sub03 {
  background-color: #626266;
}

.flow>li .flow-icon::after {
  background-color: #DDDDDD;
}

table.price-table tr:last-child th,
table.price-table tr:last-child td {
  background-color: #E9E7E7;
}

@media screen and (min-width: 980px) {
  .main-navigation li:last-of-type a {
    background-color: #CD1F27;
  }

  .main-navigation li:last-of-type a:hover {
    background-color: #48ACF0;
  }
}

/* Color
------------------------------------------------------------ */
.color-main,
footer .widget a:hover,
.site-bottom a:hover,
.flex-contact .google-icon::after,
.flex-topservice a:hover .aspect-group::after,
.flow-icon,
.wpcf7 input[type="submit"]:hover{
  color: #CD1F27;
}

.color-sub01 {
  color: #080202;
}

.color-sub02,
.top-section-news ul .cat-links a:hover {
  color: #48ACF0;
}

.color-sub03,
.drawer-navigation a:hover {
  color: #626266;
}

@media screen and (min-width: 980px) {
  .main-navigation a:hover {
    color: #CD1F27;
  }
}



/* Border Color
------------------------------------------------------------ */
.footer-widget-2 .widget ul li a:hover::after,
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:hover{
  border-color: #CD1F27;
}

.site-bottom {
  border-color: #626266;
}

.flex-contact a.btn,
.flex-contact a.btn:hover {
  border-color: #FFFFFF;
}