/* Webメール&メール転送 */
/* CSS used here will be applied after bootstrap.css */
body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff; /*#f0f8ff*/
  word-break: break-all;
}
.login-header {
  text-align:center;
}
.header {
  /* padding-top: 5px; */
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  /*text-align:center;*/
}
.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #000;
  text-align:center;
}


/* 共通 */
.icon::before, .icon::after {
  /* アイコン共通設定 */
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right : 5px;/*文字との隙間*/
}

.linkbtn {
  /* ボタン */
  position: relative;
  font-weight: bold;
  /*display: table-cell;*/
  /*vertical-align: middel;*/
}

a {
  /* リンクの色 */
  /*color: blue;*/
}
.nav-item a {
  color: white;
}

/* フォーカス時にplaceholderを消す */
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
  transition: .1s;
}


/* ログイン用 */
.form-signin {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* メニュー */
.navbar {
  background-color: #007bff;
}
.navbar-brand {
  color: #fff;
}
.navbar-toggler {
  border-color: #fff;
  /*background-color: #000;*/
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-loginid {
  color: yellow;
}
.service-menu a {
  display: block;
  width: 200px;
  margin-bottom: 5px;
}
/* ボタン使用不可 */
.button-disabled {
  pointer-events: none;
  background-color: #6c757d;
  border-color: #1d2124;
}

/* テーブル */
.table-vertical-middle {
  /*vertical-align: middel;*/
  display: inline-block;
  
}
th {
  white-space: nowrap;
}

/**********
 * アイコン
 *********/
 
/**
 * animation
 * https://qiita.com/7968/items/1d999354e00db53bcbd8
 * https://www.casleyconsulting.co.jp/blog/engineer/239/
 * https://saruwakakun.com/html-css/basic/font-awesome
 */
 
/* ログインアイコン */
.ico-login::before {
  font-family: "Font Awesome 5 Free";
  content: '\f2f6';
  font-weight: 900;
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}
/* アイコン ログアウト */
.ico-button-logout::before {
  font-family: "Font Awesome 5 Free";
  content: '\f2f5';
  font-weight: 900;
  color: gray;
  font-size: 35px;
}
/* アイコン メール */
.ico-title::after {
  font-family: "Font Awesome 5 Free";
  content: '\f0e0';
  font-weight: 400;
  color: #007bff;
  -webkit-animation: bounce 2s ease-out;
}
/* アイコン ログアウト */
.ico-logout::before {
  font-family: "Font Awesome 5 Free";
  content: '\f2f5';
  font-weight: 900;
  color: gray;
  font-size: 35px;
}
/* アイコン 戻る */
.ico-back::before {
  font-family: "Font Awesome 5 Free";
  content: '\f2ea';
  font-weight: 900;
}
/* アイコン トップ */
.ico-top::before {
  font-family: "Font Awesome 5 Free";
  content: '\f108';
  font-weight: 900;
}
/* アイコン リセット */
.ico-reset::before {
}
.ico-reset {
  background-color: #666;
  color: #fff;
}
/* アイコン アップ */
.ico-up::before {
  font-family: "Font Awesome 5 Free";
  content: '\f062';
  font-weight: 900;
}
/* アイコン ダウン */
.ico-down::before {
  font-family: "Font Awesome 5 Free";
  content: '\f063';
  font-weight: 900;
}

/* アイコンの文字 */
.logout-text, .menu-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: scale(0.8);
}
.menu-text {
  right: 100px;
}
.logout-text {
  right: 0;
}



/**********
 * レスポンシブ対応
 **********/
@media screen and (max-width: 991px) {

}