/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.8.7
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100..900&family=Noto+Serif+HK:wght@200..900&display=swap');

body {
  font-family: "Noto Sans TC", sans-serif;
  color: #333;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Noto Sans TC", sans-serif;
}

@media (min-width: 768px) {
  .business-img-h {
    height: auto;
  }
}

#research_development,
#sales_promotion,
#original_products {
  margin-top: -191px;
  padding-top: 191px;
}

.pet-supplement-box {
  font-family: "Noto Serif TC", serif;
  background-color: rgb(240, 240, 240);
  padding: 20px;
}

.pet-supplement-category .h4+.h4 {
    padding-left: 2.5rem;
    background: url(./img/common/icon_drug.png) 0 50%/contain no-repeat;
}

@media (min-width: 768px) {
  .pet-supplement-category .h4+.h4 {
      margin-left: 20px;
  }
}

@media (min-width: 768px) {
  .pet-supplement-material {
      margin-left: 20px;
  }
}

.lead-serif-green {
  font-family: "Noto Serif TC", serif;
}

.message-img p {
  font-family: "Noto Serif TC", serif;
}

.header-sp .menu-item-3288 a, .header-sp .menu-item-3289 a {
    color: #1c5aa5!important;
    background: url(./img/common/bg_dot_lightblue.png);
}

/* 20190214 TOP Heroイメージ修正 */
.index-hero-03 {
    background-image: url(./img/index/hero_bg_04.jpg);
    opacity: 0;
    -webkit-animation: fadeSlideImg03 24s ease-out infinite;
    animation: fadeSlideImg03 24s ease-out infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes fadeSlideImg01 {
  0% {
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeSlideImg01 {
  0% {
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; }}

@-webkit-keyframes fadeSlideImg02 {
  0% {
    opacity: 0; }
  33% {
    opacity: 1; }
  66% {
    opacity: 0; }
  100% {
    opacity: 0; }}

@keyframes fadeSlideImg02 {
  0% {
    opacity: 0; }
  33% {
    opacity: 1; }
  66% {
    opacity: 0; }
  100% {
    opacity: 0; }}

@-webkit-keyframes fadeSlideImg03 {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    opacity: 0; }}

@keyframes fadeSlideImg03 {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    opacity: 0; }}

@-webkit-keyframes fadeSlideImg04 {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 0; }}

@keyframes fadeSlideImg04 {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 0; }}

    /* 20190325 公開 */
    .header-sp .menu-item-2993 a,
     .header-sp .menu-item-3310 a {
        background: #343a40;
    }

/* 250910 add */
@media (min-width: 768px) {
    .business-content {
        min-height: 320px;
    }
}

/* 250919: sp-menu scroll */
.header-sp .navbar{
  max-height: 100vh;
  overflow-y: scroll;
}