/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* 1つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img1 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;  /* 画像の幅 */
  height: 40px; /* 画像の高さ */
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/toyota-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* テキストとの間隔 */
  vertical-align: middle;
}

/* 2つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img2 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/honda-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 3つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img3 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/nissan-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 4つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img4 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/nazda-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 5つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img5 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/suzuki-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 6つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img6 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/daihatsu-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 7つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img7 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/subaru-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 8つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img8 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/mitsubishi-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 9つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img9 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/lexus-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 10つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img10 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/isuzu-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 11つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img11 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/fuso-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 12つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img12 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/07/hino-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 13つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img13 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;  /* 画像の幅 */
  height: 40px; /* 画像の高さ */
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/mercedesbenz-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* テキストとの間隔 */
  vertical-align: middle;
}

/* 14つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img14 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/bmw-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 15つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img15 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/volkswagen-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 16つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img16 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/mini-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 17つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img17 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/audi-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 18つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img18 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/volvo-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 19つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img19 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/alfaromeo-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 20つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img20 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/peufeot-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 21つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img21 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/porshe-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 22つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img22 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/jaguar-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 23つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img23 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/renault-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 24つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img24 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/fiat-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 25つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img25 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;  /* 画像の幅 */
  height: 40px; /* 画像の高さ */
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/opel-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* テキストとの間隔 */
  vertical-align: middle;
}

/* 26つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img26 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/citroen-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 27つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img27 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/ferrari-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 28つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img28 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/cadillac-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 29つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img29 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;  /* 画像の幅 */
  height: 40px; /* 画像の高さ */
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/chrysler-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* テキストとの間隔 */
  vertical-align: middle;
}

/* 30つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img30 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/jeep-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 31つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img31 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/chevrolet-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 32つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img32 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/dodge-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 33つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img33 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/hummer-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 34つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img34 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/ford-logo_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 35つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img35 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/japan-flag_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 36つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img36 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/european-flag_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 37つ目のボタンのアイコン部分に画像を入れる場合 */
.btn-custom-img37 .vk_button_link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('http://cars-battery.com/wp-content/uploads/2026/08/american-flag_100-100.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* 横並びボタン内の要素を左端と右端、または左側に並べる設定 */
.align-left-btn .vk_button_link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* 左側に寄せる */
    text-align: left !important;
    padding-left: 1.5em !important;         /* 左の余白を調整 */
}

/* 画像とテキストの間隔を空ける場合 */
.align-left-btn .vk_button_link img {
    margin-right: 0.5em !important;
    margin-left: 0 !important;
}