@charset "UTF-8";

/* --------------------------------------------------------------------
	ユーザーコードダイアログ
--------------------------------------------------------------------- */

/* ダイアログz-index */
.ui-dialog[aria-describedby='MUCdialog'] { z-index: 10001 !important ;}

/* タイトルバー */
.ui-dialog[aria-describedby='MUCdialog'] .ui-dialog-titlebar {
	background: #fff;
	color: #4999B0;
}
.ui-dialog[aria-describedby='MUCdialog'] .ui-dialog-titlebar-close {
	background-image:url('../img/usr/common/close-modal.png');
	background-repeat: no-repeat;
    width: calc(60 / 390 * 100vw);
    height: calc(60 / 390 * 100vw);
	border: none;
	position: absolute;
	right: 0;
	top: calc(-60 / 390 * 100vw);
	margin: 0;
}

/* オーバーレイ */
.MUC_modal__overlay {
  background: rgba(26,26,26,0.5);
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 10000;
  top:0;
  left:0;
}

/* メインエリア */
.MUC_modal{
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.MUC_modal.ui-dialog-content{
	padding-bottom: 20px;
}
.MUC_modal .search_area {
	margin-bottom: 10px;
}
.MUC_modal .serach_result a {
	text-decoration: underline;
}
.MUC_modal .navipage_ {
	padding-top: 24px;
}
.MUC_modal .navipage_ .navipage_sum_{
	font-size: 0.75rem;
	font-weight: normal;
}
.MUC_modal .navipage_ .navipage_prev_,
.MUC_modal .navipage_ .navipage_next_,
.MUC_modal .navipage_ .navipage_now_,
.MUC_modal .navipage_ a{
	width: 30px;
	height: 30px;
	margin: 0 2px;
}
.MUC_modal .navipage_ .navipage_first_ a
,.MUC_modal .navipage_ .navipage_last_ a {
	width: auto;
}
.MUC_modal input {
	padding: 5px;
}
.MUC_modal .serach_result table{
	margin-top: 10px;
}
.MUC_modal tr td{
	padding: 4px 0;
}
.MUC_modal tr td:nth-child(1) {
	width: 30px;
	text-align: right;
	padding-right: 10px;
}
.MUC_modal tr td:nth-child(2) {
	text-align: left;
}
.MCUdialog-wrapper.ui-dialog{
	padding: 0;
}
.MCUdialog-wrapper .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.MCUdialog-wrapper .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
	border-radius:0;
}
.MCUdialog-wrapper.ui-widget.ui-widget-content{
	border: none;
}
.MCUdialog-wrapper.ui-dialog .ui-dialog-titlebar-close .ui-icon{
	background: none;
}
.MCUdialog-wrapper.ui-dialog .ui-widget-header{
	border: none;
	padding-top: 20px;
}
body .ui-widget-overlay{
	display: none;
	opacity: 1;
}
body .ui-dialog .ui-dialog-title{
	margin: 0;
}
#MUCdialog button{
	background-color: #4999B0;
	color: #fff;
	border: none;
	font-size: 0.75rem;
	height: 40px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	margin-left: 10px;
}
#MUCdialog .serach_result{
	font-size: 0.875rem;
}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default,
body .ui-button,
html body .ui-button.ui-state-disabled:hover,
html body .ui-button.ui-state-disabled:active{
	background: none;
}
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button{
	font-size: 0.75rem;
	height: 40px;
	font-family: inherit;
}
#MUCdialog  input::placeholder{
	font-size: 0.75rem;
}
#MUCdialog .navipage_ .navipage_forward_{
	margin:0;
}
@media (min-width: 576px) {
	.ui-dialog[aria-describedby='MUCdialog'] .ui-dialog-titlebar-close {
		width: 60px;
		height: 60px;
		top: -60px;
	}
	#MUCdialog .navipage_ .navipage_sum_{
		top: 0;
		left: 50%;
		transform: translate(-50%);
	}
}