body,html{ height: 100%;
}
body{

font-size:16px;
}
body:after{
position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
content: "";
z-index:-1;
background: #f2a710; /* Old browsers */
background: -moz-linear-gradient(top, #F2AF43 0%, #F2AF43 80%, #3F484F 80%, #3F484F 100%,)  ; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #F2AF43 0%,#F2AF43 80%,#3F484F 80%,#3F484F 100%)  ; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #F2AF43 0%,#F2AF43 80%,#3F484F 80%,#3F484F 100%) ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2AF43', endColorstr='#3F484F',GradientType=0 ); /* IE6-9 */

}
.f90{font-size:90%}
.top7{margin-top:7px;}
.bottom10{margin-bottom:10px;}
/*メニューの説明文非表示／row初期化*/
.menu-container dd{display:none}
.row{
margin-left:0px;
margin-right:0px
}
#header-menu.row{
margin-top:0px !important
}
/*ウインドウの一番上*/
.topbar{
height:30px;background:#2B2E31;
border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.navbar-header{
padding-left:0;
padding-right:0;
height:65px
}

/*ナビバー----------*/
.navbar-dark{
background:#3A3A3A;
border-radius:0px;
}
.navbar{
min-height:65px;
border:none !important
}
.navbar-brand{
background:#F8C23E;
height:100%;width:100%;
font-size:15px
}
.navbar-right{
min-height:65px;
background:#272727;
font-size:1.3rem
}

/*.panel-body初期化*/
.panel-body{
margin-top:-20px !important;
padding:0px  !important;

}
.login .panel-body{
margin-top:0px !important;
padding-top:20px !important;
}
/*menu設定*/
.menu-container{
padding:0px  !important;
height:100%;
/*  box-shadow: 10px 0px 10px -2px rgba(163,163,163,0.50);*/
}
.menu-container dt{
min-height:70px;
border-bottom:1px solid #ccc;
padding:0px 15px 0 15px;
position: relative;

}
.menu-container dt a,.xs-menu dt a{
min-height:70px;
width:100%;
display:block;
position: absolute;
  top: 50%;
    margin-top: -2.5em;
padding-left:35px;
color:#999;
padding-top:25px;
font-size:1.3rem
}
.menu-container  dt .svg-inline--fa,.xs-menu dt .svg-inline--fa{
font-size:150%;
position: absolute;
    top: 45%;
  margin-top: -0.3em;
color:#999
}
.menu-container dt:hover a,.menu-container dt:hover .svg-inline--fa,
.xs-menu dt:hover a,.xs-menu dt:hover .svg-inline--fa{
color:#FF9933 !important;
text-decoration:none;
}
/*.navbar-toggle{
margin-top:-65px ;
z-index:99;
font-size:30px
}*/

.xs-menu dt{
position:relative;
background: #F9F9F9;	
min-height:50px;

border-bottom:1px solid #ccc;
padding:15px !important
}
.xs-menu dt .svg-inline--fa{
font-size:150% !important;
color:#999
}
.xs-menu dt a{font-size:1.3rem}
@media (max-width: 767px){
.navbar-nav  button[type=button]:hover{
   background:none !important; 
    border: none  !important; 
}
/*.fa-bars{font-size:2rem;}*/
.main-container{
margin-top:-10px;
padding-top:20px;
}
.dropdown-menu{
background:#F9F9F9 !important
}
.navbar-brand{
font-size:1.8rem
}
.navbar-collapse{
padding-right: 0px;
    padding-left: 0px;
}

/*--------------追記------------------*/
table.event-detail th,table.event-detail td{width:100% !important;display:block !important}
table.contact{margin-top:30px}
table.contact th{display:none}
table.contact td{display:block;padding:5px !important}
table.contact tr{border-bottom:1px solid #333;}
table.contact td:nth-child(1){display:table-cell;width:25%;vertical-align: middle;}
table.contact td:nth-child(2):before,
table.contact td:nth-child(3):before,
table.contact td:nth-child(4):before{
background:#333;
color:#eee;
margin-right:10px;
padding:2px;
}
table.contact td:nth-child(2):before{
content:"最終更新日";
}
table.contact td:nth-child(3):before{
content:"最後のメッセージ";
}
}

/*サンカク*/
.hukidasi:hover,.current-menu{
	background: #F9F9F9;	
	position: relative;
}
.hukidasi:hover:before,.current-menu:before{
	content: "";
	position: absolute;
top:40%;
	right:-18px;
z-index:999;
	border: 8px solid transparent;
	border-left: 11px solid #F9F9F9;
}
.current-menu a,.current-menu .svg-inline--fa{
color:#FF9933  !important
}
/*右サイドメイン
--------------------------------------------*/
.main-container{
background:#E0E0E0;
min-height:500px;
box-shadow:2px 2px 13px 3px #ccc inset;
padding-bottom:40px
}
.main-container h2{
color:#777;
font-weight:700;
font-size:2.5rem;
padding-left:20px;
}


/*ボタンまわり
---------------------*/
.btn-primary{
background:#FFB91B;
border-color:#FFB91B;
}
.btn-info{
background:#FFB91B ;
border-color:#FFB91B;
}
.btn-cancel{
background:#C4C4C4 !important;
border-color:#C4C4C4 !important;
    margin: 2px 5px;
color:#fff
}
.btn-cancel:hover,.btn-cancel:focus{
background:#C4C4C4 !important;
border-color:#C4C4C4 !important;
opacity:0.7 !important;
}
.btn-primary:hover,.btn-info:hover,.btn-info:focus,.btn-primary:focus{
background:#FFB91B !important;
border-color:#FFB91B !important;
opacity:0.7 !important;
}
button[type=button],.btn-primary{
border-radius:4px;
font-size:1.4rem;
/*padding:15px 20px;*/
margin:2px 5px;
}
button[type=button].navbar-toggle{
margin-top:-55px ;
height:50px;
font-size:30px;
/*border:1px solid #ff0000;*/
position:relative
}
button[type=button].navbar-toggle .svg-inline--fa{
position:absolute;
/*z-index:999;*/
top:0;

right:20px
}
.lng-btn{
width:80%;
position:relative;
margin-left:auto ;
margin-right:auto ;
}
.table td,table td{
vertical-align:middle !important;
border-bottom:1px solid #ccc
}
.form-horizontal .form-group{
margin-right:15px
}
/*-------旧-----------------------------------------*/
.panel{
/*border-radius:10px !important;*/
box-shadow:0px 10px 30px -4px #333333;
border:none !important;
margin-bottom:60px;
}
.panel-default{
border:none;
border-color:none;
/*box-shadow:0px 0px 20px;*/

}
/*=　各画面メニュータイトル
---------------------------------------------*/
.panel-default > .panel-heading{
background:#111 !important;
/*background:#4B74E6;*/
color:#fff !important;
font-weight:300;
letter-spacing:0.1em;
-webkit-border-top-left-radius: 4px;  
-webkit-border-top-right-radius: 4px;  
-moz-border-radius-topleft: 4px;  
  -moz-border-radius-toprightt: 4px;  
text-align:center;
}
.panel-default > .panel-body{
background:#F9F9F9;
border:none;border-radius:7px !important;
}

.row{
margin-top:20px;
}
@media (min-width: 992px){
.col-md-offset-2 {

/*margin-left: 16.66666667%;*/

}
}

/*=　メインメニュー
------------------------------------------*/
/*.menu-box1,.menu-box4{
color:#fff;
border-radius:5px;
margin-top:5px;
}
.menu-box1{
background:#2D5BCA;
}
.menu-box4{
background:#217B55 ;
}

.menu-item2,
.menu-item3{
background:#fff;
border-width:3px !important;
}
.menu-item2,.menu-item3{
border-color:   #2D5BCA !important;
}
*/
/*p.menu-h1-2,p.menu-h1-3,p.menu-h1-4,p.menu-h1-5{
border-left:0;
border-bottom: 0;
padding:.5em 1em .5em  0.2em;
}


*/

/*はぐれた見出し*/
h3.text-center{
color:#6699FF
}
/*ホームタイトル*/
.home-title img.title-img{
padding-left:34px;
}

/*テーブル*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
padding:5px 8px
}
.cellfree {table-layout: auto }
.cellfree th{background:#fff}
.cellfree td,.cellfree th {
padding-top:2px !important;
}
.cellfree td:last-child{
white-space:normal;
word-break:normal !important;
}
.cellfixed{table-layout: fixed;width: 600px !important}
.nisshi td:nth-child(8),.nisshi td:nth-child(7){
white-space:normal;
word-break:break-all 
}
.bycol tbody{
background:#fff
}
.bycol tr:nth-child(odd) td,.bycol tr:nth-child(odd) th{  
  background-color: #EFFCF2
}
.bycol tr:nth-child(even) td,.bycol tr:nth-child(even) th  {  
  background-color: #F6F6F6;  
}  

@media only screen and (max-width:767px){/*-----------767----------------------*/
.cellfree tr/*,.table tr*/{display: block;
      width: 100%;
}
.cellfree td,.cellfree th/*,.table td ,.table th*/{
width:100%;
display: list-item;
list-style:none;
border-top:none;

}
/*.table td{display:block;width:100%;}*/
.cellfree td:first-child{
border-top:1px solid #000;
padding:3px 5px
}

.t-scroll{
overflow:scroll
}
.t-scroll .table{
width:1200px
}
.wg_link .cellfree th{display:none}
.wg_link .cellfree td{
display: block;
width: 100%;
}
.wg_link .cellfree td:nth-child(2):before,
.wg_link .cellfree td:nth-child(3):before,
.wg_link .cellfree td:nth-child(4):before,
.wg_link .cellfree td:nth-child(5):before,
.wg_link .cellfree td:nth-child(6):before{
font-weight:700;
display:inline-block;
min-width:80px;
}
.wg_link .cellfree td:nth-child(2):before{
content:"職種";
}
.wg_link .cellfree td:nth-child(3):before{
content:"区分";
}
.wg_link .cellfree td:nth-child(4):before{
content:"作業定義";
}
.wg_link .cellfree td:nth-child(5):before{
content:"作業内容";
}
.wg_link .cellfree td:nth-child(6):before{
content:"指導内容";
}
.form-horizontal .form-group{
margin-left:15px;
}
}
/*-----------//767----------------------*/
/*表示非表示ボタン-----------------------------*/

button[type=button].btn-onoff{
min-width:110px;
background-color:#9954BB;
color:#fff;
}
button[type=button].off {
	background-color:#fff;
border-color:#9954BB;
color:#9954BB
}
/*そのたのボタン色*/
/*button[type=button].btn-info{
background:#4EA833;
border:#4EA833 1px solid
}*/
.sagyo-list button[type=button].btn-info,.nisshi button[type=button].btn-info{
width:auto;
min-width:40px;
}


button[type=button].btn-danger{
background:#C4C4C4;
border-color:#C4C4C4;
}
button[type=button].btn-danger:hover/*,button[type=button].btn-info:hover*/,.btn-dange:focus{
background:#C4C4C4;
border-color:#C4C4C4;
opacity:0.7
}
/*//表示非表示ボタン-----------------------------*/
hr{
background-color:#F9F9F9 !important;
margin:0;

padding-bottom:20px
}
.nisshi hr{display:none}
.aligncenter{

margin-left:auto;
margin-right:auto;
float:none;
clear:both;
}

/*= 実習生マスター
-----------------------------------------*/
table.j-master {
display：relative;

}
table.j-master th{
padding:3px !important ;
padding-left:20px !important;
background:transparent !important
}
table.j-master  td{
min-width:50%;width:60%;max-width:50%
}
@media only screen and (max-width:767px){
table.j-master  td{
min-width:90%;width:100%;max-width:900%
}
}
table.j-master{
  border: 1px solid #999;
  border-collapse: separate;
  border-radius: 8px;
  border-spacing: 0;
padding:5px;
background:#fff;
  th, td {
    border-bottom: 1px solid #999;
    padding: 10px 20px !important;
  }
  th {
    border-right: 1px solid #999;
    background: #EEE;
  }
  tr{
    &:first-child{
      th{
        border-radius: 8px 0 0 0;
      }
      td{
        border-radius: 0 8px 0 0 ;
      }
    }
    &:last-child{
      th{
        border-bottom: none;
        border-radius: 0 0 0 5px;
      }
      td{
        border-bottom: none;
        border-radius: 0 0 5px 0;
      }
    }
  }
}
. j-master  tbody tr th{white-space:pre; max-width50% !important;width:120px !important}
. j-master > tbody > tr >td{width:500px !important}
/*form-group--------------------------*/
/*.form-group,*/.info-group{padding:10px}
.form-group h4{
border:1px solid #ccc;
border-radius:3px;
background:#F5F5F5;
padding:5px ;
margin-left:20px;
/*width:calc(100vw *0.88);
max-width:767px;*/
width:calc(100% + 15%);
}

/*info-group-------------------------*/
th.info-group{ border-top:none}
.info-group h4{
border-left:5px solid #999;
padding-left:10px;
}
tr th.info-group{
border-bottom:none !important
}
td.info-group-s{
padding:10px  5px !important;
border-top:none !important;
background:#fff !important;
}
.info-group-s >h4{
font-size:1.6rem;
padding:8px 5px;
text-indent:10px;
/*border-top:1px solid #888;
border-left:1px solid #888;*/
background:#E9E9E9;
border-radius:5px
}
.info-gr-s-inner{
border:1px solid #ccc;padding:10px;background:#fff;
}
div.line-left{
border-left:2px solid #ccc;padding:8px;
background-color:#fff;
margin-left:10px
}

/*マニュアルリンク*/
.go-manual{float:right;font-size:14px; letter-spacing:0}
.go-manual a{color:#fff}
.fa-question-circle{
font-size:2em;
}

/*実習生選択*/
.gr-students,.scroll_div{
background:#fff;
border-radius:5px;
border:1px solid #ccc;
}

/*休日設定*/
table.day_off  {
padding:0px 
}
table.day_off td, table.day_off tr{padding:2px !important}

.day_off  th:first-child,
.day_off  td:first-child{
max-width:50px;
width:50px !important;
text-align:right
}
.day_off  th:nth-child(2),
.day_off  td:nth-child(2){
max-width:70px;
width:70px !important;

}
@media only screen and (max-width:767px){
.form-group h4{margin-left:-20px;
 width: calc(100% );
}
}
@media only screen and (max-width:380px){
.title-img{
width:calc(100vw * 0.56);
}
.home-title img.title-img{
padding-left:12px;
}
.navbar-header > a{
/*padding:15px 0px 15px 5px ;*/
}
#iframe{
padding:13px
}
.form-group h4{margin-left:-20px;
 width: calc(100% );
}

}

/*iframe表示*/
#iframe{
left:0 !important
}

/*footer表示*/
.foot_copy{
  font-size: 14px;
  color: #ffffff;
  text-align:center;
  margin-bottom:10px
}

.foot_copy:link, .foot_copy:visited, .foot_copy:hover, .foot_copy:active {
  color: #ffffff;
  text-decoration: none;
}