/*
 =========================================================
 * cat-style.css
 =========================================================
 2022/11/01 cat@dtn
 =========================================================
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=M+PLUS+Rounded+1c:wght@900&display=swap');


body {
  /*  フォントの種類  */
  font-family: 'IBM Plex Sans', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500;
  color: #333333;
  background-color: #99CCCC;
}

#header,.bg-w{
  background-color: #FFFFFF;
}

a { color: #008CA9;}
a:active,a:hover { color: #00bbff;}

p {font-size: 0.85rem;}

.display-4 {  
  font-family: 'Dela Gothic One', cursive;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 30px;
  font-weight: 900;
  color: #008CA9;
}

h2.directory-index{
  font-family: 'Dela Gothic One', cursive;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #008CA9;
}

h3.newarrival-site,h3.pickup-site,h3.footer-pr{
  font-family: 'Dela Gothic One', cursive;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #008CA9;
}

.input-card {
  border: 0.0625rem solid #A0C9D5;
}

.btn-primary {
  --bs-btn-bg: #008CA9;
  --bs-btn-border-color: #008CA9;
  --bs-btn-hover-bg: #007E99;
  --bs-btn-hover-border-color: #007E99;
  --bs-btn-active-bg: #007E99;
  --bs-btn-active-border-color: #007E99;
  --bs-btn-disabled-bg: #008CA9;
  --bs-btn-disabled-border-color: #008CA9;
}

.btn-dark {
 
  --bs-btn-bg: #007E99;
  --bs-btn-border-color: #007E99;
  --bs-btn-hover-bg: #008CA9;
  --bs-btn-hover-border-color: #008CA9;
  --bs-btn-active-bg: #008CA9;
  --bs-btn-active-border-color: #008CA9;
  --bs-btn-disabled-bg: #007E99;
  --bs-btn-disabled-border-color: #007E99;
}

.card {
  background-color: #FFFFFF;
}

.card-ghost .card-body {
  padding-left: 10px;
  padding-right: 5px;
}

.card-ghost .card-footer {
  padding: 10px;
}

.error{
  color: #FF0000;
}

.list-comment-item{
  padding: 10px;
  border-radius: 10px;
}

.hs-mega-menu-desktop-lg{
  left:auto;
}

.link {
  font-size: .75rem;
}

.list-py-1>li:not(:last-child) {
  padding-bottom: 0.1rem;
}

a.list-group-item{
  font-size: 0.85rem;
}

.help-exp,.card-text,.card-link{
  font-size: 0.85rem;
  padding-top: 0.3rem;
}

.bi-folder-fill{
  color: #FFDA59;
}