/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

html{
  /*background: rgb(245, 245, 245);*/
}

/* 共通：スタイル */
.mt20px{
  margin-top:20px
}
.mt40px{
  margin-top:40px
}
.txtCenter{
  text-align:center;
}

/* ヘッダー、フッター */
.headerLogo{
  height:50px
}
.header{
  width: 100%;
  background: rgb(184, 246, 250);
}
.fotter{
  width: 100%;
  background: rgb(184, 246, 250);
  padding-bottom: 10px;
  position: absolute;/*←絶対位置*/
  bottom: 0; /*下に固定*/
}
.contentTitle{
  font-size:25px;
  font-weight: bold;
  padding-bottom: 15px;
}

/*  共通：メッセージ */
.text-succes{
  width:50%;
  height: 35px;
  padding: 5px;
  color: rgb(36, 138, 50);
  background: rgba(183, 250, 192, 0.8);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 25%;
}
.text-danger{
  width:50%;
  height: 35px;
  padding: 5px;
  margin-top: 5px;
  color: rgb(138, 36, 61);
  background: rgb(250, 184, 200, 0.8);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 25%;
}
.alert{
  padding: 5px;
  margin-top: 5px;
  color: rgb(138, 94, 36);
  background: rgb(250, 243, 184);
  border-radius: 15px;
}

/* 共通ボタン設定 */
.whiteBtn{
  appearance: none;
  border-radius: 5px;
  border-color: gray;
  background: rgb(255, 255, 255);
  color: rgb(73, 71, 71);
  padding: 4px 10px;
  cursor: pointer;
  margin: 3px;
  width: 130px;
}
.blueBtn{
  appearance: none;
  border-radius: 5px;
  border-color: gray;
  background: rgb(59, 107, 180);
  color: #fff;
  padding: 4px 10px;
  cursor: pointer;
  margin: 3px;
  width: 130px;
}
.greenBtn{
  appearance: none;
  border-radius: 5px;
  border-color: rgb(59, 180, 105);
  background: rgb(59, 180, 105);
  color: #fff;
  padding: 4px 10px;
  cursor: pointer;
  margin: 3px;
}
.redBtn{
  appearance: none;
  border-radius: 5px;
  border-color: rgb(180, 59, 85);
  background: rgb(180, 59, 85);
  color: #fff;
  padding: 4px 10px;
  cursor: pointer;
  margin: 3px;
}

/*  共通：テーブル設定 */
table{
  border: 1px solid lightgray;
  border-collapse: collapse;
  background: rgb(250, 250, 250);
}
th{
  background-color: #86a6df;
  border: 1px solid lightgray;
  color: #fff;
  padding: 1px 3px;
}
td{
  border: 1px solid lightgray;
  padding: 1px 3px;
}
table tr:nth-child(odd) td {
	background: rgb(227, 245, 255);
}