@charset "utf-8";


.pc-only{ display: none; }

img, select, textarea{ max-width: 100%; box-sizing: border-box; }




/*

white-space: normal;

*/

nav.global{
    top: 105px;
}

.global{
    z-index: 10;
}
.global ul{
    margin: 0px !important;
    display: none;
}
.global li{
    width: 100%;
}
.global li a, .global li em{
    padding: 20px !important;
}

nav.global ul li:first-child a, nav.global ul li:first-child em {
    border-left: 0px solid #5c7529 !important;
}

.sp-menu{
    display: block !important;
    text-align: center;
    color: #FFF;
    line-height: 35px;
}

.user {
    margin-right: -1em;
}
.user input.button{
    width: 90px;
    display: block;
    right: 0;
    position: absolute;
    margin-top: 8px;
}


header {
    height: 145px;
}

header h1 {
    width: calc(100% - 20px);
    background: url(../img/header_logo_sp.gif?d=20141128) no-repeat;
    top: 12px;
    height: 80px;
    background-size: contain;
}
footer h1.logo {
    width: 100%;
    height: 90px;
    background: url(../img/footer_logo_sp.gif?d=20141128) no-repeat;
}

.top_table{
    overflow: scroll;
}

 
.top_table thead th:first-child{
    width: 50px !important;
    box-sizing: border-box;
}
.top_table tbody th:first-child{
    width: 41px !important;
    box-sizing: border-box;
}




/* •]‰Ώ‰ζ–Κ */

div.column2 #main {
    padding-left: 20px;
}

div.column2 #sidebar{
    display: none;
}
ul.day_info{
    width: auto;
}

.eval_sheet td{
    white-space: normal;
}
.eval_sheet td span{
    display: inline-block;
    padding: 2px 0px;
    min-width: 2.6em;
}

.file_link_ca_s{
    margin-top: 5px;
}



ul.tab_menu li a, ul.tab_menu li em{
    padding: 5px 12px 5px 27px;
    background-position: 7px 9px;
}

.i1 {  padding-left: 0.5em;  }
.i2 {  padding-left: 2em;    }
.i3 {  padding-left: 2.5em;  }
.i4 {  padding-left: 3em;    }
.i5 {  padding-left: 3.5em;  }
.i6 {  padding-left: 4em;    }
.i7 {  padding-left: 4.5em;  }


.once_click input.button {
    margin-top: 15px;
    margin-bottom: 15px;
}







/* ŒoŒ±‚΅‚½ΗŒσEŽΎŠ³ */

a.memo_register_btn{
  display: inline-block;
}



.modal-content{
    padding: 25px 15px;

}
.modal-content h4{
    font-size: 1.15em;
    margin-bottom: 15px;
}
.modal-content ul{
    margin: 8px 0;
    max-height: 350px;
    overflow-y: scroll;
}
.modal-close{
    font-size: 3.5em;
}

/* Žw“±ˆγEŠwΆTop‚Μƒ[ƒe[ƒVƒ‡ƒ“•\ */

.info{
    max-height: 120px;
    overflow-y: scroll;
}
.info::-webkit-scrollbar {
    width: 16px;
}
.modal-content ul::-webkit-scrollbar {
    width: 8px;
}
 
.info::-webkit-scrollbar-track,
.modal-content ul::-webkit-scrollbar-track {
    background-color: #dddddd;
}
 
.info::-webkit-scrollbar-thumb,
.modal-content ul::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
}

  .tbl-spplus {
    width: 100% !important;
  }
  .tbl-spplus .sp_hidden {
    display: none;
  }
  .tbl-spplus tr {
    width: 100%;
  }
  .tbl-spplus td {
    display: block;
    text-align: right;
    width: 100%;

    position: relative;

  }
  .tbl-spplus td:first-child {
    /*background: #e9727e;*/
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-spplus td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    
    background: #999999;
    color: #FFF;

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    text-align: left;
    padding: 5px;
    
    white-space: pre;

  }

  .tbl-spplus td.req:before {
    background: #FF9800;
  }

  .tbl-spplus td.h2 {
    height: 3em;
  }

  .tbl-spplus span{
    display: inline-block;
    width: 24%;
    text-align: center;
}
  .tbl-spplus a{
    display: inline-block;
}
  .tbl-spplus tr{
    border-bottom: 10px #fff solid;
    display: table;
  }
  .tbl-spplus .sp_thead{
    text-align: left;
    background: #E4E4E4;
    font-weight: bold;
  }

  .tbl-spplus .sp_thead:before{
    display: none;
  }

  .tbl-spplus  tr.g_group .sp_thead {
    background-color: #C6DDD1;
  }

  .tbl-spplus  tr.y_group .sp_thead {
    background-color: #FFFFBB;
  }

  .tbl-spplus  tr.r_group .sp_thead {
    background-color: #F3D5CF;
  }