/*
Theme Name: Can-Ai
Theme URI: 
Author: Can-Ai with minescope.com
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: can-ai
Tags: 
*/

/* テーブル：パターン1*/
.wp-block-table.is-style-table-p1{
  background-color:initial;
  border-bottom:1px solid #222222;
  border-collapse:inherit;
  border-spacing:0;
}
.wp-block-table.is-style-table-p1 tbody tr{
  border-top: 1px solid #222222;
}

/* 記事一覧 */
.is-style-icon-magnifying-glass::before{
  display: inline-block;
  font: var(--fa-font-solid);
  content: '\f002　';
  width: 1.125rem;
  height: 1.125rem;
  vertical-align: 0.0625rem; /* (1/16px) */
  margin-right: 0.25rem; /* (4/16px) */
  font-size: 1rem; /* (14/16px) */
  opacity: 0.8;
}

/* 更新日：時計アイコン */
.is-style-icon-clock time::before {
  display: inline-block;
  font: var(--fa-font-regular);
  content: '\f017　';
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: 0rem;
  margin-right: 0.25rem; /* (4/16px) */
  font-size: 0.875rem; /* (14/16px) */
  opacity: 0.8;
}

/* ボタンの中に メール アイコン*/
.is-style-icon-mail a::before {
  font: var(--fa-font-regular);
  content: '\f0e0　';
}
.is-style-icon-mail a:hover, 
.is-style-icon-mail a:hover::before {
  color: var(--wp--preset--color--white) !important;
}

/* ボタンの中に 電話 アイコン*/
/*
.is-style-icon-phone a::before {
  font: var(--fa-font-solid);
  content: '\f095　';
}
.is-style-icon-phone a:hover, 
.is-style-icon-phone a:hover::before {
  color: var(--wp--preset--color--white) !important;
}
*/

/* ボタンの中に Instagram アイコン*/
.is-style-icon-insta a::before {
  font: var(--fa-font-brands);
  content: '\f16d　';
}
.is-style-icon-insta a:hover, 
.is-style-icon-insta a:hover::before {
  color: var(--wp--preset--color--white) !important;
}

/* ボタンの中に LINE アイコン*/
.is-style-icon-line a::before {
  font: var(--fa-font-brands);
  content: '\f3c0　';
}
.is-style-icon-line a:hover, 
.is-style-icon-line a:hover::before {
  color: var(--wp--preset--color--white) !important;
}


/* Smart Slider プラグインで使う CSS */
.smart-slider-link a {
  color: var(--wp--preset--color--vivid-red) !important;
}