/*アプリごとに作成するcss*/

@font-face {
  font-family: 'DarumadropOne'; /* フォント名（CSSで指定する際に使用） */
  src: url('../fonts/DarumadropOne-Regular.ttf') format('truetype'); /* フォントファイルのパスと形式 */
  /* 必要に応じて font-weight や font-style も指定できます */
  /* font-weight: bold; */
  /* font-style: italic; */
}

@font-face {
  font-family: 'Yusei Magic'; /* フォント名（CSSで指定する際に使用） */
  src: url('../fonts/YuseiMagic-Regular.ttf') format('truetype'); /* フォントファイルのパスと形式 */
}

/*フォントの指定*/
body {
  font-family: 'DarumadropOne', 'Yusei Magic', sans-serif; /* カスタムフォントが読み込めなかった場合の代替フォントも指定しておくと安全です */
}

/* imgの下部隙間をなくす */
img {
  vertical-align: bottom;  
}

/* 画像を持ってかれないように */
img {
    user-drag: none; /* ドラッグ禁止 */
    user-select: none; /* 選択禁止 */
    -webkit-user-drag: none; /* Webkitブラウザ（ChromeやSafari）向け */
    -webkit-user-select: none;
    -moz-user-select: none; /* Firefox向け */
    -ms-user-select: none; /* IE向け */
/*    pointer-events: none;*/ /* 右クリックや長押し禁止 */
}

button {
  font-family: 'DarumadropOne', sans-serif;
  background-color: #E0D2EF;
}

hr.style1 {
  border-top: 4px solid black;
}

/*説明によくつかう*/
.custom-description{
  border:solid 1px white;
  background: #E0D2EF;
  color:black;
  font-size:12px;
}

/* カラー指定 */
.bg-yellow {
  background-color:#F2E03A;
}

.bg-light-purple{
  background-color:#E0D2EF;
}

.bg-purple{
  background-color:#CEAAED;
}

/* スクロールバーの非表示 */
.hidden-scroll-bar::-webkit-scrollbar {
  display: none;
}