@charset "UTF-8";

/*!
Theme Name: ROOTS Plus 2
Description: ROOTS Plus corporate site preview theme based on Cocoon child.
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* Corporate site styles are enqueued from assets/vehicles2/. */

#foot__sns .btn-icons a::before {
  content: none;
  display: none;
}

#foot__sns .btn-icons {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 12px;
}

#foot__sns .btn-icons a.icon-youtube > .icon::before,
#foot__sns .btn-icons a.icon-x > .icon::before,
#foot__sns .btn-icons a.icon-tiktok > .icon::before,
#foot__sns .btn-icons a.icon-threads > .icon::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#foot__sns .btn-icons a.icon-youtube > .icon::before {
  background-image: url("assets/vehicles2/images/common/youtube.svg");
  width: 24px;
}

#foot__sns .btn-icons a.icon-x > .icon::before {
  background-image: url("assets/vehicles2/images/common/x.svg");
  width: 20px;
  height: 20px;
}

#foot__sns .btn-icons a.icon-tiktok > .icon::before {
  background-image: url("assets/vehicles2/images/common/tiktok.svg");
  width: 22px;
  height: 22px;
}

#foot__sns .btn-icons a.icon-threads > .icon::before {
  background-image: url("assets/vehicles2/images/common/threads.svg");
  width: 24px;
  height: 24px;
}

footer .copyright {
  text-align: center;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* =========================================================
 * フッターSNS: Instagram / Facebook をSVG方式に（YouTube・X・TikTok・Threadsと同じ）
 * 理由=このサイトは .jp のアイコンフォント(icofont)をCORSで読めず、フォント依存の2つだけ豆腐になるため（2026-09-09）
 * SVGはメディアライブラリの白ロゴ（背景の紺円は既存CSSのまま）
 * ========================================================= */
#foot__sns .btn-icons a.icon-instagram > .icon::before,
#foot__sns .btn-icons a.icon-facebook > .icon::before{content:"";display:block;width:23px;height:23px;background-position:center;background-repeat:no-repeat;background-size:contain}
#foot__sns .btn-icons a.icon-instagram > .icon::before{background-image:url(/wp-content/uploads/sns-instagram-1.svg)}
#foot__sns .btn-icons a.icon-facebook > .icon::before{background-image:url(/wp-content/uploads/sns-facebook.svg)}