@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/roots-plus/. */

#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/roots-plus/images/common/youtube.svg");
  width: 24px;
}

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

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

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

footer .copyright {
  text-align: center;
}

body.admin-bar .toggleMenu {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .toggleMenu,
  body.admin-bar header .logo {
    top: 46px;
  }
}

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

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

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


/* TOP買取実績スワイパー: カード画像の高さ揃え（default.cssと同内容をstyle.cssにも置き、filemtimeで即キャッシュバスト） */
.results__achievements .itemImage { aspect-ratio: 4 / 3; }
.results__achievements .itemImage img { width: 100%; height: 100%; object-fit: cover; }

/* SERVICE 3 service cards: equal image height (same approach as default.css; object-fit cover, 10:7 = min crop) */
.service__content .item .image { aspect-ratio: 10 / 7; overflow: hidden; }
.service__content .item .image img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* 見出しマーク 表示サイズ5段階（中=既定96px相当。builderのheading_mark_sizeと対応） */
img.lead__mark--xl{width:160px}
img.lead__mark--lg{width:130px}
img.lead__mark--md{width:100px}
img.lead__mark--sm{width:75px}
img.lead__mark--xs{width:50px}
span.lead__mark--xl{font-size:2em}
span.lead__mark--lg{font-size:1.6em}
span.lead__mark--md{font-size:1.25em}
span.lead__mark--sm{font-size:1em}
span.lead__mark--xs{font-size:.8em}