/* 文字フォント */
body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
  font-weight: 500;
}

/* 各画面の項目名の色 */
.function-name-color {
  color: #848484;
  /* color: #6E6E6E; */
}

/* ログイン画面の背景色 */
.login-background {
  /* background: linear-gradient(-170deg, #FFFFFF, #DCEEF4); */
  /* background: linear-gradient(-170deg, #FFFFFF, #C2EAFA); */
  /* background: linear-gradient(-170deg, #FFFFFF, #81DAF0); */
  /* background: radial-gradient(#FFFFFF, #D2F0FC); */
  background: radial-gradient(#FFFFFF, #C2EAFA);
}

/* ログイン画面の上下左右中央配置 */
.verticalcenter {
  position:absolute;
  top:35%;
  left:50%;
  width:550px;
  height:auto;
  margin-left:-275px;
  margin-top:-150px;
}
/* ログイン画面の注意文言配置 */
.text-beneath {
  padding-top:330px;
  color:#58666e;
}
/* 画面横幅が767px以下の時にログイン画面が上にずれてしまうのを修正 */
@media screen and (max-width: 767px) {
  .verticalcenter { margin-top:143px; }
  .text-beneath { padding-top:50px; }
}

/* バリデーションエラー文言色 */
.error-message {
  color: #FF7676;
  /* font-weight: bold; */
}
.form-error {
  border: 1px solid #FF7676 !important;
}

/* NEWデザイン */
.ribbon18-content {
  position: absolute;
  top: -6px;
  right: 10px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }
.ribbon18 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 21px;
  line-height: 16px;
  background: linear-gradient(to right, #FF7676 0%,rgb(252, 164, 164) 100%);
  color: #fff;
  text-shadow: 0 2px 2px rgb(253, 109, 109);
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ribbon18:before, .ribbon18:after {
  position: absolute;
  content: "";
  border-top: 4px solid rgb(207, 72, 72);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}
.ribbon18:before {
  left: 14px;
}
.ribbon18:after {
  right: 18px;
}


/* 用語デザイン */
.terminology-frame{
  padding: 0 0;
  margin: 0 0 30px 0;
  /* color: #252525; */
  background: white;
  border-top: solid 2px #E6E6E6;
  border-image: radial-gradient(#E6E6E6, rgb(145, 145, 145));
  /* border-image: radial-gradient(rgb(247, 217, 217), #FEB7B7); */
  /* border-image: radial-gradient(#99d8ff, #5EBAF3); */
  /* border-image: linear-gradient(to right, #7dcafa, #64c0fa); */
  
  border-image-slice: 1;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.terminology-frame p {
  margin: 0; 
  padding: 0;
}

/* フロント機能名 */
.function-name-frame {
  /* padding: 0.5em 1em; */
  color: #2F323E;
  background: white;
  border-left: solid 6px #2CABE3;
  /* border-right: solid 8px #848484; */
  padding: 15px 20px 15px 20px;
}
.function-name-frame p {
  margin: 0; 
  padding: 0;
}

/* 画面幅に合わせて自動で改行させる */
.indention {
  word-break: break-all;
}

/* Q&Aデザイン */
.question-horn{
  border-radius: 30px;
}

/* 評価デザイン */
.star-rating {
  position: relative;
  width: 5em;
  height: 1em;
  font-size: 20px;

}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #ffcc33;
}
.star-rating-back {
  color: #ccc;
}
/* 評価枠デザイン */
.evaluation-frame{
  border-top: solid 4px #06ABA0;
}

/* お知らせ画面　カルーセル枠 */
.notice-carousel-frame {
  border: solid 1px #E3E3E3;
  /* border-left: solid 6px #E3E3E3;
  border-right: solid 6px #E3E3E3; */
}

/* アカウントのセレクトボックスの幅・文字を指定 */
.ms-container {
  width: 100% !important;
}
.ms-selectable:before {
  content: '非表示';
  color: #FF7C7C;
}
.ms-selection:before {
  content: '表示';
  color: #53E69D;
}
.ms-elem-selectable {
  background-color: #C1C1C1 !important;
}
.ms-selectable li.ms-hover {
  background: #2cabe3 !important;
}
/* .ms-optgroup-label {
  background: #EFF5FB !important;
} */
.ms-optgroup-label {
  padding-top : 6px !important;
  padding-bottom : 8px !important;
}