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

/*----------------------------------------------------
    全体
----------------------------------------------------*/
.headright_btn {
    min-width: auto;
}
.dialogbox_foot_inr .btn_typeA {
    width: 6.5em;
}

/*無効の背景色（ストライプスマホは細かく調整）*/
.bg_type_muko {
    background-image: url("Images/bg_stripe02.png");
    background-repeat: repeat;
    -webkit-background-size: 15px auto;
            background-size: 15px auto;
    opacity: 0.5;
}
/*予約オフボタン*/
.yoyaku_offbtn {
    background-image: url("Images/icon_yoyaku_onoffW.png");
    background-repeat: no-repeat;
    background-position: center top -30px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    border: none;
    min-height: 45px;
}
/*予約オンボタン*/
.yoyaku_onbtn {
    background-image: url("Images/icon_yoyaku_onoffW.png");
    background-repeat: no-repeat;
    background-position: center top 7px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    border: none;
    min-height: 45px;
}
/*残りわずかボタン（アイコン）Ver*/
.yoyaku_sankaku_btn {
    background-image: url("Images/icon_yoyaku_onoffW.png");
    background-repeat: no-repeat;
    background-position: center top -70px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    border: none;
    min-height: 45px;
}
/*残りわずかボタン（文字）Ver*/
.content_6 .yoyaku_sankaku_btn {
    background-color: #7ccadd;
    background-color: #FFF;
    background-image: url("Images/icon_yoyaku_wazuka.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 200px auto;
            background-size: 200px auto;
    border: 1px solid #898989;
    min-height: 50px;
}
/*アイコン無しボタン*/
.yoyaku_btn {
    background: #fcf8af;
    border: 1px solid #898989;
    min-height: 50px;
}
/*----------------------------------------------------
    ヘッダーエリア
----------------------------------------------------*/
.headarea {
    height: 65px;
    padding: 5px 10px 5px 10px;
}
.headarea_logo {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}
.headarea_left {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
}
.headarea_right {
    padding: 10px 0 0 0;
}
/*TOPの場合は1行*/
.headarea_width100 {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
}
@media (max-width: 767px) {
    .headarea_width100 .headTitle_hospName {
        font-size: var(--fontsize-X);
    }
}
.headright_btn {
    min-width: 65px;
    height: 50px;
    margin-left: 3px;
}
/*ﾛｸﾞｱｳﾄボタン*/
#LogOut_TopMenu,
#headright_LogOutBtn {
    width: 85px;
    font-size: 13px;
    line-height: 1.2;
}
/*新規患者ボタン*/
#headright_Newbtn {
    width: 79px;
    font-size: 13px;
    line-height: 1.2;
}
/*----------------------------------------------------
    コンテンツエリア
----------------------------------------------------*/
.content {
    padding: 0 10px 10px 10px;
}
/*----------------------------------------------------
    コンテンツ１：診察券確認画面
----------------------------------------------------*/
.content_1 {
    width: 100%;
    margin: 0;
    margin-bottom: 1px;
    padding: 0 0 10px 0;
}
.content_1title {
    padding: 10px 20px;
}
.img_card {
    width: 80%;
    height: auto;
}
/*----------------------------------------------------
    コンテンツ２：直接入力画面
----------------------------------------------------*/
.content_2 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.content_2inr {
    max-width: 430px;
}
.content_2title {
    padding: 10px 15px 5px 15px;
    line-height: 1.2;
}
#inputAreaTitle2 {
    padding: 0 15px;
}
.content_2textbox {
    padding: 3px 20px 5px 20px;
}
.content_2table {
    min-width: initial;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 10px;
}
.content_2table table {
    max-width: initial;
}
.content_2table td {
    padding: 3px;
}
.content_2btn {
    width: 100%;
    height: 80px;
}
.enter_btn {
    height: 165px;
}
.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: 38px;
}
/*----------------------------------------------------
    コンテンツ３：予約方法選択画面
----------------------------------------------------*/
.content_3 {
    width: 100%;
    height: -webkit-calc(100vh - 75px);
    height: calc(100vh - 75px);
    overflow-y: auto;
    margin: 0;
    padding: 0;
}
.content_3left {
    width: -webkit-calc(100% - 6%);
    width: calc(100% - 6%);
    max-height: initial;
    overflow-y: hidden;
    padding: 10px 3%;
    margin: 0;
    min-width: initial;
}
.method_btn {
    margin: 10px 0;
    height: 60px;
}
.areaMessage_box {
    padding: 30px 0 10px 0;
}
.content_3right {
    width: -webkit-calc(100% - 12%);
    width: calc(100% - 12%);
    padding: 30px 6% 100px 6%;
    min-width: initial;
    border: none;
}
.content_3right_btnArea {
    width: 100%;
    padding: 10px 0;
}
.content_3right .btn_typeA {
    width: 100%;
    height: 90px;
    padding: 0;
    padding-left: 93px;
    background-position: left 30px center;
    text-align: left;
    margin: 0;
}
.content_5btnArea_text {
    padding-top: 10px;
}
.content_3title {
    padding: 3px 0;
    line-height: 1.1;
}
.content_3waku_dt {
    padding: 15px 10px 0 10px;
}
.content_3waku_dt > span {
    padding-right: 0px;
    padding-top: 2px;
}
.content_3waku_dd {
    padding: 0 10px 10px 10px;
}
.yoyakuClear_btn {
    width: 135px;
    height: 50px;
}
.touch_Message1 {
    float: right!important;
    font-size: 12px;
    padding-top: 10px!important;
}
/*----------------------------------------------------
    コンテンツ４：カレンダー画面
----------------------------------------------------*/
.content_4 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.content_4title {
    font-size: 20px;
}
.content_4left {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    text-align: left;
    padding: 10px 0 0 10px;
}
#DrugTitle {
    line-height: 1.2;
    font-size: var(--fontsize-M);
}
.content_4right {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    text-align: right;
    padding: 10px 10px 0 0;
}
.content_4center {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 10px;
    padding-bottom: 100px;
}
.td_box {
    height: 70px;
}
.td_box_number {
    width: initial;
}
.td_box_btn {
    width: -webkit-calc(100% - 6px);
    width: calc(100% - 6px);
    padding: 0 3px 3px 3px;
}
.month_prebtn {
    width: 100px;
    height: 40px;
    background-position: left 4px top 2px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    line-height: 18px;
    font-size: 18px;
}
.month_nextbtn {
    width: 100px;
    height: 40px;
    background-position: right 4px top 2px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
    line-height: 18px;
    font-size: 18px;
}
.content_4calendar {
    border-top: 1px solid #898989;
    border-left: 1px solid #898989;
}
.content_4calendar th,.content_4calendar td {
    border-bottom: 1px solid #898989;
    border-right: 1px solid #898989;
}
/*----------------------------------------------------
    コンテンツ５：ボタンエリア画面
----------------------------------------------------*/
.content_5 {
    width: 100%;
    height: -webkit-calc(100vh - 75px);
    height: calc(100vh - 75px);
    overflow: auto;
    margin: 0;
    padding: 0;
}
.content_5inr {
    padding: 10px 10px 90px 10px;
}
.content_5inr_btnArea {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    padding: 5px 3%;
}
.name_btn {
    width: 100%;
    height: 100px;
    margin: 10px 0px;
    font-size: var(--fontsize-XL);
}

/*----------------------------------------------------
    コンテンツ６：時間エリア
----------------------------------------------------*/
.content_6 {
    overflow: auto;
    height: -webkit-calc(100vh - 75px);
    height: calc(100vh - 75px);
}
.content_6top {
    display: none;
}
.content_6btm {
    padding: 0;
}
.content_6btm_left {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    text-align: left;
    padding: 10px 0 0 10px;
}
.content_6btm_right {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    text-align: right;
    padding: 10px 10px 0 0;
}
.content_6btm_center {
    width: initial;
    padding: 10px;
    padding-bottom: 100px;
}
.content_6btm_timebox dl {
    width: 100%;
    margin-bottom: 5px;
}
.content_6btm_timebox dd {
    height: 60px;
}
.content_6btm_timebox .yoyaku_offbtn {
    left: 10px;
    top: 5px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
.content_6btm_timebox .yoyaku_onbtn {
    left: 10px;
    top: 5px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
.content_6btm_timebox .yoyaku_sankaku_btn {
    left: 10px;
    top: 5px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
.content_6btm_timebox .yoyaku_btn {
    left: 10px;
    top: 5px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
/*----------------------------------------------------
    コンテンツ８：質問エリア
----------------------------------------------------*/
.content_8btm_inr .btn_typeA {
    float: initial;
}

/*----------------------------------------------------
    コンテンツ１０：メニューエリア
----------------------------------------------------*/
.content_10 {
    /*縦並びにする*/
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 20px 3%;
    height: -webkit-calc(100vh - 75px - 40px);
    height: calc(100vh - 75px - 40px);
    overflow-x: hidden;
    overflow-y: auto;
}
.content_10Left {
    width: 100%;
}
.content_10Left .btn_typeA {
    height: 60px;
    margin-bottom: 15px;
}
.content_10Right {
    width: 100%;
    margin-left: 0;
    height: -webkit-calc(100vh - 80px - 190px);
    height: calc(100vh - 80px - 190px);
}
.content_10Right iframe {
    display: block;
    min-height: 15em;
}

/*----------------------------------------------------
    コンテンツ１１：オーダエリア
----------------------------------------------------*/
.content_11 {
    padding: 20px 3%;
    height: -webkit-calc(100vh - 75px);
    height: calc(100vh - 75px);
    overflow: auto;
}
.content_11Left {
    min-width: 100%;
}
.content_11Right dl {
    width: 100%;
    min-width: 15em;
    margin: 10px 0;
}
/*----------------------------------------------------
    コンテンツ１３－２：文書入力画面（簡易）
----------------------------------------------------*/
.content_13inr {
    padding-top: 50px;
}
.content_13inr:after {
    background-image: url(../../WebCommon/Content/Images/clipboard.png);
    background-repeat: no-repeat;
    background-position: top 5px center;
    background-size: auto 45px;
}
.content_13inr dt {
    /*padding: 5px 0 0 20px;*/
    padding: 5px 0 0 5px;
    line-height: 1.1;
}
#input_doc .doc_formtitle {
    /*width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);★*/
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}
#input_doc .doc_form {
    width: 100%;
}
#input_doc .doc_formtitle:before {
    position: absolute;
    left: 0px;
    top: 5px;
}
div#MessageInfoMain {
    line-height: 1.1;
}

#input_doc .radio_multi,
#input_doc .checkbox_multi {
    line-height: 30px;
    padding: 0px;
    margin-right: 5px;
    margin-top: 0px;
}
#input_doc .checkbox_multi label {
    padding: 5px 0.5em 3px 32px;
}
#contentBox_DocInputArea .checkbox_multi_ON {
    background-image: url(../../WebCommon/Content/Images/icon_checkW_60px.png);
    background-repeat: no-repeat;
    background-position: center left 3px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
}
.radio_multi label {
    padding: 5px 35px 3px 35px;
}
#input_doc .doc_input_footer {
    width: -webkit-calc(100% - 6% - 20px);
    width: calc(100% - 6% - 20px);
    bottom: 40px;
    left: -webkit-calc(3% + 10px);
    left: calc(3% + 10px);
}
.monsin_footBtn_cancel {
    margin-left: 0px;
}
/*----------------------------------------------------
    コンテンツ１４：簡易患者一覧画面
----------------------------------------------------*/
.content_14 {
    padding: 15px 3%;
    height: -webkit-calc(100vh - 75px - 30px);
    height: calc(100vh - 75px - 30px);
}
.content_14_searchBtn {
    min-width: 60px;
}
.content_14inr_header > div > span:first-child {
    width: 5.5em;
    text-align: right;
}
.content_14inr_tableArea {
    height: -webkit-calc(100vh - 75px - 30px - 30px);
    height: calc(100vh - 75px - 30px - 30px);
}

/*----------------------------------------------------
    コンテンツ１５：診療所毎の予約状況画面
----------------------------------------------------*/
.content_15 {
    padding: 15px 3%;
    height: -webkit-calc(100vh - 75px - 30px);
    height: calc(100vh - 75px - 30px);
}
.content_15_searchBtn {
    min-width: 60px;
}
.content_15inr_tableArea {
    height: -webkit-calc(100vh - 75px - 30px - 30px);
    height: calc(100vh - 75px - 30px - 30px);
}

/*----------------------------------------------------
    ボックス１６：文書ダウンロード画面
----------------------------------------------------*/
.content_16 {
    padding: 15px 3%;
    height: -webkit-calc(100vh - 75px - 30px);
    height: calc(100vh - 75px - 30px);
}

/*----------------------------------------------------
    ボックス１９：部位（症状）選択画面
----------------------------------------------------*/
.content_19inr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}
/*----------------------------------------------------
    メッセージボックス（黒）
----------------------------------------------------*/
.message_box {
    /*top: 10%;*/
    top: 5%;
    margin: 5vh auto 0 auto;
}
.message_box_head {
    padding: 10px;
}
.message_box_content {
    padding: 0 20px 40px 20px;
}
.message_box_content_inr {
    padding: 30px 0;
}
.message_box_foot input {
    margin: 0 0 10px 0;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-appearance: none;
    min-width: initial;
    width: 100%;
}
.message_box_foot_inr {
     display: block; 
}

/*----------------------------------------------------
    ダイアログボックスエリア（白）
----------------------------------------------------*/
.dialogbox_content {
    padding: 0 15px 30px 15px;
}
.dialogbox_content_inr {
    padding: 0px;
}
.dialogbox_close_btn {
    height: 30px;
    width: 30px;
    -webkit-background-size: 30px auto;
            background-size: 30px auto;
}
.dialogbox_headTitle {
    line-height: 30px;
}

/*新規患者登録画面固有スタイル ---------- */
.patientEdit_box dl {
    padding: 0 0 5px 0;
}
.patientEdit_box dt, 
.patientEdit_box dd {
    width: 100%;
    text-align: left;
}
.patientEdit_box_half {
    width: 100%!important;
}
.patientEdit_box .width_mini > * {
    max-width: 100%;
    min-height: 30px;
}
.patientEdit_box .width_mini > .font_size_SSS {
    font-size: 18px;
    line-height: 1;
}
div#AreaLogin3 > .div {
    width: 100%!important;
}
@media (max-width: 767px) {
    .content_1_commentArea {
        font-size: var(--fontsize-XS);
    }
    .content_1_selectType > div.bg_typeA {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        height: auto!important;
        min-height: 70px!important;
        margin-bottom: 3px;
        padding: 20px 0;
    }
    .content_1_selectType_text {
        min-height: 2.5em;
        padding: 10px;
        font-size: var(--fontsize-S);
    }
}
.content_1_selectType_btn {
    padding: 1em 1.5em;
    margin-bottom: 10px;
}
.patientEdit_box .form_label {
    padding: 0;
    line-height: 30px;
}
.patientEdit_box dd > select {
    padding-bottom: 0;
    min-height: 32px;
}
/*問診用スタイル ----------- */
.monsinEdit_box dd {
    padding-left: 0;
    max-width: -webkit-calc(100% - 10px);
    max-width: calc(100% - 10px);
}
.fileDataText {
    margin: 10px 0 0 0;
    max-width: 100%!important;
}

/*----------------------------------------------------
    ダイアログボックス：汎用検索エリア
----------------------------------------------------*/
.GeneralSearchBox {
    width: 98%;
    min-width: initial;
    max-width: -webkit-calc(100% - 2% - 30px);
    max-width: calc(100% - 2% - 30px);
    /*height: 98vh;*/
    max-height: 80vh;
    top: 1%;
    left: 1%;
}
/*検索ボックス*/
.ListSearch_textW {
    height: 30px;
    line-height: 28px;
}
.input_clear_button9 {
    height: 23px;
}
.kensaku_Btn2 {
    height: 32px;
            background-size: 18px auto;
    -webkit-background-size: 18px auto;
}
.pankuzuArea {
    padding: 10px 0 5px 0;
}
.GeneralSearchBox_footer .btn_typeA {
    min-width: 4em;
    height: 50px;
}
.GeneralSearchBox_footer .btn_typeC {
    min-width: 50px;
    height: 50px;
    font-size: 13px;
}

/*----------------------------------------------------
    処理中メッセージエリア
----------------------------------------------------*/
.touroku_message_text {
    font-size: 25px;
}
.loader, .loader:before, .loader:after {
    width: 1.3em;
    height: 1.3em;
}
.loader:before {
    left: -2.5em;
}
.loader:after {
    left: 2.5em;
}
.loader {
    margin: 30px auto;
}