@charset "utf-8";
html body{
  font-family: 'メイリオ','YuGothic','Yu Gothic','ヒラギノ角ゴ',sans-serif;
  font-size: 0.8rem;
  line-height : 1.3 ;
  letter-spacing : 0.05em;
  scroll-behavior: smooth;
  overflow-x: hidden;

  height: auto;
}

/* トースト設定 */
.toast{
  width: 400px;
  border-radius: 6px;
  overflow: hidden;
}
.toast-header {
  color: inherit!important;
  border-bottom: inherit!important;
  border-radius: inherit!important;
  padding: 1rem 0.75rem!important;
  width: calc(100% - 10px);
}
.toastFlame{
  bottom: 0;
  right: 0;
  z-index: 10000;
}

/* スクロールバー非表示 */
.scrollBarNone{
  /* IE(Internet Explorer)・Microsoft Edge */
  -ms-overflow-style: none;
  /* Firefox */
  scrollbar-width: none;
}
/* Google Chrome・Safari */
.scrollBarNone::-webkit-scrollbar{
  display: none;
}

/* スクロールバーデザイン */
::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}



.arrow{
  display: inline-block;
  vertical-align: middle;
  /* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); */
  clip-path: polygon(0% 30%, 70% 30%, 70% 0%, 100% 50%, 70% 100%, 70% 70%, 0% 70%);
  background-color: #0d47a1;
  width: 50px;
  height: 20px;
}