body {
	margin: 0;
}

.ui-btn {
	font-weight: 400 !important;
	text-shadow: none !important;
}

textarea {
	text-shadow: none !important;
}

input {
	text-shadow: none !important;
}

.info-text {
	margin-top: 1em;
	margin-bottom: 1em;
	/*	font-size: 0.8em; 20180626変更*/
	font-size: 1em;
	text-shadow: none;
}

/*記録表の入力（シンプル）画面でのテーブルサイズ*/
.simple-qi_list_table {
    width: 100%;
    margin: 0;
}

/*記録表の入力（シンプル）画面での「なし」のtdのサイズ*/
.simple-qi_list_td_no_order {
    width: 140px;
}

/*記録表の入力（シンプル）画面での「改善措置」のtdのサイズ*/
.simple-qi_list_td_improvement {
    width: 140px;
}

/*シンプル画面での「備考」*/
.simple-header-btn-icon {
    color: #fff !important;
    font-size: 1.15em !important;
    box-shadow: none !important;
    border: none;
    background: none !important;
}

/*シンプル画面でのマージン*/
.simple-input-ckeck-item-before {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

/*シンプル画面でのパッディング*/
.simple-screen-padding {
    padding: 0 !important;
}

/*シンプル画面でのマージン*/
.simple-screen-margin {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

/*時間のテキストボックスの最低表示幅*/
.simple-timeAnswer-text {
    min-width: 90px !important;
}

/*選択肢のコンボボックスの最大表示幅*/
.simple-DropDownlist {
    max-width: 388px !important;
}

/*20180508*/
#QuestionTitleList .info-text {
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-size: 0.8em;
	text-shadow: none;
}


/* 設定・選択label */

.form-label1 {
	color: #87c367;
	font-size: 1em;
	font-weight: 800;
	text-shadow: none;
}

.btn1 {
	margin-bottom: 1em;
	font-size: 1.1em;
	color: #fff !important;
	background-color: #87c367 !important;
	border-color: #87c367 !important;
}

.btn1:hover {
	background-color: #66934e !important;
	border-color: #66934e !important;
}

.btn2 {
	margin-bottom: 1em;
	font-size: 1.1em;
	color: #17a2b8 !important;
	background-color: #fff !important;
	border-color: #17a2b8 !important;
}

.btn2:hover {
	color: #fff !important;
	background-color: #17a2b8 !important;
	border-color: #17a2b8 !important;
}

.btn3 {
	margin-bottom: 1em;
	font-size: 1.1em;
	color: #868e96 !important;
	background-color: #fff !important;
	border-color: #868e96 !important;
}

.btn3:hover {
	color: #fff !important;
	background-color: #868e96 !important;
	border-color: #868e96 !important;
}

.btn4 {
	font-size: 1em !important;
	color: #868e96 !important;
	background-color: #fff !important;
	border-color: #868e96 !important;
}

.btn4:hover {
	color: #fff !important;
	background-color: #868e96 !important;
	border-color: #868e96 !important;
}

.btn4_selected {
	font-size: 1em !important;
	color: #fff !important;
	background-color: #17a2b8 !important;
	border-color: #17a2b8 !important;
}

.btn4_selected:hover {
	color: #17a2b8 !important;
	background-color: #fff !important;
	border-color: #17a2b8 !important;
}

.input-record-title {
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-shadow: none;
	background-color: #87c367;
	z-index: 999;
}

.header-btn-area {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #fff;
}

.header-btn-area .ui-btn {
	width: 80% !important;
	max-width: 600px;
	margin: 0;
	font-size: 1em;
}

.footer-btn-area {
	margin: 1em 0;
	padding: 2em;
	border-top: 1px solid #ccc;
	text-align: center;
}


/*20180516*/

#QuestionTitleList .footer-btn-area {
	margin: 1em -1em 0;
	padding: 2em;
	border-top: 1px solid #ccc;
	text-align: left;
}

.footer-btn-area button {
	margin-bottom: 1.5em;
}

.footer-btn-area button:last-child {
	margin-bottom: 0;
}

.template {
	display: none !important;
}

.hide {
	display: none;
}

.hide_i {
	display: none !important;
}

.header-btn-icon {
	margin: 0;
	padding: 0.1em 0.35em 0 0.35em;
	color: #fff !important;
	font-size: 1.5em !important;
	box-shadow: none !important;
	border: none;
	background: none !important;
}

.header-btn-icon2,
.header-btn-icon3 {
	color: #fff !important;
	font-size: 0.9em !important;
	box-shadow: none !important;
	border: none;
	background: none !important;
}

.header-btn-icon:hover,
.header-btn-icon2:hover,
.header-btn-icon3:hover {
	color: #d0d0d0 !important;
}

.header-btn-icon:active,
.header-btn-icon2:active {
	color: #fff !important;
	border: 1px solid #4c4c4c;
	background-color: #87c367 !important;
}

.header-btn-icon3:active {
	color: #fff !important;
	border: 1px solid #4c4c4c;
	background-color: #a8e1fa !important;
}

.ion-icon {
	margin-right: 0.5em;
}

.ion-icon-red {
	margin-right: 0.5em;
	color: #87c367;
}

.ion-icon-blue {
	margin-right: 0.5em;
	color: #17a2b8;
}

.hamberger-menu-text {
	font-size: 0.6em !important;
	margin-left: 0.5em;
	vertical-align: middle;
}


/*テキスト入力　赤枠*/

.input_red {
	border: 2px solid #f4004b !important;
}


/*テンキー*/

.number-input-area {
	position: fixed;
	bottom: 1em;
	z-index: 99999;
}

#number_keypad {
	border: 2px solid #ccc;
}

.keypad-row {
	display: table;
}

.keypad-row .key {
	cursor: pointer;
	display: table-cell;
	width: 10vh;
	height: 10vh;
	vertical-align: middle;
	color: #fff;
	font-size: 2em;
	text-align: center;
	border: 1px solid #fff;
	background-color: #3b3b3b;
}

.keypad-row .key.point,
.keypad-row .key.minus {
	background-color: #4b4b4b;
}

.keypad-row .key:hover {
	background-color: #aaa;
}

.keypad-row .key:active {
	background-color: #28ebb0;
}

.input-btn {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 2em;
}


/*LoginPage*/

#LoginPage {
	height: 98vh;
	padding: 1vh 0;
	color: #4D4D4D;
	background-color: #F69786;
}

.content-bg {
	width: 95vw;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border-radius: 10px;
	background-color: #fff;
}

.logo {
	width: 100%;
	padding: 5vh 0;
	text-align: center;
}

.logo-img {
	width: 50vw;
	max-width: 400px;
	height: 30vw;
	max-height: 250px;
	margin: 0 auto;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.haccphelper_subtitle {
	color: #87c367;
	font-size: 3vmax;
}

.login-form {
	width: 80vw;
	max-width: 450px;
	margin: 0 auto;
}

.login-form-item {
	margin-bottom: 1em;
}

.login-alert {
	margin-bottom: 2em;
	padding: 1em;
	border-radius: 5px;
	font-size: 0.8em;
	text-shadow: none;
}

.login-alert.error {
	color: #721c24;
	border: 1px solid #f5c6cb;
	background-color: #f8d7da;
}

.login-alert.info {
	color: #0c5460;
	border: 1px solid #BEE5EF;
	background-color: #d1ecf1;
}

.login-link {
	display: block;
	margin-bottom: 1em;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
}

.app-ver {
	margin-top: 2em;
	color: #4c4c4c;
	font-size: 0.7em;
	text-align: center;
}


/*SelectPersonPage*/

#SelectPersonPage,
#TerminalRegistrationPage {
	height: 98vh;
	padding: 1vh 0;
	color: #4D4D4D;
	background-color: #F69786;
}

.selectPerson-header {
	width: 80vw;
	max-width: 450px;
	margin: 0 auto;
}

.sp-h2 {
	color: #87c367;
	font-size: 2em;
	font-weight: 800;
}

.sp-head {
	padding: 10% 0 5%;
}

.sp-form-item {
	margin-bottom: 1em;
}

.sp-footer {
	margin-top: 5vh;
}


/*InputRecordlistPage*/


/*InputRecordCategoryPage*/

.navbar-bg-red {
	background-color: #72985e !important;
}

.navbar-title.ui-title {
	padding: 0.5em 0;
	color: #fff;
	font-size: 1.25em;
	font-weight: normal;
	text-shadow: none;
}

.record-type {
	margin-bottom: 5vw;
}

.record-type:last-child {
	margin-bottom: 0;
}


/* リストヘッダー */

.list-header-input {
	margin: -1em;
	padding: 0.5em 1em;
	color: #fff !important;
	font-size: 1em !important;
	font-weight: normal !important;
	text-shadow: none !important;
	background-color: #87c367 !important;
}

.list-listcontent {
	margin-top: 15px;
}

.list-icon-image {
	display: table-cell;
	width: 50px;
	height: 50px;
	background-image: url("../images/recordicon.gif");
	background-repeat: no-repeat;
	background-size: contain;
}


/*
.list-icon-image img {
    width: 100%;
    height: auto;
}
*/

.record-name {
	display: table-cell !important;
	vertical-align: middle;
	/*	color: #87c367; 20180626変更*/
	color: #3c3c3c;
	text-align: justify;
	/* 20180626追加 */
	font-size: 1em;
	text-shadow: none;
}


/*サイドパネル*/

.ui-panel-inner {
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	/*	height: 650px; 20180626変更*/
	-webkit-overflow-scrolling: touch;
}

.side-panel-default {
	background-color: #F69786;
}

.side-logo {
	width: 90%;
	height: 50px;
	margin: 0.5em auto;
	background-image: url("../images/side-panel-logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


/*
.side-logo images {
    width: 90%;
    height: auto;
}
*/

.side-panel-navi-header-default {
	padding: 0.3em 1em;
	color: #fff;
	text-shadow: none;
	background-color: #87c367;
}

.side-panel-navi-item {
	width: 100%;
	margin: 0;
	padding: 1em 1em;
	text-align: left;
	text-shadow: none;
	border: none;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}


/*20180516*/

#menu-left .side-panel-navi-item {
	width: 100%;
	margin: 0;
	padding: .5em 1em;
	text-align: left;
	text-shadow: none;
	border: none;
	border-bottom: 1px solid #ccc;
}

.list-sub-header {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
	text-shadow: none !important;
}

.list-status {
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 0.5em;
	color: #fff;
	border-radius: 5px;
	/*	20180626追加*/
	text-shadow: none;
}


/*未記録、記入中、記入済、対応中、確認待、確認済*/

.list-status-1 {
	background-color: #999999;
}

.list-status-2 {
	background-color: #87c367;
}

.list-status-3 {
	background-color: #646464;
}

.list-status-4 {
	background-color: #4f31d1;
}

.list-status-5 {
	background-color: #15A3B9;
}

.list-status-6 {
	background-color: #646464;
}

.check-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 0.1em;
}

.no-check {
	background-image: url("../images/checkbox-blank.svg");
}

.on-check {
	background-image: url("../images/checkbox-check.svg");
}


/*ShowRecordDetailPage*/

.show-checklist-item {
	margin-bottom: 3em;
}

.show-checklist-item:last-child {
	margin-bottom: 1em;
}

.show-check-title,
.note-title {
	margin-right: -1em;
	margin-left: -1em;
	padding: 0 1em 0.2em 1em;
	font-size: 1.2em;
	border-bottom: 1px solid #4c4c4c;
	/*20180626追加*/
	text-shadow: none;
}

.show-check-description {
	margin-bottom: 1em;
	padding: 0 0.5em 1em;
	font-size: 1.2em;
	border-bottom: 1px dotted #4c4c4c;
}

.show-ckeck-product {
	margin: 1em 0;
	font-size: 1.2em;
	border-bottom: 1px dotted #4c4c4c;
}

.show-ckeck-item {
	margin: 1em 0;
	font-size: 1.2em;
	border-bottom: 1px dotted #4c4c4c;
}

.show-ckeck-item-name {
	font-weight: 600;
}

.show-ckeck-improvement {
	padding-bottom: 1em;
	border-bottom: 1px dotted #4c4c4c;
}

.improvement-status {
	font-size: 1.2em;
}

.improvement-status-1 {
	color: #F66155 !important;
	border-color: #F66155 !important;
}

.improvement-status-2 {
	color: #15A3B9 !important;
	border-color: #15A3B9 !important;
}

.improvement-status-3 {
	color: #646464 !important;
	border-color: #646464 !important;
}


/*ShowNotePage*/

.note-list li {
	padding-top: 1.5em !important;
	padding-bottom: 1.5em !important;
	white-space: pre-line !important;
	text-shadow: none !important;
}


/*InputRecordPage*/

.input-checklist-item {
	margin-bottom: 2em;
	border: 1px solid #87c367;
}

.input-check-content {
	padding: 1em;
}

.input-check-title {
	margin: 0;
	padding: 0.5em;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
	background-color: #87c367;
}

.input-check-other {
	display: flex;
}

.input-check-other a:last-child {
	margin-left: auto;
	margin-right: 0;
}

.input-check-description {
	margin-bottom: 1em;
	padding: 0 0.5em 0;
	font-size: 1.2em;
}

#yes-no-popup .input-check-description {
	margin-bottom: 1em;
	padding: 0 0.5em 0;
	font-size: 1.2em;
	text-align: center;
	text-shadow: none;
}

.input-ckeck-item {
	padding-bottom: 1.5em;
	font-size: 1.2em;
	border-bottom: 1px dotted #4c4c4c;
}

.input-ckeck-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.input-ckeck-item-name {
	font-weight: 600;
}


/*InputNotePage*/

.input-note {
	/*	margin: 2em 0; 20180626変更*/
	margin: 2em 0 0;
	padding-top: 1em;
}

.input-comment {
	font-size: 1.2em;
	text-shadow: none !important;
}


/*InputImprovementPage*/

.improvement-list {
	padding-top: 1em;
}

.improvement-list li {
	padding-top: 1.5em !important;
	padding-bottom: 1.5em !important;
	white-space: pre-line !important;
	text-shadow: none !important;
}

.improvement-title {
	/*margin-right: -1em;*/
	/*margin-left: -1em;*/
	margin-bottom: 0;
	padding: 0.2em 1em;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
	background-color: #4c4c4c;
}

.input-improvement {
	padding-top: 1em;
}


/*CheckRecordCategoryPage*/

.navbar-bg-blue {
	background-color: #0071BD !important;
}

.list-header-check {
	margin: -1em;
	padding: 0.5em 1em;
	color: #fff !important;
	font-size: 1em !important;
	font-weight: normal !important;
	text-shadow: none !important;
	background-color: #2AAAE3 !important;
}

.check-record-title {
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-shadow: none;
	background-color: #2AAAE3;
	z-index: 999;
}

.setting-add-popup {
	min-width: 50vw;
	/*    width: 80vw;*/
	padding: 1em;
	border: 10px solid #F69786;
}

.other-popup {
	min-width: 50vw;
	padding: 1em;
	border: 10px solid #ff2222;
}


/*ポップアップ*/

.popup-title {
	color: #87c367;
	text-align: center;
	font-weight: normal;
	font-size: 1.5em;
	text-shadow: none;
}

.popup-footer {
	margin-top: 2em;
	text-align: center;
}


/*RecordOutputListPage*/

.setting-output-poppup {
	min-width: 50vw;
	/*    width: 80vw;*/
	padding: 1em;
	border: 10px solid #F69786;
}

.setting-output-form-item {
	margin-bottom: 2em;
}


/*pulldown*/

.ks-select-pulldown-1 .ui-btn {
	border: 1px solid #F69786 !important;
}

.ks-select-pulldown-1 .ui-btn:hover {
	color: #fff;
	background-color: #F69786;
}

.ks-select-pulldown-2 .ui-btn {
	border: 1px solid #87c367 !important;
}

.ks-select-pulldown-2 .ui-btn:hover {
	color: #fff;
	background-color: #87c367;
}

.ks-select-pulldown-3 .ui-btn {
	color: #87c367 !important;
	border: 1px solid #87c367 !important;
}

.ks-select-pulldown-3 .ui-btn:hover {
	color: #fff;
	background-color: #87c367;
}

.ks-select-pulldown-4 .ui-btn {
	color: #4c4c4c;
	border: 1px solid #4c4c4c !important;
}

.ks-select-pulldown-4 .ui-btn:hover {
	color: #fff;
	background-color: #4c4c4c;
}


/*item-delete-mode*/

.item-delete {
    /*	20180626追加*/
    position: absolute;
    right: 3em;
    top: 0.25em;
    z-index: 1;
}
.item-delete:hover {
    color: #87c367;
}

#QuestionTitleList .item-delete {
    position: absolute;
    right: 4.5em;
    top: -0.1em;
    z-index: 1;
}
#QuestionTitleList .item-delete:hover {
    color: #87c367;
}

#MakeRecodeList .item-delete {
    position: absolute;
    right: 4.5em;
    top: 0.15em;
    z-index: 1;
}
#MakeRecodeList .item-delete:hover {
    color: #87c367;
}

#SettingItemPage .item-delete {
	display: inline-block;
	margin-right: 0.5em;
	color: red;
	text-decoration: none;
}

#SettingItemPage .item-delete:hover {
	color: #87c367;
}

.ks_listview {
	margin: -1em;
	padding: 0;
	list-style: none;
}

.ks_listview li {
	width: 100%;
	min-height: 1em;
	padding: 1em;
	text-shadow: none;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	transition-duration: 0.5s;
}


/*20180516*/

#QuestionTitleList .ks_listview li {
    width: auto;
    min-height: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    text-shadow: none;
    transition-duration: 0.5s;
}

/*20180502*/

#QuestionTitleList .ks_listview li:last-child {
	margin-bottom: 30px;
}


/*20180502*/

#QuestionTitleList .ion-chevron-right:before {
	margin-top: -60px;
}

#QuestionTitleList .ks_listview li:hover {
    cursor: pointer;
    background-color: #ededed;
}
.ks_listview li:hover {
	cursor: pointer;
	background-color: #ededed;
}

.ks_listview .list-icon {
	display: inline-block;
	position: absolute;
	right: 1em;
}


/*20180626追加*/

.item-sort {
    position: absolute;
    right: 0.5em;
    top: 0.6em;
    z-index: 1;
}

#QuestionTitleList .item-sort {
    position: absolute;
    right: 3em;
    top: -0.1em;
    z-index: 1;
}

#MakeRecodeList .item-sort {
    position: absolute;
    right: 5em;
    top: 0.4em;
    z-index: 1;
}

.item-sort-up {
	display: inline-block;
	margin-right: 1em;
}

.item-sort-down {
	display: inline-block;
	margin-right: 5em;
}


/*一般的衛生管理　確認詳細*/

.plan_show_title {
	margin-right: -1em;
	margin-left: -1em;
	padding: 0 1em 0.2em 1em;
	color: #87c367;
	font-size: 1.2em;
	border-bottom: 1px solid #4c4c4c;
}

.plan_show_description {
	margin-bottom: 1em;
	padding: 0 0.5em 1em;
	font-size: 1.2em;
	border-bottom: 1px dotted #4c4c4c;
}

.plan_show_description:last-child {
	border-bottom: none;
}

.check_input_label,
.check_item_name {
	display: block;
	padding-bottom: 0.5em;
}

.check_input_type,
.check_item_description {
	display: block;
	font-size: 0.8em;
}

.sub_escription {
	font-size: 0.8em;
}

.plan_add_check_list {
	margin: 0 -1em 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #F69786;
}

.plan_add_check_list li {
	padding: 1em;
	border-bottom: 1px solid #F69786;
	background-color: #fff;
	display: flex;
	flex-direction: row;
}

.plan_add_check_list li:hover {
	cursor: pointer;
	background-color: #ededed;
}

.plan_add_check_list .check_name {
	display: flex;
	flex-grow: 1;
	-webkit-align-items: center;
	/* 縦方向中央揃え（Safari用） */
	align-items: center;
	margin: 0 1em 0 0;
}

.plan_add_check_list .input_state {
	display: flex;
	min-width: 70px;
	height: 2.5em;
	margin: 0 3em 0 0;
	-webkit-align-items: center;
	/* 縦方向中央揃え（Safari用） */
	align-items: center;
	-webkit-justify-content: center;
	/* 横方向中央揃え（Safari用） */
	justify-content: center;
	/* 横方向中央揃え */
	color: #fff;
	font-size: 0.8em;
	text-shadow: none;
	text-align: center;
	border-radius: 3px;
}

.plan_add_check_list .list-icon {
	display: flex;
	margin: 0;
	-webkit-align-items: center;
	/* 縦方向中央揃え（Safari用） */
	align-items: center;
	-webkit-justify-content: center;
	/* 横方向中央揃え（Safari用） */
	justify-content: center;
	/* 横方向中央揃え */
	color: #87c367;
}

.plan_add_check_list .input_state.state1 {
	background-color: #646464;
}

.plan_add_check_list .input_state.state2 {
	background-color: #15A3B9;
}

.content_title1 {
	margin: 0 -1em;
	padding: 0.5em 1em;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
	background-color: #F69786;
}

.cinput {
	display: table-cell;
	padding-right: 1em;
}

.cinput input {
	width: 80vw;
}

.cinput_remove {
	display: table-cell;
	vertical-align: middle;
}

.add_point {
	margin: 1em 0;
	padding-bottom: 0.5em;
	/*    margin-bottom: 0;*/
	border-bottom: 1px solid #ccc;
}

.add_point:last-child {
	border-bottom: none;
}

.add_check_point {
	margin: 1em 0;
	/*    padding-bottom: 0.5em;*/
}

.check_target_item {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #ccc;
}

.check_target_item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.add_item_and_check {
	margin: 1em 0;
}

.check_point_column {
	border-bottom: 1px solid #ccc;
}


/*20180313*/


/*記録・確認　備考・改善措置の入力パネル*/


/*右サイドパネルのサイズ調整*/

.ui-panel-position-right {
	width: 70%;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
	right: 70%;
}

.right_side_panel_input1 {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	text-shadow: none;
}

.side_panel_footer_btn_area {
	padding: 2em;
	border-top: 1px solid #ccc;
	text-align: center;
}


/*チェック項目　選択式　ラジオボタン*/

.input_sentaku_radiobtn .ui-radio {
	margin-bottom: 0.5em;
	border: 2px solid #dddddd;
	border-radius: 5px;
}

.input_sentaku_radiobtn .ui-radio .ui-btn:after {
	display: none;
}

.input_sentaku_radiobtn label {
	padding: 0.8em;
	font-size: 1em;
	text-align: center !important;
	border: none !important;
	border-radius: 4px !important;
}

.input_sentaku_radiobtn label.ui-radio-on {
	color: #fff !important;
	background-color: #3388cc !important;
}


/*20180315*/

.improvement_checkbox {
	margin-bottom: 2em;
}


/*20180407*/

.MakeRecodeTani {
	width: 200px !important;
}


/*20180417*/

#QuestionTitleConfirmer-list a,
#planRecode-list a,
#questionTitleList-List a {
	display: block;
	height: 20px;
}

#QuestionTitleConfirmer-list .ui-checkbox,
#planRecode-list .ui-checkbox,
#questionTitleList-List .ui-checkbox {
	display: inline !important;
}

#QuestionTitleConfirmer-list .copyBtn,
#planRecode-list .copyBtn,
#questionTitleList-List .copyBtn,
#QuestionTitleConfirmer-list .displayOrNot,
#planRecode-list .displayOrNot,
#questionTitleList-List .displayOrNot {
	position: relative;
	vertical-align: bottom;
	margin-top: 5px;
	margin-right: 10px;
}

#QuestionTitleConfirmer-list .display-or-notdisplay,
#planRecode-list .display-or-notdisplay,
#questionTitleList-List .display-or-notdisplay {
	/*	display: block; 20180626変更*/
	/*20180626追加*/
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 60px;
	color: #fff;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: cadetblue;
	border-radius: 5px;
}


/*20180507*/

.item-name {
	display: block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-line;
	word-break: break-all;
}


/*.list-icon-munus15 {
    margin-top:-15px;*/


/*}*/


/*20180510*/

.make-item-name-space:after {
	background-color: transparent;
	background-repeat: no-repeat;
	border-radius: 1em;
	right: 1em;
	top: 50%;
	margin-top: -8px;
	content: "\f125";
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	font-family: "Ionicons";
}

.float-item-name {
	display: block;
	float: left;
	width: 80%;
}

#QuestionTitleList .item-name {
	display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0 1em 0 0;
}

div.side-panel-default {
	-webkit-transform: translateZ(0px);
	-webkit-overflow-scrolling: touch;
}

#menu-left {
	border-width: 0px;
	border-style: none;
}


/*20180529*/

@media screen and (max-width:350px) {
	/* 画面サイズが350pxまではここを読み込む */
	.mediaQueryResize-popup {
		width: 250px !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
		padding: 10px;
	}
	.mediaQueryResize-hedder {
		border-width: 1px 0;
		border-style: solid;
		left: 0;
		right: 0;
		width: 272px !important;
		position: fixed;
		z-index: 1000;
		top: -1px;
		padding-top: 1px;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		border-color: #dddddd;
		color: #333333;
		font-weight: bold;
		background-color: #72985e !important;
	}
	.mediaQueryResize-person {
		margin-top: 24px;
		width: 250px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	.mediaQueryResize-confirmer-past {
		margin-top: 48px;
		width: 250px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	/*20180530*/
	.kiroku-header-layout {
		padding: 0.5em 0;
		color: #fff;
		font-size: 1.25em;
		font-weight: normal;
		text-shadow: none;
		text-align: center;
	}
}

@media screen and (min-width:350px) and (max-width:480px) {
	/* 画面サイズが350pxから480pxまではここを読み込む */
	.mediaQueryResize-popup {
		width: 310px !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
		padding: 10px;
	}
	.mediaQueryResize-hedder {
		border-width: 1px 0;
		border-style: solid;
		left: 0;
		right: 0;
		width: 332px !important;
		position: fixed;
		z-index: 1000;
		top: -1px;
		padding-top: 1px;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		border-color: #dddddd;
		color: #333333;
		font-weight: bold;
		background-color: #72985e !important;
	}
	.mediaQueryResize-person {
		margin-top: 24px;
		width: 310px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	.mediaQueryResize-confirmer-past {
		margin-top: 48px;
		width: 310px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	/*20180530*/
	.kiroku-header-layout {
		padding: 0.5em 0;
		color: #fff;
		font-size: 1.25em;
		font-weight: normal;
		text-shadow: none;
		text-align: center;
		margin-right: 10%;
		margin-left: 10%;
	}
}

@media screen and (min-width:480px) and (max-width:700px) {
	/* 画面サイズが480pxから700pxまでの幅の場合に適応される */
	.mediaQueryResize-popup {
		width: 450px !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
		padding: 10px;
	}
	.mediaQueryResize-hedder {
		border-width: 1px 0;
		border-style: solid;
		left: 0;
		right: 0;
		width: 472px !important;
		position: fixed;
		z-index: 1000;
		top: -1px;
		padding-top: 1px;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		border-color: #dddddd;
		color: #333333;
		font-weight: bold;
		background-color: #72985e !important;
	}
	.mediaQueryResize-person {
		margin-top: 24px;
		width: 450px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	.mediaQueryResize-confirmer-past {
		margin-top: 48px;
		width: 450px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	/*20180530*/
	.kiroku-header-layout {
		padding: 0.5em 0;
		color: #fff;
		font-size: 1.25em;
		font-weight: normal;
		text-shadow: none;
		text-align: center;
		margin-right: 25%;
		margin-left: 25%;
	}
}

@media screen and (min-width:700px) and (max-width:1100px) {
	/* 画面サイズが700pxから1100pxまでの幅の場合に適応される */
	.mediaQueryResize-popup {
		width: 650px !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
		padding: 10px;
	}
	.mediaQueryResize-hedder {
		border-width: 1px 0;
		border-style: solid;
		left: 0;
		right: 0;
		width: 672px !important;
		position: fixed;
		z-index: 1000;
		top: -1px;
		padding-top: 1px;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		border-color: #dddddd;
		color: #333333;
		font-weight: bold;
		background-color: #72985e !important;
	}
	.mediaQueryResize-person {
		margin-top: 24px;
		width: 650px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	.mediaQueryResize-confirmer-past {
		margin-top: 48px;
		width: 650px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	/*20180530*/
	.kiroku-header-layout {
		padding: 0.5em 0;
		color: #fff;
		font-size: 1.25em;
		font-weight: normal;
		text-shadow: none;
		text-align: center;
		margin-right: 30%;
		margin-left: 30%;
	}
}

@media screen and (min-width: 1100px) {
	/* 画面サイズが1100pxからの幅の場合に適応される */
	.mediaQueryResize-popup {
		width: 800px !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
		padding: 10px;
	}
	.mediaQueryResize-hedder {
		border-width: 1px 0;
		border-style: solid;
		left: 0;
		right: 0;
		width: 822px !important;
		position: fixed;
		z-index: 1000;
		top: -1px;
		padding-top: 1px;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		border-color: #dddddd;
		color: #333333;
		font-weight: bold;
		background-color: #72985e !important;
	}
	.mediaQueryResize-person {
		margin-top: 24px;
		width: 800px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	.mediaQueryResize-confirmer-past {
		margin-top: 48px;
		width: 800px !important;
		font-size: 1em;
		line-height: 1.3;
		font-family: sans-serif/*{global-font-family}*/
		;
	}
	/*20180530*/
	.kiroku-header-layout {
		padding: 0.5em 0;
		color: #fff;
		font-size: 1.25em;
		font-weight: normal;
		text-shadow: none;
		text-align: center;
		margin-right: 30%;
		margin-left: 30%;
	}
}


/*20180530*/

#inputRecodeList-ul .list-item {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: lightgray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: lightgray;
}
#inputRecodeList-ul .list-item:hover {
    background-color: #ededed;
    border-color: #dddddd;
    color: #333333;
}

#inputRecodeList-ul a {
	border: none;
}

#inputRecodeList-ul .ion-ios-close-outline:before {
	font-size: 40px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}


/*20180606*/

#InputRecordlistPage .header-btn-icon3 {
	position: fixed;
	left: 15px;
	font-weight: 400 !important;
	text-shadow: none !important;
	text-decoration: none;
	font-size: 0.9em !important;
	margin-top: 3px;
}

/*20210916修正 エラーメッセージポップ内でスクロールできるようにする*/
#message_popup {
	color: red;
	max-height: 90vh;
	overflow-x: hidden;
	overflow-y: auto;
}

#product-error-popup,
#category-error-popup,
#tanto-error-popup,
#shop-error-popup,
#terminal-error-popup {
	color: red;
}
/*.improvement-popup {
	margin-top: 60px;
}*/

.improvement-header:nth-of-type(1) {
	padding: 15px 0;
	margin-top: 15px;
}


/*20180626追加*/

.list-item {
	position: relative;
}

.list-item .ion-ios-close-outline:before {
	content: "\f405";
	font-size: 40px;
}

.list-item .ion-arrow-up-b:before {
	content: "\f10d";
	font-size: 40px;
}

.list-item .ion-arrow-down-b:before {
	content: "\f104";
	font-size: 40px;
}


/*20180607*/

.color-blue {
	background-color: #0071BD !important;
}

.color-red {
	color: red !important;
}


/*20190213 改善措置ポップアップの中でスクロールするように*/
.improvement-popup{
    margin-top: 15px;
    height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.improvement-content{
    margin-top: 90px;
    padding:0 2em;
}

/*20200217 改善措置画像 ウィンドウサイズが小さい場合の考慮*/
.ul-improvement-image{
    list-style: none;
    padding: inherit;
}

.img-imp{
    width: 350px;
    max-width: 100%;
}

.img-imp-confirmer {
    width: 350px;
    max-width: 100%;
    margin-bottom: 1em;
}

/*iOS Safariの改善措置ポップアップ内でラベルの文字が消える問題の対応*/
.improvement-popup .ui-btn{
    position: static;
}
/*↑を適用するとiOS Safariでチェックボックスの表示が変わる問題の対応*/
.improvement-popup .ui-checkbox input{
    visibility: hidden;
}

.record-title-close {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.record-title-open {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}