.hand{
        cursor: pointer;
        cursor: hand;
}

:root {
	--jp: none;
	--en: none;
	--de: none;
        --fr: none;
        --ko: none;
        --es: none;
        --de: none;
        --th: none;
        --vi: none;
        --id: none;
        --pt: none;
        --it: none;
        --ru: none;
	--yw: none;
	--id: none;
	--vi: none;
	--ti: none;
	--es: none;
	--zh-Hans: none;
	--zh-Hant: none;
}
.en{
  display    : var(--en);
}
.jp{
 display    : var(--jp);
}
.zh-Hans{
 display    : var(--zh-Hans);
}
.zh-Hant{
 display    : var(--zh-Hant);
}
.fr{
 display    : var(--fr);
}
.ko{
 display    : var(--ko);
}
.es{
 display    : var(--es);
}
.de{
 display    : var(--de);
}
.th{
 display    : var(--th);
}
.vi{
 display    : var(--vi);
}
.id{
 display    : var(--id);
}
.pt{
 display    : var(--pt);
}
.it{
 display    : var(--it);
}
.ru{
 display    : var(--ru);
}
.yw{
 display    : var(--yw);
}
.id{
 display    : var(--id);
}
.vi{
 display    : var(--vi);
}
.separator {
  width: 0.6em;
  height: 1em;
  vertical-align: middle;
}

.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.outlined-text {
  color: white;
  text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
}
.double-outline-text {
  color: #f0f0f0; /* 中央の文字色 */

  text-shadow:
    /* 外側の黒縁（太め） */
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black,
    0px -1px 0 black,
    0px  1px 0 black,
    -1px 0px 0 black,
     1px 0px 0 black,

    /* 内側の白縁（細め） */
    -1px -1px 0 white,
     1px -1px 0 white,
    -1px  1px 0 white,
     1px  1px 0 white,
    0px -1px 0 white,
    0px  1px 0 white,
    -1px 0px 0 white,
     1px 0px 0 white;
}