@charset "utf-8";

    .login-top {
        height: 100vh;
        padding-top: 4rem;
    }
    .login-form {
        padding-top: 3rem;
    }
    .login-box {
        margin-bottom: 2rem!important;
    }
    
    .dis-block, dis-thblock {
        display: table-cell!important;
    }
    
    

@media screen and (max-width: 768px) {
    html{
        overflow-x : hidden;
        overflow-y : scroll;
        -webkit-overflow-scrolling: touch;
    }
    body {
        overflow-x : hidden;
        overflow-y : scroll;
        -webkit-overflow-scrolling: touch;
    }
    table {
        overflow-x : hidden;
        overflow-y : scroll;
        -webkit-overflow-scrolling: touch;
    }
    .myself {
        color:#87ffb7!important;
    }
    .main-title {
        font-size: 173%;
    }
    .id-input, .pass-input {
        text-align: left;
    }
    .support-area {
        padding: 1%!important;
    }
    .support-btn {
        font-size: 13px!important;
        padding: 0.4rem!important;
    }

    .result {
        display: inherit!important;
    }
     /*--------------------------------------*/
    /*ナビゲーション　カレンダーエリア*/
    /*--------------------------------------*/
    .nav-top {
        padding-right: 0.3rem!important;
        padding-left: 0.3rem!important;
    }
    .cal-display {
        margin-bottom: 0.5rem;
    }
    .cal-title span {
        font-size: 22px!important;
    }
    .cal-title {
        margin-right: 2rem;
        margin-left: 2rem;
    }
    .month-table {
        width: 90%;
        margin: 0 auto;
        color: white;
        font-size: 20px;
    }
    .cal-area {
        margin-bottom: 1rem;
    }
    .month-btn {
        border: none;
        background-color: #dedede;
    }
    .side-icon {
        margin-right: 1rem;
    }
    /*--------------------*/
    /*検索ラジオボタン*/
    /*--------------------*/
    #selectSearch {
        width: 180px;
    }
    .radio-border-right {
        border-right:1px solid #b0b1b1!important;
        font-size: 12px!important;
        padding: 0.3rem!important;
        width: 55px;
    }
    .radio-border-left {
        border-left:1px solid #b0b1b1!important;
        font-size: 12px!important;
        padding: 0.3rem!important;
        width: 55px;
    }
    .header-search {
        font-size: 10px!important;
    }
    .select-div {
        padding: 0.3rem;
    }
    .header-select {
        font-size: 12px!important;
    }
    .item-title {
        padding-left: 0.5rem;
    }
    
    /*help modal*/
    .help-icon {
        border: 1px solid;
        font-size: 15px;
        padding: 2px;
        margin-right: 5px;
        width: 25px;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .unit-card {
        padding-right: 2px!important;
        padding-left: 2px!important;
    }
    .card-style {
        padding: 0.5rem!important;
        background-color: #efefef;
    }
    .p-color-div {
        padding-left: 0!important;
    }
    .help-sm {
        font-size: 12px!important;
    }
    .pColor {
        background-color: black;
        margin-right: 0.1rem!important;
        position: relative;
        top: 5px;
    }
    .phase-color {
        margin-bottom: 2rem;
    }
    .icon-title {
        font-weight: bold;
        font-size: 15px;
    }
    .color-set {
        font-size: 14px;
        margin-top: 0rem!important;
        margin-bottom: 0rem!important;
    }
    
    /*スケジュール　テーブル*/
    /*テーブルレイアウト*/
    .ymd-title {
        font-size: 97%;
        font-weight: bold;
        
    }
    #schedule_table {
        font-size: 13px!important;
    }
    #schedule_table th{
        text-align: center;
        color:white;
        background: linear-gradient(#565b61,#545b62);
        box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
        box-sizing: border-box;
    }
    #schedule_table td {
        padding: 0!important;
    }
    .name-column, .time-column {
        border-bottom: 1px solid #3c6690;
    }
    .time-row {
        height: 30px!important;
    }
    .time-column {
        font-size: 90%!important;
    }
    
    table .staff-name {
        font-size: 110%!important;
        vertical-align: middle!important;
    }
    .blank {
        vertical-align: middle!important;
        font-size: 100%!important;
    }
    
    /*登録モーダル*/
    .time-between {
        margin: auto 0;
    }
    
    .plan {
        position: absolute;
        width: inherit;
    }
    .diplay-sales {
        padding-left: 5px;
    }
    
    
    /*---行列固定　設定------
    ----------------------------*/
    .sticky_table {
      display: block;
      position: relative;
      overflow: scroll;
      height: calc(77vh);
      border-collapse: collapse;
      font-size: 0;
    }
    .sticky_table thead,
    .sticky_table tbody {
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }

    /*行ヘッダの固定*/
    .sticky_table thead {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 20;
    }

    table .staff-name {
        white-space: nowrap;
    }
    table td, table th {
        padding: 0!important;
    }
    #schedule_table .time-column {
        font-size: 12px;
        width: 45px!important;
    }
    .blank {
        width: 45px!important;
        height: 35px;
    }
    .staff-name {
        height: 35px;
    }
    .c-time {
        flex-wrap: initial!important;   
    }
    .c-between {
        width: initial!important;
    }
    .icon-display {
        font-size: 11px;
    }
    .flash-lec {
        color: red; 
        font-size: 15px; 
        margin: auto auto; 
        font-weight: bold;
        animation: flash 1s ease infinite alternate;    
    }
    
    @keyframes flash {
        50% {
            opacity: 0;
        }
    }
    
    /*filemaker*/
    .sp-btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        font-size: 23px;
    }
    
    .dis-set {
        font-size: 14px;
    }
    
    .title-size {
        font-size: 1.5rem;
    }
	
	.log_report_table {
		font-size: 12px;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
    
}








/*iPhone5/SE*/
@media screen and (max-width: 320px) {
    #selectSearch {
        width: 143px;
    }
    .main-title {
        font-size: 150%;
    }
    .radio-border-right, .radio-border-left {
        width: 45px;
        font-size: 10px!important;
    }
    .select-div {
        width: 60%;
    }
    .header-select {
        width: 100%;
    }
    .navbar-toggler {
        font-size: 17px!important;
    }
    .header-search {
        padding-right: 0.2rem!important;
        padding-left: 0.2rem!important;
    }
    #date_title {
        font-size: 11px!important;
        font-weight: bold!important;
        margin: auto;
    }
    .header-select {
        font-size: 10px!important;
    }
    .ymd-title {
        font-size: 128%;
        font-weight: bold;
    }
    .icon-display {
        color: black;
        padding: 2px 1px;
        background-color: white;
        font-size: 13px;
    }
	
	.log_report_table {
		font-size: 12px;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}