@media screen and (min-width: 768px) {
    
/*************************************************************************************************************************
    
    Common
    
*************************************************************************************************************************/
    
    .sponly{ display: none; }
    

    
    .calendar--date{
        text-align: center;
        font-size: 16px;
        line-height: 40px;
    }

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

    Login

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

#Login{ background: url("../images/common/bg.png") repeat 0 0; background-size: 25% auto; }
#Login #LoginBoxOuter{ display: table; width: 100vw; height: 100vh; }
#Login #LoginBoxOuter #LoginBox{ display: table-cell; vertical-align: middle; }
#Login #LoginBoxOuter #LoginBox #LoginBoxInner{
    background-color: rgba(255, 255, 255, .7);
    width: 30vw; margin: 0 auto;
    padding : 20px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.5);
    border-radius: 5px;
}
#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 select{
        padding: 11px 15px;
    }
    
    #Login #LoginBoxOuter #LoginBox #LoginBoxInner input{
        padding: 10px 15px;
    }
    
    .Login--title{
        text-align: center;
        font-size: 18px;
        line-height: 30px;
    }

    #Login #LoginBoxOuter #LoginBox #LoginBoxInner .button a{
        display: block;
        border: #000000 2px solid;
        border-radius: 3px;
        color: #000000;
        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; margin-left: 20px; margin-right: 15px; color: #ffffff; height: 50px; display: flex; align-items: center; }
header h1 a{ color: #ffffff !important; }

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; }





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

    Header Step

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

    header .site-step{ float: left; display:table; padding:0; margin:0; overflow:hidden; }
    header .site-step ul{ height: 50px; }
    header .site-step ul li{ display:table-cell; position:relative; background: #000000; padding: 0 0.5em 0 2em; color: #ffffff; height: 50px; }
    header .site-step ul li:first-child{ padding: 0; }
    header .site-step ul li:last-child{ padding-right: 1em; }
    header .site-step ul li:before, header .site-step ul li:after{ content: ""; position: absolute; width: 0; height: 0; margin: auto; }
    header .site-step ul li:before{
        top:-15px;
        right:-1em;
        border-style: solid;
        border-color: transparent transparent transparent #ffffff;
        border-width: 40px 0 40px 1em;
        z-index: 10;
    }
    header .site-step ul li:after{
        top:-15px;
        right:-.8em;
        border-style: solid;
        border-color: transparent transparent transparent #000000;
        border-width: 40px 0 40px 1em;
        z-index: 10;
    }
    header .site-step ul li span{ display: flex; align-items: center; height: 50px; font-size: 12px; }






    #HeaderMenu{
        position: fixed;
        width: 100%;
        height: calc(100vh - 50px);
        padding-top: 50px;
        z-index: 100;
        background-color: rgba(0,0,0,.7);
    }

    #HeaderMenu .home--list{
        margin: 0 .5%;
    }

    #HeaderMenu .home--list .login{
        background-color: #ffffff;
        margin-top: 10px;
        margin-bottom: 15px;
        border-radius: 7px;
        text-align: center;
        position: relative;
    }
    
    
    #HeaderMenu .home--list p{
        padding: 10px;
    }
    
    #HeaderMenu .home--list .login span{
        font-weight: bold;
        font-size: 16px;
    }
    
    #HeaderMenu .home--list .login span.text{
        font-weight: normal;
        font-size: 12px;
    }

    #HeaderMenu .home--list .login a{
        float: right;
        position: absolute;
        top:1px;
        right: 0;
        padding: 12px;
        border-left: #999999 1px dotted;
    }

    #HeaderMenu .home--list .login a i{
        padding-right: 7px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    #HeaderMenu .home--list ul li{
        float: left;
        display: block;
        width: 24%;
        margin: .5% .5%;
    }

    #HeaderMenu .home--list ul li a{
        display: table;
        width: 100%;
        height: 100%;
        border: #cccccc 1px solid;
        background-color: #ffffff;
        padding: 3% 0;
        border-radius: 7px;
    }

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

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

    #HeaderMenu .home--list ul li a:hover{
        border: #ab0b15 1px solid;
        background-color: #ab0b15;
        color: #ffffff;
    }
    
    #HeaderMenu .home--list ul li a.here{
        border: #ab0b15 1px solid;
        background-color: #ab0b15;
        color: #ffffff;
    }
    
    
    

main{ padding-top: 50px; background-color: #efefef; }







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

    Home

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

    main .home--list{
        margin: 20px;
        padding: 20px;
        height: calc(100vh - 50px - 80px);
        background-color: #ffffff;
    }

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

    main .home--list ul li a{
        display: table;
        width: 100%;
        height: calc(((100vh - 50px - 80px) / 3) - 20px);
        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;
        transition-property: color;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        transition-delay: 0s;
    }

    main .home--list ul li a:hover{
        border: #454545 1px solid;
        background-color: #454545;
        color: #ffffff;
    }
    
    main .home--list ul li a i{
        display: block;
        font-size: 10vh;
        margin-bottom: 10px;
    }



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


    
    
    
    
    
    
    
    
    
    
    
    
    
    
    




    main .master--list{
        margin: 2%;
    }


    main .master--list--reist{ background-color: #ffffff; padding: .5% 1% 1% 1%; }

    main .master--list--reist .box--l{
        float: left;
        clear: both;
        width: 49%;
        padding: 1% .5% 0 .5%;
    }
    
    main .master--list--reist .box--a{
        padding: 1% .5% 0 .5%;
    }


    main .master--list--reist .box--m{
        padding: 1% .5% 0 .5%;
        clear: both;
    }
    .box--period dl{
            width: auto !important;
        }


    main .master--list--reist .box--r{
        float: right;
        width: 49%;
        padding: 1% .5% 0 .5%;
    }


    main .master--list--reist .box--btn{
        clear: both
    }

    main .master--list--reist .box dl{
        display: table;
        width: 100%;
    }

    main .master--list--reist .box dl dt{
        display: table-cell;
        vertical-align: top;
        width: 135px;
        font-size: 12px;
        padding-top: 3px;
    }

    main .master--list--reist .box dl dd{
        padding-left: 10px;
        display: table-cell;
        width: calc(100% - 120px);
    }



    main .master--list--reist .box-button{
        display: inline-block;
        float: right;
    }

    main .master--list--reist ul li{
        float: left;
        margin-right: 10px;
    }

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

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

    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; color: #ab0b15; }
    main .master--list--reist .box-button a.btnAdd:hover{ background-color: #ab0b15; color: #ffffff; }
    /* CANCEL */
    main .master--list--reist .box-button a.btnCancel{ border: #666666 2px solid; color: #666666; }
    main .master--list--reist .box-button a.btnCancel:hover{ background-color: #666666; color: #ffffff; }


    .admin--data{
        display: inline-block;
        padding: 2px 15px;
        border: #999999 1px solid;
        color: #999999;
        border-radius: 5px;
    }

    
    
    
    
    
    
    
    
    /* ユーザー一覧 */
    .master--equipment .master--list--ichiran,
    .master--category .master--list--ichiran,
    .master--storage .master--list--ichiran,
    .master--user .master--list--ichiran{ margin-top: 15px; border-radius: 8px; }
    
    
    
    
    
    
    
    



    .master--list--ichiran{ clear: both; position: relative; background-color: #ffffff; }



    .master--list--ichiran table{ width: 100%; table-layout: fixed; }
    .master--list--ichiran table tr{  }
    .master--list--ichiran table tr th a{ display: block; color: #ffffff; }
    .master--list--ichiran table tr th a i{ padding-left: 5px; }
    .master--list--ichiran table tr th{ font-weight: normal; padding: 6px 0; font-size: 12px; background-color: #333333; color: #ffffff; }
    .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 table tr th.scroll{ width: 16px; }
    .master--list--ichiran table tr th.icon{ width: 50px; }

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

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

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

    .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 th.price{ width: 100px; text-align: center; padding-left: 10px; padding-right: 10px; }

    .master--list--ichiran table tr td.price{ width: 100px; text-align: right; padding-left: 10px; padding-right: 10px; }

    .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.child{ padding-left: 30px; }
    
    .master--list--ichiran table tr th.check,
    .master--list--ichiran table tr td.check{ width: 50px; text-align: center; padding-left: 0; padding-right: 0; }

    .master--list--ichiran .SearchNoData{ padding: 15px 0; text-align: center; font-size: 14px; color: #cc0000; font-weight: bold; }

    .master--list--ichiran table tr td .text{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    




    .tbl-scroller{
        overflow-y: scroll;
    }






/**********************************************************************************************************************************
    
    MasterListPager / 
    
**********************************************************************************************************************************/  

    .master--list--pager{ margin: 15px 0; }
    .master--list--pager ul{ float: right; margin-right: 16px; }
    .master--list--pager ul li{ float: left; }
    .master--list--pager ul li a,
    .master--list--pager ul li span{ border: #cccccc 1px solid; border-right: none; display: inline-block; padding: 5px 0; min-width: 30px; 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; }









/**********************************************************************************************************************************
    
    MasterListButton / 一覧ページ用登録・検索等ボタン
    
**********************************************************************************************************************************/

    .master--list--button{ padding: 0; }
    
    .master--list--button ul li{ float: left; margin-right: 10px; }

    .master--list--button ul li a{ display: inline-block; border-radius: 8px; font-size: 12px; padding: 5px 12px; width: 100px; background-color: #ffffff; }

    .master--list--button ul li a.btnAdd{ border: #ab0b15 2px solid; color: #ab0b15; }
    .master--list--button ul li a.btnAdd:hover{ background-color: #ab0b15; color: #ffffff; }
    
    .master--list--button ul li a.btnSearchOpen{ border: #22c2a3 2px solid; color: #22c2a3; }
    .master--list--button ul li a.btnSearchOpen:hover{ background-color: #22c2a3; color: #ffffff; }
    
    .master--list--button ul li a.btnList,
    .master--list--button ul li a.btnCancel{ border: #333333 2px solid; color: #333333; }
    .master--list--button ul li a.btnList:hover,
    .master--list--button ul li a.btnCancel:hover{ background-color: #333333; color: #ffffff; }

    .master--list--button ul li a span{ display: block; text-align: center; }

    .master--list--button ul li.search{ border-radius: 8px; background-color: #ffffff; padding: 5px 24px 5px 12px; border: #333333 2px solid; }


    
    
    
    
    
    
    
    
    
    
    


main .master--calendar{
    margin: 20px 20px 20px 20px;
    background-color: #ffffff;
    padding: 20px;
}

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




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

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


main .master--calendar .box--btn .box-button a.btnAdd{
    border: #ab0b15 2px solid;
    background-color: #ffffff;
    color: #ab0b15;
}

main .master--calendar .box--btn .box-button a.btnAdd:hover{
    background-color: #ab0b15;
    color: #ffffff;
}


main .master--calendar .box--btn .box-button a span{
    display: block;
    text-align: center;
}


main .master--calendar .box--btn .box-button a.btnAdd{
    border: #ab0b15 2px solid;
    background-color: #ffffff;
}

main .master--calendar .box--btn .box-button a.btnAdd:hover{
    background-color: #ab0b15;
    color: #ffffff;
}



main .master--calendar .box--btn .box-button a.btnList{
    border: #000000 2px solid;
    background-color: #ffffff;
    color: #000000;
}

main .master--calendar .box--btn .box-button a.btnList:hover{
    background-color: #000000;
    color: #ffffff;
}








main .master--calendar thead th {
  height: 25px;
  width: 100px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 25px;
}

main .master--calendar thead th:first-child {
  width: 80px;
}

main .master--calendar tbody td {
  word-break: break-all;
  padding: 5px;
  border: 0;
  width: 100px;
  vertical-align: top;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
    
    

main .master--calendar tbody td:first-child {
  width: 80px;
}

div.fTHLC-outer-wrapper {
  border: 1px solid #000000;
  margin: 50px auto;
    width: calc(100% - 130px) !important;
}

div.fTHLC-inner-wrapper {
  border: 1px dotted #000000;
    width: calc(100% - 0px) !important;
}

div.fTHLC-outer-corner {
  background-color: #ffffff;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

main .master--calendar table tr .cols {
  background-color: #FFE4E1;
}

main .master--calendar table tr .rows {
  background-color: #E0FFFF;
}














    body.site--regist{
        margin-bottom: 70px;
    }


main .master--regist{
        margin: 2% 2% 80px 2%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
}


main .master--regist .box{
    margin-bottom: 20px;
}

main .master--regist .box dl{
    display: table;
    width: 100%;
}

main .master--regist .box dl dt{
    display: table-cell;
    vertical-align: top;
    width: 125px;
    font-size: 12px;
    padding-top: 3px;
}

main .master--regist .box dl dd{
    padding-left: 10px;
    display: table-cell;
    width: calc(100% - 120px);
}
    
    
    
    main .master--regist .box span.data{
        border: #999999 1px solid;
        padding: 5px 10px;
        border-radius: 8px;
        display: block;
        background-color: #efefef;
    }
    
    

    main .master--regist .box-free dl dt{ padding-top: 0; }




    
    
    
    
    


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

    .BoxBottom .box-button{ text-align: center; padding: 15px 2%; }
    
    .BoxBottom .box-button ul{ display: table; width: 100%; table-layout: fixed; }
    .BoxBottom .box-button ul li{ display: table-cell; padding: 0 .5%; }
    .BoxBottom .box-button ul li:first-child{ padding-left: 0; }
    .BoxBottom .box-button ul li:last-child{ padding-right: 0; }

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


    .BoxBottom .box-button a.btnAdd{
        border: #ab0b15 2px solid;
        background-color: #ffffff;
        color: #ab0b15;
    }

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

    .BoxBottom .box-button a.btnAdd{
        border: #ab0b15 2px solid;
        background-color: #ffffff;
    }

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



    .BoxBottom .box-button a.btnList{
        border: #000000 2px solid;
        background-color: #ffffff;
        color: #000000;
    }

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

    .BoxBottom .box-button a span{ display: block; text-align: center; padding-right: 17px; }
    .BoxBottom .box-button a span i{ padding-right: 5px; }

    .BoxBottom .box-button a.btnRight span i{ padding-left: 5px; }



















.radio input { display: none; }
.radio label{
	display: block;
	float: left;
	cursor: pointer;
	width: 60px;
	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;
}
.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--period label{ width: 120px; }
.radio--period input[type="radio"]:checked + label:last-of-type { background-color: #ab0b15; color: #ffffff; }
    
.radio--admin input[type="radio"]:checked + label:last-of-type { background-color: #ab0b15; color: #ffffff; }



    
.radio--equipment label{ width: 120px; 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; }

    



    



.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: 8px 0 0 8px; border-right: none; border-right: #cccccc 1px solid; }
.category label:last-of-type{ border-radius: 0 8px 8px 0; border-left: 0; }
.category input[type="radio"]:checked + label { background-color: #ab0b15; color: #ffffff; }

























/* .mod_table 
-----------------------------------------*/
.mod_table{
  background-color: #f2f2f2;
  border-radius: 8px;
  padding: 10px;
 }
.mod_table table{
 background:#FFF;
    width: 100% !important;
}
.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.date,
    .mod_table table td.date{ width: 100px; }
    
    
.mod_table table th.coltitle{
 background:#666;
 color:#FFF;
}
.mod_table table td{
 text-align:left;
    padding-left:30px !important;
    vertical-align: middle !important;
}
.mod_table table tr:last-child td{
    border-bottom:solid 1px #7f7f7f;
}
.mod_table table tr th:last-child,
.mod_table table tr:last-child td:last-child{
    border-right:solid 1px #7f7f7f;
}

    
    .mod_table table th a{
        text-decoration: underline;
    }
    

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

    #SearchBox .check input{
        display: none;
    }

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

    #SearchBox .check.selected{
        border: #cc0000 1px solid;
        background-color: #cc0000;
        color: #ffffff;
    }
    
    #SearchBox .check i{
        padding-right: 10px;
    }
    
    #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: 20px;
        padding: 20px 20px 0 20px;
        background-color: #ffffff;
        border-radius: 8px;
    }
    
    
    #SearchBox--Inner .box{
    margin-bottom: 20px;
}
    
    #SearchBox--Inner .box dl{
    display: table;
    width: 100%;
        table-layout: fixed;
}

    #SearchBox--Inner .box dl dt{
        display: table-cell;
        text-align: center;
        vertical-align: top;
        width: 125px;
        font-size: 12px;
        padding-top: 3px;
    }

    #SearchBox--Inner .box dl dd{
    padding-left: 10px;
    display: table-cell;
    width: calc(100% - 120px);
}
    
    
    
    
    
    .SearchButton-Box{ position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); }

    .SearchButton-Box-Inner{ text-align: center; padding: 15px 2%; }

    .SearchButton-Box ul{ margin: 0 auto; display: table; width: 100%; table-layout: fixed; }
    .SearchButton-Box ul li{ display: table-cell; padding: 0 .5%; }
    .SearchButton-Box ul li:first-child{ padding-left: 0; }
    .SearchButton-Box ul li:last-child{ padding-right: 0; }

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

    .SearchButton-Box ul li a:not(:last-child){
    margin-right: 15px;
}

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

    .SearchButton-Box ul li a.btnSearch{
        color: #22c2a3;
    border: #22c2a3 2px solid;
        
    }

    
    .SearchButton-Box ul li a.btnSearch:hover{
        background-color: #22c2a3;
        color: #ffffff;
    }
    
    .SearchButton-Box ul li a.btnInitial,
    .SearchButton-Box ul li a.btnSearchClose{
        color: #333333;
        border: #333333 2px solid;
        
    }

    
    .SearchButton-Box ul li a.btnInitial:hover,
    .SearchButton-Box ul li a.btnSearchClose:hover{
        background-color: #333333;
        color: #ffffff;
    }
    
    .SearchButton-Box ul li a i{
        padding-right: 3px;
    }
    
    
    
    
    
    
    
    .master--list--search{
        margin: 20px;
        padding: 10px 10px 10px 10px;
    background-color: #666666;
    border-radius: 8px;
    }
    
    
    .master--list--search dl{
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .master--list--search dl dt{
        display: table-cell;
        width: 120px;
        color: #ffffff;
        text-align: center;
    }
    
    .master--list--search dl dd{
        display: table-cell;
    }
    
    
    

    .master--list--search dl dd a{
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 12px;
        display: block;
}
    .master--list--search dl dd a span{
    display: block;
    text-align: center;
}





    .master--list--search dl dd a.btnSearch{
        border: #22c2a3 2px solid;
        color: #22c2a3;
            background-color: #ffffff;
            text-align: center;
        border-radius: 8px;
    }

    .master--list--search dl dd a.btnSearch:hover{
        background-color: #22c2a3;
        color: #ffffff;
    }
    
    .master--list--search dl dd.btn{
        width: 100px;
        padding-left: 10px;
    }
    
    .master--list--search dl dd.num{
        width: 100px;
        padding-left: 10px;
    }
    
    .master--list--search dl dd.sub{
        padding-left: 10px;
    }
    
    
    
    
    
/**********************************************************************************************************************************
    
    Master -Equipment / 機材・部材返却
    
**********************************************************************************************************************************/

    /* 修理履歴・貸出履歴ボタン軍 */
    .master--equipment ul.button{ float: right; }
    .master--equipment ul.button li{ float: left; }
    .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 - 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; }
    
    
    
    main .master--category{
        background: none;
        box-shadow: none;
    }
    
    
    main .master--category .master--list--reist{
        background-color: #ffffff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    
    main .master--category .master--list--ichiran{
        background-color: #ffffff;
    }
    
    
    
    
/*
    master--regist--button

    */
    
    .master--regist--button{
        margin-bottom: 10px;
    }
    
    .master--regist--button ul li{
        float: left;
        margin-right: 10px;
    }
    
    
    
    .master--regist--button ul li a{
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 12px;
    border: #000000 2px solid;
    background-color: #ffffff;
    color: #000000;
        text-align: center;
        width: 180px;
    }
    
    .master--regist--button ul li a:hover{
    background-color: #000000;
    color: #ffffff;
    }
    
    .master--list--reist--inbox{
        border: #999999 1px solid;
    }
    .master--list--reist--inbox .box{
        margin-bottom: 10px;
    }
    
    
    .row{
        width: 60px !important;
    }

    
/*
    RegistedError
*/
    
    #RegistedError{
        position: fixed;
        display: table;
        width: 100vw;
        height: 100vh;
        z-index: 98;
        background: rgba(0,0,0,.3);
    }
    #RegistedError-Inner{ display: table-cell; vertical-align: middle; }
    
    
    #RegistedError-Inner #RegistedError-Inner-Text{
    
    background-color: rgba(255, 255, 255, .9);
    width: 30vw;
    margin: 0 auto;
    padding: 20px;
    box-shadow: 0px 3px 10px rgba(0,0,0,.5);
    border-radius: 5px;
        text-align: center;
    }
    
    
    #RegistedError-Inner #RegistedError-Inner-Text p{
        font-weight: bold;
    }
    
    
#RegistedError-Inner #RegistedError-Inner-Text a{
    margin-top: 15px;
    display: block;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 12px;
    border: #ab0b15 2px solid;
    color: #ab0b15;
}

#RegistedError-Inner #RegistedError-Inner-Text a:hover{
    background-color: #ab0b15;
    color: #ffffff;
}


#RegistedError-Inner #RegistedError-Inner-Text a span{
    display: block;
    text-align: center;
}
    #RegistedError-Inner #RegistedError-Inner-Text a span i{
        padding-right: 7px;
    }

    
    
    
    .ui-datepicker-trigger{
        margin-left: 10px;
        vertical-align: middle;
    }
    

/*
    
    Site / 現場管理
    
*/
    
    main .master--site{
        margin-bottom: 20px;
        position: relative;
    }
    
    main .master--site a.PageLink{
        position: absolute;
        margin-top: -70px;
    }
    
    main .master--site .box--btn{
        position: inherit;
        background: none;
        text-align: center;
    }
    
    main .master--site .box--btn .box-button{
        padding: 0;
    }
    
    .master--button-site a.btnAdd{
        display: block;
        border-radius: 8px;
        font-size: 12px;
        padding: 5px 12px;
        border: #ab0b15 2px solid;
        background-color: #ffffff;
        color: #ab0b15;
        width: 50%;
        margin: 0 auto;
    }
    

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





    main .master--button a span{
        display: block;
        text-align: center;
    }




    main .master--button .box--btn .box-button a.btnList{
        border: #000000 2px solid;
        background-color: #ffffff;
        color: #000000;
    }

    main .master--button .box--btn .box-button a.btnList:hover{
        background-color: #000000;
        color: #ffffff;
    }




    
    


/**********************************************************************************************************************************
    
    
    Return / 機材・部材返却
    
    
**********************************************************************************************************************************/
    
    .return--list--header{
        background-color: #cccccc;
        border-radius: 5px;
        margin: 20px;
        padding: 0 10px;
        box-shadow: 0px 3px 3px rgba(0,0,0,.5);
    }
    
    .return--list--header .title{
        font-size: 20px;
        line-height: 32px;
        padding: 10px 0 10px 0;
        text-align: center;
    }
    
    .return--list--header .text{
        padding: 10px 0 10px 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;
        background-color: #ffffff;
        border-radius: 8px;
    }
    
    .return--list--buttons ul li:not(:last-child){
        margin-bottom: 10px;
    }
    
    .return--list--buttons ul li a{
        display: block;
        padding: 15px 15px;
        border: #cccccc 2px solid;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }
    
    .return--list--buttons ul li a .period{
        display: block;
        line-height: 18px;
        font-size: 12px;
        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;
        border-radius: 8px;
    }
    
    .return--regist table tr th:first-child{
        border-top-left-radius: 8px;
        
    }
    
    .return--regist table tr th:last-child{
        border-top-right-radius: 8px;
    }
    
    .return--regist table tr th.last{
        border-top-right-radius: 8px;
    }
    .return--regist .master--list--ichiran table  {
        height:100%;
    }
    
    .return--regist .master--list--ichiran table tr td{
        padding : 0;
        height: 100%
            border-bottom: #cccccc 1px solid;
    }
    
    .return--regist .master--list--ichiran table tr:last-child td{
        border-bottom: none;
    }
    
    .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%;
        display: table;
        width: 100%;
    }
    
    .return--regist .master--list--ichiran table tr td input{
        vertical-align: middle;
    }
    
    .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;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    main .return--regist .box--btn{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.5);
    }

    
    
    .return--regist table tr.selected td{
        background-color: #ffdab9;
    }
    
    .return--regist input.check{ display: none; }
    
    .return--regist .check i{ padding: 16px 0; }
    
    
    
    
    
    
    
    .BoxShadow{
        -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;
    }

    
/*
    
    Repair / 
    
    */
    
    main .master--repair--total .master--list--ichiran{
        border-radius: 8px;
    }
    
    
    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;
    }
    
    
    #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; }
    
    
/**********************************************************************************************************************************
    
    
    
    
    
**********************************************************************************************************************************/
    
    .bulk--list{ margin: 20px 20px 20px 20px; background-color: #ffffff; }
    
    .bulk--list .list--bulk--site--header{ padding: 20px; }
    .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;
    }
    
    
    
    
    
    
    
}