/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2017/06/05, 17:25:44
    Author     : skato
*/

/* reset css */


@media screen and (min-width: 1921px){
    /* 解像度1600用のヘッダ */
    .header-1600 {
        display: none;
    }
    /* 解像度1920用のヘッダ */
    .header-1920 {
        display: block;
    }
    /* サイドメニュー(1920は表示/1600は表示ボタンを押下するまで非表示) */
    .sideMenuPanel-display {
        display: block;
        width: calc(100vw*414/1920);
        min-width: calc(100vw*414/1920);
        position: static;
        height: 100%;
    }
    /* サイドメニュー表示ボタン(1600のみあり) */
    .slideMenuBtn-display {
        display: none;
        width: 0px;
    }
    /* メニューの右側 */
    .menuFloatRightSide {
        width: calc(100vw*1405/1920);
        height: calc(100vw*50/1920);
        float: left;
    }
    /* 最終更新日時 */
    .dateInfo {
        width: calc(100vw*350/1920);
        font-size: calc(100vw*20/1920);
    }
    /* JSEED+のロゴ */
    .projectIntroduction-margin {
        width: calc(100vw*1417/1920);
    }
    /* 解像度1600用のボディ内のコンテンツの合計幅(1920では設定値不要) */
    .contents-1600{
    
    }
    /* ユーザをクリックしたときに表示されるプルダウン */
    #accountMenuData{
        margin-left: calc(100vw*1693/1920);
    }
    /* ボディーの幅 */
    .commonWith {
        width: 100vw;
        height: 100vh;
    }
    /* サイドメニューの上の画面タイトルの色 */
    .title-color{
        background-color: #e5e5e9;
    }
    /* refine searchの位置 */
    .refineSearchPosition {
    }
    /* refine searchの位置 */
    .refineSearchBtn-1920 {
        display: block;
    }
    /* overview MAPサイズ */
    .overviewGraphAndMap{
        width: calc(100vw*1501/1920);
    }
    /* クロノロジーの境界線 */
    .borderLR-1600{

    }
    .commonSideMenu {
        top:0px
    }

    #overviewData, #chronologyData, #teamData, #analyzeData, #adminData,#urlData, #memberHealthData{
        float: left;
        margin-top: calc(100vw*1/1920);
        text-align: center;
        background-color: #ffffff;
        position: absolute;
        z-index: 10;
        box-shadow: #cccccc 1px 1px 1px;
    }

    #accountMenuData{
        float: left;
        margin-top: calc(100vw*-51/1920);
        text-align: center;
        background-color: #ffffff;
        position: absolute;
        z-index: 10;
        box-shadow: #cccccc 1px 1px 1px;
    }

    #overviewData{
        margin-left: calc(100vw*8/1920);/*415px*/
    }
    #chronologyData{
        margin-left: calc(100vw*211/1920);/*415px*/
    }
    #teamData{
        margin-left: calc(100vw*415/1920);/*619px*/
    }
    #accountMenuData{
        /* margin-left: 1700px; */
    }
    #analyzeData{
        margin-left: calc(100vw*619/1920);/*415px*/
    }
    #urlData{
        margin-left: calc(100vw*823/1920);/*415px*/
    }
    /* #memberHealthData{
        margin-left: 1027px;
    } */
    .dropdownList li{
        display:none;
        height: calc(100vw*44/1920);
        width: calc(100vw*181/1920);
        line-height: 2.5;
        /*    border: 1px solid #AFAFBB;*/
        border-bottom: 1px solid #AFAFBB;
        border-left: 1px solid #AFAFBB;
        border-right: 1px solid #AFAFBB;
        text-align: left;
        padding-left: calc(100vw*22/1920);
        padding-top: calc(100vw*3/1920);
    }
    .mainmenudown-color{
        color: #333333;
    }
    .dropdownListWide li{
        width: calc(100vw*218/1920);
    }

    .mainmenudown:after {
        content:"▼";
        position: absolute;
        right: calc(100vw*10/1920);
    }
    .mainmenuup:after {
        content:"▲";
        position: absolute;
        right: calc(100vw*10/1920);
    }

    .submenu a ,.submenu span{
        padding-left: calc(100vw*16/1920);
        width: calc(100vw*153/1920);
    }
    .mainmenu{
        font-weight: 600;
    }
    #accountMenuData li{
        width: calc(100vw*157/1920);
    }
    .dropdownList li:hover{
        background-color: #e2e2e4;
    }

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td ,input {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    div, img, canvas  {
        backface-visibility:hidden;
    }

    body {
        line-height: 1;
        font-family: 'Segoe UI';
        /*    font-family: 'Segoe UI', 'Meiryo UI';*/
        font-size: calc(100vw*16/1920);
    }
    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

    input {
        background-color: white;
        border: 1px solid #AFAFBB;
        padding: calc(100vw*1/1920) 0px;
    }

    input[type="text"],input[type="password"]{
        padding-left: calc(100vw*8/1920);
    }

    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }

    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }
    del {
        text-decoration: line-through;
    }

    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }


    /* common css */

    .common {
        font-size: calc(100vw*20/1920);
        color: #333333;
        /*background-color: #ffffff*/
    }

    /*
    .commonWith {
        width: 1920px;
        height: 888px;
        padding-bottom: 32px;
    }*/

    .borderCommon{
        border: 1px solid #AFAFBB;
    }

    .borderLRB{
        border-left: 1px solid #AFAFBB;
        border-right: 1px solid #AFAFBB;
        border-bottom: 1px solid #AFAFBB;
    }

    .buttonCommon {
        font-size: calc(100vw*24/1920);
        border-radius: calc(100vw*5/1920);
        border: 1px solid #AFAFBB;
        box-shadow:0px 1px 0px #AFAFBB;
        height: calc(100vw*44/1920);
        width: calc(100vw*256/1920);
        background-color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
    .buttonCommon:hover {
       background-color: #e2e2e4;
    }
    .buttonCommon:active {
        background-color: #4290ce;
        color: #ffffff;
    }
    .buttonCommon:focus {
        /*background-color: #006ebc;*/
    }
    .buttonCommon:disabled {
        background-color: #f8f8f9;
    }

    .headerCommon {
        max-height: calc(100vw*96/1920);
        min-height: calc(100vw*96/1920);
        background-color: #ffffff
    }
    .menuButtonImage {
        letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす※display:inline-block対応 */
        float:left;
        position:relative;
    }

    .menuButtonImage img {
        width: calc(100vw*204/1920);
        float: left;
        cursor : pointer;
    }
    .menuBtn{
        display:inline-block;
        letter-spacing: normal; /* 文字間を元に戻す */
    }
    .menuText{
        position:absolute;
        display:block;
        width: calc(100vw*204/1920);
        line-height:normal;
        padding-top: calc(100vw*5/1920);
        color:#333333;
        font-weight:600;
    }
    .menuText:hover{
        cursor: pointer;
    }

    .selectedMenu{
        color:#4290ce;
    }

    .dateInfo {
        height: calc(100vw*44/1920);
        line-height: calc(100vw*44/1920);
        text-align: center;
        position: relative;
    }

    .projectIntroduction-margin {
        height: calc(100vw*50/1920);
        float: left;
    }

    .menuPaddoingLeftSide {
        width: 100%;
        text-indent: calc(100vw*8/1920);
        display:-webkit-inline-box;
        text-align:center;
    }

    .systemLogo {
        font-size: calc(100vw*32/1920);
        font-weight: 600;
        height: calc(100vw*32/1920);
        padding-top: calc(100vw*7/1920);
        padding-left: calc(100vw*22/1920);
        padding-bottom: calc(100vw*11/1920);
        text-align: left;
        float: left;
    }

    .projectIntroduction {
        float: left;
        font-size: calc(100vw*18/1920);
        height: calc(100vw*50/1920);
        width: calc(100vw*300/1920);
        text-align: right;
        line-height: 3;
        cursor: pointer;
    }

    .userInfo {
        float: right;
        position: relative;
        cursor:pointer;
    }
    .userInfo:hover{
       background-color: #e2e2e4;
    }
    .userInfo:active{
       background-color: #e2e2e4;
    }
    .userInfo:focus{
        background-color: #006ebc;
        color: #ffffff;
    }
    .userInfo span {
        left: calc(100vw*44/1920);
        width: calc(100vw*136/1920);
        height: calc(100vw*44/1920);
        line-height: calc(100vw*44/1920);
        font-size: calc(100vw*24/1920);
        text-align: center;
        position: absolute;
        text-overflow: ellipsis;
        overflow:hidden;
    }
    
    .menuUserIcon {
        height: calc(100vw*44/1920);
    }

    .floatLeft {
        float: left;
    }
    .floatRight {
        float: right;
    }

    .clearBoth {
        clear: both;
    }

    .fontBold {
        font-weight: bold;
    }

    .nowrap {
        white-space: nowrap;
    }

    .tableCell {
        display:table-cell;
    }

    .width100per {
        width: 100%;
    }
    .displayNone {
        display: none;
    }
    .setHidden {
        visibility: hidden;;
    }
    .verticalMargin50 {
        clear: both;
        height: calc(100vw*50/1920);
        width: 100%;
    }

    .verticalMargin24 {
        clear: both;
        height: calc(100vw*24/1920);
        width: 100%;
    }
    .verticalMargin16 {
        clear: both;
        height: calc(100vw*16/1920);
        width: 100%;
    }
    .verticalMargin8 {
        clear: both;
        height: calc(100vw*8/1920);
        width: 100%;
    }
    .verticalMargin2 {
        clear: both;
        height: calc(100vw*2/1920);
        width: 100%;
    }

    .horizontalMargin12 {
        width: calc(100vw*12/1920);
        height: 1px;
    }
    .lineHeight44 {
        line-height: calc(100vw*44/1920);
    }

    .marginLeft24 {
        margin-left: calc(100vw*24/1920);
    }
    .marginLeft30 {
        margin-left: calc(100vw*30/1920);
    }

    .fontSize16{
        font-size: calc(100vw*16/1920);
    }

    .cursorPointer {
        cursor: pointer;
    }

    /**
    .menuOverview {
        background: url("../img/header/bt_overview_nor.png" );
    }
    .menuOverview:hover {
        background: url("../img/header/bt_overview_over.png" );
    }
    .menuOverview:active {
        background: url("../img/header/bt_overview_sel.png" );
    }
    .menuOverview:disabled {
        background: url("../img/header/bt_overview_dis.png" );
    }

    */
    /* csv download button */
    .csvdl{
        float: left;
        margin-top: calc(100vw*10/1920);
        margin-left: calc(100vw*30/1920);
        width: calc(100vw*320/1920);
        height: calc(100vw*45/1920);
        cursor: pointer;
        background-image: url("../img/patient/bt_csv_dl_nor.png");
    background-size:contain;
        color:#000000;
        line-height: calc(100vw*45/1920);
        text-align: center;
        text-decoration: none;
        font-size: calc(100vw*25/1920);
        font-weight: 500;
    }
    .csvdl:hover{
        background-image: url("../img/patient/bt_csv_dl_over.png");
    }
    .csvdl:active{
        background-image: url("../img/patient/bt_csv_dl_dwn.png");
        color:#FFFFFF;
        line-height: calc(100vw*45/1920);
        text-align: center;
        text-decoration: none;
    }

    .pagination {
        display:inline-block;
        vertical-align: middle;
        float: right;
        line-height: 3.3;
    }

    .pageback{
        width: calc(100vw*44/1920);
        height: calc(100vw*44/1920);
        float: left;
        margin-top: calc(100vw*10/1920);
        margin-bottom: calc(100vw*10/1920);
        margin-left: calc(100vw*6/1920);
        margin-right: calc(100vw*6/1920);
        background: url('../img/footer/bt_page_back_nor.png');
        background-size: cover;
    }
    .pageback:hover{
        cursor: pointer;
        background: url('../img/footer/bt_page_back_over.png');
        background-size: cover;
    }
    .pagenext{
        width: calc(100vw*44/1920);
        height: calc(100vw*44/1920);
        float: left;
        margin-top: calc(100vw*10/1920);
        margin-bottom: calc(100vw*10/1920);
        margin-left: calc(100vw*6/1920);
        margin-right: calc(100vw*14/1920);
        background: url('../img/footer/bt_page_next_nor.png');
        background-size: cover;
    }
    .pagenext:hover{
        cursor: pointer;
        background: url('../img/footer/bt_page_next_over.png');
        background-size: cover;
    }

    .pagenum {
        width: calc(100vw*44/1920);
        height: calc(100vw*44/1920);
        margin-top: calc(100vw*10/1920);
        margin-bottom: calc(100vw*10/1920);
        margin-left: calc(100vw*6/1920);
        margin-right: calc(100vw*6/1920);
        line-height: 2.3;
        background: url('../img/footer/bt_page_nor.png');
        background-size: cover;
    }
    .pagenum:hover {
        background: url('../img/footer/bt_page_over.png');
        cursor: pointer; /* マウスポインタの形状を「指(指し示す形)」にする */
        background-size: cover;
    }

    .active{
        background: url('../img/footer/bt_page_sel.png');
        color: #ffffff;
    }
    .active:hover{
        background: url('../img/footer/bt_page_dwn.png');
    }

    .sort_img_width{
        padding-left:0px;
        float: right;
        width: calc(100vw*20/1920);
        height: calc(100vw*32/1920);
        border-right: 1px solid #AFAFBB;
    }

    .sort_desc{
    /*    padding-left: 30px;
        margin-left: 10px;
    */
        background:url("../img/overview/bt_open_over.png");
        background-repeat: no-repeat;
        background-position: right;
    }
    .sort_asc{
    /*
        padding-left: 30px;
        margin-left: 10px;
    */
        background:url("../img/overview/bt_open_sel.png");
        background-repeat: no-repeat;
        background-position: right;
    }

    #registerbutton{
            background-color: transparent;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0;
            appearance: none;
            margin-top:0px;
    }

    .buttonOkCancel {
        font-size: calc(100vw*16/1920);
        color: #454545;
        border-radius: calc(100vw*3/1920);
        border: 1px solid #AFAFBB;
        box-shadow:0px 1px 0px #AFAFBB;
        height: calc(100vw*28/1920);
        width: calc(100vw*128/1920);
        background-color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
    .buttonOkCancel:hover {
       background-color: #e2e2e4;
    }
    .buttonOkCancel:active {
        background-color: #4290ce;
        color: #ffffff;
    }
    .buttonOkCancel:focus {
        background-color: #006ebc;
        color: #ffffff;
    }
    .buttonOkCancel:disabled {
        background-color: #f8f8f9;
    }


    .checkboxCommon-group {
        display: inline-block;
        width: calc(100vw*200/1920);
        height: calc(100vw*210/1920);
        margin: calc(100vw*10/1920);
        padding: calc(100vw*30/1920);
        text-align: left;
        vertical-align: top;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }

    .checkboxCommon {
        font-size: calc(100vw*18/1920);
        position: relative;
        padding-left: calc(100vw*30/1920);
        cursor: pointer;
        display:inline-block;
    }

    .checkboxCommon :after {
        display: block;
    }

    .checkboxCommon input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .checkboxCommon__indicator {
        position: absolute;
        top: calc(100vw*2/1920);
        left: 0;
        width: calc(100vw*15/1920);    /* チェックボックスのwidth */
        height: calc(100vw*15/1920);   /* チェックボックスのheigth */
        border: 1px solid #B3B3B3;
    }

    .checkboxCommon--radio .checkboxCommon__indicator {
        border-radius: 50%;
    }

    /* Hover and focus states */
    .control:hover input ~ .checkboxCommon__indicator,
    .control input:focus ~ .checkboxCommon__indicator {
        background: #ccc;
    }

    /* Checked state */
    .checkboxCommon input:checked ~ .checkboxCommon__indicator {
        background: #1376cb;
        border: 1px solid #1376cb;
    }

    /* Hover state whilst checked */
    .checkboxCommon:hover input:not([disabled]):checked ~ .checkboxCommon__indicator,
    .checkboxCommon input:checked:focus ~ .checkboxCommon__indicator {
        background: #1376cb;
    }

    /* Disabled state */
    .checkboxCommon input:disabled ~ .checkboxCommon__indicator {
        pointer-events: none;
        opacity: .6;
        background: #e6e6e6;
    }

    /* Check mark */
    .checkboxCommon__indicator:after {
        position: absolute;
        display: none;
        content: '';
    }

    /* Show check mark */
    .checkboxCommon input:checked ~ .checkboxCommon__indicator:after {
        display: block;
    }

    /* Checkbox tick */
    .checkboxCommon--checkbox .checkboxCommon__indicator:after {
        top: calc(100vw*1/1920);
        left: calc(100vw*5/1920);
        width: calc(100vw*3/1920);
        height: calc(100vw*8/1920);
        transform: rotate(45deg);
        border: solid #fff;
        border-width: 0 calc(100vw*2/1920) calc(100vw*2/1920) 0;
    }

    /* Disabled tick colour */
    .checkboxCommon--checkbox input:disabled ~ .checkboxCommon__indicator:after {
        border-color: #7b7b7b;
    }
    .disableText{
        color: #888;
    }

    .customSelectBox {
      width: calc(100vw*204/1920);
      overflow: hidden; /* 伸ばした分を隠す */
    }
    .customSelectBox > select {
      width: calc(100vw*236/1920); /* UI分を伸ばす */
    }

    .customSelectBox:after {
        overflow:auto;
    }

    .commonMenu {
        text-decoration :none;
        color:#444;
        display: block;
        width: 100%;
        height: 100%;
        font-size: calc(100vw*16/1920);
    }
    .commonMenuMainItem {
        text-decoration :none;
        color:#444;
        display: block;
        width: 100%;
        height: 100%;
    }
    .commonMenuSubItem {
        text-decoration :none;
        color:#444;
        display: block;
        width: 100%;
        height: 100%;
    }
    .commonMenuDisableItem {
        text-decoration :none;
        color:#bfbfbf;
        display: block;
        width: calc(100vw*153/1920);
        height: 100%;
    }

    #modalCommon-inform-message{
        height: calc(100vw*40/1920);
        padding: calc(100vw*10/1920);
        word-break: break-all;
        white-space: pre-wrap;
    }
    #modalCommon-confirm-message{
        height: calc(100vw*40/1920);
        padding: calc(100vw*10/1920);
        word-break: break-all;
        white-space: pre-wrap;
    }
    #modalCommon-thanks-message{
        height: calc(100vw*270/1920);
        padding: calc(100vw*10/1920);
        font-size: calc(100vw*16/1920);
        line-height:1.5;
        overflow-y:auto;
    }
    #modalCommon-thanks-message pre{
        white-space: pre-line;
    }

    #arrow1,.ol-zoom-in,.ol-zoom-out{
        cursor: pointer;
    }
    /* ラジオボタン用共通スタイル(OverViewMapCSSから移行) */
    .checkboxOfDrawPanel{
        width: calc(100vw*24/1920);
        height: calc(100vw*24/1920);
        border-radius: 100%;
        margin: 0px;
        color: #009a9a;
        cursor: pointer;
    }
    /* 省略用（長い文字は...とする）共通スタイル(クロノロジーCSSから移行) */
    .textomit{
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }
    /* Overview/患者一覧の左下に表記するクレジット */
    .credit{
        margin: calc(100vw*10/1920) auto 0 auto;
        line-height:calc(100vw*17/1920);
        font-size:calc(100vw*12/1920);
        white-space: pre-wrap;
        max-width:calc(100vw*405/1920);
        height: calc(100vw*98/1920);
        -webkit-transform: scale(0.9);
        -webkit-transform-origin:0 0;
        text-align: center;
    }

    .creditborder {
        clear: both;
        height: calc(100vw*10/1920);
        width: calc(100vw*364/1920);
        margin-left: calc(100vw*20/1920);
        border-bottom: 1px solid #AFAFBB;
    }

    .creditBackColor {
        background-color: #f8f8fa;
    }
    .map-description {
        height: calc(100vw*30/1920);
        background-color: #ffffff;
        z-index: 2;
        position: absolute;
        top: calc(100vw*11/1920);
        right: calc(100vw*11/1920);
        line-height: 1.7;
        padding-left: calc(100vw*10/1920);
        padding-right: calc(100vw*10/1920);
        font-weight:600;
        opacity: 0.85;
        color: #333;
        display: none;
    }
    .map-legend {
        /*height: 83px;*/
        max-width: calc(100vw*450/1920);
        background-color: #ffffff;
        z-index: 2;
        position: absolute;
        top: calc(100vw*11/1920);
        left: calc(100vw*54/1920);
        line-height: 1.5;
        /*padding-left: 20px;*/
        /*padding-top: 5px;*/
        padding: calc(100vw*10/1920) calc(100vw*15/1920) calc(100vw*10/1920) calc(100vw*15/1920);
        opacity: 0.85;
    }

    .map-legend-text {
        vertical-align: top;
        padding-left: calc(100vw*8/1920);
    }

    .map-legend-img{
        height: calc(100vw*22/1920);
    }

    .map-legend-img-container{
        text-align: center;
        display: inline-block;
        width: calc(100vw*30/1920);
    }

    .checkbox-csvlineBreak-paginate {
        float: left;
        margin-top: calc(100vw*23/1920);
        margin-left: calc(100vw*12/1920);
    }

    .paginate-text {
        display: inline;
        vertical-align: middle;
        line-height: calc(100vw*60/1920);
    }

    .webfont-icon {
        font-family:FontAwesome;
    }

    .select_radio{
        width: calc(100vw*24/1920);
        height: calc(100vw*24/1920);
        vertical-align: middle;
        display: inline;
        flex-shrink: 0;
        cursor: pointer;
    }

    .ui-dialog-title{
        overflow: visible !important;
    }

    .hasDatepicker {
        cursor: pointer;
    }


    .modalCommon_output_from_frame{
        margin-bottom: calc(100vw*10/1920);
        height:calc(100vw*26/1920);
        line-height: calc(100vw*28/1920);
        clear:both;
    }
    .modalCommon_output_button_clear{
        width: calc(100vw*26/1920);
        height: calc(100vw*26/1920);
        float: left;
        border-top: 1px solid #AFAFBB;
        border-right: 1px solid #AFAFBB;
        border-bottom: 1px solid #AFAFBB;
        font-size: calc(100vw*36/1920);
        text-align: center;
        cursor: pointer;
    }
    #modalCommon-output-message{
        padding: 0px;
        margin: 0px;
        height: calc(100vw*490/1920);
    }
    #modalCommon-output-hintContainer{
        /* width:550px; */
    }
    #modalCommon-output-hint{
        white-space: pre;
    }
    #modalCommon-output-commonContainer{
        text-align: center;
    }
    #modalCommon-output-commonContainer-memberHealth{
        text-align: center;
        float: left;
    }
    #modalCommon-output-commonContainer div{
        vertical-align: middle;
    }
    #modalCommon-output-inputContainer{
        display: inline-block;
        text-align: left;
        margin: calc(100vw*10/1920);
        padding: calc(100vw*10/1920);
        width: calc(100vw*210/1920);
        border: 1px solid #AFAFBB;
    }
    #modalCommon-output-commonButtonContainer{
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        justify-content: space-around;
        /* width:350px; */
        margin: calc(100vw*5/1920);
    }

    #modalCommon-member-health-setting-container {
        display: flex;
        align-items: center;
    }

    .common_selectBoxDiv_modalMemberHealth_outputTargetState {
        height: calc(100vw*30/1920);
        width: calc(100vw*200/1920);
    }
    #common_selectBoxUl_modalMemberHealth_outputTargetState {
        height: calc(100vw*100/1920);
        width: calc(100vw*190/1920);
    }
    .input_modalMemberHealth_outputTargetState {
        height: calc(100vw*30/1920);
        width: calc(100vw*190/1920);
    }
    #modalCommon-member-health-output-message {
        padding: 0px;
        margin: 0px;
        height: calc(100vw*240/1920);
    }

    #modalCommon_output_from,#modalCommon_output_to,#modalCommon-member-health_output_from,#modalCommon-member-health_output_to{
        height: calc(100vw*24/1920);
        width:calc(100vw*90/1920);
        margin-left: calc(100vw*5/1920);
    }
    #member_health_btn_content {
        text-align: center;
    }
    .errorMessage {
        text-align: left;
        width: calc(100vw*420/1920);
        font-size:0.9em;
        color: red;
    }
    #modalCommon_output_button_patient,#modalCommon_output_button_member,#modalCommon_output_button_report,#modalCommon_output_button_team,#modalCommon_output_button_report_after,#modalCommon_output_button_patient_after{
        width: calc(100vw*160/1920);
        height: calc(100vw*50/1920);
        margin: calc(100vw*5/1920);
        white-space: pre-wrap;
    }
    #modalCommon_output_button_assessment{
        width: calc(100vw*160/1920);
        height: calc(100vw*50/1920);
        margin: calc(100vw*5/1920);
        white-space: pre-wrap;
    }
    #modalCommon-output-after201904{
        position: relative;
        text-align: left;
        margin: calc(100vw*10/1920);
        padding: calc(100vw*10/1920);
        border: 2px solid #000000;
    }
    #modalCommon-output-after201904 div {
        vertical-align: middle;
    }
    #modalCommon-output-after201904 #modalCommon-output-after201904-title{
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 1em;
        padding: 0 1em;
        margin: 0;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
    }
    #modalCommon-output-typeSelect{
        display: inline-block;
        width: calc(100vw*180/1920);
        text-align: left;
        position: relative;
        margin: calc(100vw*15/1920);
        padding: calc(100vw*20/1920);
        border: 2px solid #000000;
    }
    #modalCommon-output-typeSelect #modalCommon-output-typeSelect-title{
        white-space: pre;
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 1em;
        padding: 0 1em;
        margin: 0;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
    }
    .jspeedTypeCheckbox{
        margin: calc(100vw*1/1920);
        height: calc(100vw*13/1920);
        width: calc(100vw*13/1920);
    }
    #modalCommon-output-after201904Button{
        display: inline-flex;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        width: calc(100vw*460/1920);
        text-align: center;
        justify-content: space-around;
    }
    #modalCommon-output-before20190331{
        text-align: left;
        position: relative;
        margin: calc(100vw*10/1920);
        margin-top: calc(100vw*20/1920);
        padding: calc(100vw*10/1920);
        padding-top: calc(100vw*20/1920);
        padding-bottom: calc(100vw*20/1920);
        border: 2px solid #000000;
    }
    #modalCommon-output-before20190331 #modalCommon-output-before20190331-title{
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 1em;
        padding: 0 1em;
        margin: 0;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
    }
    #modalCommon-output-before20190331Button{
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        width: calc(100vw*460/1920);
        text-align: center;
        margin-left: calc(100vw*259/1920);
        justify-content: space-around;
    }

    #common_slide_label_container{
        clear: both;
        height: calc(100vw*40/1920);
        width: calc(100vw*30/1920);
        position: absolute;
        top: calc(100vw*150/1920);
        margin-bottom: calc(100vw*-40/1920);
        margin-left: 0px;
        overflow: hidden;
        z-index: 3;
    }

    #common_slide_label{
        display: inline-block;
        color: #000000;
        background-color: #88bb88;
        width: calc(100vw*240/1920);
        height: calc(100vw*40/1920);
        border-radius: calc(100vw*20/1920);
        margin-left: calc(100vw*-220/1920);
        padding-right: calc(100vw*10/1920);
        position: absolute;
        text-align: right;
        line-height: calc(100vw*40/1920);
        cursor: pointer;
    }

    #common_slide_label span{
        padding-right: calc(100vw*10/1920)
    }

    .commonSideMenu {
        overflow: hidden;
        background-color: #f8f8fa;
        border-right: 1px solid #AFAFBB;
        z-index: 1;
    }

    .commonSearchPanelOnOff{
    font-family: FontAwesome;
        font-size: calc(100vw*25/1920);
        width: calc(100vw*41/1920);
        color: black;
        background-color: white;
        margin: calc(100vw*13/1920) calc(100vw*15/1920);
        height: calc(100vw*38/1920);
        line-height: 1.4;
        text-indent: 0px;
        border-radius: 17%;
        border: 1px solid #AFAFBB;
        cursor: pointer;
    }
    .commonSearchPanelOnOff:hover {
       background-color: #e2e2e4;
    }
    .commonSearchPanelOnOff:active {
        background-color: #4290ce;
        color: #ffffff;
    }
    /*.commonSearchPanelOnOff:focus {
        background-color: #006ebc;
        color: #ffffff;
    }*/
    .commonSearchPanelOnOff:disabled {
        background-color: #f8f8f9;
    }

    commonSearchPanelOnOff-toggle {
        background-color: #006ebc;
        color: #ffffff;
    }

    .common-map-popup{
      user-select: text;
    }


    .slide.commonSideMenu {
        display: block;
    /*    opacity: 1;*/
        width: calc(100vw*414/1920);
        animation-duration: 0.5s;
        animation-name: fade-in;
        -moz-animation-duration: 0.5s;
        -moz-animation-name: fade-in;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: fade-in;
    }

    @keyframes fade-in {
      0% {
        display: none;
        width: 0px;
      }
      100% {
        display: block;
        width: calc(100vw*414/1920);
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        width: 0px;
      }
      100% {
        display: block;
        width: calc(100vw*414/1920);
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        width: 0px
      }
      100% {
        display: block;
        width: calc(100vw*414/1920);
      }
    }


    .refineSearchAction {
        visibility: hidden;
        overflow: hidden;
        background-color: #f8f8fa;
        border-right: 1px solid #AFAFBB;
    }

    .slide.refineSearchAction {
        visibility: visible;
        width: calc(100vw*345/1920);
        animation-duration: 0.5s;
        animation-name: fade-in-ForRefneSearch;
        -moz-animation-duration: 0.5s;
        -moz-animation-name: fade-in-ForRefneSearch;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: fade-in-ForRefneSearch;
    }

    @keyframes fade-in-ForRefneSearch {
      0% {
        visibility: hidden;
        width: 0px;
      }
      100% {
        visibility: visible;
        width: calc(100vw*345/1920);
      }
    }

    @-moz-keyframes fade-in-ForRefneSearch {
      0% {
        visibility: hidden;
        width: 0px;
      }
      100% {
        visibility: visible;
        width: calc(100vw*345/1920);
      }
    }

    @-webkit-keyframes fade-in-ForRefneSearch {
      0% {
        visibility: hidden;
        width: 0px
      }
      100% {
        visibility: visible;
        width: calc(100vw*345/1920);
      }
    }

}

@media screen and ( max-width:1920px ){

    /* 解像度1600用のヘッダ */
    .header-1600 {
        display: none;
    }
    /* 解像度1920用のヘッダ */
    .header-1920 {
        display: block;
    }
    /* サイドメニュー(1920は表示/1600は表示ボタンを押下するまで非表示) */
    .sideMenuPanel-display {
        display: block;
        width: 414px;
        min-width: 414px;
        position: static;
        height: 100%;
    }
    /* サイドメニュー表示ボタン(1600のみあり) */
    .slideMenuBtn-display {
        display: none;
        width: 0px;
    }
    /* メニューの右側 */
    .menuFloatRightSide {
        width: 1405px;
        height: 50px;
        float: left;
    }
    /* 最終更新日時 */
    .dateInfo {
        width: 350px;
        font-size: 20px;
    }
    /* JSEED+のロゴ */
    .projectIntroduction-margin {
        width: 1417px;
    }
    /* 解像度1600用のボディ内のコンテンツの合計幅(1920では設定値不要) */
    .contents-1600{
    
    }
    /* ユーザをクリックしたときに表示されるプルダウン */
    #accountMenuData{
        margin-left: 1693px;
    }
    /* ボディーの幅 */
    .commonWith {
        width: 1920px;
        height: 888px;
        padding-bottom: 32px;
    }
    /* サイドメニューの上の画面タイトルの色 */
    .title-color{
        background-color: #e5e5e9;
    }
    /* refine searchの位置 */
    .refineSearchPosition {
    }
    /* refine searchの位置 */
    .refineSearchBtn-1920 {
        display: block;
    }
    /* overview MAPサイズ */
    .overviewGraphAndMap{
        width: 1501px;
    }
    /* クロノロジーの境界線 */
    .borderLR-1600{

    }
    .commonSideMenu {
        top:0px
    }

    #overviewData, #chronologyData, #teamData, #analyzeData, #adminData,#urlData, #memberHealthData{
        float: left;
        margin-top: 1px;
        text-align: center;
        background-color: #ffffff;
        position: absolute;
        z-index: 10;
        box-shadow: #cccccc 1px 1px 1px;
    }

    #accountMenuData{
        float: left;
        margin-top: -51px;
        text-align: center;
        background-color: #ffffff;
        position: absolute;
        z-index: 10;
        box-shadow: #cccccc 1px 1px 1px;
    }

    #overviewData{
        margin-left: 8px;/*415px*/
    }
    #chronologyData{
        margin-left: 211px;/*415px*/
    }
    #teamData{
        margin-left: 415px;/*619px*/
    }
    #accountMenuData{
        /* margin-left: 1700px; */
    }
    #analyzeData{
        margin-left: 619px;/*415px*/
    }
    #urlData{
        margin-left: 823px;/*415px*/
    }
    /* #memberHealthData{
        margin-left: 1027px;
    } */
    .dropdownList li{
        display:none;
        height: 44px;
        width: 181px;
        line-height: 2.5;
        /*    border: 1px solid #AFAFBB;*/
        border-bottom: 1px solid #AFAFBB;
        border-left: 1px solid #AFAFBB;
        border-right: 1px solid #AFAFBB;
        text-align: left;
        padding-left: 22px;
        padding-top:3px;
    }
    .mainmenudown-color{
        color: #333333;
    }
    .dropdownListWide li{
        width: 218px;
    }

    .mainmenudown:after {
        content:"▼";
        position: absolute;
        right: 10px;
    }
    .mainmenuup:after {
        content:"▲";
        position: absolute;
        right: 10px;
    }

    .submenu a ,.submenu span{
        padding-left:16px;
        width: 153px;
    }
    .mainmenu{
        font-weight: 600;
    }
    #accountMenuData li{
        width: 157px;
    }
    .dropdownList li:hover{
        background-color: #e2e2e4;
    }

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td ,input {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    div, img, canvas  {
        backface-visibility:hidden;
    }

    body {
        line-height: 1;
        font-family: 'Segoe UI';
        /*    font-family: 'Segoe UI', 'Meiryo UI';*/
        font-size: 16px;
    }
    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

    input {
        background-color: white;
        border: 1px solid #AFAFBB;
        padding: 1px 0px;
    }

    input[type="text"],input[type="password"]{
        padding-left: 8px;
    }

    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }

    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }
    del {
        text-decoration: line-through;
    }

    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }


    /* common css */

    .common {
        font-size: 20px;
        color: #333333;
        /*background-color: #ffffff*/
    }

    /*
    .commonWith {
        width: 1920px;
        height: 888px;
        padding-bottom: 32px;
    }*/

    .borderCommon{
        border: 1px solid #AFAFBB;
    }

    .borderLRB{
        border-left: 1px solid #AFAFBB;
        border-right: 1px solid #AFAFBB;
        border-bottom: 1px solid #AFAFBB;
    }

    .buttonCommon {
        font-size: 24px;
        border-radius: 5px;
        border: 1px solid #AFAFBB;
        box-shadow:0px 1px 0px #AFAFBB;
        height: 44px;
        width: 256px;
        background-color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
    .buttonCommon:hover {
       background-color: #e2e2e4;
    }
    .buttonCommon:active {
        background-color: #4290ce;
        color: #ffffff;
    }
    .buttonCommon:focus {
        /*background-color: #006ebc;*/
    }
    .buttonCommon:disabled {
        background-color: #f8f8f9;
    }

    .headerCommon {
        max-height: 96px;
        min-height: 96px;
        background-color: #ffffff
    }
    .menuButtonImage {
        letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす※display:inline-block対応 */
        float:left;
        position:relative;
    }

    .menuButtonImage img {
        width: 204px;
        float: left;
        cursor : pointer;
    }
    .menuBtn{
        display:inline-block;
        letter-spacing: normal; /* 文字間を元に戻す */
    }
    .menuText{
        position:absolute;
        display:block;
        width: 204px;
        line-height:normal;
        padding-top: 5px;
        color:#333333;
        font-weight:600;
    }
    .menuText:hover{
        cursor: pointer;
    }

    .selectedMenu{
        color:#4290ce;
    }

    .dateInfo {
        height: 44px;
        line-height: 44px;
        text-align: center;
        position: relative;
    }

    .projectIntroduction-margin {
        height: 50px;
        float: left;
    }

    .menuPaddoingLeftSide {
        width: 100%;
        text-indent: 8px;
        display:-webkit-inline-box;
        text-align:center;
    }

    .systemLogo {
        font-size: 32px;
        font-weight: 600;
        height: 32px;
        padding-top: 7px;
        padding-left: 22px;
        padding-bottom: 11px;
        text-align: left;
        float: left;
    }

    .projectIntroduction {
        float: left;
        font-size: 18px;
        height: 50px;
        width: 300px;
        text-align: right;
        line-height: 3;
        cursor: pointer;
    }

    .userInfo {
        float: right;
        position: relative;
        cursor:pointer;
    }
    .userInfo:hover{
       background-color: #e2e2e4;
    }
    .userInfo:active{
       background-color: #e2e2e4;
    }
    .userInfo:focus{
        background-color: #006ebc;
        color: #ffffff;
    }
    .userInfo span {
        left: 44px;
        width: 136px;
        height: 44px;
        line-height: 44px;
        font-size: 24px;
        text-align: center;
        position: absolute;
        text-overflow: ellipsis;
        overflow:hidden;
    }

    .menuUserIcon {
        height: 44px;
    }

    .floatLeft {
        float: left;
    }
    .floatRight {
        float: right;
    }

    .clearBoth {
        clear: both;
    }

    .fontBold {
        font-weight: bold;
    }

    .nowrap {
        white-space: nowrap;
    }

    .tableCell {
        display:table-cell;
    }

    .width100per {
        width: 100%;
    }
    .displayNone {
        display: none;
    }
    .setHidden {
        visibility: hidden;;
    }
    .verticalMargin50 {
        clear: both;
        height: 50px;
        width: 100%;
    }

    .verticalMargin24 {
        clear: both;
        height: 24px;
        width: 100%;
    }
    .verticalMargin16 {
        clear: both;
        height: 16px;
        width: 100%;
    }
    .verticalMargin8 {
        clear: both;
        height: 8px;
        width: 100%;
    }
    .verticalMargin2 {
        clear: both;
        height: 2px;
        width: 100%;
    }

    .horizontalMargin12 {
        width: 12px;
        height: 1px;
    }
    .lineHeight44 {
        line-height:44px;
    }

    .marginLeft24 {
        margin-left: 24px;
    }
    .marginLeft30 {
        margin-left: 30px;
    }

    .fontSize16{
        font-size: 16px;
    }

    .cursorPointer {
        cursor: pointer;
    }

    /**
    .menuOverview {
        background: url("../img/header/bt_overview_nor.png" );
    }
    .menuOverview:hover {
        background: url("../img/header/bt_overview_over.png" );
    }
    .menuOverview:active {
        background: url("../img/header/bt_overview_sel.png" );
    }
    .menuOverview:disabled {
        background: url("../img/header/bt_overview_dis.png" );
    }

    */
    /* csv download button */
    .csvdl{
        float: left;
        margin-top: 10px;
        margin-left: 30px;
        width: 320px;
        height: 45px;
        cursor: pointer;
        background-image: url("../img/patient/bt_csv_dl_nor.png");
    background-size:contain;
        color:#000000;
        line-height: 45px;
        text-align: center;
        text-decoration: none;
        font-size: 25px;
        font-weight: 500;
    }
    .csvdl:hover{
        background-image: url("../img/patient/bt_csv_dl_over.png");
    }
    .csvdl:active{
        background-image: url("../img/patient/bt_csv_dl_dwn.png");
        color:#FFFFFF;
        line-height: 45px;
        text-align: center;
        text-decoration: none;
    }

    .pagination {
        display:inline-block;
        vertical-align: middle;
        float: right;
        line-height: 3.3;
    }

    .pageback{
        width: 44px;
        height: 44px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 6px;
        margin-right: 6px;
        background: url('../img/footer/bt_page_back_nor.png');
        background-size: cover;
    }
    .pageback:hover{
        cursor: pointer;
        background: url('../img/footer/bt_page_back_over.png');
        background-size: cover;
    }
    .pagenext{
        width: 44px;
        height: 44px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 6px;
        margin-right: 14px;
        background: url('../img/footer/bt_page_next_nor.png');
        background-size: cover;
    }
    .pagenext:hover{
        cursor: pointer;
        background: url('../img/footer/bt_page_next_over.png');
        background-size: cover;
    }

    .pagenum {
        width: 44px;
        height: 44px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 6px;
        margin-right: 6px;
        line-height: 2.3;
        background: url('../img/footer/bt_page_nor.png');
        background-size: cover;
    }
    .pagenum:hover {
        background: url('../img/footer/bt_page_over.png');
        cursor: pointer; /* マウスポインタの形状を「指(指し示す形)」にする */
        background-size: cover;
    }

    .active{
        background: url('../img/footer/bt_page_sel.png');
        color: #ffffff;
    }
    .active:hover{
        background: url('../img/footer/bt_page_dwn.png');
    }

    .sort_img_width{
        padding-left:0px;
        float: right;
        width: 20px;
        height: 32px;
        border-right: 1px solid #AFAFBB;
    }

    .sort_desc{
    /*    padding-left: 30px;
        margin-left: 10px;
    */
        background:url("../img/overview/bt_open_over.png");
        background-repeat: no-repeat;
        background-position: right;
    }
    .sort_asc{
    /*
        padding-left: 30px;
        margin-left: 10px;
    */
        background:url("../img/overview/bt_open_sel.png");
        background-repeat: no-repeat;
        background-position: right;
    }

    #registerbutton{
            background-color: transparent;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0;
            appearance: none;
            margin-top:0px;
    }

    .buttonOkCancel {
        font-size: 16px;
        color: #454545;
        border-radius: 3px;
        border: 1px solid #AFAFBB;
        box-shadow:0px 1px 0px #AFAFBB;
        height: 28px;
        width: 128px;
        background-color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
    .buttonOkCancel:hover {
       background-color: #e2e2e4;
    }
    .buttonOkCancel:active {
        background-color: #4290ce;
        color: #ffffff;
    }
    .buttonOkCancel:focus {
        background-color: #006ebc;
        color: #ffffff;
    }
    .buttonOkCancel:disabled {
        background-color: #f8f8f9;
    }


    .checkboxCommon-group {
        display: inline-block;
        width: 200px;
        height: 210px;
        margin: 10px;
        padding: 30px;
        text-align: left;
        vertical-align: top;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }

    .checkboxCommon {
        font-size: 18px;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        display:inline-block;
    }

    .checkboxCommon :after {
        display: block;
    }

    .checkboxCommon input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .checkboxCommon__indicator {
        position: absolute;
        top: 2px;
        left: 0;
        width: 15px;    /* チェックボックスのwidth */
        height: 15px;   /* チェックボックスのheigth */
        border: 1px solid #B3B3B3;
    }

    .checkboxCommon--radio .checkboxCommon__indicator {
        border-radius: 50%;
    }

    /* Hover and focus states */
    .control:hover input ~ .checkboxCommon__indicator,
    .control input:focus ~ .checkboxCommon__indicator {
        background: #ccc;
    }

    /* Checked state */
    .checkboxCommon input:checked ~ .checkboxCommon__indicator {
        background: #1376cb;
        border: 1px solid #1376cb;
    }

    /* Hover state whilst checked */
    .checkboxCommon:hover input:not([disabled]):checked ~ .checkboxCommon__indicator,
    .checkboxCommon input:checked:focus ~ .checkboxCommon__indicator {
        background: #1376cb;
    }

    /* Disabled state */
    .checkboxCommon input:disabled ~ .checkboxCommon__indicator {
        pointer-events: none;
        opacity: .6;
        background: #e6e6e6;
    }

    /* Check mark */
    .checkboxCommon__indicator:after {
        position: absolute;
        display: none;
        content: '';
    }

    /* Show check mark */
    .checkboxCommon input:checked ~ .checkboxCommon__indicator:after {
        display: block;
    }

    /* Checkbox tick */
    .checkboxCommon--checkbox .checkboxCommon__indicator:after {
        top: 1px;
        left: 5px;
        width: 3px;
        height: 8px;
        transform: rotate(45deg);
        border: solid #fff;
        border-width: 0 2px 2px 0;
    }

    /* Disabled tick colour */
    .checkboxCommon--checkbox input:disabled ~ .checkboxCommon__indicator:after {
        border-color: #7b7b7b;
    }
    .disableText{
        color: #888;
    }

    .customSelectBox {
      width: 204px;
      overflow: hidden; /* 伸ばした分を隠す */
    }
    .customSelectBox > select {
      width: 236px; /* UI分を伸ばす */
    }

    .customSelectBox:after {
        overflow:auto;
    }

    .commonMenu {
        text-decoration :none;
        color:#444;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 16px;
    }
    .commonMenuMainItem {
        text-decoration :none;
        color:#444;
        display: block;
        width: 100%;
        height: 100%;
    }
    .commonMenuSubItem {
        text-decoration :none;
        color:#444;
        display: block;
        width: 100%;
        height: 100%;
    }
    .commonMenuDisableItem {
        text-decoration :none;
        color:#bfbfbf;
        display: block;
        width: 153px;
        height: 100%;
    }

    #modalCommon-inform-message{
        height:40px;
        padding:10px;
        word-break: break-all;
        white-space: pre-wrap;
    }
    #modalCommon-confirm-message{
        height:40px;
        padding:10px;
        word-break: break-all;
        white-space: pre-wrap;
    }
    #modalCommon-thanks-message{
        height: 270px;
        padding: 10px;
        font-size: 16px;
        line-height:1.5;
        overflow-y:auto;
    }
    #modalCommon-thanks-message pre{
        white-space: pre-line;
    }

    #arrow1,.ol-zoom-in,.ol-zoom-out{
        cursor: pointer;
    }
    /* ラジオボタン用共通スタイル(OverViewMapCSSから移行) */
    .checkboxOfDrawPanel{
        width: 24px;
        height: 24px;
        border-radius: 100%;
        margin: 0px;
        color: #009a9a;
        cursor: pointer;
    }
    /* 省略用（長い文字は...とする）共通スタイル(クロノロジーCSSから移行) */
    .textomit{
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }
    /* Overview/患者一覧の左下に表記するクレジット */
    .credit{
        margin: 10px auto 0 auto;
        line-height:17px;
        font-size:12px;
        white-space: pre-wrap;
        max-width:405px;
        height: 98px;
        -webkit-transform: scale(0.9);
        -webkit-transform-origin:0 0;
        text-align: center;
    }

    .creditborder {
        clear: both;
        height: 10px;
        width: 364px;
        margin-left: 20px;
        border-bottom: 1px solid #AFAFBB;
    }

    .creditBackColor {
        background-color: #f8f8fa;
    }
    .map-description {
        height: 30px;
        background-color: #ffffff;
        z-index: 2;
        position: absolute;
        top: 11px;
        right: 11px;
        line-height: 1.7;
        padding-left: 10px;
        padding-right: 10px;
        font-weight:600;
        opacity: 0.85;
        color: #333;
        display: none;
    }
    .map-legend {
        /*height: 83px;*/
        max-width: 450px;
        background-color: #ffffff;
        z-index: 2;
        position: absolute;
        top: 11px;
        left: 54px;
        line-height: 1.5;
        /*padding-left: 20px;*/
        /*padding-top: 5px;*/
        padding: 10px 15px 10px 15px;
        opacity: 0.85;
    }

    .map-legend-text {
        vertical-align: top;
        padding-left: 8px;
    }

    .map-legend-img{
        height: 22px;
    }

    .map-legend-img-container{
        text-align: center;
        display: inline-block;
        width: 30px;
    }

    .checkbox-csvlineBreak-paginate {
        float: left;
        margin-top: 23px;
        margin-left: 12px;
    }

    .paginate-text {
        display: inline;
        vertical-align: middle;
        line-height: 60px;
    }

    .webfont-icon {
        font-family:FontAwesome;
    }

    .select_radio{
        width: 24px;
        height: 24px;
        vertical-align: middle;
        display: inline;
        flex-shrink: 0;
        cursor: pointer;
    }

    .ui-dialog-title{
        overflow: visible !important;
    }

    .hasDatepicker {
        cursor: pointer;
    }


    .modalCommon_output_from_frame{
        margin-bottom: 10px;
        height:26px;
        line-height: 28px;
        clear:both;
    }
    .modalCommon_output_button_clear{
        width: 26px;
        height: 26px;
        float: left;
        border-top: 1px solid #AFAFBB;
        border-right: 1px solid #AFAFBB;
        border-bottom: 1px solid #AFAFBB;
        font-size: 36px;
        text-align: center;
        cursor: pointer;
    }
    #modalCommon-output-message{
        padding: 0px;
        margin: 0px;
        height: 490px;
    }
    #modalCommon-output-hintContainer{
        /* width:550px; */
    }
    #modalCommon-output-hint{
        white-space: pre;
    }
    #modalCommon-output-commonContainer{
        text-align: center;
    }
    #modalCommon-output-commonContainer-memberHealth{
        text-align: center;
        float: left;
    }
    #modalCommon-output-commonContainer div{
        vertical-align: middle;
    }
    #modalCommon-output-inputContainer{
        display: inline-block;
        text-align: left;
        margin: 10px;
        padding: 10px;
        width: 210px;
        border: 1px solid #AFAFBB;
    }
    #modalCommon-output-commonButtonContainer{
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        justify-content: space-around;
        /* width:350px; */
        margin:5px;
    }

    #modalCommon-member-health-setting-container {
        display: flex;
        align-items: center;
    }

    .common_selectBoxDiv_modalMemberHealth_outputTargetState {
        height: 30px;
        width: 200px;
    }
    #common_selectBoxUl_modalMemberHealth_outputTargetState {
        height: 100px;
        width: 190px;
    }
    .input_modalMemberHealth_outputTargetState {
        height: 30px;
        width: 190px;
    }
    #modalCommon-member-health-output-message {
        padding: 0px;
        margin: 0px;
        height: 240px;
    }

    #modalCommon_output_from,#modalCommon_output_to,#modalCommon-member-health_output_from,#modalCommon-member-health_output_to{
        height: 24px;
        width:90px;
        margin-left:5px;
    }
    #member_health_btn_content {
        text-align: center;
    }
    .errorMessage {
        text-align: left;
        width: 420px;
        font-size:0.9em;
        color: red;
    }
    #modalCommon_output_button_patient,#modalCommon_output_button_member,#modalCommon_output_button_report,#modalCommon_output_button_team,#modalCommon_output_button_report_after,#modalCommon_output_button_patient_after{
        width: 160px;
        height: 50px;
        margin: 5px;
        white-space: pre-wrap;
    }
    #modalCommon_output_button_assessment{
        width: 160px;
        height: 50px;
        margin: 5px;
        white-space: pre-wrap;
    }
    #modalCommon-output-after201904{
        position: relative;
        text-align: left;
        margin: 10px;
        padding: 10px;
        border: 2px solid #000000;
    }
    #modalCommon-output-after201904 div {
        vertical-align: middle;
    }
    #modalCommon-output-after201904 #modalCommon-output-after201904-title{
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 1em;
        padding: 0 1em;
        margin: 0;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
    }
    #modalCommon-output-typeSelect{
        display: inline-block;
        width: 180px;
        text-align: left;
        position: relative;
        margin: 15px;
        padding: 20px;
        border: 2px solid #000000;
    }
    #modalCommon-output-typeSelect #modalCommon-output-typeSelect-title{
        white-space: pre;
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 1em;
        padding: 0 1em;
        margin: 0;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
    }
    .jspeedTypeCheckbox{
        margin: 1px;
    }
    #modalCommon-output-after201904Button{
        display: inline-flex;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        width: 460px;
        text-align: center;
        justify-content: space-around;
    }
    #modalCommon-output-before20190331{
        text-align: left;
        position: relative;
        margin: 10px;
        margin-top: 20px;
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: 2px solid #000000;
    }
    #modalCommon-output-before20190331 #modalCommon-output-before20190331-title{
        position: absolute;
        top: 0;
        left: 50%;
        font-size: 1em;
        padding: 0 1em;
        margin: 0;
        transform: translateY(-50%) translateX(-50%);
        background-color: white;
    }
    #modalCommon-output-before20190331Button{
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        width: 460px;
        text-align: center;
        margin-left: 259px;
        justify-content: space-around;
    }

    #common_slide_label_container{
        clear: both;
        height: 40px;
        width: 30px;
        position: absolute;
        top: 150px;
        margin-bottom: -40px;
        margin-left: 0px;
        overflow: hidden;
        z-index: 3;
    }

    #common_slide_label{
        display: inline-block;
        color: #000000;
        background-color: #88bb88;
        width: 240px; height: 40px;
        border-radius: 20px;
        margin-left: -220px;
        padding-right: 10px;
        position: absolute;
        text-align: right;
        line-height: 40px;
        cursor: pointer;
    }

    #common_slide_label span{
        padding-right:10px
    }

    .commonSideMenu {
        overflow: hidden;
        background-color: #f8f8fa;
        border-right: 1px solid #AFAFBB;
        z-index: 1;
    }

    .commonSearchPanelOnOff{
    font-family: FontAwesome;
        font-size: 25px;
        width: 41px;
        color: black;
        background-color: white;
        margin: 13px 15px;
        height: 38px;
        line-height: 1.4;
        text-indent: 0px;
        border-radius: 17%;
        border: 1px solid #AFAFBB;
        cursor: pointer;
    }
    .commonSearchPanelOnOff:hover {
       background-color: #e2e2e4;
    }
    .commonSearchPanelOnOff:active {
        background-color: #4290ce;
        color: #ffffff;
    }
    /*.commonSearchPanelOnOff:focus {
        background-color: #006ebc;
        color: #ffffff;
    }*/
    .commonSearchPanelOnOff:disabled {
        background-color: #f8f8f9;
    }

    commonSearchPanelOnOff-toggle {
        background-color: #006ebc;
        color: #ffffff;
    }

    .common-map-popup{
      user-select: text;
    }


    .slide.commonSideMenu {
        display: block;
    /*    opacity: 1;*/
        width: 414px;
        animation-duration: 0.5s;
        animation-name: fade-in;
        -moz-animation-duration: 0.5s;
        -moz-animation-name: fade-in;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: fade-in;
    }

    @keyframes fade-in {
      0% {
        display: none;
        width: 0px;
      }
      100% {
        display: block;
        width: 414px
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        width: 0px;
      }
      100% {
        display: block;
        width: 414px
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        width: 0px
      }
      100% {
        display: block;
        width: 414px
      }
    }


    .refineSearchAction {
        visibility: hidden;
        overflow: hidden;
        background-color: #f8f8fa;
        border-right: 1px solid #AFAFBB;
    }

    .slide.refineSearchAction {
        visibility: visible;
        width: 345px;
        animation-duration: 0.5s;
        animation-name: fade-in-ForRefneSearch;
        -moz-animation-duration: 0.5s;
        -moz-animation-name: fade-in-ForRefneSearch;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: fade-in-ForRefneSearch;
    }

    @keyframes fade-in-ForRefneSearch {
      0% {
        visibility: hidden;
        width: 0px;
      }
      100% {
        visibility: visible;
        width: 345px
      }
    }

    @-moz-keyframes fade-in-ForRefneSearch {
      0% {
        visibility: hidden;
        width: 0px;
      }
      100% {
        visibility: visible;
        width: 345px
      }
    }

    @-webkit-keyframes fade-in-ForRefneSearch {
      0% {
        visibility: hidden;
        width: 0px
      }
      100% {
        visibility: visible;
        width: 345px
      }
    }

}