/** START Form用 **/
.form-login {
	max-width: 620px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.form-login .form-login-heading {
	margin-bottom: 5px;
}

.form-login .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}

.form-login .forgot-password {
	margin-top:25px;
}

.error-msg {
	color: #e60027 !important;
	font-size: 85% !important;
	font-weight: bold;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:1px;
	margin-left:3px;
	margin-bottom:0px;
}
.form-control.error {
	border:1px solid #ffa8a8 !important;
	background-color:#ffeaef !important
}
/** END Form用 **/

/** START メニュー名用 **/
.menu {
	font-size: 130%;
	font-weight: bold;
	color: #255074;
	margin:0px;
	padding:0px;
	/* margin-bottom: 5px; */
}
/** END メニュー名用 **/

/** START フッター **/
.copyright {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 90%;
}
/** END フッター **/

/** START 見出し **/
.list-style {
    position: relative;
    padding-left: 1.6rem;
}

.list-style::before {
    position: absolute;
    left: 0;
    content: "";
    width: .6rem;
    height: 1.6rem;
    background-color: #e60027;
}
/** END 見出し **/

/* START ボタンページトップ */
.btn-pagetop {
	width: 30px;
	height: 25px;
	background: #6c757d;
	opacity:0.6;
	border-radius: 5px;
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	right: 5px;
	display:none;
}
.btn-pagetop a {
	position: relative;
	display: block;
	width: 30px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bolder;
}
.btn-pagetop a::before {
	font-size: 12px;
	color: #fff;
	position: absolute;
	width:12px;
	height:12px;
	text-align: center;
	bottom: 0;
	right: 0;
	left: 4px;
	top: 3px;
}
.btn-pagetop:hover,
.btn-pagetop:active,
.btn-pagetop.clicked {
	border: 1px solid #5a6268 ! important;
	background: #5a6268 !important;
}
/* END ボタンページトップ */

.btn-search {
  background-color: transparent;
  background-image: none;
  border-color: #ced4da;
  cursor: pointer;
}
.btn-search:hover,
.btn-search:active,
.btn-search.clicked {
	border: 1px solid #ced4da !important;
}

.img-search {
  margin-bottom: 0rem;
  line-height: 1;
  align-items: center;
}

.count-label {
  font-size:0.87rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  line-height: 1.5;
}

/* START メニューボタン */
.btn-menu {
  color: #212529;
  background-color: #eae4d7; /*#f8f9fa;*/
  border-color: #f8f9fa;
}

.btn-menu:hover {
  color: #212529;
  background-color: #d8cdb5; /*#e2e6ea;*/
  border-color: #dae0e5;
}

.btn-menu:focus, .btn-menu.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-menu.disabled, .btn-menu:disabled {
  color: #212529;
  background-color: #eae4d7;
  border-color: #eae4d7;
}

.btn-menu:not(:disabled):not(.disabled):active, .btn-menu:not(:disabled):not(.disabled).active,
.show > .btn-menu.dropdown-toggle {
  color: #212529;
  background-color: #d8cdb5;
  border-color: #d8cdb5;
}

.btn-menu:not(:disabled):not(.disabled):active:focus, .btn-menu:not(:disabled):not(.disabled).active:focus,
.show > .btn-menu.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

/* END メニューボタン */

.fake-table-hover :hover {
  background-color: rgb(236, 236, 236);
  cursor: pointer;
}

.overflow-scroll {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}

.attachment {
  display: flex;
  justify-content: space-between;
}

.attach-menu {
  display: flex;
}
.attach-item {
  color: #007bff;
  text-decoration: underline;
  background-color: transparent;
}
.attach-item:hover {
  color: #0056b3;
  text-decoration: underline;
}

.attachment-file {
  padding-left: 1rem;
  width: 2.2rem;
  line-height: 1.6rem;
}

.attachment-zip {
  width: 1.2rem;
  line-height: 1.6rem;
}

/* チェックボックスのカスタマイズ */

.checkbox-slide {
  width: 100%;
  text-align: left;
}
.checkbox-slide input {
	display: none;
}
.checkbox-slide label {
  position: relative;
  display: block;
  padding: .2rem 0 .2rem 1.8rem;
  cursor: pointer;
}
.checkbox-slide input[type='checkbox'] {
  position: absolute;
  visibility: hidden !important;
}
.checkbox-slide input[type='checkbox'] + label:before,
.checkbox-slide input[type='checkbox'] + label:after {
	position: absolute;
	top: calc(50% - .45rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
}
.checkbox-slide input[type='checkbox'] + label:before {
	left: -1rem;
	width: 1.8rem;
	height: .9rem;
	border: .1rem solid #e4e3e1;
  border-radius: .9rem;
}
.checkbox-slide input[type='checkbox'] + label:after {
  left: -1rem;
  width: .9rem;
  height: .9rem;
  -webkit-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
  border-radius: 50%;
  background: #bdbdbd;
}
.checkbox-slide input[type='checkbox']:checked + label:after {
  left: -.1rem;
  background: #e60027;
}

.font-sm {
	font-size: .8rem;
}

.underline {
	text-decoration: underline;
}

/* ガイド文言 */
.guide {
  font-size: .8rem;
  color: #007bff;
  cursor: pointer;
}
.guide:hover {
  color: #0056b3;
  text-decoration: underline;
}
.guide-detail {
  font-size: .8rem;
  display: none;
}
.guide-detail ol {
  padding-left: 1rem;
}
.guide-detail ol li {
  word-break: break-all;
}
.guide-detail-title {
  text-decoration: underline;
}
.guide-detail-content {
  overflow: hidden;
}
.guide-done, .guide-done * {
  color: #bdbdbd;
}