@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
------------------------------------------------------------ */
.section-title01 h2::before,
.section-title01 h2::after,
.section-title02 h2::before,
.section-title02 h2::after,
.wpcf7 input[type="submit"] {
  background-color: #333333;
}

.flex-contact .flex-item:nth-of-type(1)::after {
  background-color: #999999;
}

.bg-gray,
header .jumbotron {
  background-color: #F4F4F4;
}

.bg-white,
header .top-bar,
.flex-contact .google-icon::after {
  background-color: #FFFFFF;
}

.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,
.jumbotron-title,
.jumbotron .subheader,
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,
.wpcf7 input[type="submit"]:hover {
  color: #333333;
}

.color-white,
.flex-contact .google-icon::after,
.flex-topfeature01 h3::before,
.flex-flat7-04 h3::before {
  color: #FFFFFF;
}


/* Original Color
#D64045 Link
#1C6E8C Link hover
#FEDCD2 header
#BFD8D2 footer

#F9B3AD
#A2D5F2
#6FB1C6
#F0B138

------------------------------------------------------------ */

/* background-color
------------------------------------------------------------ */
.site-header,
.main-navigation ul ul,
.main-header-clone,
.drawer-navigation,
.top-section-shop {
  background-color: #FEDCD2;
}

.bg-main,
.back-to-top,
.flex-toprecommend .aspect-caption,
.midashi02 h3::before,
.flex-content-plan h4 {
  background-color: #F9B3AD;
}

.back-to-top:hover,
.flex-topfeature01 h3::before,
.flex-flat7-04 h3::before {
  background-color: #6FB1C6;
}

footer,
footer .site-bottom {
  background-color: #BFD8D2;
}

.top-section-feature02 {
  background: repeating-linear-gradient(-45deg, #F0F8FF, #F0F8FF 3px, #E9F4FF 3px, #E9F4FF 7px);
}

.flex-topcampaign .coupon,
.midashi01 h3,
.flex-content-plan .flex-item:nth-of-type(2) h4 {
  background-color: #F0B138;
}

.flex-contact .google-icon::after {
  background-color: #D64045;
}

.flex-contact .flex-item:nth-of-type(2) .google-icon::after,
.section-title04 {
  background-color: #1C6E8C;
}


/* Color
------------------------------------------------------------ */
.color-main,
footer .widget a:hover,
.site-bottom a:hover,
.drawer-navigation a:hover {
  color: #D64045;
}

.faq-open dt,
.section-title03 h2 {
  color: #1C6E8C;
}

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


/* Border Color
------------------------------------------------------------ */
.footer-widget-2 .widget ul li a:hover::after {
  border-color: #D64045;
}

.flex-contact a.btn,
.flex-contact a.btn:hover,
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:hover {
  border-color: #333333;
}

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