@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

.ui-outputlabel-rfi {
  color: red;
}
.ui-outputlabel-rfi:after {
  content: ' 必須項目です';
  font-size: 0.9em;
}
/** 20210621 muto 登録内容画面だけの文言 */
#account .ui-outputlabel-rfi:after {
  content: ' チェック時、入力必須です' !important;
}

/* Responsive */
@media (min-width: 961px) {
 .main-menu-mobile-item {
  display: none !important;
 }
 .main-menu-item {
  display: block !important;
 }
 .pe-blockui {
  top: 45% !important;
  left: 45% !important;
 }
 .banner {
 }
 .banner-mobile {
  display: none !important;
 }
 .menu-doctor-text {
  height: 40px;
 }
 .menu-description-text {
  height: 60px;
 }
 .banner-item {
  width: 23%;
 }
 .banner-text {
  width: 50%;
 }
 .menu-header-text {
  width: 55%;
 }
}

@media (max-width: 960px) {
 .main-menu-mobile-item {
  display: block !important;
 }
 .main-menu-item {
  display: none !important;
 }
 .banner {
  display: none !important;
 }
 .banner-mobile {
 }
 .menu-doctor-text {
 }
 .menu-description-text {
 }
 /**
 .banner {
 }
 .banner-mobile {
  display: none !important;
 }
 */
 .banner-item {
  width: 20%;
 }
 .banner-text {
  width: 60%;
 }
 .menu-header-text {
 }
}

.main-menu {
	background: rgba(0, 160, 233, 1);
	color: #fff;
}
.main-icon {
    background: #fff !important;
    color: #222222 !important;
}
.ui-widget-header {
	background: rgba(0, 160, 233, 0.71);
	color: #fff;
}
.ui-accordion-header {
	background: rgba(0, 160, 233, 0.71);
	color: #fff;
}
.ui-state-hover .ui-widget-content .ui-icon {
	color: #0070a3 !importany;
}

.ui-forprint {
	display: none;
}
.ui-panel-footer {
	display: inherit !important;
	font-size: 12px !important;
}

.monthCalendarClass table,
.monthCalendarClass a.ui-datepicker-prev,
.monthCalendarClass a.ui-datepicker-next,
.monthCalendarClass .ui-widget-content {
    display: none;
    border:none !important;
}

/* 変数の定義 なんか使えてないけど */
:root {
  --label-font: 11px;
  --input-font: 12px;
  --output-font: 13px;
  --label-width: 100px;
  --control-width: 148px;
  --control-height: 26px;
  --thema-color: #bed6f8;
  --thema-sub-color: rgba(194, 194, 194, 0.34);
  --thema-selection-color: rgb(249, 221, 52);
  --thema-hidden-color: #ffffff;
}

.fa { overflow: visible; }
.fa-lg {
	line-height: .9em !important;
	margin-top: -0.4em !important;
}

.ui-accordion-content {
	padding:0.6em 0.2em !important;
}
.ui-accordion .ui-accordion-content table {
	border-spacing:0px;
}
.ui-accordion .ui-accordion-content td {
	/*
	padding:0px 5px 0px 5px;
	*/
}

/* バージョンあげたらPrimefacesExtentionsのlayout.cssの影響でダイアログのLayoutのDisplayがNoneになってた */
.ui-layout-north, .ui-layout-south, .ui-layout-west, .ui-layout-east, .ui-layout-center {
	display:block !important;
}

/* ラベルの設定 */
.ui-widget-content {
    font-size: 15px !important;
}
.ui-state-error {
    background-color: transparent !important;
    border-color: transparent !important;
}
.ui-chkbox-box.ui-state-error,
input.ui-state-error {
   border-color: #f1a899 !important;
   background: #F9EEEE !important;
}
.ui-button {
    font-size: 15px !important;
}

.ui-menuitem-icon {
	margin-right: 3px !important;
	margin-top: 2px !important;
}
.ui-menuitem-text {
	margin-top: 2px !important;
}

/* タブの設定 */
.ui-tabs {
	padding:0px !important;
}
.ui-tabs .ui-tabs-panel {
	padding: 7px 7px !important;
}
.ui-tabs .ui-corner-top a {
    min-width: 55px;
}

.ui-datatable table, .ui-datatable tr, .ui-datatable td, .ui-datatable th {
    font-size: 13px !important;
    padding: 3px 6px 3px 3px !important;
}
.no-header-column thead.ui-column-title {
	display: none !important;
}

/* ページングの設定 */
.ui-paginator {
    font-size: 13px !important;
    padding: 1px 5px !important;
}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next,
	.ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first,
	.ui-paginator .ui-paginator-prev {
	height: 18px !important;
	padding: 1px 6px 4px 6px !important;
}

/* 確認メッセージのアイコン */
.ui-confirm-dialog-severity {
	font-size: 1.7em;
}
.ui-confirm-dialog .ui-dialog-content {
	margin-top: 7px;
}

/* ページングの設定 */
.ui-accordion .ui-accordion-header {
	font-size: 15px;
}

/* accordionにボーダーを追加 */
.ui-accordion-content.ui-helper-reset.ui-widget-content{
	border:1px solid #bed6f8 !important;
}

/* カレンダーの年月選択肢のコントロール感覚 */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 35% !important;
    padding: 0px !important;
    margin-left: 8px !important;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end:nth-child(1) a {
    color: red !important;
}
table.ui-datepicker-calendar td.ui-datepicker-week-end:nth-child(7) a {
    color: blue !important;
}
.ui-calendar td {
	height: 26px;
}
.ui-datepicker-calendar a {
	text-align: center !important;
	padding: 4px !important;
}

/* 年間予定表 */
.schedule-monthly span {
    padding: 0px !important;
}
.schedule-monthly, .week-sunday {
    color: red !important;
}
.schedule-monthly, .week-saturday {
    color: blue !important;
}
.schedule-monthly, .week-national-horiday {
    color: red !important;
}
.schedule-monthly, .day-state-active {
    background: rgba(255, 255, 0, 0.32) !important;
	border-width: 1px !important;
	border-style: inset !important;
}

/* 最終更新 */
.wing-datatable-lastupdate {
    text-align: right;
    margin-top: 3px;
    font-size: 13px!important;
    font-weight: normal!important;
}
.wing-datatable-lastupdate span {
    font-size: 13px!important;
    font-weight: normal!important;
}
.wing-datatable-negative-row {
	color: red !important;
}
.wing-datatable-negative-row label {
	color: red !important;
}

/* フィールドセットの設定 */
.ui-fieldset {
    padding: 10px 1px !important;
    margin: 10px 5px 5px 5px !important;
}
.ui-fieldset .ui-fieldset-legend {
    padding: 1px 15px !important;
    margin: -10px 5px !important;
}
.ui-selectoneradio label {
    margin-top: 0px !important;
}

/* スケジュールのテキスト */
.fc-ltr .fc-basic-view .fc-day-number {
    text-align: initial !important;
}
/* スケジュールのテキストの色 */
.fc-event {
	font-size: 15px !important;
	padding: 2px 6px !important;
	margin: 2px !important;
	cursor : pointer;
}
.fc-day.fc-sun {
     background: #ffb6c1;
}
.fc-day.fc-sat {
     background: #e0ffff;
}
.fc-event-default {
	background-color: #00006e;
	border: 1px solid #0a94ff;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 1px #000000;
	-webkit-box-shadow: 0px 0px 1px #000000;
	box-shadow: 0px 0px 1px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
}
.fc-event-yellow {
	color: #3D2A04 !important;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #FFD966!important;
}
.fc-event-cyan {
	color: #1E2951 !important;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #9DC3E6!important;
}
.fc-event-silverB {
	color: #000000 !important;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #BFBFBF!important;
}
.fc-event-gray {
	color: #fff;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #7F7F7F!important;
}
.fc-event-silverW {
	color: #fff;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #BFBFBF!important;
}
.fc-event-orange {
	color: #fff;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #FF9933!important;
}
.fc-event-blue {
	color: #fff;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #2E75B6!important;
}
.fc-event-green {
	color: #fff;
	border: none !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-color: #548235!important;
}

.fc-event-red-old {
	border: 1px solid !important;
	box-shadow: 1px 1px 2px #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa6ac', endColorstr = '#ff2424');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa6ac', endColorstr = '#ff2424')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffa6ac, #ff2424);
	background-image: -ms-linear-gradient(top, #ffa6ac, #ff2424);
	background-image: -o-linear-gradient(top, #ffa6ac, #ff2424);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffa6ac), to(#ff2424));
	background-image: -webkit-linear-gradient(top, #ffa6ac, #ff2424);
	background-image: linear-gradient(top, #ffa6ac, #ff2424);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.fc-event-blue-old {
	border: 1px solid !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #b3d7f9, #54a8f3);
	background-image: -ms-linear-gradient(top, #b3d7f9, #54a8f3);
	background-image: -o-linear-gradient(top, #b3d7f9, #54a8f3);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#b3d7f9), to(#54a8f3));
	background-image: -webkit-linear-gradient(top, #b3d7f9, #54a8f3);
	background-image: linear-gradient(top, #b3d7f9, #54a8f3);
}
.fc-event-yellow-old {
	border: 1px solid !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #f9e199, #f9c427);
	background-image: -ms-linear-gradient(top, #f9e199, #f9c427);
	background-image: -o-linear-gradient(top, #f9e199, #f9c427);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f9e199), to(#f9c427));
	    background-image: -webkit-linear-gradient(top, #f9e199, #f9c427);
	background-image: linear-gradient(top, #f9e199, #f9c427);
}
.fc-event-green-old {
	border: 1px solid !important;
	box-shadow: 1px 1px 2px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #9ec570, #53801f);
	background-image: -ms-linear-gradient(top, #9ec570, #53801f);
	background-image: -o-linear-gradient(top, #9ec570, #53801f);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#9ec570), to(#53801f));
	    background-image: -webkit-linear-gradient(top, #9ec570, #53801f);
	background-image: linear-gradient(top, #9ec570, #53801f);
}


/* 各種コントロールのフォーカスの設定 */
.ui-state-focus {
	box-shadow: inset 0 0 5px #ddd !important;
	/*box-shadow:0px 0px 5px #bed6f8, inset 0 2px 5px #bed6f8 !important;*/
}

/* ページのフッター */
.wing-dataGrid .ui-panel-titlebar {
    min-height: 3.1em;
}
.ui-panel .ui-panel-titlebar {
	padding: 0.3em !important;
}
.ui-panel .ui-panel-content {
	padding: 0.3em !important;
}
.ui-panel .ui-panel-footer {
	padding: 0.3em !important;
	font-size: 12px !important;
}

.ui-grid-responsive div {
	padding:1px !important;
}

/* h:panelGroupのスタイル */
.ui-panelgrid-cell {
	padding:0px !important;
	/*box-shadow: inset 0 0 5px #ddd !important;*/
	vertical-align: top;
}

.wing-responsive-grid {
	padding: 1px !important;
}
.wing-responsive-tab-div {
	padding:0px 0px 4px 1px !important;
}
.wing-panelgroup {
}
/* p:panelGridのスタイル */
.wing-panelgrid tr {
	margin:0px !important;
}
.wing-panelgrid tr {
}
.wing-panelgrid td {
	padding:0px !important;
}
.wing-panelgrid div {
	/* messageテキストの設定 */
	margin:0px !important;
}
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
	padding: 1px !important;
	margin: 0px !important;
}
/* テキストとしてのp:panelGridのスタイル */
.wing-noflame-panelgrid {
	padding:0px !important;
	background: transparent !important;
	width: 100%;
}
.wing-label-weekly-circle .wing-textlabel-panelgrid {
	text-align: center;
	background: skyblue !important;
	color: #fff;
	border-radius: 10px;
	width: 1.3em;
	font-weight: bold;
}
.wing-label-weekly-circle .wing-textlabel-panelgrid label {
	font-size: 0.7em !important;
	vertical-align: middle;
}
.wing-label-weekly-circle .ui-widget-content:first-child .wing-textlabel-panelgrid {
	color: red !important;
}
.wing-label-weekly-circle .ui-widget-content:last-child .wing-textlabel-panelgrid {
	color: blue !important;
}
.wing-noflame-panelgrid tr {
	border:hidden !important;
	background: transparent !important;
}
.wing-noflame-panelgrid td {
	border:hidden !important;
	background: transparent !important;
}
.wing-horizon-panelgrid td {
	padding: 0px 2px !important;
}
.wing-number-panelgrid {
	text-align: right;
}

/* ラベルとしてのp:panelGridのスタイル */
.wing-textlabel-panelgrid {
}
/* ラベルとしてのp:outputLabelのスタイル */
.wing-textlabel {
    font-size: 13px !important;
		font-weight: bold;
}
.wing-descriptionlabel {
	font-size: 13px!important;
}
/* テキストとしてのp:panelGridのスタイル */
.wing-outputtext-panelgrid {
	min-height:1.8em;
	margin:0.4px 0px 2px 0px;
	width: 100%;
}
.wing-outputtext-panelgrid td {
	padding:0px 5px !important;
}
.wing-outputtext-flame-panelgrid td {
	/*box-shadow: inset 1px 1px 0.1px rgba(193, 216, 247, 0.5), inset 20px 2000px 50px rgba(218, 233, 255, 0.5);*/
	padding-bottom: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #BABABA;
}
.ui-panelgrid .ui-panelgrid-cell { border: 1px solid #BABABA; }
/* テキストとしてのp:outputLabelのスタイル */
.wing-outputtext {
    font-size: 14px !important;
}
/* テキストとしてのp:panelGridのスタイル */
.wing-inputtext-panelgrid {
	margin:-2px 0px 0px 0px;
	width: 100%;
	min-height: 28px;

}
/* p:inputTextのスタイル */
.wing-inputtext {
	height:32px;
	padding: 3px 3px !important;
    font-size: 15px !important;
	width: 100%;
}
.wing-mail-context {
	min-height: 300px;
}
.wing-mail-context td {
    vertical-align: top;
}
.wing-inputtext-button {
	height:2.4em;
	width:2.4em !important;
}
.wing-inputtext-button .ui-icon {
	margin-left: -0.5em !important;
}

/* S 20201001 muto QA322 inputTextの必須ラベルのスタイル */
.regist-form-required-label {
	border: none;
	color: white;
	background: red;
	text-align: center;
	margin-right: 5px;
	/* S 20201102 yoda QA322 inputTextの必須ラベルのスタイル修正追加 */
	padding: 1px 4px;
	/* E 20201102 yoda QA322 inputTextの必須ラベルのスタイル修正追加 */
}
.regist-form-required-label.ui-widget {
	font-size: 0.85em;
}
.regist-form-none-required-label {
	display: none;
}
#account .regist-form-calendar-required-label span {
	display: initial;
}
/* E 20201001 muto QA322 inputTextの必須ラベルのスタイル */

.wing-inputtext:before {
	content: '必須';
	color: red;
}

/* p:selectOneMenuのスタイル */
.wing-combobox-panelgrid {
	position: relative !important;
}
.wing-combobox label {
	height: 30px;
	width: initial !important;
	font-size: 15px !important;
	padding: 0 3px;
	line-height: 30px;
}
.wing-combobox {
	width: 100% !important;
	min-width: 1% !important;
}
.wing-combobox input {
	height:30px;
	width: 100% !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
	padding: 7px 5px !important;
}
/* p:selectCheckboxMenuのスタイル */
.ui-selectcheckboxmenu-panel {
    max-height:335px !important;
    overflow: auto;
}
.ui-selectcheckboxmenu-list {
    max-height:300px !important;
    overflow: auto;
}
.ui-selectcheckboxmenu-items-wrapper {
    height:100% !important;
}
/* p:selectOneMenuのスタイル */
.ui-selectonemenu-list, .ui-selectonemenu-panel {
    max-height:50% !important;
    overflow: auto;
}
.ui-selectonemenu-items-wrapper {
    height:100% !important;
}
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
	padding: 3px 7px !important;
}
/* p:selectAutoMenuのスタイル */
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    width: 22.334px !important;
    padding: 4px 7px !important;
}
/* p:selectcheckboxmenuのスタイル */
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
	overflow: hidden !important;
}

/* p:selectManyCheckboxのスタイル */
.wing-checkbox {
	height:2em;
    font-size: 15px !important;
    padding-top: 8px
}
.wing-checkbox label {
	margin-right: 5px;
}
.small-checkbox {
    font-size: 12px !important;
}
/* p:calendarのスタイル */
.wing-calendar {
	display: inline-block;
	margin: 0px !important;
}
.wing-calendar input {
	height:32px;
	padding: 3px 3px !important;
    font-size: 15px !important;
}
.wing-calendar button {
	height:30px;
	width:30px !important;
}
/* p:calendarのスタイル */
.wing-timepicker {
	width: 100% !important;
}
.pe-timepicker button {
	height:30px;
	width:30px !important;
	margin: 0px 0px 0px -23px !important;
}
.ui-button-icon-only .ui-button-text{
	padding: 0px !important;
}
.wing-menuButton-icononly .ui-menuitem-text {
    display: none;
}
/* p:commandButtonのdivスタイル */
.wing-commandButton-panelgrid {
	position:absolute;
	bottom:2px;
	right:5px;
}
/* p:commandButtonのdivスタイル */
.wing-optionButton-panelgrid {
	position: relative;
}
.wing-optionButton-panelgrid button {
	position:absolute;
	bottom: 3.7px;
}
/* p:commandButtonのスタイル */
.wing-commandButton {
	margin-right:5px !important;
    width:100%;
}
.wing-commandButton span {
    margin:0px;
    height:22px;
}
.wing-commandButton-icononly {
    position: absolute !important;
    right: -4px;
    top: 19px;
    width: 23px !important;
    min-width: 23px;
    height: 23px;
}
.wing-commandButton-schedule {
    min-width: 23px;
    height: 2.1em;
}
.schedule-right {
	margin-left: -10px;
}
.fc-scroller {
	overflow: inherit !important;
}
/* p:menuitemのスタイル */
.wing-menuButton {
	padding-right:5px !important;
	padding-left:5px !important;
}
.wing-menuButton span {
    margin:0px;
    height:14px;
}
.ui-commandlink.wing-menuButton {
	/*margin: 0px 0px 0px -2px;*/
}
.wing-confirmMenuButton {
	margin: 0px 0px 0px -20px;
}
.wing-confirmMenuButton.ui-state-disabled {
	margin: -2px 0px 0px 0px;
	border: none !important;
}
/* p:selectOneRadioのスタイル */
.wing-radiobutton td {
	padding:0px !important;
}

.ui-column-filter {
	min-width: 90% !important;
	max-width: 90% !important;
    width: 90% !important;
	height:21px !important;
	padding: 0px 3px !important;
}
.ui-column-customfilter input {
	min-width: 90% !important;
	max-width: 90% !important;
    width: 90% !important;
	height:21px !important;
	padding: 0px 3px !important;
}
.ui-sortable-column-icon {
	margin: -3px 0px -4px -1px !important;
}

.schedule-matching {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0px;
}
.schedule-matching tr {
	min-height: 25px;
}
.schedule-matching td {
	border: none !important;
	padding:1px 6px !important;
}
.schedule-matching a {
    display: block;
    width: 100%;
    height: 100%;
}
.no-header-schedule .fc-view-container {
	margin-top:-30px;
}
.no-time-schedule .fc-time div {
	display:none;
}
.no-time-schedule .fc-content .fc-time {
	display:none;
}
.no-header-schedule .fc-content {
	margin-left:0px;
}

/* MyPAGEサマリーのアラートの赤色 */
.mypage-summary-red {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa6ac', endColorstr = '#ff2424');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa6ac', endColorstr = '#ff2424')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffa6ac, #ff2424);
background-image: -ms-linear-gradient(top, #ffa6ac, #ff2424);
background-image: -o-linear-gradient(top, #ffa6ac, #ff2424);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffa6ac), to(#ff2424));
background-image: -webkit-linear-gradient(top, #ffa6ac, #ff2424);
background-image: linear-gradient(top, #ffa6ac, #ff2424);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

/* MyPAGEサマリーのワーニングの黄色 */
.mypage-summary-yellow {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7ffb3', endColorstr = '#f7ff1a');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7ffb3', endColorstr = '#f7ff1a')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f7ffb3, #f7ff1a);
background-image: -ms-linear-gradient(top, #f7ffb3, #f7ff1a);
background-image: -o-linear-gradient(top, #f7ffb3, #f7ff1a);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f7ffb3), to(#f7ff1a));
background-image: -webkit-linear-gradient(top, #f7ffb3, #f7ff1a);
background-image: linear-gradient(top, #f7ffb3, #f7ff1a);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

/* メインアイコン */
.main-icon {
}

/* MyPAGE公文書を上寄せにする */
.top-panel td {
    vertical-align: top;
}

/* panelGridを右寄せにする */
.rightGrid td {
    text-align: right;
}


/* ラベルの設定 */
body {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	-webkit-text-size-adjust : 100% ;
}
/* 全てのラベルの設定 */
body,
.ui-widget,
.ui-widget.ui-widget,
.ui-widget-header {
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic ProN', YuGothic, 'メイリオ', Meiryo, sans-serif;
}

/* IE対応 メインメニューとサブメニューの間を狭くする */
.ui-menu {
	padding:0px 5px !important;
	width: 90%;
}
.main-menu {
	padding:0px 5px !important;
	width: inherit !important;
}

/* メインメニューは文字を大きくする */
.main-menu a span {
	font-size:20px;
	padding:0.3em;
}
.ui-menu .ui-menuitem-link {
	margin-right:10px;
}
.main-menu-item {
	margin-top:3px;
}

/* メニューがレイアウトに隠れる対応 */
.top-menu {
}

/* DataTableの中にp:PanelGridを配置したときの設定 */
.table_in_grid tr {
	border:0 transparent;
	background:transparent;
}


/* アイコンの定義 */
.img-pdf { background-image: url('../resources/icons/pdf.png') !important; }
.img-alert { background-image: url('../resources/icons/alert.png') !important; }
.img-approval { background-image: url('../resources/icons/approval.png') !important; }
.img-cancel { background-image: url('../resources/icons/cancel.png') !important; }
.img-complete { background-image: url('../resources/icons/complete.png') !important; }
.img-draft { background-image: url('../resources/icons/draft.png') !important; }
.img-notcomplete { background-image: url('../resources/icons/notcomplete.png') !important; }
.img-sent { background-image: url('../resources/icons/sent.png') !important; }
.img-report { background-image: url('../resources/icons/report.png') !important; }
.img-settings { background-image: url('../resources/icons/settings.png') !important; }
.img-user { background-image: url('../resources/icons/user.png') !important; }
.img-document { background-image: url('../resources/icons/document.png') !important; }
.img-template { background-image: url('../resources/icons/template.png') !important; }
.img-systemuser { background-image: url('../resources/icons/systemuser.png') !important; }
.img-workflow { background-image: url('../resources/icons/workflow.png') !important; }
.img-vessel { background-image: url('../resources/icons/vessel.png') !important; }
.img-new { background-image: url('../resources/icons/new.png') !important; }

.icon-company{ background-image: url('../resources/icons/company.png') !important; }
.icon-license{ background-image: url('../resources/icons/license.png') !important; }

.icon-menu-billing{ background-image: url('../resources/icons/menu_billing.png') !important; }
.icon-menu-order-inventory{ background-image: url('../resources/icons/menu_order_inventory.png') !important; }
.icon-menu-inventory{ background-image: url('../resources/icons/menu_inventory.png') !important; }

.icon-license-billcalculated { background-image: url('../resources/icons/license-billcalculated.png') !important; }
.icon-license-billdisclosure { background-image: url('../resources/icons/license-billdisclosure.png') !important; }
.icon-license-billapproval   { background-image: url('../resources/icons/license-billapproval.png') !important; }
.icon-license-billfixed      { background-image: url('../resources/icons/license-billfixed.png') !important; }
.icon-license-invoiceready   { background-image: url('../resources/icons/license-invoiceready.png') !important; }
.icon-license-invoicesent    { background-image: url('../resources/icons/license-invoicesent.png') !important; }
.icon-license-paymentcomp    { background-image: url('../resources/icons/license-paymentcomp.png') !important; }
.icon-license-complate       { background-image: url('../resources/icons/license-complate.png') !important; }
.icon-license-returned       { background-image: url('../resources/icons/license-returned.png') !important; }

.icon-light-bulb       { background-image: url('../resources/icons/lightBulb.png') !important; }

/* 地域料率の指定のため */
.ui-autocomplete-panel {
	min-width: 180px;
}

.textaline-panelgrid div {
	align: right;
}

.informationGridClass {
	min-height: 1.6em;
}

.typePanel {}
.typePanel span {
    padding: 1px 10px !important;
    min-width: 70px;
    text-align: center;
}

.statusPanel {
	width: 75px;
	line-height: 18px !important;
	text-align: center;
	font-size: 12px !important;
	color: #FFF;
	font-style: oblique;
	padding: 3px 3px 2px !important;
}
.statusPanel span {
    border-radius: 20px;
    padding: 1px 10px !important;
    width: 60px;
    text-align: center;
    box-shadow: 2px 2px 2px #555;
}
/** S 20210407 muto QA345 */
.statusPanel.newPanel {
	background-color: #FF0000;
}
.statusPanel.appliedPanel {
	background-color: #FF9700;
}
/** E 20210407 muto QA345 */

.stepBar {
	max-width: 540px;
	height: 40px;
	margin: 10px auto;
	padding: 0;
}
.stepBar li {
	margin-right: 24px;
	width: 28%;
	width: calc(33.3333% - 24px);
	height: 40px;
	line-height: 40px;
	list-style: none;
	float: left;
	position: relative;
	text-align: center;
	background-color: #D8D8D8;
	font-size: 18px;
	color: #00418F;
}
.stepBar li.active {
	background-color: #00418F;
	color: #FFF;
}
.stepBar li span.before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px;
	border-color: #D8D8D8 transparent #D8D8D8 transparent;
	line-height: 0;
	position: absolute;
	left: -20px;
	z-index: 10;
}
.stepBar li.first span.before { display: none; }
.stepBar li span.after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #D8D8D8;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #D8D8D8;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#D8D8D8');
	position: absolute;
	right: -19px;
	z-index: 50;
}
.stepBar li.active span.before { border-color: #00418F transparent #00418F transparent; }
.stepBar li.active span.after { border-color: transparent transparent transparent #00418F; }
.bottom-sticky {
	bottom: 0px !important;
}


/* --------------------------------------------------
	SMB
-------------------------------------------------- */

/* --------------------------------------------------
	Components Reset
-------------------------------------------------- */
.ui-panel { padding: 0; height: 100%; }
.ui-widget-content {
	border: none !important;
	background: #E9FBFF;
	font-size: 16px;
}
.ui-widget-header {
	background: #FFF;
	color: #000;
}
.ui-paginator {
	margin: 10px 0 !important;
	padding: 10px !important;
	background: #ededed;
	text-align: right !important;
}
.ui-paginator .ui-icon { text-align: left !important; }
.ui-paginator .ui-state-disabled { border: none; }
.ui-paginator .ui-paginator-current {
	float: left;
    width: 100%;
    padding: 0;
    text-align: center;
	display: inline-block;
	color: #00418F;
}
.ui-paginator-pages .ui-paginator-page {
	border: none;
	color: #00418F;
	background: transparent;
	text-align: left !important;
}
.ui-paginator-pages .ui-state-active {
	color: #fff !important;
	background: #009EDD;
}
.ui-paginator-pages .ui-paginator-page .ui-icon {
	text-align: left !important;
}
.wing-panelgrid td {
	padding-bottom: 8px !important;
	height: 20px;
}
.ui-shadow {
	-moz-box-shadow: 0 0 2px #00418F;
	-webkit-box-shadow: 0 0 2px #00418F;
	box-shadow: 0 0 2px #00418F;
}
.ui-widget-header .header-logo {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 20px 0 0;
	width: 232px;
}
.ui-widget-header .header-logo img {
	margin: 0 !important;
	width: 100%;
}
.ui-widget-header .header-text {
	display: inline-block;
	margin: 0;
	padding: 0 10px 10px;
	font-size: 13px;
	line-height: 1.2;
	color: #00418F;
}
@media screen and (max-width: 768px) {
	.ui-widget-header .header-logo { margin-left: 10px; }
}
.ui-widget-header,
.ui-widget-content {
	margin: 0 auto;
	max-width: 1000px;
	box-sizing: border-box;
}
.ui-widget-header { border: none; }
form {
	margin: 0 auto;
	max-width: 1000px;
}
.wing-inputtext-panelgrid {
	margin: 5px 5px 5px 0px;
}
.ui-chkbox .ui-chkbox-box {
	margin: 2px 5px 0 !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* --------------------------------------------------
	ユーザ名
-------------------------------------------------- */
#menuForm\:userName {
	display: block;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold !important;
	color: #00418F;
}

/* --------------------------------------------------
	グローバルナビゲーション
-------------------------------------------------- */
#menuForm\:mainMenu_bar,
#menuForm\:mainMenu {
	padding: 0 !important;
	background: #009EDD !important;
}
#menuForm\:mainMenu .ui-menuitem {
	margin: 0 !important;
	height: 55px;
}
#menuForm\:mainMenu .ui-menuitem-link {
	margin: 0 !important;
	padding: 0 25px 0 20px;
	height: 60px;
	line-height: 60px;
}
#menuForm\:mainMenu .ui-menuitem-link:hover {
	color: #00418F;
	text-decoration: none;
	background: #E5F5FF;
	border-color: #E5F5FF;
}
#menuForm\:mainMenu .ui-menuitem-text {
	margin: 0 !important;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 3.5;
}
#menuForm\:mainMenu .ui-menuitem-icon {
	margin-top: 13px !important;
}
#menuForm\:mainMenu .ui-menubar-options {
	line-height: 60px;
}
#menuForm\:mainMenu .ui-menubar-options table { margin-top: 0 !important; }

@media (max-width: 960px) {
	#menuForm\:mainMenu .ui-menuitem {
		height: 40px;
	}
	#menuForm\:mainMenu .ui-menuitem-link {
		padding: 0 10px 0 10px;
		height: 40px;
		line-height: 40px;
	}
	#menuForm\:mainMenu .ui-menuitem-icon {
		margin-top: 4px !important;
	}
	#menuForm\:mainMenu .ui-menubar-options {
		line-height: 40px;
	}
}

/* --------------------------------------------------
	ボタン設定
-------------------------------------------------- */
.ui-state-default.wing-commandButton,
.ui-widget-content .ui-state-default.wing-commandButton,
.ui-widget-header .ui-state-default.wing-commandButton {
	padding: 10px 0;
	background: #00418F;
	border: 2px solid #00418F;
	color: #fff;
	line-height: 1;
}
.ui-state-hover.wing-commandButton,
.ui-widget-content .ui-state-hover.wing-commandButton,
.ui-widget-header .ui-state-hover.wing-commandButton,
.ui-state-focus.wing-commandButton,
.ui-widget-content .ui-state-focus.wing-commandButton,
.ui-widget-header .ui-state-focus.wing-commandButton {
	background: #fff;
	border: 2px solid #00418F;
	color: #00418F;
}
/* ログインボタン */
#form\:login.ui-button-text-icon-left .ui-button-text,
#form\:new.ui-button-text-icon-left .ui-button-text { padding: .3em 2em; }
#form\:login {
	padding: 14px 0;
	max-width: 350px;
	color: #fff;
	background: #009EDD;
	border: 2px solid #009EDD;
	font-size: 17px !important;
}
#form\:login:hover {
	color: #009EDD;
	background: #fff;
}
/* 新規登録ボタン */
#form\:new {
	margin-top: 15px;
	padding: 14px 0;
	max-width: 350px;
	color: #fff;
	background: #00418F;
	border: 2px solid #00418F;
	font-size: 17px !important;
}
#form\:new:hover {
	color: #00418F;
	background: #fff;
}
/* ID・パスワードを忘れた方はこちらボタン */
#form\:password {
	padding: 14px 0;
	max-width: 350px;
	color: #009EDD;
	background: #fff;
	border: 2px solid #009EDD;
	font-size: 17px !important;
}
#form\:password:hover {
	color: #fff;
	background: #009EDD;
}
/* 絞り込みボタン */
#form\:j_idt44\:j_idt105 { margin-right: 20px !important; }

/* 詳細を見るボタン */
.ui-grid-responsive .ui-datagrid-column .wing-commandButton {
	margin: 0 !important;
	padding: 5px 0;
	max-width: none !important;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #4C96D3 !important;
	font-size: 15px !important;
	color: #00418F;
}
.ui-grid-responsive .ui-datagrid-column .wing-commandButton:hover {
	color: #fff;
	background: #00418F;
}

/* カレンダーボタン */
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger,
.wing-calendar .ui-datepicker-trigger {
	padding: 3px 7px !important;
	width: 32px !important;
	height: 30px !important;
	background-color: #009EDD !important;
	border: 1px solid #009EDD !important;
}
.ui-datepicker-trigger .ui-icon,
.ui-selectonemenu-trigger .ui-icon {
	background-image: url("/masuika/mypage/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=jquery-ui_theme");
}
.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
	right: -1px;
	top: 1px;
}


/* --------------------------------------------------
	ロゴ下メッセージ
-------------------------------------------------- */
#menuForm\:title {
	display: block;
	text-align: center;
	font-size: 25px !important;
	font-family: 'Roboto', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic ProN', YuGothic, 'メイリオ', Meiryo, sans-serif;
	color: #009EDD;
}
#menuForm\:message {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}

/* --------------------------------------------------
	#pageTitle
-------------------------------------------------- */
#pageTitle {
	padding: 3px 0;
	background: #E5F5FF;
	color: #00418F;
}
#pageTitle table { width: 100%; }
#pageTitle table th,
/** 20210526 muto QA345 幅調整のため、非表示 */
#pageTitle table tr:nth-child(3) { display: none; }
#pageTitle table td { text-align: center; }
#pageTitle table span {
	font-size: 19px !important;
	font-weight: bold !important;
}
#contractDetail #pageTitle,
#applyConfirm #pageTitle { padding-bottom: 5px; }


/* --------------------------------------------------
	トップページ #index
-------------------------------------------------- */
#index .header-logo {
	margin: 0;
	padding: 15px 0 0;
	text-align: center;
}
#index .ui-panel-title { margin: 0; }
#index .ui-widget-header {
	padding: 20px 0 !important;
	border: none;
	font-size: 30px;
	font-weight: normal;
	line-height: 1;
	color: #00418F;
	text-align: center;
}
#index .wing-panelgrid td {
	padding-bottom: 0 !important;
	height: auto;
	vertical-align: middle;
	color: #00418F;
	line-height: 1;
}
#index .wing-panelgrid td input { margin-bottom: 8px; }
#index .wing-responsive-grid > div { margin-top: 0 !important; }
#index hr {
	margin-top: 0 !important;
	max-width: 350px;
	border: none;
	border-top: 1px solid #B9D0D6;
}

/* --------------------------------------------------
	案件一覧 #contract
-------------------------------------------------- */
#contract {}
#contract #form\:accordion\:condition {
	background: #FFF;
	border: none !important;
}
#contract .wing-responsive-grid { margin-top: 0 !important; }
#contract .wing-responsive-grid > span,
#contract .wing-textlabel {
	font-weight: bold;
	color: #00418F;
}
#contract #form\:accordion\:search,
#contract #form\:accordion\:clearCondition { width: 90%; }

/* #contract #form\:contractListGrid_content {
	background: #FFF;
}
#contract #form\:contractListGrid_content .ui-widget-content {
	padding: 0 !important;
	background: #E6F6FF;
}
#contract #form\:contractListGrid_content .ui-widget-header {
	padding: 0.5em !important;
	min-height: 4em;
	background: #009EDD;
	font-weight: normal;
	color: #fff;
}
#contract #form\:contractListGrid_content .ui-widget-content .ui-panel-footer {
	padding: 5px 0 15px !important;
	text-align: center;
	color: #00418F;
}
 */
#contract .statusPanel,
#contract .typePanel {
	margin: 0 5px 5px 0;
	font-size: 5px;
	line-height: 1;
}
#contract .statusPanel span,
#contract .typePanel span {
	display: inline-block;
	padding: 3px 3px 2px !important;
	background: #999;
	border-radius: 0;
	box-shadow: none;
	min-width: 8em;
	width: auto;
	height: 16px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}
#contract .statusPanel.newPanel span { background-color: #FF0000; }
#contract .statusPanel.appliedPanel span { background-color: #FF9700; }
#contract .typePanel.onCall span { background-color: #069AB2; }
#contract .typePanel.spot span { background-color: #269B31; }
#contract .typePanel.fullTime span { background-color: #EA3D6A; }
#contract .typePanel.partTime span { background-color: #00489E; }

@media screen and (max-width: 640px) {
	#contract #form\:contractListGrid_content .ui-widget-header {
		min-height: auto;
	}
	#contract #form\:accordion\:search,
	#contract #form\:accordion\:clearCondition { width: 100%; }
}
.ui-grid-responsive div { padding: 0 !important; }
.ui-grid-responsive .ui-datagrid-column { padding: 5px !important; }
.ui-grid-responsive .ui-datagrid-column:first-child { padding-left: 0 !important; }
.ui-grid-responsive .ui-datagrid-column:last-child { padding-right: 0 !important; }
.ui-grid-responsive .ui-datagrid-column td { padding: 8px 10px 0; }
.ui-grid-responsive .ui-datagrid-column td td { padding: 0; }

/* 20210113 yoda QA345 UI改修 */
.flex-row-class {
	display: flex;
	flex-direction: row;
}
.two-line-text {
	-webkit-line-clamp: 2 !important;
}
.contract-table-text {
	white-space: pre-wrap;
	word-break: break-all;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
/** 複数選択コンボ */
.multi-select-combobox {
	height: 30px;
    font-size: 15px !important;
	width: 100%;
	pointer-events: none;
	-webkit-appearance: none;
}
.multi-select-combobox:hover {
	border: 1px solid #009EDD;
}
.multi-select-combobox .ui-selectcheckboxmenu-trigger {
	background: #009EDD !important;
	color: #FFF;
	-webkit-appearance: none;
}
.multi-select-combobox .ui-selectcheckboxmenu-trigger .ui-icon {
	background-image: url("/masuika/mypage/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=jquery-ui_theme");
	border: none !important;
	margin-top: 9px;
	-webkit-appearance: none;
}
.multi-select-combobox .ui-selectcheckboxmenu-label {
	pointer-events: auto;
}
.multi-select-combobox .ui-selectcheckboxmenu-label-container .ui-state-hover {
	border: 0 !important;
	background: none;
}
.multi-select-combobox .ui-selectcheckboxmenu-label-container label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 30px;
	-webkit-appearance: none;
}
#contract .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
	top: 35% !important;
}
.ui-selectcheckboxmenu-panel {
	width: 335px !important;
	margin-top: 2px;
	overflow: hidden;
	-webkit-appearance: none;
}
/** 案件グリッド */
#contract .contractListGridClass {
	max-width: 100% !important;
}
#contract .privateContractListGridClass {
	max-width: 100% !important;
}
#contract #form\:accordion\:contractListGrid .ui-widget-content {
	padding: 0 !important;
	background: #FFF !important;
}
#contract #form\:accordion\:contractListGrid_head th {
	background: #009EDD !important;
	border: 2px solid #00418F !important;
	position: static;
	color: #FFF;
}
#contract #form\:accordion\:contractListGrid_content {
	background: #FFF;
}
#contract #form\:accordion\:privateContractListGrid .ui-widget-content {
	padding: 0 !important;
	background: #FFF !important;
}
#contract #form\:accordion\:privateContractListGrid_head th {
	background: #009EDD !important;
	border: 2px solid #00418F !important;
	position: static;
	color: #FFF;
}
#contract #form\:accordion\:privateContractListGrid_content {
	background: #FFF;
}
/* S 20241108 nishidate QA731 閲覧済みラベルのスタイル */
.visited-label {
	position: absolute;
	top: -1px;
	left: 80%;
	transform: translateX(-50%);
	width: 61px;
	height: 16px;
	background-color: #4caf50cf;
	border-radius: 5px;
	color: white;
	text-align: center;
	font-size: small;
	padding-top: 3px;
}
/* E 20241108 nishidate QA731 閲覧済みラベルのスタイル */
/** START safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@media (orientation: portrait) {
		_::-webkit-full-page-media, _:future, :root #contract {
			width: 725px;
		}
		_::-webkit-full-page-media, _:future, :root #contract .ui-widget-header,
		_::-webkit-full-page-media, _:future, :root #contract .ui-widget-content {
			width: 725px;
		}
		_::-webkit-full-page-media, _:future, :root #contract #form\:accordion\:contractListGrid {
			width: 710px;
		}
		_::-webkit-full-page-media, _:future, :root #contract #form\:accordion\:privateContractListGrid {
			width: 710px;
		}
		/**
		_::-webkit-full-page-media, _:future, :root #contract .contract-action-button span {
			padding: .3em 0em !important;
		}
		*/
		#contract #form\:accordion .ui-datatable td:last-of-type {
		    font-size: 13px !important;
		    padding: 3px 0px 0px 0px !important;
		    margin-left: 2px;
		}
		_::-webkit-full-page-media, _:future, :root #contract .wing-responsive-grid .ui-sticky {
			top: 4.25vh !important;
		}
	}
	@media (orientation: landscape) {
		_::-webkit-full-page-media, _:future, :root #contract .wing-responsive-grid .ui-sticky {
			top: 8.6vh !important;
			margin-left: -3px;
		}
	}
	_::-webkit-full-page-media, _:future, :root #contract .contract-type-class div {
		width: 25% !important;
	}
}
/** END safari */
/** スマホ */
@media screen and (max-width: 479px) {
	#contract #form\:accordion .ui-datatable td:last-of-type {
	    font-size: 13px !important;
	    padding: 3px 0px 0px 0px !important;
	    margin-left: 2px;
	}
	#contract .contract-list-long-column {
		width: 17% !important;
	}
	#contract .pay-width {
		width: 20% !important;
	}
	#contract .action-button-width {
		width: 17.5% !important;
	}
	#contract .contract-list-middle-column {
		width: 14% !important;
	}
	#contract .work-day-width {
		width: 17% !important;
	}
	#contract .work-time-width {
		width: 14.5% !important;
	}
	#contract .private-contract-middle-column {
		width: 22.75% !important;
	}
	#contract .contract-action-button {
		width: 95% !important;
		margin-left: 1.5%;
	}
	#contract .contract-action-button span {
		font-size: 100%;
	}
}
/** タブレット */
@media screen and (max-width: 767px) {
	#contract {
		width: 800px;
	}
	#contract .contract-type-class div {
		width: 25% !important;
	}
	#contract .contract-list-long-column {
		width: 17% !important;
	}
	#contract .pay-width {
		width: 20% !important;
	}
	#contract .action-button-width {
		width: 17.5% !important;
	}
	#contract .contract-list-middle-column {
		width: 14% !important;
	}
	#contract .work-day-width {
		width: 17% !important;
	}
	#contract .work-time-width {
		width: 14.5% !important;
	}
	#contract .private-contract-middle-column {
		width: 22.75% !important;
	}
	#contract .wing-responsive-grid .ui-sticky {
		top: 4.25vh !important;
	}
	#contract .contract-action-button {
		margin-left: 2.5%;
		margin-bottom: 2.5%;
		width: 95%;
	}
}
/** タブレット・横 */
/**
@media screen and (min-width: 767px) and (orientation: landscape) {
	#contract .wing-responsive-grid .ui-sticky {
		top: 22.25vh !important;
	}
}
*/
/** PC */
@media screen and (min-width: 768px) {
	#contract .contract-list-long-column {
		width: 17% !important;
	}
	#contract .contract-list-middle-column {
		width: 14% !important;
	}
	#contract .work-day-width {
		width: 14% !important;
	}
	#contract .work-time-width {
		width: 14% !important;
	}
	#contract .pay-width {
		width: 25% !important;
	}
	#contract .action-button-width {
		width: 16% !important;
	}
	#contract .private-contract-middle-column {
		width: 21% !important;
	}
	#contract .wing-responsive-grid .ui-sticky {
		top: 11.25vh !important;
	}
	#contract .contract-type-class div {
		height: 95%;
	}
}
/** トグルボタン */
#contract .contractTypeGridClass {
	box-shadow: none;
	position: sticky;
	position: -webkit-sticky;
	z-index: 999;
}
#contract .contractTypeGridClass span::before {
    display: inline-block;
    font-family: FontAwesome;
    margin-left: -1.25rem;
    width: 2.2rem;
    font-size: 1.3rem;
    vertical-align: middle;
}
#contract .contractTypeGridClass span::before {
    content: "\f10c";
}
#contract .contract-type-class .ui-state-active span::before {
    content: "\f058";
}
#contract .contract-type-class {
	height: 50px;
	width: 600px;
}
#contract .contract-type-class span {
	line-height: 2.5rem;
}
#contract .contract-type-class .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
	width: 25% !important;
	height: 95%;
}

#contract .contract-type-class div span:hover,
#contract .contract-type-class .ui-state-active {
	color: #FFF !important;
	-webkit-appearance: none;
}
#contract .contract-type-class div:first-child:hover,
#contract .contract-type-class .ui-state-active:first-of-type {
    border: 1px solid #269B31 !important;
	background-color: #269B31 !important;
}

#contract .contract-type-class div:nth-child(2):hover,
#contract .contract-type-class .ui-state-active:nth-of-type(2) {
    border: 1px solid #069AB2 !important;
    background-color: #069AB2 !important;
}

#contract .contract-type-class div:nth-child(3):hover,
#contract .contract-type-class .ui-state-active:nth-of-type(3) {
    border: 1px solid #00489E !important;
	background-color: #00489E !important;
}

#contract .contract-type-class div:nth-child(4):hover,
#contract .contract-type-class .ui-state-active:nth-of-type(4) {
    border: 1px solid #EA3D6A !important;
    background-color: #EA3D6A !important;
}
#contract .contract-action-button {
	padding-top: 0px !important;
	padding-bottom: 20px !important;
	white-space: pre;
	-webkit-appearance: none;
}
#contract .contract-action-button span {
	line-height: 2.75 !important;
	font-size: 15px !important;
}
#contract .contract-action-button .ui-icon {
	line-height: 0.75 !important;
}
#contract .appliedCommandButton {
	border: 2px solid #FF9700;
	background-color: #FF9700 !important;
}
#contract .contract-tab-header {
	font-size: 15.5px !important;
	font-weight: bold;
}
#contract .ui-state-hover.appliedCommandButton,
.ui-widget-content .ui-state-hover.appliedCommandButton,
.ui-widget-header .ui-state-hover.appliedCommandButton,
.ui-state-focus.appliedCommandButton,
.ui-widget-content .ui-state-focus.appliedCommandButton,
.ui-widget-header .ui-state-focus.appliedCommandButton {
	background: #FFF !important;
	border: 2px solid #FF9700 !important;
	color: #FF9700 !important;
	-webkit-appearance: none;
}
#contract .fa-flag:before { color: #FF0000; }
#contract .fa-lightbulb-o:before { color: #FF0000; }
#contract .fa-heart:before { color: #FF0000; }
#contract .fa-exclamation:before { color: #FF0000; }
/* --------------------------------------------------
	案件詳細 #contractDetail
	案件詳細 確認 #applyConfirm
	共通
-------------------------------------------------- */
#contractDetail .ui-g,
#applyConfirm .ui-g {
	margin: 0 auto;
	padding: 0;
	max-width: 620px;
}
#account .detailTop,
#accountConfirm .detailTop,
#contractDetail .detailTop,
#applyConfirm .detailTop,
#complete .detailTop {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: #E5F5FF;
}
#contractDetail .detailBottom,
#applyConfirm .detailBottom {
	padding: 20px 0 10px;
	background: #E5F5FF;
}
#applyConfirm .detailBottom .ui-fluid .wing-outputtext-flame-panelgrid td { height: 79px; }
#applyConfirm .detailBottom .ui-fluid .wing-outputtext-flame-panelgrid { margin-bottom: 18px; }

#contractDetail .wing-textlabel,
#applyConfirm .wing-textlabel {
	font-weight: bold;
	color: #00418F;
	line-height: 1.4;
}
#contractDetail .wing-responsive-grid,
#applyConfirm .wing-responsive-grid { padding: 0 10px !important; }
/**
#contractDetail .detailBottom .apply,
#contractDetail .detailBottom .mail,
#contractDetail .detailBottom .contractReturn {
	width: 200px !important;
}
*/
/* --------------------------------------------------
	案件詳細 #contractDetail
-------------------------------------------------- */
#contractDetail .ui-fluid {
	padding: 0 !important;
}
#contractDetail .detailTop h2 {
	display: block;
	margin: 20px auto 10px;
	font-size: 20px;
	color: #00418F;
	text-align: center;
}

#contractDetail hr { display: none; }
#contractDetail .wing-responsive-grid table { margin-bottom: 18px; }
#contractDetail .ui-panelgrid .ui-panelgrid-cell {
	margin-bottom: 18px;
	padding: 8px 10px !important;
	background: #E6F6FF;
	border: none;
	box-shadow: none;
}
#contractDetail .detailBottom .ui-panelgrid .ui-panelgrid-cell {
	padding: 0 !important;
	border: 1px solid #BABABA;
}
/** S 20210406 muto QA345 */
#contractDetail .requestGridClass .wing-textlabel:after {
  content: '※応募の取り消しをご希望の場合は「取り消し希望」とご記入ください。';
  font-size: 12px;
  color: #000000;
  margin-left: 10px;
  font-weight: normal;
}
#contractDetail .display-none-label-class .requestGridClass .wing-textlabel:after {
	display: none !important;
}
/** E 20210406 muto QA345 */

/* --------------------------------------------------
	案件詳細 確認 #applyConfirm
-------------------------------------------------- */

/* --------------------------------------------------
	案件詳細 完了画面 #complete
-------------------------------------------------- */
#complete .ui-g {
	margin: 0 auto;
	max-width: 600px;
}
#complete .wing-responsive-grid table td {
	color: #00418F;
	text-align: center;
}
#complete #content form > .ui-fluid { margin-bottom: 40px; }

/* --------------------------------------------------
	会員一覧 #user
-------------------------------------------------- */
#user #form\:userList_head th {
	background: #009EDD !important;
	border: 1px solid #aaa !important;
	position: static;
	color: #fff;
}
#user #form\:userList_head th .ui-icon {
	background-image: url("/masuika/mypage/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=jquery-ui_theme");
}
#user #form\:userList_data td {
	border: 1px solid #aaa !important;
}
/* #user #form\:userList_data .ui-datatable-even td {
	background-color: #FFF;
}
#user #form\:userList_data .ui-datatable-odd td {
	background-color: #f2f2f2;
} */
#user #form\:userList_data td button {
	background: #00418F;
	border: 1px solid #00418F;
	color: #fff;
}
#user #form\:userList_data td button:hover {
	background: #fff;
	border: 1px solid #00418F;
	color: #00418F;
}
#user #form\:userList_data .ui-button-text-icon-left .ui-button-text {
	padding: .3em 0.5em .3em 1.6em;
}
#user #form\:userList_data .ui-button-icon-left {
	margin-top: -8px;
	left: .2em;
}
#user .ui-datatable-tablewrapper {
	min-width: 1000px;
}

#user .ui-menu .ui-menuitem-text {
	float: left;
	padding-top: 4px;
	margin-left: 3px;
}

/* --------------------------------------------------
	登録内容 #acount
-------------------------------------------------- */
#account .wing-radiobutton td {
	padding-right: 10px !important;
	height: 32px;
	vertical-align: middle;
}
#account .wing-outputtext-panelgrid {
	margin: 5px 5px 5px 0 !important;
}
#account .wing-outputtext-panelgrid td {
	padding-left: 0 !important;
	background: none;
	border: none;
}
#account .wing-outputtext-panelgrid td .parttimeStartClass,
#account .wing-outputtext-panelgrid td .spotStartClass,
#account .wing-outputtext-panelgrid td .oncallStartClass,
#account .wing-outputtext-panelgrid td .fulltimeStartClass {
	display: block;
	padding: 3px 3px;
	height: 24px;
	background: #FFF;
	border: 1px solid #BABABA;
}
/* S 20241204 nishidate QA712 非活性の勤務形態のカレンダー */
#account .wing-outputtext-panelgrid td .parttimeStartInactiveClass,
#account .wing-outputtext-panelgrid td .spotStartInactiveClass,
#account .wing-outputtext-panelgrid td .oncallStartInactiveClass,
#account .wing-outputtext-panelgrid td .fulltimeStartInactiveClass {
	display: block;
	padding: 3px 3px;
	height: 24px;
	background: #FFF;
	border: 1px solid #BABABA;
}
/* E 20241204 nishidate QA712 非活性の勤務形態のカレンダー */
#account #form\:updateUserGrid {
	display: block;
	margin: 0 auto;
	max-width: 620px;
}
#account #form\:createUserGrid .ui-fluid {
	margin: 0 auto;
	max-width: 620px;
}
#account #form\:createUserGrid .ui-fluid .wing-responsive-grid { padding: 0 10px !important; }

/* 20201025 muto QA322 登録内容画面では入力項目のラベル右に必須文言をいれない */
#account .ui-outputlabel-rfi {
	display: none;
}
/* S 20201001 muto QA322 必須項目があるパネルの色を変える(class指定がうまくいかないのでID指定) */
/* アカウント情報 */
#account #form\:customerDetailGrid\:requiredAccount {
	background-color: #3fdff5;
}
/* 基本情報 */
#account #form\:customerDetailGrid\:requiredBasicInfo {
	background-color: #3fdff5;
}
/* 医師情報 */
#account #form\:customerDetailGrid\:requiredCustomerInfo {
	background-color: #3fdff5;
}
/* 勤務について */
#account #form\:customerDetailGrid\:requiredWork {
	background-color: #3fdff5;
}
/* E 20201001 muto QA322 必須項目があるパネルの色を変える(class指定がうまくいかないのでID指定) */

/* 20210113 yoda QAXXX 勤務希望条件必須化 */
/* 勤務希望条件 */
#account #form\:customerDetailGrid\:preferredWorkCondition {
	background-color: #3fdff5 !important;
}
#account #form\:customerDetailGrid\:preferredWorkCondition .wing-outputtext-panelgrid td {
	background-color: #3fdff5 !important;
}
/* --------------------------------------------------
	登録内容 確認 #accountConfirm
-------------------------------------------------- */
#accountConfirm .wing-panelgrid td {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
#accountConfirm #form\:customerDetailGrid + .ui-fluid {
	margin: 0 auto;
	max-width: 620px;
}
#accountConfirm #form\:customerDetailGrid + .ui-fluid .wing-responsive-grid { padding: 0 10px !important; }

/* S 20201001 muto QA322 必須項目があるパネルの色を変える(class指定がうまくいかないのでID指定) */
/* アカウント情報 */
#accountConfirm #form\:customerDetailGrid\:requiredAccount {
	background-color: #3fdff5;
}
/* 基本情報 */
#accountConfirm #form\:customerDetailGrid\:requiredBasicInfo {
	background-color: #3fdff5;
}
/* 医師情報 */
#accountConfirm #form\:customerDetailGrid\:requiredCustomerInfo {
	background-color: #3fdff5;
}
/* 勤務について */
#accountConfirm #form\:customerDetailGrid\:requiredWork {
	background-color: #3fdff5;
}
/* E 20201001 muto QA322 必須項目があるパネルの色を変える(class指定がうまくいかないのでID指定) */

/* 20210114 yoda QAXXX 勤務希望条件必須化 */
/* 勤務希望条件 */
#accountConfirm #form\:customerDetailGrid\:preferredWorkCondition {
	background-color: #3fdff5 !important;
}
#accountConfirm #form\:customerDetailGrid\:preferredWorkCondition .ui-widget-content {
	background-color: #3fdff5 !important;
}
/* #accountConfirm #form\:customerDetailGrid\:preferredWorkCondition .wing-outputtext-panelgrid td {
	background-color: #FFF !important;
}
 */
/* --------------------------------------------------
	登録内容 確認 #schedule
-------------------------------------------------- */
#schedule .ui-datatable-tablewrapper table { border: 1px solid #aaa !important; }
#schedule .ui-datatable-tablewrapper th { display: none; }
#schedule .ui-datatable-tablewrapper td {
	border: 1px solid #aaa !important;
}
#schedule .ui-datatable-tablewrapper .ui-datatable-even td {
	background-color: #FFF;
}
#schedule .ui-datatable-tablewrapper .ui-datatable-odd td {
	background-color: #f2f2f2;
}

/* --------------------------------------------------
	パスワード変更 #userIdPassword
-------------------------------------------------- */
#userIdPassword {}

/* --------------------------------------------------
	footter
-------------------------------------------------- */
#footer {
	padding: 20px 0 !important;
	background: #FFF;
	text-align: center;
}
#footer_content,
#footer_footer {
	padding: 0 !important;
	background: #FFF;
	text-align: center;
}

/* --------------------------------------------------
	#pagetop
-------------------------------------------------- */
#pagetop {
	position: fixed;
	right: 50px;
	bottom: 0;
	z-index: 100;
}
#pagetop a {
	display: block;
	width: 38px;
	height: 38px;
	overflow: hidden;
	background: #009EDD;
	background-size: 100% auto;
	text-indent: -9999px;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	color: #fff;
	padding: 15px 0px 0px 20px;
}
#pagetop a:hover { opacity: 0.6; }
@media screen and (max-width: 1320px) {
	#pagetop {
		left: 50%;
		right: auto;
		margin-left: 550px;
	}
}
@media screen and (max-width: 1220px) {
	#pagetop {
		left: auto;
		right: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	#pagetop {
		bottom: 0;
	}
	#pagetop a {
		width: 40px;
		height: 40px;
	}
}

.no-padding-command-button.ui-state-default.wing-commandButton {
	padding: unset;
}

/* S 20201006 muto QA322 ダイアログ色定義 */
.ui-dialog-titlebar.ui-widget-header {
	background: rgba(0, 160, 233, 0.71);
	color: #fff;
}
/* データテーブルヘッダ */
.dialog-table-class.ui-datatable thead th {
	background: rgba(0, 160, 233, 0.71);
	color: #fff;
	border-color: #000000;
}
.dialog-table-class.ui-datatable tr {
	height: 40px;
}
.none-header-table.ui-datatable table thead tr {
	display: none;
}
/* E 20201006 muto QA322 ダイアログ色定義 */

/* S 20201102 yoda QA322 ダイアログボタンの位置 */
.wing-commandButton-panelgrid.selectZipCodeGridClass {
	position: sticky;
	margin-left: auto;
}
/* E 20201102 yoda QA322 ダイアログボタンの位置 */