@charset "utf-8";
/* CSS Document */

/* すべてのタグに共通するベースのデザイン */
.skill-tag {
  display: inline-block;
  padding: 1.5vw 2.4vw;
  margin: 0 1.5vw 2.4vw 0;
  border-radius: 20px;
  font-size: 3.4vw;
  font-weight: 400;
  text-decoration: none; /* <a>タグ特有の下線を消す */
  transition: opacity 0.2s; /* ホバーした時にフワッとさせる準備 */
}

/* ユーザーがタップ/クリックしやすいようにホバー時の動きをつける */
.skill-tag:hover {
  opacity: 0.7;
}

/* 個別の色設定 */
.senseijutsu{
    background-color: #bfd9eb;
    color: #654945;
}
.tarot{
	background-color: #eaa6ca;
    color: #654945;
}
.channeling{
	background-color: #8edac0;
    color: #654945;
}
.reishi{
	background-color: #c4a9ed;
    color: #654945;
}
.healing{
	background-color: #c3f1ed;
    color: #654945;
}
.sanmei{
	background-color: #beceec;
    color: #654945;
}
.suuhi{
	background-color: #a7dceb;
    color: #654945;
}
.reikan{
	background-color: #f7b8a0;
    color: #654945;
}
.zensei{
	background-color: #f9f9bc;
    color: #654945;
}
.eki{
	background-color: #e6d4b2;
    color: #654945;
}
.shichu{
	background-color: #bcd2a9;
    color: #654945;
}
.kyuusei{
	background-color: #faffdd;
    color: #654945;
}
.toshi{
	background-color: #f9f5ff;
    color: #654945;
}
.counseling{
	background-color: #c9ccec;
    color: #654945;
}
/* 辞書に登録されていない占術用のデフォルト色 */
.color-default {
  background-color: #FFF;
  color: #654945;
}