@charset "utf-8";

/*
 * 汎用モーダル（components/modal.blade.php）の見た目
 * 既存のライトボックス（lightbox.css）に合わせ、半透明の暗幕と白地・灰色枠のパネルにする。
 * クラス名は hrgs_modal 接頭辞に限定し、既存画面のスタイルには影響させない。
 */
dialog.hrgs_modal{
	/* common.css の *{margin:0} がブラウザ標準の中央寄せ(margin:auto)を打ち消すため明示する */
	margin:auto;
	width:560px;
	max-width:calc(100% - 40px);
	padding:0;
	background:#fff;
	border:1px solid #ccc;
	color:inherit;
	font:inherit;
}
dialog.hrgs_modal::backdrop{background:rgba(0,0,0,0.5);}
dialog.hrgs_modal .hrgs_modal_body{padding:30px 20px 10px; text-align:center; line-height:1.6;}
dialog.hrgs_modal .hrgs_modal_footer{margin:0; padding:10px 20px 20px; text-align:center;}
/* footer スロットを使うときの閉じるボタン。足したボタンと横並びにする */
dialog.hrgs_modal .hrgs_modal_footer_close{display:inline; margin:0 0 0 10px;}