@charset "UTF-8";

body {
	background-color: #FFFFFF;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size: 36pt;
	color: #000000;
	zoom: 0.333;
	line-height: initial;
	overscroll-behavior-y: none;
}

body.bodyWidth {
	width: 100%;
	margin: 0;
	overflow-y: scroll;
}

input {
	vertical-align: middle;
}

select {
	vertical-align: middle;
	font-weight: bold;
	font-size: initial;
	width: auto;
	zoom: 5.0;
}

hr.heightAdjust {
	clear: both;
	width: 0px;
	border: none;
}

input[type="radio"] {
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	border-radius: 50px;
	border: 2px solid #4c4c4c;
	-webkit-box-sizing: border-box;
	width: 100px;
	height: 100px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd),
		to(#d1d1d1));
	vertical-align: middle;
}

/* チェック時は背景色を変更 */
input[type="radio"]:checked {
	background: -webkit-gradient(linear, left top, left bottom, from(#858585),
		to(#AfAfAf));
}

/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin: -40px 0 0 -40px;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 1);
	content: "";
	border-radius: 40px;
	width: 80px;
	height: 80px;
	background: -webkit-gradient(linear, left top, left bottom, from(#5dfd0d),
		to(#51d101));
}

/* 非活性場合の見た目を設定 */
input[type="radio"]:disabled {
	border: 2px solid #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC),
		to(#EEEEEE));
}

/* チェックボックスの見た目を設定 */
input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	border-radius: 8px;
	border: 2px solid #4c4c4c;
	-webkit-box-sizing: border-box;
	width: 100px;
	height: 100px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd),
		to(#d1d1d1));
}

/* チェック時の背景色を設定する */
input[type="checkbox"]:checked {
	background: -webkit-gradient(linear, left top, left bottom, from(#353535),
		to(#8f8f8f));
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
	position: absolute;
	left: -45px;
	top: 85px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	content: attr(data-before);
	width: 100px;
	height: 15px;
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-transform: rotate(60deg);
	-webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 49px;
	top: 85px;
	content: attr(data-after);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	width: 70px;
	height: 15px;
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
/* 非活性の場合の見た目を設定する */
input[type="checkbox"]:disabled {
	content: none;
	border: 1px solid #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC),
		to(#EEEEEE));
}
/* 非活性の場合の見た目を設定する */
input[type="button"]:disabled {
	content: none;
	color: #666666;
	border: 2px solid #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE),
		to(#CCCCCC));
}

/* ボタン共通設定 */
input.button {
	/*	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), color-stop(0.5,#FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66),
		to(#DAA520)); /* グラデーション設定(Chrome) */
	border: 1px solid #DDD000;
	color: #000000;
	width: 100%;
	height: 150px;
	font-size: 200%;
	border-radius: 15px;
}

button.button {
	/*	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), color-stop(0.5,#FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66),
		to(#DAA520)); /* グラデーション設定(Chrome) */
	border: 1px solid #DDD000;
	color: #000000;
	width: 100%;
	height: 100%;
	font-size: 200%;
	border-radius: 15px;
	word-break: keep-all;
}

input.longnamebutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),
		color-stop(0.5, #FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66),
		to(#DAA520)); /* グラデーション設定(Chrome) */
	border: 1px solid #DDD000;
	color: #000000;
	width: 100%;
	height: 100%;
	font-size: 110%;
	border-radius: 15px;
}

button.longnamebutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),
		color-stop(0.5, #FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66),
		to(#DAA520)); /* グラデーション設定(Chrome) */
	border: 1px solid #DDD000;
	color: #000000;
	width: 100%;
	height: 100%;
	font-size: 110%;
	border-radius: 15px;
}

/*input.shortnamebutton {*/
button.shortnamebutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0),
		color-stop(0.5, #F6F6F6), to(#A0A0A0)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66),
		to(#DAA520)); /* グラデーション設定(Chrome) */
	border: 1px solid #F0F0F0;
	color: #000000;
	width: 60%;
	height: 90%;
	font-size: 72%;
	font-weight: bold;
	border-radius: 40px;
}

input.barbutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#4169E1),
		color-stop(0.8, #CCFFFF), to(#0000FF)); /* グラデーション設定(Chrome) */
	border: none;
	color: #000000;
	width: 100%;
	height: 150PX;
	font-size: 130%;
	text-align: left;
}

button.barbutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#4169E1),
		color-stop(0.8, #CCFFFF), to(#0000FF)); /* グラデーション設定(Chrome) */
	border: none;
	color: #000000;
	width: 100%;
	height: 150PX;
	font-size: 130%;
	text-align: left;
	word-break: keep-all;
}

input.shortnamebutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0),
		color-stop(0.5, #F6F6F6), to(#A0A0A0)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFF66),
		to(#DAA520)); /* グラデーション設定(Chrome) */
	border: 1px solid #F0F0F0;
	color: #000000;
	width: 60%;
	height: 90%;
	font-size: 72%;
	font-weight: bold;
	border-radius: 40px;
}

button.greenbutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),
		color-stop(0.5, #FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#66FF72),
		to(#468B72));
	color: #000000;
	width: 90%;
	height: 100px;
	font-weight: bold;
	font-family: auto;
	font-size: 110%;
	border-radius: 15px;
}

button.redbutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),
		color-stop(0.5, #FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FD0E05),
		to(#973B46));
	color: #000000;
	width: 90%;
	height: 100px;
	font-weight: bold;
	font-family: auto;
	font-size: 110%;
	border-radius: 15px;
}

button.gybutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),
		color-stop(0.5, #FFFF99), to(#FFCC00)); /* グラデーション設定(Chrome) */
	background: -webkit-gradient(linear, left top, left bottom, from(#E0D8D8),
		to(#797172));
	border: 1px solid #DDD000;
	color: red;
	width: 100%;
	height: 100px;
	font-weight: bold;
	font-family: auto;
	font-size: 110%;
	border-radius: 15px;
}

input.jumpbutton {
	background: -webkit-gradient(linear, left top, left bottom, from(#32CD32),
		to(#008000)); /* グラデーション設定(Chrome) */
	border: 1px solid #CCFFCC;
	color: #000000;
	width: 100%;
	height: 43px;
	font-size: 150%;
	border-radius: 25px;
}

.label_box {
	display: flex;
	background-color: #274AA1;
	color: #FFFFFF;
	align-items: center;
}

.container-fluid {
	padding: 0px;
}

.row {
	margin: auto;
}

.row>* {
	padding: 0;
	margin: 0;
	width: auto;
}

.mobileCommonMessage {
	color: #ff0000;
	text-align: left;
	font-size: 150%;
}

.mobileCommonMessage_small {
	color: #ff0000;
	text-align: left;
	font-size: 36pt;
}

.aplMessage {
	margin-bottom: 31pt;
}

.labelDataRadio {
	vertical-align: middle;
	font-size: 70pt;
}

.label_data {
	margin: 45px 0px;
}

/* サブウィンドウ全体 　用*/
div.titlebar {
	clear: both;
	width: 100%;
	/*     2023.08.04 黄維闖 */
	display: block;
	flex-direction: column;
	text-align: center;
	position: fixed !important;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	font-size: 59pt;
	color: #000000;
	z-Index: 2;
}

.container-body {
	position: relative;
	top: 182px;
}

/* .titlebar .col{
	margin-top: 37px;
} */
/* .titlebar .col { */
/*     margin-top: 19px; */
/* } */
titlebar .col {
	margin-top: 1.2rem;
}

.titlebar hr {
	margin: 0;
	opacity: 1;
	border-style: inset;
	border-width: 3.003px;
}

.horizontalRule .col {
	justify-content: center;
}

.horizontalRule hr {
	width: 99%;
	opacity: 0.45;
}

div.footer {
	width: 100%;
	position: fixed;
	bottom: 0px;
	font-size: 50%;
	padding: 3px;
	background-color: white;
}

div.footer input.button {
	margin: 1px 0px;
	/* 2023/9/28 */
	font-size: 3.3rem;
}

/*huangwch*/
.label_box {
	margin-top: 0px;
	/* height: 4.9rem; */
	/* line-height: 4.9rem; */
	font-size: 36pt;
	padding-top: 5px;
	padding-bottom: 5px;
}

.row.rowLD>.label_data {
	margin: 0px;
}

input.button {
	margin-top: 25px;
	margin-bottom: 25px;
}

.row.rowLD {
	margin-top: 26px;
	margin-bottom: 26px;
}

.row.rowThreeCol {
	margin-top: 25px;
	margin-bottom: 25px;
	height: 100px;
}

.left {
	margin-left: 20px;
}

.right {
	margin-right: 20px;
}

input.button.right {
	margin-right: 20px;
	width: 200px;
	height: 100px;
	font-size: 60px;
	font-weight: 700;
	font-family: Arial;
	padding-top: 10px
}

textarea.textArea {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
}

body:last-child {
	margin-bottom: 24rem;
}

input.button.leftBtn {
	width: 99%;
	font-size: 110%;
	font-family: Arial;
}

input.button.rightBtn {
	font-size: 110%;
	font-family: Arial;
}

input.button.backBtn {
	width: 99%;
	font-family: Arial;
}

input.button.confirmBtn {
	font-family: Arial;
}

input.button.registerBtn {
	font-family: Arial;
}

input.button.searchBtn {
	font-family: Arial;
}

.text-tcontainer {
	max-width: 100%;
	height: auto;
}
/*labelGroup*/
.row>.col>.row>.label_data {
	width: 100%;
	margin-top: 52px;
}
/*radio*/
.row.rR {
	margin-top: 46px;
}

.row.rR2 {
	margin-top: 20px;
}

.row.rR3 {
	margin-top: 48px;
}

.row.rR4 {
	margin-top: 55px;
}

input#form_radio {
	margin-left: 78px;
}

label.labelDataRadio.myLDR {
	margin-left: 23px;
	margin-top: 4px;
}

label.labelDataRadio.myLDR2 {
	margin-left: 23px;
}

label.labelDataRadio.myLDR3 {
	margin-left: 23px;
	margin-top: 2px;
}

input.lBoxButton {
	width: 100%;
	height: 80px;
	text-align: left;
	border: none;
	background-color: #274AA1;
	color: #ffffff;
	margin-top: 100px;
	margin-bottom: 50px;
	padding-left: 15px;
}

.ldText {
	width: 99.35%;
	height: 102px;
}

#demo {
	color: red;
}

select {
	outline-color: #e59700;
}

input {
	outline-color: #e59700;
}

/*huangwch*/

/** 紐付けボタンの背景*/
.pageSwitchButton_yellow {
	background-color: yellow;
}

.master_update {
	font-weight: bold;
	font-size: 15px;
	color: #FF0000;
}

.rachireseto {
	font-size: 25px;
	font-weight: bold;
}

.tyunaiyou {
	color: #FF0000;
	font-size: 25px;
}

.func_aqna {
	background-color: #00FFFF;
	color: #000000;
	text-align: center;
}

.func_gray {
	background-color: gray;
	color: #000000;
	text-align: center;
}
/* 魯佳琦 2023\09\13 */
.fontColor_red {
	color: #FF0000;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.red {
	color: #FF0000;
}

.forntColor_blue {
	color: #0000FF;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.fontColor_thickGreen {
	color: #00CC66;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.fontColor_orange {
	/* 		color: #FFA500; */
	color: #FFC080;
	margin-left: 10px;
}

.orange {
	color: #FFC080;
}

.fontColor_black {
	color: #000000;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.black {
	color: #000000;
}

.fontColor_white {
	color: #FFFFFF;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.fontColor_yellow {
	color: #FFFF00;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.fontColor_brown {
	color: #A52A2A;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.fontColor_purple {
	color: #800080;
	margin-left: 10px;
	margin-right: -0.7rem;
}

.background_red_font_black {
	background-color: #FF0000;
	color: #000000;
}

.background_orange_font_black {
	background-color: #FFC080;
	color: #000000;
}

.background_blue_font_white {
	background-color: #00A0FF;
	color: #FFFFFF;
}

.background_aquamarine_font_black {
	background-color: #00C0C0;
	color: #000000;
}

.background_gray_font_black {
	background-color: #C0C0C0;
	color: #000000;
}

.extend {
	font-size: 25px;
}

.toiawaseKeireki {
	background-color: #64FED5;
	color: #FFFFFF;
	font-weight: bold;
}

.jjfFlg {
	background-color: #ffaaaa;
}

/* ダイアログ start */
.ui-dialog {
	position: absolute;
	min-width: 250px;
	overflow: hidden;
	zoom: 3.0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 16px .1em 0;
	zoom: 0.333;
}

.ui-dialog .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding-top: 2%;
	background: none;
	overflow: hidden;
	/*zoom: 1;*/
	zoom: 0.333;
	/*
	font-size: 14px;
	font-style:
	*/
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #000000 50% 50% repeat-x;
	color: #ffffff;
}

.ui-widget-header {
	background: #000000 50% 50% repeat-x;
	color: #ffffff;
	/*
	font-weight: bold;
	font-size:19px;
	*/
}

.ui-icon {
	width: 30px;
	height: 30px;
	background-position: center;
}

.ui-widget-header .ui-icon {
	display: none;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	display: none;
}

.ui-widget-overlay {
	/*	background: #aaaaaa 50% 50% repeat-x; */
	opacity: .3;
	filter: Alpha(Opacity = 30);
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	zoom: 1;
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ダイアログ end */
input.button.left_button {
	width: 99%;
}
/* small_phone_titleBar */
.container-fluid>.row.titlebar>.col {
	margin-top: 20px;
}