@charset "utf-8";
/*----------------------------------------------------

	全体のCSS
    ※文字サイズと基本の色はglobalStyle.cssで
    　記載しています。なるべくグローバル変数を
    　使用するようにしています。

----------------------------------------------------*/
.fsize_m {
    font-size: var(--fontsize-M);
}
/*基本フォントサイズ*/
.font_size_H2 {font-size: var(--fontsize-H2);}
.font_size_XXL {font-size: var(--fontsize-XXL);}
.font_size_XL {font-size: var(--fontsize-XL);}
.font_size_L {font-size: var(--fontsize-L);}
.font_size_M {font-size: var(--fontsize-M);}
.font_size_S {font-size: var(--fontsize-S)}
.font_size_SS {font-size: var(--fontsize-S)}
.font_size_XS {font-size: var(--fontsize-XS);}
.font_size_XXS {font-size:  var(--fontsize-XXS);}

.container {
    position: relative;
}
.displaynone {
	display: none!important;
}
/*基本ボタンスタイルA*/
.btn_typeA {
    padding: 10px;
    position: relative;
    float: left;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background: var(--color-btn1);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    cursor: pointer;
    border: none!important;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
}
.btn_typeA:hover, .btn_typeA:active {
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
}
/*基本ボタンスタイルB*/
.btn_typeB {
    background: none;
    border: 3px solid #FFF;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    color: #FFF;
    padding: 5px 20px;
    min-width: 300px;
    cursor: pointer;
}
.btn_typeB:active {
    background-color: rgba(0,0,0,0.95);
}
/*基本ボタンスタイルC*/
.btn_typeC {
    padding: 10px;
    border: 2px solid #898989;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-appearance: none;
}
.btn_typeC {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background: #00aed9;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 5px 5px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 5px 5px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0, 0, 0, 0.2);
    border: solid 2px #007f9e;
    cursor: pointer;
    text-shadow: -2px -2px 2px rgba(0,0,0,0.3);
}
.btn_typeC:active {
    /*押したとき*/
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/*予約オンボタン*/
.yoyaku_onbtn {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 60px;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000;
    background-color: var(--color-btn1);
    background-image: url("Images/icon_yoyaku_onoffW.png");
    background-repeat: no-repeat;
    background-position: center top 8px;
    -webkit-background-size: 40px auto;
            background-size: 40px auto;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
}
.yoyaku_onbtn:hover, .yoyaku_onbtn:active {
    /*押したとき*/
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
}
/*予約オフボタン*/
.yoyaku_offbtn {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 60px;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000;
    background: #b5b5b5;
    background-image: url("Images/icon_yoyaku_onoffW.png");
    background-repeat: no-repeat;
    background-position: center top -42px;
    -webkit-background-size: 40px auto;
            background-size: 40px auto;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
}
.yoyaku_offbtn:hover, .yoyaku_offbtn:active {
    /*押したとき*/
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
}
/*残りわずかボタン（△アイコン）*/
.yoyaku_sankaku_btn {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 60px;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000;
    background-color: var(--color-btn1);
    background-image: url("Images/icon_yoyaku_onoffW.png");
    background-repeat: no-repeat;
    background-position: center top -93px;
    -webkit-background-size: 40px auto;
            background-size: 40px auto;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
}
.yoyaku_sankaku_btn:hover, .yoyaku_sankaku_btn:active {
    /*押したとき*/
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
}
/*アイコン無し予約ボタン*/
.yoyaku_btn {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 60px;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000;
    background-color: var(--color-btn1);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.11), inset -3px -3px 0px rgba(0,0,0,0.15);
}
.yoyaku_btn:hover, .yoyaku_btn:active {
    /*押したとき*/
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 0px rgba(0,0,0,0.11), inset 5px 5px 5px rgba(0,0,0,0.15);
}

/*各背景色*/
.bg_typeA {
    background-color: var(--color-bg-main3);
}
.bg_typeB {
    background-color: var(--color-bg-main4);
}
.bg_typeC {
    background-color: #fcf8af;
}
/*無効用背景色（ストライプ）*/
.bg_type_muko_strip {
    background-color: #a1efb2;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+');
}
/*無効用背景色（グレー）*/
.bg_type_muko_gray {
    background-color: rgba(0,0,0,0.3);
    -webkit-appearance: none;
}
/*各文字色*/
.color_red {
    color: #F00;
}
.color_blue {
    color: #00F;
}
.content_3waku_dt > span:first-child {
    width: 100%;
    font-weight: initial;
}

/* 別ウインドウ選択フォーム用スタイル */
/* --- 入力不可のテキストフォーム（押したらイベント発生）ボタン --- */
.form_text_disabled {
    height: auto!important;
    line-height: initial!important;
	position: relative;
	background-image: url("Images/icon_kensaku_blue.png");
	background-repeat: no-repeat;
    background-position: left 5px center;
            background-size: 17px;
       -moz-background-size: 17px;
    -webkit-background-size: 17px;
	color: #A8A8A8;
	padding: 0px 3px 0px 25px!important;
	cursor: pointer;
}
.form_text_disabled_after {
	color: #000;
}
/* D ×ボタンのスタイル */
.input_clear_button4 {
	position: absolute;
	width: 25px;
	height: 100%;
    top: 1px;
	right: 5px;
	text-align: center;
	        border-radius: 0;
       -moz-border-radius: 0;
    -webkit-border-radius: 0;
	-webkit-appearance: none;
	background-color: transparent;
	background-image: url("Images/icon_clear01.png");
	background-repeat: no-repeat;
	background-position: center center;
	        background-size: 20px;
       -moz-background-size: 20px;
    -webkit-background-size: 20px;
	        box-shadow: none;
    -webkit-box-shadow: none;
	border: none;
	color: gray;
	cursor: pointer;
}
/* ×ボタン分の余白を入れる */
.paddingR_30 {
	padding-right: 30px!important;
}
/* フォームの上書き */
.p_clear_yes {
    position: relative;
    display: inline-block;
    width: 100%;
}
/* ラベル＋ボタン（複数）レイアウト調整 */
.clickRangeOf {
    height: 100%;
}
input.formTable_clearBtn {
    display: inherit;
}

/*----------------------------------------------------
    ヘッダーエリア
----------------------------------------------------*/
.headarea {
    padding: 0 3%;
    height: 75px;
}
.headarea_logo {
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 15px;
}
.headarea_logo > img {
    width: 100%;
    height: auto;
}
.headarea_left {
    float: left;
    padding: 3px 0 0 10px;
    line-height: 1.2;
}
.headarea_left > div > span, 
.headTitle_h1, 
.headTitle_h2, 
.headTitle_h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    text-align: left;
}

/*ヘッダー：患者選択なし（病院名）*/
.headTitle_hospName {
    line-height: 20px;
    min-height: 10px;
    margin-top: 8px;
    float: left;
}
/*TOPの場合は1行*/
.headarea_width100 .headTitle_hospName {
    font-size: var(--fontsize-XXL);
    line-height: 55px;
}
/*ヘッダー：患者選択なし（受診予約）*/
.headTitle_h1 {
    line-height: 33px;
    float: left;
}
/*ヘッダー：患者選択あり（予約操作中）*/
.headTitle_h2 {
    font-size: var(--fontsize-XS);
    line-height: 20px;
    margin-top: 10px;
    float: left;
}
/*ヘッダー：患者選択あり（患者氏名）*/
.headTitle_h3 {
    font-size: var(--fontsize-XL);
    line-height: 30px;
    float: left;
}

.headarea_right {
    float: right;
    padding: 10px 0;
}
.headright_btn {
    min-width: 170px;
    height: 55px;
    float: left;
    margin-left: 15px;
    background: none;
    border: 2px solid rgba(255,255,255,0.7)!important;
    box-shadow: none;
}
/*ファイルのアップロードエリア*/
.fileUploader {
    float: left;
    border: 1px solid #ade5f3;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-appearance: none;
    padding: 5px;
}
.fileUploaderTitle {
    float: left;
    width: 20%;
    text-align: center;
}
.fileUploaderTitle img {
    width: 100%;
    height: auto;
}
.fileUploaderBox1 > span,
.fileUploaderBox2 > span {
    float: left;
    padding: 0 2px 0 0;
}
.fileUploaderBox1 {
    float: right;
    width: 80%;
    line-height: 30px;
}
.fileUploaderBox1_inr {
    float: left;
    width: -webkit-calc(100% - 2em);
    width: calc(100% - 2em);
    font-weight: normal;
    padding-bottom: 5px;
}
.fileUoloader_file {
    display: none;
}
.file_label {
    position: relative;
    display: inline-block;
    width: 105px;
    text-decoration: none;
    color: #FFF;
    background: #00aed9;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    padding: 7px 0;
    line-height: 1.2;
    text-align: center;
}
.file_label::after {
    content: "選択されていません";
    height: 20px;
    line-height: 20px;
    color: #898989;
    position: absolute;
    right: -116px;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    text-shadow: none;
}
.file_label.changed::after {
    content: "";
}
.filename {
    float: right;
    display: inline-block;
    width: -webkit-calc(100% - 6em - 30px);
    width: calc(100% - 6em - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fileUploaderBox2 {
    float: right;
    width: 80%;
    line-height: 30px;
}
.fileUoloader_btn {
    float: left;
    width: 105px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background: #00aed9;
    border-radius: 6px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    height: 30px;
    padding: 3px 0;
}
#FileUploader {
    float: left;
}

/*----------------------------------------------------
    コンテンツエリア
----------------------------------------------------*/
.content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 25px;
}
/*----------------------------------------------------
    コンテンツ１：診察券確認画面
----------------------------------------------------*/
.content_1 {
    float: left;
    width: -webkit-calc(40% - 15px);
    width: calc(40% - 15px);
    min-height: 100%;
    padding-bottom: 35px;
}
.content_1_commentArea {
    margin: 15px 10px 5px 10px;
    text-align: center;
}
.tel_text {
    color: var(--color-text);
}
.content_1title {
    padding: 35px 25px;
}
.content_1card {
    padding: 10px 0;
    text-align: center;
    line-height: 1.2;
}
.content_1card > span {
    padding-bottom: 10px;
    display: block;
}

.content_1_selectType {
    width: 100%;
    min-height: 100%;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.content_1_selectType > div.bg_typeA {
    float: left;
    width: -webkit-calc((100% - 20px)/ 2);
    width: calc((100% - 40px)/ 2);
    height: 100%;
    min-height: 500px;
    margin: 10px;
    text-align: center;
    /*padding: 5% 0;*/
}
.content_1_selectType > div.bg_typeA:last-child {
    margin-right: 0px;
}
.content_1_selectType_text {
    min-height: 5em;
    padding: 10% 10% 5% 10%;
    text-align: center;
}
.content_1_selectType_btn {
    float: none;
    margin-bottom: 10%;
    padding: 2em 1.5em;
}

/*----------------------------------------------------
    コンテンツ２：直接入力画面
----------------------------------------------------*/
.content_2 {
    float: right;
    width: 100%;
    min-height: 100%;
    padding-bottom: 70px;
}
#txtPatientId {
    padding: 10px 5px;
}
#inputAreaTitle2 {
    line-height: 1;
}

.content_2_inrBox {
    max-width: 1050px;
    max-height: calc(100vh - 75px - 40px);
    overflow-y: auto;
    margin: auto;
}
.content_2title {
    padding: 35px 30px 10px 30px;
    text-align: left;
}
.content_2textbox {
    float: left;
    padding: 30px;
    text-align: center;
}
.content_2text {
    width: 100%;
    max-width: 450px;
    border: 2px solid #898989;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
}
.content_2table {
    min-width: 470px;
    float: left;
    padding: 20px;
    text-align: center;
    font-size: 28px;
}
@media (max-width: 767px) {
    .content_2table {
        font-size: 20px;
    }
}
.content_2table table {
    max-width: 470px;
}
.content_2table td {
    width: 25%;
    padding: 5px;
}
.content_2btn {
    width: 100px;
    height: 100px;
    font-weight: initial;
}
.enter_btn {
    height: 210px;
    background: var(--color-bg-main2)!important;
    border: solid 2px #8e900c!important;
    color: #FFF;
}
.calcBtn_1, .calcBtn_2, .calcBtn_3, .calcBtn_4, .calcBtn_5, .calcBtn_6, .calcBtn_7, .calcBtn_8, .calcBtn_9, .calcBtn_0, .calcBtn_minus, .calcBtn_kome {
    font-size: 50px;
}

/*----------------------------------------------------
    コンテンツ３：予約方法選択画面
----------------------------------------------------*/
.content_3 {
    padding: 0 40px;
    min-height: -webkit-calc(100vh - 75px);
    min-height: calc(100vh - 75px);
}
.content_3left {
    float: left;
    width: -webkit-calc(50% - 60px);
    width: calc(50% - 60px);
    max-height: -webkit-calc(100vh - 75px - 100px);
    max-height: calc(100vh - 75px - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 20px 0;
    min-width: 400px;
    padding: 20px 20px 20px 0;
}
#AreaPatientID {
        -ms-user-select: text;
       -moz-user-select: text;
    -webkit-user-select: text;
            user-select: text;
    line-height: 1.2;
}
#AreaPatientName {
    line-height: 1.2;
}
.areaMessage_box {
    padding: 50px 0 20px 0;
}
.method_btn {
    width: 100%;
    height: 150px;
    margin: 15px 0;
}
.content_3right {
    float: right;
    width: -webkit-calc(50% - 44px);
    width: calc(50% - 44px);
    padding: 50px 10px;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
.content_3right_btnArea {
    width: 47%;
    padding: 10px 1%;
}
.content_3right .btn_typeA {
    /*width: 30%;*/
    width: 100%;
    height: 200px;
    margin: 10px 1%;
}
/*カレンダーボタン用スタイル*/
.btn_content3Reserve {
    background-image: url('Images/web_icon_calendar.png');
    background-repeat: no-repeat;
    background-position: top 50px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    padding-top: 90px;
}
/*文書アップロードボタン用スタイル*/
.btn_content3DocUpload {
    background-image: url('Images/web_icon_docEntry.png');
    background-repeat: no-repeat;
    background-position: top 50px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    padding-top: 90px;
}
/*文書一覧ボタン用スタイル*/
.btn_content3DocList {
    background-image: url('Images/web_icon_docSearch.png');
    background-repeat: no-repeat;
    background-position: top 50px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    padding-top: 90px;
}
/*部位選択ボタン用スタイル*/
.btn_content3Kensaku {
    background-image: url('Images/web_icon_kensaku.png');
    background-repeat: no-repeat;
    background-position: top 50px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    padding-top: 90px;
}
/*診察医選択ボタン用スタイル*/
.btn_content3Dr {
    background-image: url('Images/web_icon_dr.png');
    background-repeat: no-repeat;
    background-position: top 50px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    padding-top: 90px;
}

.content_3title {
    padding: 10px 0 0 0;
}
.content_3waku {
    border: 2px solid #FFF;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    margin: 5px 0;
    float: left;
        -ms-user-select: text;
       -moz-user-select: text;
    -webkit-user-select: text;
            user-select: text;
}
.content_3waku_dt {
    float: left;
    padding: 20px 30px 0 30px;
    display: block;
}
.content_3waku_dt > span {
    float: left;
    display: inline-block;
    padding-right: 20px;
    /*font-weight: bold;*/
}
.content_3waku_dd {
    float: right;
    padding: 0 20px 10px 20px;
}
.yoyakuClear_btn {
    width: 250px;
    height:100px;
    margin: 3px;
}
.yoyakuDeleteBtn {
    width: 150px;
}
.yoyakularge_btn {
    width: 400px;
    height: 75px;
    margin: 3px;
}
.content_3waku2 {
    border: 2px solid #FFF;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    margin: 5px 0;
    float: left;
    /*黄色*/
    background-color: #ffe57d;
}


/*----------------------------------------------------
    コンテンツ４：カレンダー画面
----------------------------------------------------*/
.content_4 {
    padding: 0 3%;
    height: -webkit-calc(100vh - 75px - 40px);
    height: calc(100vh - 75px - 40px);
    color: var(--color-text-brack);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.content_4left {
    float: left;
    width: 200px;
    text-align: center;
    padding-top: 80px;
}
.month_prebtn {
    float: left;
    width: 150px;
    background-image: url("Images/icon_left_W2.png");
    background-repeat: no-repeat;
    background-position: left 16px center;
    -webkit-background-size: 40px auto;
            background-size: 40px auto;
    padding-left: 35px;
    line-height: 50px;
}
.content_4center {
    float: left;
    width: -webkit-calc(100% - 200px - 200px);
    width: calc(100% - 200px - 200px);
    padding: 25px 0;
}
.content_4title {
    padding: 0 0 10px 0;
}
.content_4title_left {
    display: inline-block;
    float: left;
}
.content_4title_right {
    display: inline-block;
    float: right;
    font-weight: bold;
}
.content_4calendar {
    border-collapse: collapse;
    border-top: 1px solid #898989;
    border-left: 1px solid #898989;
    width: 100%;
}
.content_4calendar th,.content_4calendar td {
    border-bottom: 1px solid #898989;
    border-right: 1px solid #898989;
    width: -webkit-calc(100% / 7);
    width: calc(100% / 7);
}
.td_box {
    display: inline-block;
    width: 100%;
    height: 80px;
}
.td_box:after {
    content:" ";
    display:block;
    clear:both;
}
.td_box_number {
    float: left;
    text-align: left;
    vertical-align: top;
    padding: 0 0 0 10px;
}
.td_box_btn {
    text-align: center;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    display: inline-block;
    float: right;
    padding: 20px 10px;
}
.content_4right {
    float: right;
    width: 200px;
    text-align: center;
    padding-top: 80px;
}
.month_nextbtn {
    float: right!important;
    float: initial;
    width: 150px;
    background-image: url("Images/icon_right_W2.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    -webkit-background-size: 40px auto;
            background-size: 40px auto;
    padding-right: 35px;
    line-height: 50px;
}
/*----------------------------------------------------
    コンテンツ５：ボタンエリア画面
----------------------------------------------------*/
.content_5 {
    height: -webkit-calc(100vh - 75px);
    height: calc(100vh - 75px);
    overflow-y: auto;
}
.content_5inr {
    padding: 30px 0 60px 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}
.content_5inr_btnArea {
    width: -webkit-calc(50% - 6%);
    width: calc(50% - 6%);
    padding: 20px 3%;
}
#JudgeBtnAreaMessage {
    padding: 20px 5% 0px 5%;
    display: block;
}
.name_btn {
    float: left;
    width: 100%;
    height: 150px;
    letter-spacing: 2px;
}
/*診察医選択ボタン*/
#btnQSelectDoctor {
    min-height: 90px;
    padding: 0;
    padding-left: 93px;
    text-align: left;
    background-image: url(Images/web_icon_dr.png);
    background-repeat: no-repeat;
    background-position: left 30px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
}
/*診察医選択ボタン下のコメント*/
.content_5btnArea_text {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;
    padding-top: 15px;
    padding-bottom: 1em;
    line-height: 1.2;
}
/*希望日選択ボタン*/
#btnQSelectDate {
    min-height: 90px;
    padding: 0;
    padding-left: 93px;
    text-align: left;
    background-image: url(Images/web_icon_calendar.png);
    background-repeat: no-repeat;
    background-position: left 30px center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
}
/*「希望日選択」ボタンの下余白を縮める*/
#AreaJudgeBtnArea .content_5inr {
    padding-bottom: 30px;
}
/*ボタン下のメッセージ表示エリア*/
.content_5inr_btm {
    width: -webkit-calc(100% - 12%);
    width: calc(100% - 12%);
    line-height: 1.2;
    color: var(--color-text-brack);
    margin: 0 auto 60px auto;
    padding: 20px 3%;
    border: 1px solid #898989;
    border-radius: 10px;
}
.content_5inr_btm a {
    text-decoration: underline;
}

/*----------------------------------------------------
    コンテンツ６：時間エリア
----------------------------------------------------*/
.content_6 {
    min-height: 100%;
    color: var(--color-text-brack);
}
.content_6top {
    padding: 20px 3%;
    color: var(--color-text-brack);
}
.content_6btm_title > span {
    padding: 0 20px 5px 0;
    display: inline-block;
}
#AreaSelectTimeFrameDate {
    font-weight: bold;
    display: inline-block;
}
.content_6top_calendarbox table {
    border-top: 1px solid #898989;
    border-left: 1px solid #898989;
    width: 100%;
    max-width: 500px;
}
.content_6top_calendarbox th, .content_6top_calendarbox td {
    border-bottom: 1px solid #898989;
    border-right: 1px solid #898989;
    padding: 2px 5px 5px 5px;
}
.content_6btm {
    padding: 20px 3%;
}
.content_6btm_left {
    display: none;
}
.content_6btm_center {
    float: left;
    width: 100%;
    padding: 0;
}
.content_6btm_timebox dl {
    float: left;
    width: 195px;
    border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
    border-left: 1px solid #898989;
    border-right: 1px solid #898989;
    margin-bottom: 15px;
    margin-right: 2px;
}
.content_6btm_timebox dt {
    float: left;
    width: 100%;
    /*height: 2em;*/
    border-bottom: 1px solid #898989;
    text-align: center;
    line-height: 1.1;
    padding: 12px 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content_6btm_timebox dd {
    float: left;
    width: 100%;
    height: 100px;
    position: relative;
}
.content_6btm_timebox dd > span {
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);
    height: 100%;
    display: inline-block;
    float: left;
    border-right: 1px dotted #898989;
}
.content_6btm_timebox .yoyaku_offbtn {
    position: absolute;
    top: 19px;
    left: 5px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}
.content_6btm_timebox .yoyaku_onbtn {
    position: absolute;
    top: 19px;
    left: 5px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}
.content_6btm_timebox .yoyaku_sankaku_btn {
    position: absolute;
    top: 19px;
    left: 5px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}
.content_6btm_right {
    display: none;
}

/*----------------------------------------------------
    コンテンツ８：質問エリア
----------------------------------------------------*/
#AreaQuestion {
    min-height: 60vh;
}
#AreaQuestion2 {
    min-height: 60vh;
}
.content_8 {
    height: 100%;
}
.content_8top {
    text-align: center;
    padding: 50px 30px;
}
.content_8btm {
    text-align: center;
}
.content_8btm_inr {
    display: inline-block;
}
.content_8btm_inr .btn_typeA {
    min-width: 250px;
    float: left;
    margin: 10px;
}

/*----------------------------------------------------
    コンテンツ１０：メニューエリア
----------------------------------------------------*/
.content_10 {
    display: flex;
    padding: 50px 3%;
    min-height: -webkit-calc(100vh - 75px - 100px);
    min-height: calc(100vh - 75px - 100px);
}
.content_10Left {
    width: 30%;
}
.content_10Left .btn_typeA {
    float: left;
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
    letter-spacing: 2px;
}
.content_10Right {
    width: -webkit-calc(70% - 3% - 5px);
    width: calc(70% - 3% - 5px);
    min-height: 100%;
    border: 1px solid #FFF;
    margin-left: 3%;
}
.content_10Right iframe {
    float: left;
}

/*----------------------------------------------------
    コンテンツ１１：オーダ画面エリア
----------------------------------------------------*/
.content_11 {
    padding: 50px 3%;
    height: -webkit-calc(100vh - 75px - 100px);
    height: calc(100vh - 75px - 100px);
    color: var(--color-text-brack);
    overflow-y: auto;
}
/*部位エリア*/
.content_11Left {
    float: left;
    min-width: 80%;
}
dl.content_11BuiBox {
    border: 1px solid #898989;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    padding: 1.3em 3%;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
    background-color: #FFF;
}
dl.content_11BuiBox dt {
    border-bottom: 1px dotted;
    padding-bottom: 3px;
    margin-bottom: 6px;
    font-weight: bold;
}
dl.content_11BuiBox li {
    background-image: url('Images/icon_kensaku_blue.png');
    background-repeat: no-repeat;
    background-position: left 3px top 5px;
    -webkit-background-size: 18px auto;
            background-size: 18px auto;
    padding-left: 28px;
    cursor: pointer;
    display: flex;
}
dl.content_11BuiBox li:hover {
    background-color: #ccdef2;
    border-radius: 3px;
}
.orderBuiItem_inrBox {
    margin-left: 15px;
}
.orderBuiItem_inrInp {
    float: left;
    width: 6em!important;
    margin: 0 0 3px 3px;
}
.orderBuiItem_inrInp.form_number {
    height: 28px;
    line-height: 28px;
    border: 1px solid #616161;
    border-radius: 3px;
    text-align: right;
    width: 4em!important;
}

/*個別プロパティエリア*/
.content_11Right {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 30px 0;
}
.content_11Right dl {
    min-width: 20em;
    margin: 10px 10px;
}
.content_11 .form_textarea {
    width: -webkit-calc(100% - 6px);
    width: calc(100% - 6px);
    min-height: 30px;
    padding: 0 3px;
    float: left;
}
.content_11Right dt {
    border-bottom: 1px dotted #85bc92;
    margin-bottom: 10px;
}
.content_11Right dd {
    position: relative;
}
.content_11Right dd:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}
.content_11Right .kensaku_Btn {
    position: absolute;
    top: 0;
    right: -2px;
    width: 40px;
    height: 100%;
}
/*必須アイコン*/
.requiredOrderIcon:after {
    display: inline-block;
    content: "必須";
    font-size: 12px;
    background-color: var(--color-btn1);
    color: #FFF;
    padding: 1px 9px;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    -webkit-appearance: none;
    margin: 0 0 2px 5px;
    width: 30px;
    text-align: center;
}

/*----------------------------------------------------
    コンテンツ１３：問診画面エリア ※使用しない
----------------------------------------------------*/
.content_13 {
    color: var(--color-text-brack);
}
.content_13inr  {
    position: relative;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
    border: 1px solid #d1af6b;
    padding: 45px 2% 80px 2%;
    width: -webkit-calc(100% - 6%);
    width: calc(100% - 6%);
    background-color: rgb(223 204 165);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    margin: 10px auto;
    overflow: hidden;
}
.content_13inr:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../../WebCommon/Content/Images/clipboard.png');
    background-repeat: no-repeat;
    background-position: top 5px center;
    -webkit-background-size: auto 60px;
            background-size: auto 60px;
}
.doc_checkArea {
    padding: 20px 3% 5px 3%;
    margin-bottom: 0px;
    /*min-height: 50px;*/
    /*line-height: 50px;*/
    line-height: 1.2;
    background-color: rgba(255,255,255,0.7);
    border-bottom: 2px dashed #FFF;
}
.doc_TitleArea {
    padding: 10px 3% 0 3%;
    border-bottom: none;
}
.content_13inr dl {
    min-height: 7.5em;
}
.content_13inr dl:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}
.content_13inr dt {
    line-height: 1.2;
    /*padding: 0 0 10px 25px;★*/
    padding: 0 0 10px 5px;
}
.content_13inr textarea {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    padding: 5px;
}
.content_13inr .form_text {
    padding: 6px;
    height: auto;
}
.content_13inr dd > span {
    margin: 0.5em 1em 1em 1em;
}

/* 患者氏名表示なし */
.content_13.disp_patient_name {
    height: -webkit-calc(100vh - 65px - 60px - 20px);
    height: calc(100vh - 65px - 60px - 20px);
}

/*問診チェックボックス用スタイル*/
.checkbox_multi {
    position: relative;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    line-height: 40px;
    margin-bottom: 5px;
    margin-right: 15px;
    display: inline-block;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.22), -5px -5px 10px rgb(255,255,255);
            box-shadow: 5px 5px 10px rgba(0,0,0,0.22), -5px -5px 10px rgb(255,255,255);
    border-top: 1px solid rgba(255,255,255,1);
    border-left: 1px solid rgba(255,255,255,1);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    border-right: 2px solid rgba(0,0,0,0.15);
    background-image: none;
    cursor: pointer;
}
.checkbox_multi input[type=checkbox] {
    display: none;
}
.checkbox_multi label {
    padding: 5px 3em 3px 45px;
    float: left;
    cursor: pointer;
    left: 0!important;
    margin: auto;
}
.checkbox_multi:visited,
.checkbox_multi:hover,
.checkbox_multi:active {
    border: none!important;
    background-image: url('../../WebCommon/Content/Images/icon_checkG_60px.png');
    background-repeat: no-repeat;
    background-position: center left 10px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
}
#contentBox_AddInterviewArea .checkbox_multi_ON {
    background-color: #ffacac;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
            box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
    border: none;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    background-image: url('../../WebCommon/Content/Images/icon_checkW_60px.png');
    background-repeat: no-repeat;
    background-position: center left 10px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
}
#contentBox_AddInterviewArea .checkbox_multi_OFF {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.22), -5px -5px 10px rgb(255,255,255);
            box-shadow: 5px 5px 10px rgba(0,0,0,0.22), -5px -5px 10px rgb(255,255,255);
    border-top: 1px solid rgba(255,255,255,1);
    border-left: 1px solid rgba(255,255,255,1);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    border-right: 2px solid rgba(0,0,0,0.15);
    background-image: none;
}

/*問診ラジオボタン用スタイル*/
.radio_multi {
    position: relative;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    line-height: 40px;
    margin-bottom: 5px;
    margin-right: 15px;
    display: inline-block;
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,0.22), -3px -3px 3px rgba(255,255,255,0.45);
            box-shadow: 5px 5px 7px rgba(0,0,0,0.22), -3px -3px 3px rgba(255,255,255,0.45);
    border-top: 2px solid rgba(255,255,255,0.75);
    border-left: 1px solid rgba(255,255,255,0.75);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    border-right: 2px solid rgba(0,0,0,0.15);
    background-image: none;
    background-color: rgba(255,255,255,0.25);
    cursor: pointer;
}
.radio_multi input[type=radio] {
    display: none;
}
.radio_multi label {
    padding: 5px 50px 3px 50px;
    float: left;
    cursor: pointer;
    left: 0!important;
    margin: auto;
}
.radio_multi label:before,
.radio_multi label:after {
    content: none;
}
.radio_multi:visited,
.radio_multi:hover,
.radio_multi:active {
    background-color: rgba(205,188,152,0.45);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
            box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
    border: none;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#contentBox_AddInterviewArea .radio_multi_ON {
    background-color: #ffacac;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
            box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
    border: none;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#contentBox_AddInterviewArea .radio_multi_OFF {
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.22), -5px -5px 10px rgb(255,255,255);
            box-shadow: 5px 5px 10px rgba(0,0,0,0.22), -5px -5px 10px rgb(255,255,255);
    border-top: 1px solid rgba(255,255,255,1);
    border-left: 1px solid rgba(255,255,255,1);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    border-right: 2px solid rgba(0,0,0,0.15);
    background-image: none;
}

/*問診タイトルエリア*/
.doc_formtitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}
.doc_formtitle_inr {
    display: inline-block;
}
/*「複数可」マーク*/
.multipleSpanIcon {
    display: inline-block;
    font-size: 12px;
    background-color: #b7b7b7;
    color: #FFF;
    padding: 3px 0;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    -webkit-appearance: none;
    margin: 0 0 2px 5px;
    width: 65px;
    text-align: center;
}
/*「必須」マーク*/
/*.requiredIcon:after {
    display: inline-block;
    content: "必須";
    font-size: 12px;
    background-color: var(--color-btn1);
    color: #FFF;
    padding: 3px 9px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-appearance: none;
    margin: 0 0 2px 5px;
    width: 30px;
    text-align: center;
}*/
.requiredSpanIcon {
    display: inline-block;
    font-size: 12px;
    background-color: var(--color-btn1);
    color: #FFF;
    padding: 3px 0;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    -webkit-appearance: none;
    margin: 0 0 2px 5px;
    width: 55px;
    text-align: center;
}
/* -------------------
	 フォーム
-------------------- */

/* ラベルフォーム */
.content_13 .form_label {
	min-height: 30px;
	display: block;
	border: 1px solid #616161;
	padding: 0 3px;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
    background-color: #FFF;
}
/* テキストフォーム */
.content_13 input[type="text"] {
    width: 100%;
	padding: 3px;
	border: 1px solid #616161;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
}
/* --- プルダウンメニュー(ドロップダウンリスト） --- */
.content_13 .form_select_01 {
	padding: 0px 3px;
    padding-right: 25px;
	border: 1px solid #616161;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
	cursor: pointer;
}
/*チェックボックス（画像）用スタイル*/
.content_13 .checkboxImage_ON {
    padding-left: 35px;
    background-image: url('Images/checkbox_on_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
.content_13 .checkboxImage_OFF {
    padding-left: 35px;
    background-image: url('Images/checkbox_off_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
/*ラジオボタン（画像）用スタイル*/
.content_13 .radiobtnImage_ON {
    padding-left: 35px;
    background-image: url('Images/radiobtn_on_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
.content_13 .radiobtnImage_OFF {
    padding-left: 35px;
    background-image: url('Images/radiobtn_off_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}

/* --- 入力不可のテキストフォーム（押したらイベント発生）ボタン --- */
.content_13 .form_text_disabled {
    position: relative;
    line-height: 30px !important;
    background-image: url('../../WebCommon/Content/Images/icon_kensaku_blue.png');
    background-repeat: no-repeat;
    background-position: left 7px top 7px;
            background-size: 13px;
       -moz-background-size: 13px;
    -webkit-background-size: 13px;
    color: #A8A8A8;
    padding: 0px 3px 0px 25px !important;
    cursor: pointer;
}
.content_13 .form_text_disabled_after {
	color: #000;
}
/* -----------------------------------------------------
    timepicker上書き用スタイル
    （カレンダースタイルに合わせています）
    頭文字：#ui-timepicker-div
------------------------------------------------------*/
div#ui-timepicker-div {
    z-index: 5!important;/*カレンダーと同じレベル*/
}
#ui-timepicker-div .ui-timepicker-title{
    background: none!important;
    background-color: #00aed9!important;
    border: 1px solid #FFF!important;
    color: #FFF;
    font-size: 14px!important;
}
#ui-timepicker-div .ui-timepicker-buttonpane button{
    font-size: 12px!important;
}
/*hover時*/
#ui-timepicker-div .ui-state-default:hover {
    border: 1px solid #fed22f!important;
    background: #fff0a5!important;
    color: #000!important;
}
/* 文字サイズを修正 可変→固定へ */
.ui-timepicker-table td {
    font-size: 14px!important;
}
.ui-timepicker-table td a {
    font-size: 14px!important;
    padding: 0.2em 0 0.2em 0!important;
    text-align: center!important;
}

/*----------------------------------------------------
    コンテンツ１４：患者一覧画面（簡易タイプ）エリア
----------------------------------------------------*/
.content_14 {
    padding: 30px 3%;
    height: -webkit-calc(100vh - 75px - 60px);
    height: calc(100vh - 75px - 60px);
    color: var(--color-text-brack);
}
.content_14inr {
    height: 100%;
}
.content_14inr_header {
    padding: 0;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*max-height: 35px;*/
}
.content_14inr_header > div, 
.content_14inr_header > input, 
.content_14inr_header > div > * {
    float: left;
    margin: 1px 2px;
    display: inline-block;
    width: auto;
}
.content_14inr_header .form_text {
    /*max-width: 6em;*/
    max-width: 7em;
}
.content_14_searchBtn {
    padding: 2px;
    height: 32px;
    line-height: 30px;
    min-width: 100px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
}
.content_14_selectBtn {
    padding: 1px;
    height: 30px;
    line-height: 30px;
    min-width: 75px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
    float: initial;
    margin: 2px 5px 3px 5px;
}
.content_14inr_tableArea {
    height: -webkit-calc(100vh - 75px - 60px - 30px);
    height: calc(100vh - 75px - 60px - 30px);
    overflow: hidden;
}

.content_14inr_tableArea .fixedTable {
    min-width: 1655px;
}
.content_14inr_tableArea td > span {
    padding: 0 3px;
    display: inline-block;
}
/*テーブルのセル幅設定*/
.table14_col_01 {
    width: 90px;
    text-align: center;
    -webkit-box-shadow: -1px 0 0 #898989 inset;
            box-shadow: -1px 0 0 #898989 inset;
}
.table14_col_02 {
    width: 150px;
    text-align: center;
}
.table14_col_03 {
    width: 180px;
}
.table14_col_04 {
    width: 250px;
}
.table14_col_05 {
    width: 150px;
    text-align: center;
}
.table14_col_06 {
    width: 80px;
    text-align: center;
}
.table14_col_07 {
    width: 180px;
}
.table14_col_08 {
    width: 600px;
}


/*----------------------------------------------------
    コンテンツ１５：診療所毎の予約状況画面
----------------------------------------------------*/
.content_15 {
    padding: 30px 3%;
    height: -webkit-calc(100vh - 75px - 60px);
    height: calc(100vh - 75px - 60px);
    color: var(--color-text-brack);
}
.content_15inr {
    height: 100%;
}
.content_15inr_header {
    padding: 0;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*max-height: 35px;*/
}
.content_15inr_header > div, 
.content_15inr_header > input, 
.content_15inr_header > div > * {
    float: left;
    margin: 1px 2px;
    display: inline-block;
    width: auto;
}
.content_15inr_header .form_text {
    max-width: 7em;
}
.content_15inr_header .form_date {}
#content_15inr_header .form_date {
    border: none;
}
#content_15inr_header .hasDatepicker {
    height: 32px;
}
.content_15_searchBtn {
    padding: 2px;
    height: 32px;
    line-height: 30px;
    min-width: 100px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
}
.content_15_selectBtn {
    padding: 1px;
    height: 30px;
    line-height: 30px;
    min-width: 75px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
    float: initial;
    margin: 2px 5px;
}
.content_15inr_tableArea {
    height: -webkit-calc(100vh - 75px - 60px - 30px);
    height: calc(100vh - 75px - 60px - 30px);
    overflow: hidden;
}
.content_15inr_tableArea td > span {
    padding: 0 3px;
    display: inline-block;
}
/*テーブルのセル幅設定*/

.content_15inr_tableArea .fixedTable {
    min-width: 2685px;
}
.table15_col_th {
  /*倍率変更時のために余裕を持たせた幅にしています*/
  min-width: 420px!important;
}
.table15_col_th> span {
  padding: 3px 0px;
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
}
span.table15_col_01 {
  width: 155px;
  display: inline-block;
  float: left;
}
span.table15_col_02 {
    width: 250px;
    display: inline-block;
    float: right;
    text-align: left;
    /*padding: 3px;*/
    border-left: 1px solid #898989;
    border-right: 1px solid #898989;
}
.table_header_Color .table15_col_02 {
    text-align: center;
}
.table15_col_03 {
    width: 250px;
}
.table15_col_04 {
    width: 140px;
    text-align: center;
}
.table15_col_05 {
    width: 80px;
    text-align: center;
}
.table15_col_06 {
    width: 175px;
}
.table15_col_07 {
    width: 600px;
}
.table15_col_08 {
    width: 140px;
    text-align: center;
}
.table15_col_09 {
    width: 400px;
}
.table15_col_10 {
    width: 120px;
    text-align: center;
}
.table15_col_11 {
    width: 180px;
}
.table15_col_12 {
    width: 180px;
}
.table15_col_00 {
}


/*----------------------------------------------------
    コンテンツ１６：文書ダウンロード画面エリア
----------------------------------------------------*/
.content_16 {
    padding: 30px 3%;
    height: -webkit-calc(100vh - 75px - 60px);
    height: calc(100vh - 75px - 60px);
    color: var(--color-text-brack);
    overflow: auto;
}
.content_16_header {
    padding-bottom: 5px;
}
.content_16_header > * {
    line-height: 30px;
    float: left;
    margin: 0 10px 0 0;
}
#documentDownloadAreaPName,
#documentDownloadAreaPId {
        -ms-user-select: text;
       -moz-user-select: text;
    -webkit-user-select: text;
            user-select: text;
}
.content_16_header .btn_typeA {
    height: 30px;
    padding: 0 1em;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
}
.content_16_header .form_date {}
.content_16_header p > * {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
}
.content_16inr {
    overflow-y: auto;
}
.content_16inr_list li {
    padding: 5px 5px;
    border-bottom: 1px dotted;
    background-color: #FFF;
}
.content_16inr_boxTitle {
    padding: 3px;
    background-color: var(--color-bg-main2);
    color: #FFF;
}
.btn_docView {
    float: left;
    width: 50px;
    height: 30px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-appearance: none;
    margin-right: 5px;
    background-image: url('Images/icon_kensaku.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 20px auto;
            background-size: 20px auto;
}
.content_16inr_list .checkboxImage_ON,
.content_16inr_list .checkboxImage_OFF {
    width: -webkit-calc(100% - 50px - 40px);
    width: calc(100% - 50px - 40px);
    background-position: right 0px top 0;
    padding-left: 0;
    padding-right: 30px;
    font-size: var(--fontsize-M);
}
.content_16inr_list .content_16_ImageBoxWidth {
    width: -webkit-calc(100% - 38px);
    width: calc(100% - 38px);
    padding: 0 30px 0 3px;
    color: gray;
}
/*----------------------------------------------------
    コンテンツ１９：部位選択エリア
----------------------------------------------------*/
.content_19 {
    height: -webkit-calc(100vh - 75px - 40px);
    height: calc(100vh - 75px - 40px);
    color: var(--color-text-brack);
    overflow: auto;
}
.content_19_text {
    padding: 1.5em 3% 15px 3%;
}
.content_19inr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 15px;
    padding: 15px 3%;
}
.content_19inr .btn_typeA {
    padding: 0.7em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*----------------------------------------------------
    コンテンツ２０：質疑応答エリア
----------------------------------------------------*/
.content_20 {
    height: -webkit-calc(100vh - 75px - 40px);
    height: calc(100vh - 75px - 40px);
    color: var(--color-text-brack);
    overflow: auto;
}
.content_20_text {
    padding: 1.5em 3% 15px 3%;
}
.content_20inr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    gap: 20px;
    padding: 15px 3%;
    justify-content: space-around;
}
.content_20inr .btn_typeA {
    padding: 1.5em;
}

/*----------------------------------------------------
    メッセージエリア（黒）
----------------------------------------------------*/
.message_box_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.3);
    z-index: 12;
}
.message_box {
    position: relative;
    width: 90%;
    max-height: 80vh;
    margin: 10vh auto 10vh auto;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.message_box_head {
    text-align: right;
    padding: 20px
}
.close_btn {
    width: 50px;
    height: 50px;
    background: none;
    background-image: url("Images/icon_clear03.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    border: none;
    cursor: pointer;
}
.message_box_content {
    color: #FFF;
    text-align: center;
    padding: 0 0 100px 0;
}
.message_box_content_inr {
    padding: 30px 0 50px 0;
}
.message_box_foot_inr {
    display: inline-block;
}
.message_box_foot_inr input {
    margin: 0 3px;
}

/*----------------------------------------------------
    予約登録中メッセージエリア
----------------------------------------------------*/
.touroku_message {
    padding: 100px 0;
    text-align: center;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #efefef;
}
.touroku_message_text {
    padding: 30px 0;
}
/*ローディングイメージ*/
.loader,
.loader:before,
.loader:after {
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-appearance: none;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
            animation: load7 1.8s infinite ease-in-out;
}
.loader {
    color: #008080;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
}
.loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
                box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
                box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em;
                box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        -webkit-box-shadow: 0 2.5em 0 0;
                box-shadow: 0 2.5em 0 0;
    }
}

.hidden {visibility:hidden;}
.visible {visibility:visible;}

.touch_Message1 {
    display: none;
}

/*----------------------------------------------------
    ダイアログボックスエリア（白）
----------------------------------------------------*/
.dialogbox_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-calc(100vh - 40px);
    height: calc(100vh - 40px);
    background-color: rgba(0,0,0,0.3);
    z-index: 10;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.dialogbox {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    background-color: rgba(255,255,255,0.95);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
            box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    color: var(--color-text-brack);
}
.dialogbox_head {
    padding: 10px 20px
}
.dialogbox_headTitle {
    float: left;
    display: inline-block;
    line-height: 50px;
}
.dialogbox_close_btn {
    float: right;
    width: 50px;
    height: 50px;
    background: none;
    background-image: url("Images/icon_clear01.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
    border: none;
    cursor: pointer;
}
.dialogbox_content {
    text-align: right;
    padding: 0 30px 30px 30px;
}
.dialogbox_content_inr {
    padding: 10px 30px 10px 30px;
}
.dialogbox_foot_inr {
    display: inline-block;
}
.dialogbox_foot_inr .btn_typeA {
    width: 7em;
    margin: 0 5px;
}

/*新規患者登録画面固有スタイル ---------- */
#patientEditArea .dialogbox {
    width: 90%;
    left: 5%;
    top: 3%;
}
/*項目エリア用スタイル*/
.patientEdit_box {
    width: 100%;
    /*max-width: 1200px;*/
    margin: auto;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 5px;
}

.patientEdit_box dl {
    width: 100%;
    padding: 0 0 15px 0;
    float: left;
    min-height: -webkit-calc(1em + 16px);
    min-height: calc(1em + 16px);
}
.patientEdit_box_half {
    width: 50%!important;
    min-width: 15em;
    float: left;
}
.patientEdit_box dl:after {
    content:" ";
    display:block;
    clear:both;
}
.patientEdit_box dt {
    float: left;
    width: -webkit-calc(10rem + 55px);
    width: calc(10rem + 55px);
    text-align: right;
    line-height: 1;
    padding: 5px 0 5px 0;
}
.patientEdit_box dd {
    width: -webkit-calc(100% - 10rem - 55px);
    width: calc(100% - 10rem - 55px);
    float: left;
}
.patientEdit_box dd > span,
.patientEdit_box dd > input,
.patientEdit_box dd > select {
    float: left;
    width: -webkit-calc(100% - 5px);
    width: calc(100% - 5px);
    text-align: left;
}
.patientEdit_box .width_mini > * {
    max-width: 18rem;
    margin-right: 5px;
}
#IntroChkList span {
    margin-right: 1em;
    margin-bottom: 5px;
}
/*必須アイコン*/
.requiredIcon:after {
    display: inline-block;
    content: "必須";
    font-size: 12px;
    background-color: var(--color-btn1);
    color: #FFF;
    padding: 2px 9px;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    -webkit-appearance: none;
    margin-left: 2px;
    width: 30px;
    text-align: center;
}
#patientEditArea .fileDataLabel {
    padding: 5px 10px;
    margin-right: 5px;
}
#patientEditArea .fileDataText.gray {
    margin: 0;
    line-height: 45px;
}
.text-center {
    text-align: center;
}

.patientEdit_title {
    display: inline-block;
}
#patientEditArea .fileDataText {
    text-align: left;
    line-height: 30px!important;
    padding: 8px 0;
}
.purpose_checkArea {
    text-align: left;
}
.patientEdit_filememo {
    float: left;
    display: block;
    line-height: 30px;
    padding: 8px 0;
}
/*添付資料名部分*/
.fileData_inrFrame {
    display: inline-block;
    float: left;
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    width: 100%;
    height: 40px;
    border: 1px solid #898989;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-appearance: none;
    margin: 2px 3px 2px 0;
    padding: 0 30px 0 5px;
    line-height: 30px;
    position: relative;
    background-color: #efefef;
}
.fileData_inrFrame > span {
    float: left;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}
.fileDataText {
    width: 100%;
    max-width: -webkit-calc(100% - 230px)!important;
    max-width: calc(100% - 230px)!important;
    float: left;
}
.fileData_clear {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    background-image: url('Images/icon_clear01.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 25px auto;
            background-size: 25px auto;
    cursor: pointer;
}

/*問診固有スタイル ---------- */
.monsinEdit_box {
    width: 100%;
    margin: auto;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 5px;
}
.monsinEdit_box dl {
    width: 100%;
    padding: 0 0 25px 0;
}
.monsinEdit_box dl:after {
    content:" ";
    display:block;
    clear:both;
}
.monsinEdit_box dt {
    text-align: left;
    line-height: 1;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 8px;
}
.monsinEdit_box dd {
    text-align: left;
    width: 100%;
    max-width: -webkit-calc(100% - 2em - 25px);
    max-width: calc(100% - 2em - 25px);
    padding-left: 2em;
    display: inline-block;
    float: left;
}
.monsinEdit_box dd > * {
    max-width: 100%;
}
.monsinEdit_box dd > textarea {
    padding: 3px;
    text-align: left;
    width: 100%;
}
.monsinEdit_box dd > input {
    padding: 3px;
    text-align: left;
    width: 100%;
}
.monsinEdit_box dd > select {
    padding: 3px;
    text-align: left;
    line-height: 1.2;
}
.monsinEdit_box .form_label {
    height: 30px;
    line-height: 26px;
}
/*文書登録エリア固有スタイル*/
.document_title {
    display: block;
    text-align: center;
}
.document_saveArea {
    display: block;
    text-align: center;
    border: 3px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-appearance: none;
    padding: 100px 10px;
    margin: 30px 0;
    color: rgba(0,0,0,0.4);
}
.fileDataLabel {
    padding: 10px 40px;
    color: #ffffff;
    background-color: var(--color-btn1);
    cursor: pointer;
}
.fileDataBtn {
    display: none;
}
.fileDataText {
    margin: 2px 0 0 10px;
    float: left;
    line-height: 1em;
}
.monsinEdit_box dd p[id$="msg"] {
    line-height: 50px;
    color: gray;
    float: left;
    width: auto!important;
    padding: 0 10px;
}

/*----------------------------------------------------
    ダイアログボックス：汎用検索エリア
----------------------------------------------------*/
.GeneralSearchBox_Title {
    padding: 5px 20px 0 20px;
}
/* --- 検索ボックス --- */
.GeneralSearchBox {
    width: 40%;
    max-width: 98%;
    min-width: 400px;
    height: 90vh;
    left: initial;
    padding: 10px 6px;
    position: relative;
    margin: auto;
}

/* -------------------
	 フォーム
-------------------- */

/* ラベルフォーム */
.form_label {
	min-height: 30px;
	display: block;
	border: 1px solid #616161;
	padding: 0 3px;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
    background-color: #FFF;
}
/* テキストフォーム */
.form_text {}
input[type="text"] {
	padding: 0px 3px;
	border: 1px solid #616161;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
}
/* --- プルダウンメニュー(ドロップダウンリスト） --- */
.form_select_01 {
    width: 100%;
	padding: 0px 3px;
    padding-right: 25px;
	border: 1px solid #616161;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
	cursor: pointer;
}
/* --- 検索ボタン(...あり) --- */
.search-box2 {
    clear: both;
    width: 100%;
    margin-right: 0;
}
.search-box_inr {
    position: relative;
    float: left;
    width: calc(100% - 30px);
}
input.ListSearch_textW {
    float: left;
    height: 30px;
    line-height: 30px;
            border-top-right-radius: 0;
       -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
            border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    vertical-align: middle;
            border-radius: 3px 0 0 3px!important;
       -moz-border-radius: 3px 0 0 3px!important;
    -webkit-border-radius: 3px 0 0 3px!important;
    -webkit-appearance: none;
}

input.kensaku_Btn {
    float: left;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border: 1px solid #616161;
    border-left: 1px solid #FFF;
            border-radius: 0 3px 3px 0;
       -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-appearance: none;
    background-color: #00aed9;
    background-image: url('Images/icon_kensaku2_W.png');
    background-repeat: no-repeat;
    background-position: center center;
            background-size: 17px 17px;
    -webkit-background-size: 17px 17px;
    cursor: pointer;
}
input.kensaku_Btn:hover{
    		box-shadow: 1px 1px 1px #006179 inset;
    -webkit-box-shadow: 1px 1px 1px #006179 inset;
}
input.kensaku_Btn:active{
    		box-shadow: 1px 1px 1px #006179 inset;
    -webkit-box-shadow: 1px 1px 1px #006179 inset;
    background-color: #0769bc;
}

/*チェックボックス（画像）用スタイル*/
.checkboxImage_ON {
    padding-left: 35px;
    background-image: url('Images/checkbox_on_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
.checkboxImage_OFF {
    padding-left: 35px;
    background-image: url('Images/checkbox_off_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
/*ラジオボタン（画像）用スタイル*/
.radiobtnImage_ON {
    padding-left: 35px;
    background-image: url('Images/radiobtn_on_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
.radiobtnImage_OFF {
    padding-left: 35px;
    background-image: url('Images/radiobtn_off_90.png');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    min-height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}

/* 複数選択フォーム スタイル上書き */
.clickRangeOf {
    height: 28px!important;
}
table.form_text_disabled_inrTable td {
    line-height: 1.5em;
}
td.formTable_td {
    padding-right: 0px;
}
input.formTable_clearBtn {
    cursor: pointer;
    position: relative;
    top: 2px;
}

/*カレンダーフォーム*/
label.form_date {
  position: relative;
  display: inline-block;
  width: 155px;
  height: 30px;
  border: 1px solid #898989;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-appearance: none;
}
label.form_date input[type="date"] {
  /*position: relative;*/
  padding: 0 10px;
  width: 155px;
  height: 30px;
  border: 0;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
}

/*Datepickerフォーム*/
.hasDatepicker {
    line-height: 30px;
    height: 30px;
}

/*----------------------------------------------------
    行・列固定のテーブル NEWスタイル
----------------------------------------------------*/
.fixedTable_Area {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.fixedTable {
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #898989;
  border-left: 1px solid #898989;
}
.fixedTable th {
    vertical-align: top!important;
}
tr.table_header_Color th {
    vertical-align: middle!important;
}
.fixedTable th,
.fixedTable td{
  /*↓折り返し対応*/
  min-height: 35px;
  line-height: 1.2;
  padding: 0;
  vertical-align: middle;
  border-right: 1px solid #898989;
  /* border-bottmeは消えることがある */
  /* border-bottom: 1px solid #898989; */
  box-shadow: 0 -1px 0 #898989 inset;
  background-color: #FFF;
      -ms-user-select: text;
     -moz-user-select: text;
  -webkit-user-select: text;
          user-select: text;
}
.fixedTable tr:nth-child(even) th,
.fixedTable tr:nth-child(even) td {
    background-image: url('../../WebCommon/Content/Images/bg_select03.png');
}
.fixedTable .fixed01,
.fixedTable .fixed02{
  position:-webkit-sticky;
  position:sticky;
  top: -1px;
  left: -2px;
  font-weight: normal;
}
.fixedTable .fixed01:before, 
.fixedTable .fixed02:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
}
.fixedTable .fixed01{
  z-index: 2;
}
.fixedTable .fixed02{
  z-index: 1;
}
.table_header_Color > th {
  background-color: #00aed9;
  color: #FFF;
}


/* -----------------------------------------------------
    文書入力用スタイル
------------------------------------------------------*/

/* 項目 */
#input_doc_area dl {
    min-height: 50px;
    line-height: 50px;
}
/* フォーム */
#input_doc_area .form_text {
    height: 45px;
    line-height: 45px;
}
#input_doc_area .form_label {
    border: 1px solid #898989;
    background-color: #efefef;
    color: #898989;
    min-height: 33px;
    line-height: 30px;
    padding: 5px 3px;
}
#input_doc_area .hasTimepicker {
    height: 30px;
}
#input_doc {
    color: #000;
    overflow-y: scroll;
    height: calc(100dvh - 65px - 50px);
    background-color: #fff;
    padding: 0 3%;
}
#input_doc #doc_name {
    padding: 5px 0px 5px 10px;
    font-size: 20px;
}

#input_doc .doc_formbox {
    border: 1px solid #bcbcbc;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 10px;
       -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
       -moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 3px 3px rgb(0 0 0 / 20%);
            box-shadow: 2px 3px 3px rgb(0 0 0 / 20%);
    background-color: #b5d5bc;
    margin-top: 15px;
    margin-bottom: 15px;
}
#input_doc .doc_formboxtitle {
    background-color: #b5d5bc;
    font-weight: bold;
    line-height: 30px;
    padding: 1px 5px;
    margin-bottom: 5px;
}
#input_doc .doc_formboxtitle span {
    position: relative;
    top: 5px;
}

#input_doc .doc_formtitle {
    width: 30rem;
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    /*text-indent: 20px;*/
    position: relative;
}
#input_doc .doc_form {
    width: -webkit-calc(100% - 30rem - 25px);
    width: calc(100% - 30rem - 25px);
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
#input_doc .doc_formtitle:before {
    /*content: "■";
    display: inline-block;
    float: left;
    color: #dfcca5;
    position: absolute;
    left: 0;
    top: 0;★*/
}
#input_doc .doc_checkform .doc_formtitle:before  {
    top: 5px;
}
dl.doc_checkform:has(.doc_formtitle) {
    width: 100%;
}


/* テキストボックス */
#input_doc input[type="text"] {
	padding: 3px;
	border: 1px solid #616161;
	-webkit-border-radius: 3px;
            border-radius: 3px;
	-webkit-appearance: none;
    padding-right: 40px;
}
#input_doc .doc_input_text {
    position: relative;
    margin-right: -30px;
    padding-right: 30px;
    width: 100%;
}
/* テキストボックス クリアボタン */
#input_doc .input_clear_button9 {
    position: absolute;
    width: 35px;
    height: 40px;
    top: 4px;
    right: 32px;
    text-align: center;
            border-radius: 0;
       -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: transparent;
    background-image: url(/WebCommon/Content/Images/icon_clear01.png);
    background-repeat: no-repeat;
    background-position: center center;
            background-size: 17px;
       -moz-background-size: 17px;
    -webkit-background-size: 30px;
            box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    font-size: 16px;
    color: gray;
    background-color: #fff;
    cursor: pointer;
}
#input_doc .doc_input_label {
    position: relative;
    margin-right: -30px;
    padding-right: 30px;
    width: 100%;
}
#input_doc .doc_input_label span {
    line-height: 45px !important;
}

/*チェックボックス用上書きスタイル*/
#input_doc input[type="checkbox"] {
    position: relative;
}
#input_doc dl.doc_checkform dt,
#input_doc dl.doc_checkform dd {
    position: relative;
}
#input_doc dl.doc_checkform dd:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

#input_doc .float_on {
    display: inline-block;
}

#input_doc .doc_formboxColumn {
    padding: 0px 0px 0px 10px;
    background-color: #fff;
    margin: 10px;
    padding: 20px;
}
#input_doc .doc_checkform.doc_level1 dt {
    line-height: 1.1;
}
#input_doc .doc_checkform dt {
    /*padding: 5px 5px 5px 25px;★*/
    padding: 5px 5px 5px 5px;
}

#input_doc textarea {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}

/* ラジオボタン */
#contentBox_DocInputArea .radio_multi_ON {
    background-color: #ffacac;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
            box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
    border: none;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#contentBox_DocInputArea .radio_multi_OFF {
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,0.22), -3px -3px 3px rgba(255,255,255,0.45);
            box-shadow: 5px 5px 7px rgba(0,0,0,0.22), -3px -3px 3px rgba(255,255,255,0.45);
    border-top: 2px solid rgba(255,255,255,0.75);
    border-left: 1px solid rgba(255,255,255,0.75);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    border-right: 2px solid rgba(0,0,0,0.15);
    background-image: none;
}
/* チェックボックス */
#contentBox_DocInputArea .checkbox_multi_ON {
    background-color: #ffacac;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
            box-shadow: 5px 5px 10px rgba(0,0,0,0), inset 4px 4px 2px rgba(0,0,0,0.15);
    border: none;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    background-image: url('../../WebCommon/Content/Images/icon_checkW_60px.png');
    background-repeat: no-repeat;
    background-position: center left 10px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
}
#contentBox_DocInputArea .checkbox_multi_OFF {
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,0.22), -3px -3px 3px rgba(255,255,255,0.45);
            box-shadow: 5px 5px 7px rgba(0,0,0,0.22), -3px -3px 3px rgba(255,255,255,0.45);
    border-top: 2px solid rgba(255,255,255,0.75);
    border-left: 1px solid rgba(255,255,255,0.75);
    border-bottom: 2px solid rgba(0,0,0,0.15);
    border-right: 2px solid rgba(0,0,0,0.15);
    background-image: none;
}
#input_doc .checkbox_multi {
    margin-right: 35px;
    margin-bottom: 0px;
    margin-top: 20px;
    margin-left: 0px;
}

#input_doc .doc_input_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 20px;
    /*フッターボタンを固定*/
    position: fixed;
    width: -webkit-calc(100% - 6% - 70px);
    width: calc(100% - 6% - 70px);
    bottom: 40px;
    left: -webkit-calc(3% + 20px);
    left: calc(3% + 20px);
}
#input_doc .doc_input_footer > input {
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.monsin_footBtn_cancel {
    margin-left: 10px;
    max-width: 40%!important;
}