body{background:#f7f7f9;}

/* =============================
   レイアウト共通
   ============================= */
@media (min-width: 992px){
	main.container-fluid{
		max-width:1280px;
		margin:0 auto;
	}
}

/* 大外枠（銀行カード）だけ角丸OK。内側は角丸禁止 */
.irt-bank-card{
	border-radius:12px;
	border-top:2em solid var(--irt-bank-color, #0d6efd);
}
/* スマホ：太すぎるので細くする */
@media screen and (max-width: 768px){
	.irt-bank-card{
		border-top-width: 1em !important;
	}
}
@media screen and (max-width: 468px){
	.irt-bank-card{
		border-top-width: 0.8em !important;
	}
}


.irt-bank-card .card-body,
.irt-bank-card table,
.irt-bank-card th,
.irt-bank-card td,
.irt-bank-card img{
	border-radius:0 !important;
}

/* 銀行名見出し（色は銀行カラー） */
.irt-bank-title{
	font-weight:800;
	font-size:1.75rem;
	color:var(--irt-bank-color, #0d6efd);
}

/* 推移グラフ */
.irt-trend-img{
	width:100%;
	height:auto;
}

/* =============================
   金利表
   ============================= */
.kinri-hyou{
	table-layout:fixed;
	width:100%;
}
.kinri-hyou th,
.kinri-hyou td{
	padding:1em 0 !important;
	text-align:center;
	vertical-align:middle !important;
}

th.text-start{ text-align:center !important;; }

/* 公開ページ：差分表示（文字色） */
.diff-up{color:red!important;}
.diff-down{color:blue!important;}
.diff-same{color:black!important;}
.diff-none{color:black!important;}

/* 管理画面：入力差分（inputの色） */
.diff-up input{color:red!important;border-color:#dc3545!important;box-shadow:0 0 0 .1rem rgba(220,53,69,.15);}
.diff-down input{color:blue!important;border-color:#0d6efd!important;box-shadow:0 0 0 .1rem rgba(13,110,253,.15);}
.diff-same input{color:black!important;border-color:#adb5bd!important;}
.diff-none input{color:black!important;border-color:#ced4da!important;}

/* ===== 銀行別カラー（WP版を忠実に） ===== */
.mizuho{ --irt-bank-color:#181171; }
.mitsui{ --irt-bank-color:#013c2d; }
.mitsubishi-UFJ{ --irt-bank-color:#d90c18; }
.risona{ --irt-bank-color:#299f71; }
.mitsubishi-UFJ-shintaku{ --irt-bank-color:#e60000; }
.mitsui-sumitomo-shintaku{ --irt-bank-color:#6bc5d2; }
.roukin{ --irt-bank-color:#2252a6; }
.shinsei{ --irt-bank-color:#2979AF; }
.sony{ --irt-bank-color:#267989; }
.SBI-net{ --irt-bank-color:#0058a0; }
.aeon{ --irt-bank-color:#b40081; }
.jibun{ --irt-bank-color:#ed7600; }
.PayPay{ --irt-bank-color:red; }
.UI{ --irt-bank-color:#233070; }
.Flat35{ --irt-bank-color:#032376; }

/* thead/tbody の th を銀行色に */
.mizuho th{ background-color:#181171 !important; color:white; }
.mitsui th{ background-color:#013c2d !important; color:white; }
.mitsubishi-UFJ th{ background-color:#d90c18 !important; color:white; }
.risona th{ background-color:#299f71 !important; color:white; }
.mitsubishi-UFJ-shintaku th{ background-color:#e60000 !important; color:white; }
.mitsui-sumitomo-shintaku th{ background-color:#6bc5d2 !important; color:black; }
.roukin th{ background-color:#2252a6 !important; color:white; }
.shinsei th{ background-color:#2979AF !important; color:white; }
.sony th{ background-color:#267989 !important; color:white; }
.SBI-net th{ background-color:#0058a0 !important; color:white; }
.aeon th{ background-color:#b40081 !important; color:#e5c3db; }
.jibun th{ background-color:#ed7600 !important; color:white; }
.PayPay th{ background-color:red !important; color:white; }
.UI th{ background-color:#233070 !important; color:white; }
.Flat35 th{ background-color:#032376 !important; color:white; }

/* =============================
   SP最適化（横スクロール禁止 / 画面幅に収める）
   ============================= */
.sp-on{ display:none; }

@media screen and (max-width: 768px){
	.kinri-hyou th,
	.kinri-hyou td{
		font-size:0.65em !important;
		padding:0.55em 0 !important;
		line-height:1.15;
	}
	.kinri-hyou thead th.irt-col-label{ width:5em; }
	.sp-on{ display:inline; }
}

@media screen and (max-width: 468px){
	.kinri-hyou th,
	.kinri-hyou td{
		font-size:0.6em !important;
		padding:0.45em 0 !important;
	}
}

/* ==================================================
   管理画面：上部ツールバー（ボタン高さ揃え）
   ================================================== */
.irt-toolbar .btn,
.irt-toolbar .form-control,
.irt-toolbar .form-select,
.irt-toolbar .input-group-text{
	height: 34px;
	display: inline-flex;
	align-items: center;
}

.irt-toolbar .btn{ white-space: nowrap; }
.irt-toolbar .form-control,
.irt-toolbar .form-select{ display: block; }