﻿@charset "UTF-8";
/* CSS Document */

/* -------------------------
	アイコン素材
--------------------------- */

.tabMenu::before{
  content: "";
  display: inline-block;
  height: 2em;               /* 文字の高さと一致 */
  aspect-ratio: 1 / 1;       /* 正方形なら */
  /* 正方形でない場合は width を比率で指定してもOK */
  background: url("/images/shooting-star.png") no-repeat center / contain;
  flex: 0 0 auto;
}
.button8::before{
 padding-right:5px;
 content: "";
 display: inline-block;
 height: 1em;
 aspect-ratio: 1 / 1;
 background: url("/images/icon_key.png") no-repeat center / contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}
.augur a .status_tag.off span::before{
 padding-right:5px;
 content: "";
 display: inline-block;
 height: 1em;
 aspect-ratio: 1 / 1;
 background: url("/images/icon_call.png") no-repeat center / contain;
 transform: translateY(2px); /* ★2px下へ移動 */
}
.augur a .status_tag.on span::before{
 padding-right:5px;
 content: "";
 display: inline-block;
 height: 1em;
 aspect-ratio: 1 / 1;
 background: url("/images/icon_glass.png") no-repeat center / contain;
 transform: translateY(2px); /* ★2px下へ移動 */
}
.question span::before{
 padding-right:5px;
 content: "";
 display: inline-block;
 height: 1em;
 aspect-ratio: 1 / 1;
 background: url("/images/icon_question_b.png") no-repeat center / contain;
 transform: translateY(2px); /* ★2px下へ移動 */
}

.menu-icon{
  height: 25px;
  width: auto;
  margin:0 auto;
  display: block;
}

.fas.fa-phone {
  position: relative;
  display: inline-block;
  width: 1.5em;                /* テキストサイズに連動 */
  height: 1.5em;
  background: url("/images/icon_call.png") no-repeat center;
  background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}

.paper-plane {
 position: relative;
 display: inline-block;
 width: 1em;                /* テキストサイズに連動 */
 height: 1em;
 background: url("/images/icon_chat.png") no-repeat center;
 background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}

.fa-clock {
 position: relative;
 display: inline-block;
 width: 1em;                /* テキストサイズに連動 */
 height: 1em;
 background: url("/images/icon_clock.png") no-repeat center;
 background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}
.fa-clock_g {
 position: relative;
 display: inline-block;
 width: 1em;                /* テキストサイズに連動 */
 height: 1em;
 background: url("/images/icon_clock_g.png") no-repeat center;
 background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}
.fa-comment {
 position: relative;
 display: inline-block;
 width: 1em;                /* テキストサイズに連動 */
 height: 1em;
 background: url("/images/icon_coment.png") no-repeat center;
 background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}

.fa-address-book {
border-radius:0!important;
 position: relative;
 display: inline-block!important;
 width: 1em;                /* テキストサイズに連動 */
 height: 1em;
 background: url("/images/icon_prf.png") no-repeat center;
 background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}

.fa-crown {
border-radius:0!important;
 position: relative;
 display: inline-block!important;
 width: 1em;                /* テキストサイズに連動 */
 height: 1em;
 background: url("/images/icon_crown.png") no-repeat center;
 background-size: contain;
 transform: translateY(3px); /* ★3px下へ移動 */
}