/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ---------------------------------------------------------------- */
/* 以下、追加部分 */
/* ---------------------------------------------------------------- */

/* 例: ブルー */
:root {
/* デフォルトの緑
  --cnvs-themecolor:	#1abc9c;
  --cnvs-themecolor-rgb:	26, 188, 156;
*/
/* ロゴの外側の青
  --cnvs-themecolor: #1e73be;
  --cnvs-themecolor-rgb: 30, 115, 190;
*/
/* 明るめの水色 黒でも見える */
  --cnvs-themecolor: #23a0de;
  --cnvs-themecolor-rgb: 35, 160, 222;
}




/* custom-list 専用：2行目以降の字下げ
.custom-list li { 
  padding-left: 1em; 
  text-indent: -1em;
}
*/

ul.custom-list{ 
  padding-left: 0em; 
  text-indent: 0em;
}

ul.custom-list li {
  margin-bottom: 0.5em; /* ← 各項目の間のスペースを増やす */
}
ul.custom-list li:last-child {
  margin-bottom: 0; /* ← 最後の項目の下だけ余白なしにする（見た目を整える） */
}


ul.custom-list-inside{ 
  list-style-position: inside;
  padding-left: 2em; 
  text-indent: -2em;
}




.label {
  display: inline-block;
  padding: 0.2em 0.8em;
  border-radius: 9999px;   /* 丸い形 */
  color: #fff;             /* 白文字 */
  font-size: 0.85em;
  font-weight: 500;
  line-height: 1;          /* ← 行高を固定 */
  margin-right: 0.4em;     /* タグ同士の間隔 */
  vertical-align: middle;  /* ← インラインのズレを防ぐ */
}

/* --- 色バリエーション --- */
.label-blue   { background-color: #1e73be; }  /* 青 */
.label-green  { background-color: #3c9d40; }  /* 緑 */
.label-red    { background-color: #d9534f; }  /* 赤 */
.label-orange { background-color: #db4c00; } 
.label-black  { background-color: #000000; } 
.label-gray   { background-color: #808080; }