@media screen and (max-width: 768px) {
    
/*************************************************************************************************************************
    
    Common
    
*************************************************************************************************************************/
    
    input,textarea,select { font-size:16px; line-height: 26px; }
    
    select{ padding: 8px 5px; }
    
    .pconly{ display: none !important; }
    
    main{ padding-top: 50px; height: calc(100vh - 50px); background-color: #efefef; }
    
    
    
    
    .box--r{ clear: both; }
.box--r { zoom:1; }
.box--r:before, .box--r:after { content:""; display:table; }
.box--r:after { clear:both; }
    
    
    .ui-datepicker-trigger{
        margin-left: 10px;
        vertical-align: middle;
    }
    
    input.y{ width: 70px; }
    
    .sp_edate{
        margin-top: 10px;
    }
    
    .nec{ float: none; font-size: 14px; }
    
    
    
    
    

/*************************************************************************************************************************

    Login

*************************************************************************************************************************/

    #Login #LoginBoxOuter{
        display: table;
        width: 100%;
        height: 100vh;
    }
    
    #Login #LoginBoxOuter #LoginBox{ display: table-cell; vertical-align: middle;
        width: 100%;
        background-color: rgba(255, 255, 255, .5); }
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner{
    }
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner dl{ margin-top: 15px; }
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner dl dt{ font-size: 12px; }
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner .button{ margin-top: 30px; }
    
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner .Login--title{
        font-size: 4.5vw;
        text-align: center;
        margin-bottom: 10%;
    }

    #Login #LoginBoxOuter #LoginBox #LoginBoxInner--sp{
        margin: 0 10px;
    }

    #Login #LoginBoxOuter #LoginBox #LoginBoxInner .button a{
        display: block;
        border: #000000 2px solid;
        border-radius: 3px;
        color: #000000;
        font-size: 16px;
        text-align: center;
        padding: 7px 0;
    }

    #Login #LoginBoxOuter #LoginBox #LoginBoxInner .button a:hover{
        background-color: #000000;
        color: #ffffff;
    }
    
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner .button i{
        padding-right: 5px;
    }





/*************************************************************************************************************************

    Header

*************************************************************************************************************************/

    header{ position: fixed; top:0; left: 0; width: 100%; height: 50px; background-color: #000000; z-index: 1000; }

    header h1{ float: left; color: #ffffff; height: 50px; display: flex; align-items: center; width: calc(100% - 50px); text-align: center; }
    header h1 a{ color: #ffffff !important; display: block; width: 100%; padding-left: 50px; }

    header .header-menu{ float: right; }
    header .header-menu a{ display: block; width: 50px; height: 50px; }
    header .header-menu a span{
        display: block;
        text-indent: -9999px;
        width: 50px; height: 50px;
        background: url('../images/icon/icon--menu.png') no-repeat center center;
        background-size: 28px 28px;
    }
    header .header-menu.active a span{ background: url('../images/icon/icon--close.png') no-repeat center center; background-size: 28px 28px; }

    

    #HeaderMenu{
        position: fixed;
        width: 100%;
        height: calc(100vh - 50px);
        padding-top: 50px;
        background-color: rgba(255, 255, 255, .8);
        z-index: 100;
    }
    
    #HeaderMenu .home--list .login{
        margin: 2% 2%;
        position: relative;
    }
    
    #HeaderMenu .home--list .login p{
        padding: 10px 0;
        text-align: center;
    }
    
    #HeaderMenu .home--list .login p span{
        font-size: 14px;
        font-weight: bold;
    }
    
    #HeaderMenu .home--list .login a{
        border: #000000 2px solid;
        background-color: #ffffff;
        color: #000000;
        display: block;
        text-align: center;
        padding: 10px 14px;
        border-radius: 5px;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    #HeaderMenu .home--list .login a:hover{
        background-color: #000000;
        color: #ffffff;
    }

    
    
    #HeaderMenu .home--list .login a span i{
        padding-right: 5px;
    }

    #HeaderMenu .home--list{
        background-color: #ffffff;
    }
    
    #HeaderMenu .home--list ul{
        
        border-top: #cccccc 1px solid;
    }

    #HeaderMenu .home--list ul li{
        float: left;
        display: block;
        width: 100%;
    }

    #HeaderMenu .home--list ul li a{
        display: table;
        width: 100%;
        border-bottom: #cccccc 1px solid;
        -moz-transition: -moz-transform 0.5s linear;
        -webkit-transition: -webkit-transform 0.5s linear;
        -o-transition: -o-transform 0.5s linear;
        -ms-transition: -ms-transform 0.5s linear;
        transition: transform 0.5s linear;
    }

    #HeaderMenu .home--list ul li a .home--list--button{
        padding: 10px 0;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    
    
    
    main .home--list ul li a i{
        display: block;
        font-size: 8vh;
        margin-bottom: 10px;
    }
    
    
    
    



    main .home--list{
        background-color: #ffffff;
    }

    main .home--list ul li{
        float: left;
        display: block;
        width: 48%;
        margin: .5% 1%;
        height: calc(((100vh - 50px) / 6) - 20px);
    }

    main .home--list ul li a{
        display: table;
        width: 100%;
        height: 100%;
        border: #cccccc 1px solid;
        border-radius: 7px;
        -moz-transition: -moz-transform 0.5s linear;
        -webkit-transition: -webkit-transform 0.5s linear;
        -o-transition: -o-transform 0.5s linear;
        -ms-transition: -ms-transform 0.5s linear;
        transition: transform 0.5s linear;
    }


    main .home--list ul li a .home--list--button{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding-top: 40%;
    }

    main .home--list ul li a .home--list--button.user{
        background: url(../images/icon/icon--user.png) no-repeat center 20%;
        background-size: auto 70%;

    }

    main .home--list ul li a .home--list--button.storage{
        background: url(../images/icon/icon--storage.png) no-repeat center 20%;
        background-size: auto 50%;

    }

    main .home--list ul li a .home--list--button.category{
        background: url(../images/icon/icon--category.png) no-repeat center 20%;
        background-size: auto 50%;

    }

    #HeaderMenu .home--list ul li a:hover{
        background-color: #ab0b15;
        color: #ffffff;
    }
    
    #HeaderMenu .home--list ul li a.here{
        border: #ab0b15 1px solid;
        background-color: #ab0b15;
        color: #ffffff;
    }
    
    
    
    
    main .master--list--reist .box dl dt{
        margin-top: 10px;
        margin-left: 5px;
    }
    
    main .master--list--reist .box dl dt .nec{
        float: none;
    }
    
    
    
    .regist-close{
        display: none;
    }
    
    .BoxShadowSP{
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 8px;
    }
    
    
    
    .master--open--box a{
        padding: 7px 0;
        display: block;
        text-align: center;
    }
    .master--open--box a span{
        padding-right: 10px;
    }
    
    
    
    
    
    .Regist-Outer{
        background-color: #ffffff;
        border-radius: 8px;
        margin-bottom: 3%;
    }
    
    
    
    
    
    
    
    
    .box{
        margin: 0 1%;
    }
    
    
    
    
    
    
    
    
    
    
    


    main .master--list--reist{ padding: 0 1% 1% 1%; border-bottom: #cccccc 1px dotted; }
    
    main .master--list--reist .box-button{ margin: 5% 0 2% 0; }
    
    main .master--list--reist ul li{
        margin-bottom: 10px;
    }

    main .master--list--reist ul li:last-child{
        margin-bottom: 0;
    }

    
    main .master--list--reist .box-button a{
        display: inline-block;
        border-radius: 8px;
        font-size: 12px;
        padding: 5px 12px;
        width: 100%;
    }

    main .master--list--reist .box-button a span{
        display: block;
        text-align: center;
        padding-right: 5px;
    }

    main .master--list--reist .box-button a i{
        padding-right: 5px;
    }

    /* ADD */
    main .master--list--reist .box-button a.btnAdd{ border: #ab0b15 2px solid; background-color: #ab0b15; color: #ffffff; }
    /* CANCEL */
    main .master--list--reist .box-button a.btnCancel{ border: #666666 2px solid; background-color: #666666; color: #ffffff; }

    
    .master--list--ichiran{ border-radius: 8px;
        
    }
    
    .master--list--ichiran table tr th:first-child{ border-top-left-radius: 8px; }
    .master--list--ichiran table tr th.first-child{ border-top-left-radius: 8px; }
    .master--list--ichiran table tr th.last-child{ border-right: none; border-top-right-radius: 8px; }


    .master--list--ichiran{ clear: both; position: relative; margin-bottom: 3%; background-color: #ffffff; }
    .master--list--ichiran table{ width: 100%; table-layout: fixed; }
    .master--list--ichiran table tr th{ font-weight: normal; padding: 6px 0; font-size: 10px; background-color: #333333; color: #ffffff; }
    .master--list--ichiran table tr th:last-child{ border-right: none; border-top-right-radius: 8px; }
    .master--list--ichiran table tr th.scroll{ width: 16px; }
    .master--list--ichiran table tr th.icon{ width: 35px;}
    
    

    .master--list--ichiran table tr th.quantity,
    .master--list--ichiran table tr td.quantity{ width: 100px; text-align: center; padding-left: 0; padding-right: 0; }

    .master--list--ichiran table tr td{ padding: 7px 10px; border-bottom: #cccccc 1px solid; font-size: 10px; }
    .master--list--ichiran table tr td.icon{ padding: 0; width: 35px; text-align: center; }
    .master--list--ichiran table tr td.icon a{ padding: 7px 0; display: block; font-size: 12px; }

    .master--list--ichiran table tr th.id,
    .master--list--ichiran table tr td.id{ width: 60px; text-align: center; padding-left: 0; padding-right: 0; }

    .master--list--ichiran table tr th.pw,
    .master--list--ichiran table tr td.pw{ width: 160px; text-align: center; padding-left: 0; padding-right: 0; }

    .master--list--ichiran table tr.dispublic td{ background-color: #999999; color: #ffffff; }

    .master--list--ichiran table tr.dispublic td a{ color: #ffffff; }

    

    .master--list--ichiran table tr td .text{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    
    
    .tbl-scroller table tr:last-child td{ border-bottom: none; }
    
    
    .tbl-scroller table tr:last-child td:first-child{
        border-bottom-left-radius: 8px;
        
    }
    
    .tbl-scroller table tr:last-child td:last-child{
        border-bottom-right-radius: 8px;
        
    }
    
    

    .master--list--pager{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #ffffff;
    }
    .master--list--pager ul{
    display: flex;
    width: 100%;
}
    .master--list--pager ul li{/* float: left; */display: table-cell; flex: 1; }
    
    .master--list--pager ul li a,
    .master--list--pager ul li span{
        border: #cccccc 1px solid;
        border-right: none;
        display: block;
        padding: 5px 0;
        text-align: center;
    }
    .master--list--pager ul li a:hover{ background-color: #cccccc; }
    .master--list--pager ul li a.current,
    .master--list--pager ul li a.current:hover{ background-color: #000000; color: #ffffff; border: #000000 1px solid; }
    .master--list--pager ul li:last-child a,
    .master--list--pager ul li:last-child span{ border-right: #cccccc 1px solid; }
    
    
    
    
    
    .admin--data{
    display: block;
    padding: 3px 10px;
    border: #999999 1px solid;
    color: #999999;
    border-radius: 3px;
        background-color: #efefef;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    .radio{
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .radio input { display: none; }
    .radio label{
        display: table-cell;
        cursor: pointer;
        width: calc(46% - 2px);
        margin: 0;
        padding: 12px 10px;
        background: #ffffff;
        color: #333333;
        font-size: 16px;
        text-align: center;
        line-height: 1;
        transition: .2s;
        font-size: 12px;
        border: #cccccc 1px solid;
    }
    .radio label:first-of-type{ border-radius: 8px 0 0 8px; border-right: none; border-right: #cccccc 1px solid; }
    .radio label:last-of-type{ border-radius: 0 8px 8px 0; border-left: 0; }
    .radio input[type="radio"]:checked + label:first-of-type { background-color: #ab0b15; color: #ffffff; }
    .radio input[type="radio"]:checked + label:last-of-type { background-color: #666666; color: #ffffff; }

    
    /* 管理者権限 */
    .radio--admin input[type="radio"]:checked + label:last-of-type { background-color: #ab0b15; color: #ffffff; }




    .category input { display: none; }
    .category label{
        display: block;
        float: left;
        cursor: pointer;
        width: 100px;
        margin: 0;
        padding: 8px 10px;
        background: #ffffff;
        color: #333333;
        font-size: 16px;
        text-align: center;
        line-height: 1;
        transition: .2s;
        font-size: 12px;
        border: #cccccc 1px solid;
    }
    .category label:first-of-type{ border-radius: 3px 0 0 3px; border-right: none; border-right: #cccccc 1px solid; }
    .category label:last-of-type{ border-radius: 0 3px 3px 0; border-left: 0; }
    .category input[type="radio"]:checked + label { background-color: #ab0b15; color: #ffffff; }
    
    
    
    
    
    
    
    
    
    
    .radio--equipment label{ border-left:none; }

    .radio--equipment label:first-of-type{ border-left: #cccccc 1px solid; }

    .radio--equipment input[type="radio"]:checked + label:nth-of-type(2) { background-color: #666666; color: #ffffff; }
    .radio--equipment input[type="radio"]:checked + label:last-of-type { background-color: #111111; color: #ffffff; }




/**********************************************************************************************************************************
    
    SearchBox / 検索画面
    
**********************************************************************************************************************************/

    #SearchBox .check input{
        display: none;
    }

    #SearchBox .check{
        display: block;
        padding: 8px 10px;
        border: #cccccc 1px solid;
        transition-property: color;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        transition-delay: 0s;
        border-radius: 6px;
        font-size: 14px;
    }

    #SearchBox .check.selected{
        border: #cc0000 1px solid;
        background-color: #cc0000;
        color: #ffffff;
    }
    
    #SearchBox .check i{
        padding-right: 10px;
    }
    
    
   
/**********************************************************************************************************************************
    
    Master - Category / カテゴリーマスタ
    
**********************************************************************************************************************************/
        
    .master--category--tab ul{ width: 100%; display: table; table-layout: fixed; }
    .master--category--tab ul li{ display: table-cell; }
    
    .master--category--tab ul li a{ display: block; padding: 5px 0; background-color: #999999; text-align: center; border-bottom: #999999 1px solid; }
    .master--category--tab ul li:first-child a{ border-top-left-radius: 8px; border-right: #efefef 1px solid; }
    .master--category--tab ul li:last-child a{ border-top-right-radius: 8px; }
    
    .master--category--tab ul li a:hover{ background-color: #ffffff; border-bottom: #efefef 1px solid; }
    .master--category--tab ul li a.here{ background-color: #ffffff; border-bottom: #ffffff 1px solid; }

    
   



    
   


/**********************************************************************************************************************************
    
    Return / 機材・部材返却
    
**********************************************************************************************************************************/
    
    .return--list--header{
        background-color: #cccccc;
        border-radius: 5px;
        margin: 10px;
        padding: 0 10px;
        box-shadow: 0px 3px 3px rgba(0,0,0,.5);
    }
    
    .return--list--header .title{
        font-size: 14px;
        line-height: 26px;
        padding: 5px 0 5px 0;
        text-align: center;
    }
    
    .return--list--header .text{
        font-size: 10px;
        padding: 5px 0 5px 0;
        border-top: #aaaaaa 1px solid;
        text-align: center;
    }
    
    .return--list--header .Error-Text{
        display: block;
        padding: 0 0 10px 0;
        text-align: center;
    }
    
    .return--list,
    .return--regist--nodata{
        box-shadow: 0px 3px 3px rgba(0,0,0,.5);
        padding: 15px;
        margin: 0 10px;
        background-color: #ffffff;
    }
    
    .return--list--buttons ul li:not(:last-child){
        margin-bottom: 10px;
    }
    
    .return--list--buttons ul li a{
        display: block;
        padding: 10px 10px;
        border: #cccccc 2px solid;
        border-radius: 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 22px;
    }
    
    .return--list--buttons ul li a .period{
        display: block;
        line-height: 16px;
        font-size: 10px;
        font-weight: normal;
    }
    
    .return--list--buttons ul li a i{
        float: right;
    }
    
    .return--list--buttons ul li a:hover{
        color: #ffffff;
        border: #ab0b15 2px solid;
        background-color: #ab0b15;
    }
    
    .return--list .return--list--nodata,
    .return--regist .return--list--nodata{
        border: #ab0b15 2px solid;
        background-color: #ffd700;
        color: #ab0b15;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border-radius: 5px;
        padding: 15px 15px;
    }
    
    .return--regist .master--list--ichiran{
        padding-top: 0;
    }
    
    .return--regist table tr th{
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        
    }
    .return--regist .master--list--ichiran table{
        height:100%;
        table-layout: auto;
    }
    .master--list--ichiran table tr th a{ display: block; color: #ffffff; }
    .master--list--ichiran table tr th a i{ padding-left: 5px; }
    
    
    .return--regist .master--list--ichiran table tr td.check{
        width: 30px;
    }
    
    .return--regist .master--list--ichiran table tr td{
        padding : 0;
        height: 100%
    }
    
    .return--regist .master--list--ichiran table tr td i{
        text-align: center;
        vertical-align: middle;
        padding: 0 10px;
    }
    
    .master--list--ichiran table tr td.child {
    padding-left: 5%;
}
    
    .return--regist .master--list--ichiran table tr td.site label{
        padding : 0 10px;
        display: table;
        padding: 0 15px;
    }
    
    .return--regist .master--list--ichiran table tr td label{
        padding: 10px 0;
        height: 100%;
        width: 100%;
    }
    
    .return--regist .master--list--ichiran table tr td label span{
        display: table-cell;
        vertical-align: middle;
        padding: 10px 0;
    }
    
    .return--regist .master--list--ichiran table tr td.site label span{
        padding: 10px 15px;
        font-weight: bold;
    }
    .return--regist .master--list--ichiran table tr td.site label strong{
        display: block;
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
    }    
    
    
    

    main .master--list{
        margin: 2%;
        border-radius: 8px;
    }

    
    
    
    
    
    main .master--calendar .box--btn,
    main .return--regist .box--btn{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.5);
        margin: 0;
    }

    main .return--regist .box--btn .box-button{
    }

    
    main .return--regist .box--btn .box-button a:not(:last-child){
        margin-right: 15px;
    }

    main .return--regist .box--btn .box-button a{
        display: block;
        border-radius: 3px;
        font-size: 12px;
        padding: 5px 12px;
    }


    .return--regist table tr.selected td{
        background-color: #ffdab9;
    }
    
    
    .return--regist input.check{ display: none; }
    
    .return--regist .check i{ padding: 16px 0; }
    
    
    
    
    .box-button{
        margin: 1% 1%;
    }
    
    .box-button ul{
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .box-button ul li{
        display: table-cell;
    }
    
    .box-button ul li:first-child{
        padding-left: 0;
    }
    
    .box-button ul li:last-child{
        padding-right: 0;
    }

/*****************
    
*****************/
    
    .master--list--button{
        margin: 10px 0;
    }
    
    .master--list--button ul{ width: 100%; display: table; table-layout: fixed; }    
    .master--list--button ul li{ display: table-cell; }
    
    .master--list--button ul li a{ display: block; text-align: center; padding: 4px 0; }
    .master--list--button ul li:first-child a{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
    .master--list--button ul li:last-child a{ border-top-right-radius: 8px; border-bottom-right-radius: 8px; }    
    
    .master--list--button ul li a.btnAdd{ background-color: #ab0b15; color: #ffffff; }    
    .master--list--button ul li a.btnSearchOpen{ background-color: #22c2a3; color: #ffffff; }
    .master--list--button ul li a.btnList{ background-color: #333333; color: #ffffff; }



    main .master--regist .box span.data{
        border: #999999 1px solid;
        padding: 5px 10px;
        border-radius: 5px;
        display: block;
        background-color: #efefef;
    }
    
    




    

/* Search
------*/
    
    #SearchBox{  
    position: fixed;
    z-index: 10;
        top:0;
    width: 100%;
    height: calc(100vh - 50px);
    padding-top: 50px;
    background-color: rgba(0, 0, 0, .7);
    }
    
    #SearchBox--Inner{
        margin: 2%;
        padding: 0 2% 2% 2%;
        background-color: #ffffff;
        border-radius: 8px;
    }
    
    
    #SearchBox--Inner .box{
    }
    
    #SearchBox--Inner .box dl{
}

    #SearchBox--Inner .box dl dt{
        margin-top: 2%;
    }

    #SearchBox--Inner .box dl dd{
}
    
    
/*-----
  
    SearchButton

-----*/
    
    .SearchButton-Box{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(250, 250, 250, .2);
    }

    

    .SearchButton-Box-Inner{ margin: 1% 1%; }
    
    
    
    .SearchButton-Box ul{
        display: table;
        width:100%;
        table-layout: fixed;
        
    }

    .SearchButton-Box ul li{ display: table-cell; }

    .SearchButton-Box ul li:last-child{
        margin-right: 0;
    }

    .SearchButton-Box ul li a:not(:last-child){
    }

    .SearchButton-Box ul li a{
        display: block;
        font-size: 12px;
        padding: 5px 12px;
        background-color: #ffffff;
    }

    .SearchButton-Box ul li a.btnSearch{
        color: #ffffff;
        background-color: #22c2a3;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        text-align: center;
    }
    
    
    .SearchButton-Box ul li a.btnInitial{
        border-left: #6b6b6b 1px solid;
        border-right: #6b6b6b 1px solid;
    }

    
    .SearchButton-Box ul li a.btnInitial,
    .SearchButton-Box ul li a.btnSearchClose{
        color: #ffffff;
        background-color: #333333;
        text-align: center;
    }
    
    .SearchButton-Box ul li a.btnSearchClose{
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    
    .SearchButton-Box ul li a i{
        padding-right: 3px;
    }
    
    
    
    
    
    
    
    

    
    
    
    
    
    
/*-----
  
    
    master--list--search

    
-----*/
    
    .master--list--search{
        margin: 2%;
        padding: 1% 2%;
        background-color: #666666;
        border-radius: 8px;
        box-shadow: 0px 3px 3px rgba(0,0,0,.5);
    }
    
    .master--list--search dl{
        padding-bottom: 1%;
    }
    
    .master--list--search dl dt{
        color: #ffffff;
        text-align: center;
        padding: 1% 0 2% 2%;
    }
    
    .master--list--search dl dd.sub,
    .master--list--search dl dd.num{
        margin-top: 2%;
    }
    
    
    .master--list--search dl dd.btn{ margin-top: 2%; }
    
    





    .master--list--search dl dd a.btnSearch{
    border-radius: 3px;
    font-size: 12px;
    padding: 1% 12px;
        display: block;
            background-color: #ffffff;
            text-align: center;
        background-color: #22c2a3;
        color: #ffffff;
    }
    
    .master--list--search dl dd a.btnSearch i{ padding-right: 5px; }
    
    
    
    
    
/**********************************************************************************************************************************
    
    Master -Equipment / 機材・部材返却
    
**********************************************************************************************************************************/

    /* 修理履歴・貸出履歴ボタン軍 */
    .master--equipment ul.button{ clear: both; visibility: visible; zoom:1; margin-top: 10px; display: table; width: 100%; }
    .master--equipment ul.button:before, .master--equipment ul.button:after { content:""; display:table; }
    .master--equipment ul.button:after { clear:both; }
    .master--equipment ul.button li{ display: table-cell; }
    .master--equipment ul.button li:first-child a{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right: #000000 1px solid; }
    .master--equipment ul.button li:last-child a{ border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left: #000000 1px solid; }
    .master--equipment ul.button li a{ display: block; border: #000000 2px solid; background-color: #ffffff; color: #000000; padding: 4px 40px; }
    .master--equipment ul.button li a:hover{ background-color: #000000; color: #ffffff; }
    .master--equipment ul.button li a span{ display: block; text-align: center; }
    
    
    
    
    .master--list--ichiran table tr td.price{ width: 100px; text-align: right; padding-left: 10px; padding-right: 10px; }
    
    
    .master--repair--total table tr td{
        vertical-align: top;
    }
    
    #Print .master--list--search dl dd{ text-align: center; }
    #Print .master--list--search dl dd select{ width: auto; }
    #Print .master--list--search dl dd span{ padding: 0 5px; color: #ffffff; }
    
    
    main .master--repair--total{
        padding: 0;
    }
    
    .master--repair--total table tr td{
        vertical-align: top;
    }
    
    .master--repair--total table tr.total td{
        vertical-align: middle;
        border-bottom: none;
        border-top: #cccccc 3px solid;
        padding: 10px 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }
    
    
    
    
    
    main .master--regist .box--btn{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.5);
        margin: 0;
    }

    main .master--regist .box--btn ul{
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    
    main .master--regist .box--btn ul li{
        display: table-cell;
    }
    
    main .master--regist .box--btn ul li:first-child a{
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    
    main .master--regist .box--btn ul li:last-child a{
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    
    main .master--regist .box--btn ul li a{
        display: block;
        text-align: center;
        padding: 4px 0;
    }
    
    main .master--regist .box--btn ul li a.btnAdd{
    background-color: #ab0b15;
        color: #ffffff;
    }
    
    main .master--regist .box--btn ul li a.btnSearchOpen{
        background-color: #22c2a3;
        color: #ffffff;
        
    }

    
    
    
    main .master--regist{
        margin: 2%;
        padding: 2%;
        margin-bottom: 55px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0px 3px 3px rgba(0,0,0,.5);
    }

    main .master--regist .box dl{
        margin-top: 3%;
        padding-top: 3%;
        border-top: #efefef 1px solid;
    }
    
    main .master--regist .box:first-child dl{ border-top: none; padding-top: 0; }
    
    main .master--regist .box dl dt{margin-bottom: 1%;
    }
    
    main .master--regist .box dl dd .dt{ margin-bottom: 1%; }
    
    main .master--regist .box-free dl dt{ padding-bottom: 5px; }
    
    
    
    
    
    
    
    
    
    
    
    
/***************************************
    
    
    Calendar
    
    
**************************************/
    
    

    main .master--calendar{
        margin: 2%;
        background-color: #ffffff;
        padding: 2%;
    }
    
    .calendar--date{
        text-align: center;
        font-size: 16px;
        line-height: 40px;
    }
    

    /* .mod_table 
    -----------------------------------------*/
    .mod_table{}
    .mod_table table{
        width: 100%;
     background:#FFF;
    }
    .mod_table table th,.mod_table table td{
        border-bottom:solid 1px #7f7f7f;
     border-left:solid 1px #7f7f7f;
        padding:10px;
    }
    .mod_table table th{
     background:#f8f8f8;
     color:#000;
     font-weight:normal;
     text-align:center;
     vertical-align:middle;
    white-space:nowrap;
    }
    .mod_table table th.coltitle{
     background:#666;
     color:#FFF;
    }
    .mod_table table td{
     text-align:center;
    }
    /*  */
    .mod_table table td.hover,
    .mod_table table th.hover {
     background-color:#FFFEB5;
    }

    
    
    
    
/**********************************************************************************************************************************
    
    Site / 現場管理
    
**********************************************************************************************************************************/
    
    
/*
    
    Site / 現場管理
    
*/
    
    main .master--list--reist--inbox{ border-bottom: none; }
    main .master--site{
        margin-bottom: 3%;
    }
    
    main .master--site .box--btn{
        position: inherit;
        background: none;
    }
    
    main .master--site .box--btn .box-button{
        padding: 0;
    }
    
    
    .master--button-site a.btnAdd{
        background-color: #000000;
        color: #ffffff;
        display: block;
        font-size: 12px;
        padding: 5px 12px;
        text-align: center;
    background-color: #ab0b15;
        color: #ffffff;
        
    }
    
    
    main .master--button-site{
        margin-top: 3%;
    }

    main .master--button .box--btn{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1;
    }



    main .master--regist .box--btn .box-button a{
        display: block;
        border-radius: 8px;
        font-size: 12px;
        padding: 5px 12px;
    }

    
    
    
    
    
    
    
    
    
    
    
    
    .BoxBottomBulk{
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1;
    }
    
    
    
    .BoxBottomBulk .box-button{
        margin: 1%;
    }
    

    .BoxBottom .box-button a.btnAdd{
        background-color: #ab0b15;
        color: #ffffff;
        text-align: center;
    }

    
    .BoxBottom .box-button a.btnList{
    background-color: #333333;
        color: #ffffff;
    }
    
    

    .BoxBottom .box-button a span{  display: block; text-align:  center; }
    
    .BoxBottom .Calendar ul li a{
        background-color: #000000;
        color: #ffffff;
        display: block;
        font-size: 12px;
        padding: 5px 12px;
        text-align: center;
    }
    
    .BoxBottom .Calendar ul li:first-child a{ 
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-right: #cccccc 1px solid;
    }
    .BoxBottom .Calendar ul li:last-child a{ 
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .BoxBottom .Calendar ul li:nth-child(2) a{ border-right: #cccccc 1px solid; }
    
    .BoxBottom .Calendar ul li:first-child a i{ padding-right: 10px; }
    .BoxBottom .Calendar ul li:nth-child(2) a i{ padding-right: 10px; }
    .BoxBottom .Calendar ul li:last-child a i{ padding-left: 10px; }
    
    
    .BoxBottom .Single ul li a.btnList{ background-color: #000000; color: #ffffff; display: block; font-size: 12px; padding: 5px 12px; text-align: center; border-radius: 8px; }
    
    .BoxBottom .Double ul li:first-child a{
        border-radius: 0;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px; }
    
    .BoxBottom .Double ul li:last-child a{
        border-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px; }
    
    
    
    
    
    
    
    
    
    .Return .BoxBottom .box-button ul li a i,
    main .master--regist .BoxBottom .box-button ul li a i{
        padding-right: 5px;
    }
    
    
    .master--regist--button{}
    
    .master--regist--button ul{ display: table; width: 100%; table-layout: fixed; }
    
    .master--regist--button ul li{ display: table-cell; }
    
    .master--regist--button ul li a { text-align: center; display: block; }
    
    .master--regist--button ul li:first-child a{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right: #000000 1px solid; }
    .master--regist--button ul li:last-child a{ border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left: #000000 1px solid; }
    .master--regist--button ul li a{ display: block; border: #000000 2px solid; background-color: #ffffff; color: #000000; padding: 4px 0; }
    .master--regist--button ul li a:hover{ background-color: #000000; color: #ffffff; }
    .master--regist--button ul li a span{ display: block; text-align: center; }

    
    
/**********************************************************************************************************************************
    
    BULK / 一括機材管理
    
**********************************************************************************************************************************/
    
    .bulk--list{ margin: 3% 2% 60px 2%; background-color: #ffffff; }
    
    .bulk--list .list--bulk--site--header{ padding: 2%; }
    .bulk--list .list--bulk--site--header dl{ display: table; margin: 0 auto; }
    .bulk--list .list--bulk--site--header dl dt{ display: table-cell; }
    .bulk--list .list--bulk--site--header dl dd{ display: table-cell; }
    
    
    .bulk--list .list--bulk--site--contents{
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    
    .bulk--list .list--bulk--site--contents.master--list--ichiran table tr th:first-child{
        border-top-left-radius: 0px;
    }
    
    .bulk--list .list--bulk--site--contents.master--list--ichiran table tr th:last-child{
        border-right: none;
        border-top-right-radius: 0;
    }
    
    .bulk--list .list--bulk--site--contents.master--list--ichiran table tr:last-child td:first-child{
        border-bottom-left-radius: 8px;
    }
    
    
    .bulk--list .list--bulk--site--contents.master--list--ichiran table tr:last-child td:last-child{
        border-bottom-right-radius: 8px;
    }
    
    
    
    
    
    
    
    
    .table__normal table{
        width: 100%;
        margin-top: 1%;
    }
    main .master--calendar .table__normal table tr th{
        width: 100px;
    }
    main .master--calendar .table__normal table tr td{
        width: auto !important;
    }
    
    main .master--calendar .table__normal table tr .coltitle{
        font-weight: bold;
        text-align: center;
        background-color: #666666;
        color: #ffffff;
    }
    
    main .master--calendar .table__normal table{
        border-top: #cccccc 1px solid;
        border-left: #cccccc 1px solid;
    }
    
    main .master--calendar .table__normal table tr th,
    main .master--calendar .table__normal table tr td{
        border-bottom: #cccccc 1px solid;
        border-right: #cccccc 1px solid;
    }
    main .master--calendar .table__normal table tr td{
        padding: 10px;
    }
    
    
    
    
}