/* デフォルトサイズ */
body {
	font-size: 18px;
}
/* 文字色 */
.color-blue{ color: blue; !important;}
.color-white{ color: white !important; }
.color-red{ color: red !important; }
.color-lightpink{ color: lightpink !important; }
.color-required{ color: #cc0000; !important;}
.color-inactive{ color: #888888; !important;}
.color-err{ color: #500000; !important;}

/* 背景色 */
.bg-inputted{ background-color: #b0c4de; }
.bg-shokuin { background-color: #f3FFf3; }
.bg-blue{ background-color: blue; }
.bg-white{ background-color: white;}
.bg-lightpink{ background-color:lightpink !important; }

/* 文字サイズ */
.fs-16{ font-size: 16px; }
.fs-18{ font-size: 18px; }
.fs-20{ font-size: 20px; }
.fs-22{ font-size: 22px; }

/* フォント太さ */
.fw-bold{ font-weight: bold; }

/* フォント */
.font-maintenance{
	 color: #a50000;
	 font-weight: bold;
	 font-size: 20px;
}

/* 文章折り返し */
.word-break-all{
	word-wrap:break-word;
}


/* 横並び */
.inline{ display: inline; }

/* margin */
.m00{
	margin-top:    0px !important;
	margin-right:  0px !important;
	margin-bottom: 0px !important;
	margin-left:   0px !important;
}
.m05{
	margin-top:    5px !important;
	margin-right:  5px !important;
	margin-bottom: 5px !important;
	margin-left:   5px !important;
}
.mtauto{ margin-top:auto !important; }
.mt00{ margin-top:  0px !important; }
.mt03{ margin-top:  3px !important; }
.mt05{ margin-top:  5px !important; }
.mt08{ margin-top:  8px !important; }
.mt10{ margin-top:  10px !important; }
.mt20{ margin-top:  20px !important; }
.mrauto{ margin-right:auto !important; }
.mr00{ margin-right:  0px !important; }
.mr03{ margin-right:  3px !important; }
.mr05{ margin-right:  5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr45{ margin-right: 45px !important; }
.mbauto{ margin-bottom:auto !important; }
.mb00{ margin-bottom:  0px !important; }
.mb03{ margin-bottom:  3px !important; }
.mb05{ margin-bottom:  5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mlauto{ margin-left:auto !important; }
.ml00{ margin-left:  0px !important; }
.ml03{ margin-left:  3px !important; }
.ml05{ margin-left:  5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml30{ margin-left: 30px !important; }
.ml50{ margin-left: 50px !important; }
.ml60{ margin-left: 60px !important; }
.mlm10{ margin-left: -10px !important; }
.mlm20{ margin-left: -20px !important; }
.mlm30{ margin-left: -30px !important; }
.mlm40{ margin-left: -40px !important; }

.m-center { margin: 0 auto 0 auto !important; }
.row.row-margin00{ margin: 0 !important; }

.resizeimg img {width: 70%}

/* padding */
.p00{
	padding-top:    0px !important;
	padding-right:  0px !important;
	padding-bottom: 0px !important;
	padding-left:   0px !important;
}
.p01{
	padding-top:    1px !important;
	padding-right:  1px !important;
	padding-bottom: 1px !important;
	padding-left:   1px !important;
}
.p05{
	padding-top:    05px !important;
	padding-right:  05px !important;
	padding-bottom: 05px !important;
	padding-left:   05px !important;
}
.p10{
	padding-top:    10px !important;
	padding-right:  10px !important;
	padding-bottom: 10px !important;
	padding-left:   10px !important;
}
.pt00{ padding-top:  0px !important; }
.pt03{ padding-top:  3px !important; }
.pt05{ padding-top:  5px !important; }
.pr00{ padding-right:  0px !important; }
.pr03{ padding-right:  3px !important; }
.pr05{ padding-right:  5px !important; }
.pb00{ padding-bottom:  0px !important; }
.pb03{ padding-bottom:  3px !important; }
.pb05{ padding-bottom:  5px !important; }
.pl00{ padding-left:  0px !important; }
.pl03{ padding-left:  3px !important; }
.pl05{ padding-left:  5px !important; }

/* max-width */
.mw100{ max-width: 100px; }
.mw150{ max-width: 150px; }
.mw160{ max-width: 160px; }
.mw200{ max-width: 200px; }
.mw300{ max-width: 300px; }
.mw400{ max-width: 400px; }

/* min-width */
.minw150{ min-width: 150px; }
.minw750{ min-width: 750px; }
.minw800{ min-width: 800px !important; }
.minw1300{ min-width: 1300px !important; }

/* width */
.width100{ width: 100px; }
.width130{ width: 130px; }
.width150{ width: 150px; }
.width530{ width: 530px; }
.width570{ width: 570px; }
.width800{ width: 800px; }
.width950{ width: 950px; }

/* 入力フォームボーダーライン左 */
.mw-label-text{
	max-width: 400px;
}
@media (max-width: 767px) {
.mw-label-text{
	max-width: 600px;
	}
}

/* min-height */
.minh800{ min-height: 800px; }

/* height */
.height-75per{ height: 75%; }

.height52{ height: 52px; }


/* float */
.float-right{
	float: right;
}
.float-left{
	float: left;
}

/* アンダーライン */
.underline {
	text-decoration: underline !important;
}

/* ボタン */
.btn-long{
	width: 150px;
	height: 30px;
}

.btn-radius{
	padding: 6px 12px;
	border-radius: 6px !important;
    line-height: 1.3333333 !important;
}

/* 画像上下左右の中央寄せ */
.vertical-center-block{
	display: flex;
	align-items: center;
	padding: 1em 0 1em 0;
}

.logo{
	width:130px;
	background-color: white;
	border: 1px solid blue;
	padding: 1px;
}

/* フォーム枠線 */
.well.form-well{
	background-color: #fff;
	padding: 8px;
	margin-bottom: 0;
}
/* ヘッダー */
.header_style{
	background-color: #01A0C7;
	color: #ffffff;
}
/* フォームヘッダー */
.form-header{
	background-color: #3f7bad;
	color: white;
	font-size: 20px;
	padding: 3px 0 3px 0;
}
.form-message{
	background-color: white;
	color: black;
	font-size: 20px;
	padding: 3px 0 3px 0;
}
/* ボーダーライン */
.shinsei-border-line{
	background-color:#00bfff;
	height: 1px;
	margin: 0;
}

.border-line{
	background-color:#00bfff;
	height: 1px;
	margin: 0;
}
/* 職員向けヘッダー */
.shokuin-header_style{
	background-color: #A0DDA0;
	font-size: 15px;
	color: black;
	min-width: 440px;
}
/* 職員向けヘッダーボーダーライン */
.shokuin-border-line{
	background-color: green;
	height: 10px;
	margin: 0;
}
/* フッター */
.footer_style{
	background-color: #01A0C7;
	color: #ffffff;
}

/* コピーライト */
.copyright{
	background-color: #01A0C7;
	color: white;
	text-align: center;
}
/* 手数料 */
.tesuryo{	
	background-color: #b0c4de;
	padding:5px 0px 5px 0px;
	border-bottom: solid 3px #516ab6;
}
/* メンテナンス */
.maintenance {
	background-color: lightgreen;
	padding: 25px 10px;
	border: 5px solid green;
	font-size: 16px;
}
/* エラーメッセージ */
.errmsg{
	background-color: lightpink;
	font-size: 16px;
	padding: 11px 10px;
	margin : 0 auto 0 auto;
	border: 4px solid red;
}
.server_err {
	background-color: lightsteelblue;
	margin: 10px;
	padding: 25px 10px;
	border: 5px solid royalblue;
	font-size: 16px;
}

/* 注意コメント */
.caution{
	background-color: #ffe4e1;
	color: #500000;
	text-align: left;
	padding: 4px 2px;
	border: 2px solid red;
}

/* ログイン画面エラーコメント */
.login-error{
	background-color: #ffe4e1;
	color: #500000;
	text-align: center;
	border: 2px solid red;
	padding: 15px 0px 15px 0px;
}

/* コメント */
.pass-comment{
	background-color: #ffffff;
	color: blue;
	font-weight: bold;
	border: 1px solid black;
	margin: 5px 8px 2px;
	padding: 4px 6px;
}
/* 個人情報の取り扱いについて */
.personal-info{
	background-color: #622d18;
	color: white;
	text-align: center;
}
/* 申込手続き完了コメント */
.complete-comment {
	border: 4px solid #6495ed;
	background-color: #afeeee;
	padding: 10px 10px 10px 10px;
}
/* 申込取消完了完了コメント */
.complete-cancel {
	background-color: lightblue;
	border: 5px solid blue;
	font-weight: bold;
	font-size: 20px;
	padding: 25px 10px;
}

/* 入力フォームボーダーライン左 */
.form-border-left{
	border-left: 1px solid #e3e3e3;
}
@media (max-width: 767px) {
.form-border-left{
	border-left: 0px;
	}
}

/* テキストボックス小 */
.form-control.form-text-small {
	height: 25px;
	padding-top: 0;
	padding-bottom: 0;
}

/* 横罫線 */
.hr {
	border-top: 1px solid #9d9d9d;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* テーブル */
.master-table {
	margin: 0px auto 0px auto;
	padding: 15px;
	border: 1px solid #d8cfa0;
	border-collapse: collapse;
	table-layout:fixed;
}
th.master,
td.master {
	border: 1px solid #ded5a6;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
th.master {
	padding: 2px 2px;
	background-color: #f2f2d9;
	text-align:center;
}
td.master {
	padding: 4px 2px;
	background-color: white;
	height: 28px;
}
.master-tbody{
	background-color: #d3d3d3;
	display: block;
	min-height: 300px;
}
/* テーブル共通設定*/
/* 選択(チェックボックス) */
th.master.sentaku,
td.master.sentaku {
	width:32px;
	min-width:32px;
	max-width:32px;
}
td.master.sentaku {
	text-align:center;
}
/* 日付共通(yyyy/MM/dd形式で表示するもの) */
th.master.date, 
td.master.date {
	width:96px;
	min-width:96px;
	max-width:96px;
}
td.master.date {
	text-align:center;
}

th.master.moshikomi.moshikomiNo, 
td.master.moshikomi.moshikomiNo {
	width:75px;
	min-width:75px;
	max-width:75px;
}
td.master.moshikomi.moshikomiNo {
	text-align:left;
}

/* 申請者名 */
th.master.moshikomi.shinseishaName, 
td.master.moshikomi.shinseishaName {
	width:250px;
	min-width:250px;
	max-width:250px;
}
td.master.moshikomi.shinseishaName {
	text-align:left;
}
/* 連絡先電話番号 */
th.master.moshikomi.renrakusakiTelNo,
td.master.moshikomi.renrakusakiTelNo {
	width:100px;
	min-width:100px;
	max-width:100px;
}
td.master.moshikomi.renrakusakiTelNo {
	text-align:left;
}
/* 手数料名 */
th.master.moshikomi.tesuryoName,
td.master.moshikomi.tesuryoName {
	width:190px;
	min-width:190px;
	max-width:190px;
}
td.master.moshikomi.tesuryoName {
	text-align:left;
}
/* 所属名 */
th.master.moshikomi.shozokuName,
td.master.moshikomi.shozokuName {
	width:90px;
	min-width:90px;
	max-width:90px;
}
td.master.moshikomi.shozokuName {
	text-align:left;
}
/* グループ名 */
th.master.moshikomi.groupName,
td.master.moshikomi.groupName {
	width:120px;
	min-width:120px;
	max-width:120px;
}
td.master.moshikomi.groupName {
	text-align:left;
}
/* 件数 */
th.master.moshikomi.kensu,
td.master.moshikomi.kensu {
	width:32px;
	min-width:32px;
	max-width:32px;
}
td.master.moshikomi.kensu {
	text-align:right;
}
/* 手数料額 */
th.master.moshikomi.tesuryoGaku,
td.master.moshikomi.tesuryoGaku {
	width:56px;
	min-width:56px;
	max-width:56px;
}
td.master.moshikomi.tesuryoGaku {
	text-align:right;
}
/* 手数料合計 */
th.master.moshikomi.tesuryoGokei,
td.master.moshikomi.tesuryoGokei {
	width:68px;
	min-width:68px;
	max-width:68px;
}
td.master.moshikomi.tesuryoGokei {
	text-align:right;
}
/* 入金企業名 */
th.master.moshikomi.kigyoName,
td.master.moshikomi.kigyoName {
	width:68px;
	min-width:68px;
	max-width:68px;
}
td.master.moshikomi.kigyoName {
	text-align:left;
}
/* 入金店舗コード */
th.master.moshikomi.nyukinCvsCode,
td.master.moshikomi.nyukinCvsCode {
	width:60px;
	min-width:60px;
	max-width:60px;
}
td.master.moshikomi.nyukinCvsCode {
	text-align:center;
}
/* 状態 */
th.master.moshikomi.jotai,
td.master.moshikomi.jotai {
	width:64px;
	min-width:64px;
	max-width:64px;
}
td.master.moshikomi.jotai {
	text-align:center;
}
/* 受理職員 */
th.master.moshikomi.shokuinName,
td.master.moshikomi.shokuinName {
	width:100px;
	min-width:100px;
	max-width:100px;
}
td.master.moshikomi.shokuinName {
	text-align:left;
}
/* 処理件数 */
th.master.kozanyukin.fileName,
td.master.kozanyukin.fileName {
	width:150px;
	min-width:150px;
	max-width:150px;
}
td.master.kozanyukin.fileName {
	text-align:center;
}
/* 処理件数 */
th.master.kozanyukin.syorikensu,
td.master.kozanyukin.syorikensu {
	width:105px;
	min-width:105px;
	max-width:105px;
}
td.master.kozanyukin.syorikensu {
	text-align:right;
}
/* 処理結果 */
th.master.kozanyukin.syorikekka,
td.master.kozanyukin.syorikekka {
	width:130px;
	min-width:130px;
	max-width:130px;
}
td.master.kozanyukin.syorikekka {
	text-align:center;
}


/* 日付選択アイコン */
.ui-datepicker-trigger{
	border-radius: 6px !important;
	width: 26px;
}

/* ヘルプボタン */
.help_button{
	background-color: #6495ed;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	border-color: #000000;
}

/* ログイン入力フォーム */
.login-input-form{
	border: 1px solid #ded5a6;
	background-color: #f2f2d9;
	margin: 50px auto 10px auto;
	width: 570px;
}
/* メニュー */
.menu-form{
	border: 1px solid #ded5a6;
	background-color: #f2f2d9;
	margin: 50px auto 10px auto;
	width: 650px;
}
/* メニューボタン */
.btn-menu{
	width: 240px;
	height: 40px;
	margin: 20px auto 40px auto;
}
/* プログレスバー */
.progressbar {
	margin: 0;
	padding: 0;
	counter-reset: step;
	z-index: 0;
	position: relative;
}
.progressbar li {
	list-style-type: none;
	width: 33.33%;
	float: left;
	font-size: 32px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #aaa;
}
.progressbar li:before {
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 30px;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: #eee;
}
.progressbar li:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #eee;
	top: 15px;
	left: -50%;
	z-index: -1;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.active {
	color: #2e8801;
}
.progressbar li.active:before {
	background-color: #2e8801;
	color:#fff;
}
.progressbar li.active + li:after {
	background-color: #2e8801;
}
label, input[type='checkbox'] {
	font-weight: 100;
	cursor: pointer;
}
.ime-act {
	ime-mode: active;	
}
.ime-inact {
	ime-mode: inactive;	
}

/* iOSのみボタンにCSSが効かない障害対応 */
.btn-block {
  display: block;
  width: 100%;
  background-color: #EFEFEF;
  color: #333333;
  border-color: #000000;
}

/* PC画面では効かない改行（スマホのみ改行用) */
@media (min-width: 768px) {
	.br-sp {display: none; }
}
/* ボタンの文字サイズlg */
.btn-lg,
.btn-group-lg > .btn {
  font-size: 22px;
}

/* ボタンの文字サイズsm */
.btn-sm,
.btn-group-sm > .btn {
  font-size: 16px;
}

/* 見出しの大きさ */
h3 {
  font-size: 30px;
}

/* small文字の大きさ */
.small {
  font-size: 90%;
}

/* small文字の大きさ70% */
.small-70 {
  font-size: 70%;
}

/* タイトルの大きさ */
.lead {
  font-size: 25px;
}

/* フォームオブジェクトの文字サイズ */
.form-control{
	font-size: 18px;
}

.width-auto{
  width: auto;
}

.border-img{
	border:1px solid black;
	max-width:100%;
	min-width:100%;
	margin-left: 50px !important;
}

.split{
	width:60%;
	height:1px;
	background-color:#C0C0C0;
	border:0;
}

.rmj,
.rmj tr,
.rmj td{
	border:1px solid black;
	max-width:50%;
	min-width:50%;
	text-align:center;
	margin-left:50px !important;
	border-collapse:separate;
	border-spacing: 2px
}

@media (max-width: 767px) {
.border-img{
	border:1px solid black;
	max-width:100%;
	min-width:100%;
	margin-left:0px !important;
	}

.split{
	width:100%;
	height:1px;
	background-color:#C0C0C0;
	border:0;
	}
	
.rmj,
.rmj tr,
.rmj td{
	border:1px solid black;
	max-width:100%;
	min-width:100%;
	text-align:center;
	margin-left:0px !important;
	border-collapse:separate;
	border-spacing: 2px
	}
}

/* 2023-0919 大倉 start */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 250%;
  height: 250%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: fixed;
  left: 50%;
  top: 50%;
  text-align:center;
  transform: translate(-50%,-50%);
  padding: 5px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.bg-black {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 1;
  cursor: pointer;
}
/* 2023-0919 大倉 end */

/* 2023-0921_大倉 start */
/* スマホとの画面切り替え */
.pcview {
}
.spview {
	display: none;
}
 
@media screen and (max-width: 979px) {
	.pcview {
		display: none;
	}
	.spview {
		display: block;
	}
}
/* 2023-0921_大倉 end */