.Footer__footerCopyrigt {
  background: #F5F5F5;
}

.Footer__footerBg {
  padding: 0;
}

.Footer__container2 {
  padding: 0.5rem;
}

/* デフォルトフォームを消す */
.Footer__footerBtn {
  display: none;
}

.AppContainer__breadCrumbsBox {
  display: none;
}

/*カテゴリーフォローの機能を削除*/
.ListHeader__dottedPopup {
  display: none;
}
.KbDetailRtContainer__followOption {
  display: none;
}
.KbDetailRtContainer__subscribeDescription{
  display: none;
}
.ArticleListRightContainer__followOption {
  display: none;
}
.ArticleListRightContainer__subscribeDescription {
  display: none;
}
.KbCategory__dottedPopup {
  display: none;
}

/*SNS（FB, X, LI）シェアを消す*/
.KbDetailLtContainer__userSocialIcon {
  display: none;
}

/*色をテーマに合わせる*/
.Header__tabsTab, .LoginDetail__signin, .LoginDetail__signup, .CustomizeContainer__aPlus, .LocalePopup__localeTarget {
  color: #333333;
}

/* 問い合わせボタンをいい感じにする */
.Button__footerBtn {
  background: #ffffff;
  border: 1px solid #0096FF;
  color: #333333
}
.Button__footerBtn:hover {
  background: #E5F4FF;
  border: 1px solid #0096FF;
}

.contact_button {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #0096FF;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  text-decoration: none;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

.contact_button:hover {
  background-color: #E5F4FF;
  border-color: #0096FF;
}

.contact_button_container {
  padding-left: 10px;
}

.service_site {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #0096FF;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  text-decoration: none;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

.service_site:hover {
  background-color: #E5F4FF;
  border-color: #0096FF;
}

.Header__menuTab {
  padding-right: 10px;
}

/*スクロール時のグラデーションカラーをテーマに合わせる*/
.Readingprogress__progressBar {
  height: 4px;
  transition: all .2s;
  background: linear-gradient(
    90deg,
    #00A0E9 10%,
    #00B4F0 50%,
    #33C8F5 90%
  );
  box-shadow: rgba(0, 0, 0, 0.24) 0 8px 18px;
  border-radius: 0 5px 5px 0;
}

/*色をテーマに合わせる*/
:root {
    --color-brand: #00A0E9;
    --color-primary: #47c494;
    --color-statusLabel: #73bbe0;
    --color-unFollow: #ef9b3e;
    --color-overDue: #00A0E9;
    --color-idea: #fbc67a;
    --color-danger: #f35969;
    --color-question: #66b585;
    --color-problem: #f95656;
    --color-discussion: #13a8df;
    --color-announcement: #ef8b50;
    --color-black: #000;
    --color-userCategory: #e46419;
    --color-red: red;
    --color-red1: #e24b4b;
    --color-greyShade80: #252525;
    --color-greyShade70: #333;
    --color-greyShade60: #444;
    --color-greyShade95: #555;
    --color-greyShade20: #777;
    --color-greyShade11: #666;
    --color-grey: #888;
    --color-textGreyShade35: #999;
    --color-greyTint65: #ddd;
    --color-greyTint85: #f5f5f5;
    --color-greyTint90: #fafafa;
    --color-greyTint100: #fbfcfc;
    --color-greyTint105: #f6f6f6;
    --color-grey70: #e8e8e8;
    --color-grey85: #ececec;
    --color-grey90: #ec7682;
    --color-secondaryButton: #efefef;
    --color-arrow: #f3f3f3;
    --color-white: #ffffff;
    --color-border: #e5e8ea;
    --color-errMsg: #d9534f;
    --color-border1: #efefef;
    --color-border2: #f2f2f2;
    --color-border3: #e9e9e9;
    --color-border4: #f04a4a;
    --color-border5: #e5e5e5;
    --color-gplus: #d14836;
    --color-fb: #1877f2;
    --color-twit: #1da1f2;
    --color-linkedin: #2867b2;
    --color-best: #01bfc6;
    --color-borderBest: #00b1b7;
    --color-lightGreen1: #3bc46a;
    --color-lightGreen2: #30ad5b;
    --color-like: #339433;
    --color-dislike: #d9534f;
    --color-link: #000;
    --color-linkHover: #e46317;
    --color-breadCrumbText: #333;
    --color-breadCrumbTextHover: #e46317;
    --color-breadCrumbBg: #f8f8f8;
    --color-buttonPrimaryBg: #e46317;
    --color-buttonPrimaryText: #FFF;
    --color-buttonSecondaryBg: #f9f9f9;
    --color-buttonSecondaryText: #333;
    --color-deleteAccountBg: #fff5f4;
    --color-statsPrimary: #5d6576;
    --color-statsSecondary: #de3535;
    --color-heather: #b8c4d1;
    --color-blueBayoux: #475f7b;
    --color-raven: #727e8c;
    --color-pumice: #c5cdc7;
    --color-warning: #ab1a18;
}

/* レスポンシブデザイン - ボタンサイズを画面幅に応じて調整 */
/* 中サイズ画面（769px-1024px） */
@media (min-width: 769px) and (max-width: 1024px) {
  .service_site,
  .contact_button {
    font-size: 14px;
    padding: 10px 20px;
  }
}

/* 小さい画面（480px-768px） */
@media (min-width: 481px) and (max-width: 768px) {
  .service_site,
  .contact_button {
    font-size: 12px;
    padding: 8px 16px;
  }
}

/* 非常に小さい画面（480px以下） */
@media (max-width: 480px) {
  .service_site,
  .contact_button {
    font-size: 11px;
    padding: 6px 12px;
  }
  
  .service_site_container,
  .contact_button_container {
    padding-left: 5px;
  }
  
  .Header__menuTab {
    padding-right: 5px;
  }
}

/* 大きな画面（1025px以上）で通常サイズ */
@media (min-width: 1025px) {
  .service_site,
  .contact_button {
    font-size: 16px;
    padding: 12px 24px;
  }
}