/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* 2018/6/6 追加 Web勤怠入力用 */
@media screen and (max-width: 600px) {
/* kintai menu 以外 */
/* theadにflexboxしてtrを横並びにする kintai */
  .kintaitable thead {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
/* tbodyにflexboxしてtrを横並びにする */
  .kintaitable tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
/* 各セルが横いっぱいになるようにする */
  .kintaitable tr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
/* (Android4用)tdを縦並びにする */
    -webkit-box-orient:vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
/* borderが二重になるので消す */
   .kintaitable th {
    border-top: none;
    border-right: none;
/* thを縦並びにし、高さを指定して揃える */
    display: block;
    height: 40px;
  }
/* borderが二重になるので消す */
   .kintaitable td {
    border-top: none;
    border-right: none;
/* thを縦並びにし、高さを指定して揃える */
    display: block;
    height: 40px;
  }

/* 一番右端のborderが消えちゃうのでborder-rightで復活 */
  .kintaitable tr:last-child {
    border-right: 1px solid #666;
  }
/* 垂直方向のズレがあればpadding-topで適当に微調整 */
  .kintaitable tr:first-child td {
    padding-top: 8px;
  }
/*20250604追記　資格試験管理用
/* theadにflexboxしてtrを横並びにする kintai */
  .kintaitable2 thead {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
/* tbodyにflexboxしてtrを横並びにする */
  .kintaitable2 tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
/* 各セルが横いっぱいになるようにする */
  .kintaitable2 tr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
/* (Android4用)tdを縦並びにする */
    -webkit-box-orient:vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
/* borderが二重になるので消す */
   .kintaitable2 th {
    border-top: none;
    border-right: none;
/* thを縦並びにし、高さを指定して揃える */
    display: block;
    height: 40px;
  }
/* borderが二重になるので消す */
   .kintaitable2 td {
    border-top: none;
    border-right: none;
/* thを縦並びにし、高さを指定して揃える */
    display: block;
    height: 40px;
  }

/* 一番右端のborderが消えちゃうのでborder-rightで復活 */
  .kintaitable2 tr:last-child {
    border-right: 1px solid #666;
  }
/* 垂直方向のズレがあればpadding-topで適当に微調整 */
  .kintaitable2 tr:first-child td {
    padding-top: 8px;
  }
/* kintai menu */
/* theadにflexboxしてtrを横並びにする kintai */
  .kintaitablem thead {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
/* tbodyにflexboxしてtrを横並びにする */
  .kintaitablem tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
/* 各セルが横いっぱいになるようにする */
  .kintaitablem tr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
/* (Android4用)tdを縦並びにする */
    -webkit-box-orient:vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
/* thを縦並びにし、高さを指定して揃える */
   .kintaitablem th {
    display: block;
    height: 40px;
  }
/* tdを縦並びにし、高さを指定して揃える */
   .kintaitablem td {
    display: block;
    height: 40px;
  }

/* 垂直方向のズレがあればpadding-topで適当に微調整 */
  .kintaitablem tr:first-child td {
    padding-top: 8px;
  }
	
}
div.kintaiall{
clear:both;	
width: 98%;
margin: 0;
padding:0 0 0 30px;
box-sizing: border-box;
color: #292929;
background-color: white;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
height: auto;
}
div.kintaiall input[type="text"] {
height:30px;
}
div.kintaiall input[type="password"] {
height:30px;
}
.scroll-box { overflow-x:auto; }
.scroll-box::-webkit-scrollbar { height:8px; }
.scroll-box::-webkit-scrollbar-track { border-radius:8px; background:rgba(238,238,238,1); }
.scroll-box::-webkit-scrollbar-thumb { border-radius:8px; background:rgba(169,170,161,1) ; }

.kintaitable table {
border-collapse: collapse;
width: 92%;;
box-sizing:border-box;
background-color:white;
overflow-x:scroll;
}
.kintaitable th{
padding: 0;
text-align: center;
border-collapse: collapse;
border:1px #808080 solid;
width: auto;
box-sizing:border-box;
background-color:white;
height: auto;
}
.kintaitable td{
padding: 5px;
text-align: center;
border-collapse: collapse;
border:1px #808080 solid;
width: auto;
box-sizing:border-box;
/*background-color:white;*/
height: auto;
}
/*偶数行網掛け*/
.kintaitable tr:nth-child(even){
background-color:#ffefd5;
}

.kintaitable2 table {
border-collapse: collapse;
width: 92%;;
box-sizing:border-box;
background-color:white;
overflow-x:scroll;
}
.kintaitable2 th{
padding: 0;
text-align: center;
border-collapse: collapse;
border:1px #808080 solid;
width: auto;
box-sizing:border-box;
background-color:white;
height: auto;
}
.kintaitable2 td{
padding: 5px;
text-align: center;
border-collapse: collapse;
border:1px #808080 solid;
width: auto;
box-sizing:border-box;
/*background-color:white;*/
height: auto;
}
/*偶数行網掛け*/
.kintaitable2 tr:nth-child(even){
background-color:#ffefd5;
}

.kintaitablem table {
border-collapse: collapse;
width: 92%;;
box-sizing:border-box;
overflow-x:scroll;
}
.kintaitablem th{
padding: 0;
text-align: center;
border-collapse: collapse;
border:0;
width: auto;
box-sizing:border-box;
height: auto;
}
.kintaitablem td{
padding: 5px;
text-align: center;
border-collapse: collapse;
border:0;
width: auto;
box-sizing:border-box;
height: auto;
}
input[type="button"].kintaib,
input[type="submit"].kintaib{
padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.5rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border: solid 2px #0088ff;
color: black;
background-color: #99FFFF;
margin: 20px 20px 20px 0;
border-radius:5px;
width: auto;
height: auto;
float:none;
}

input[type="button"].kintaib2,
input[type="submit"].kintaib2{
padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.5rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border: solid 2px #D8D8D8;
color: #C0C0C0;
background-color: #D8D8D8;
margin: 20px 20px 20px 0;
border-radius:5px;
width: auto;
height: auto;
float:none;
}

input[type="button"].kintaib3,
input[type="submit"].kintaib3{
padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.5rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border: solid 2px #0088ff;
color: black;
background-color: #99FFFF;
margin: 20px 20px 20px 0;
border-radius:5px;
width: auto;
height: auto;
float:left;
}

.scr {
   overflow: scroll;   /* スクロール表示 */ 
   height: 300px;
   background-color: #CCFFFF;
 }


div.kintaiall{
clear:both;	
width: 98%;
margin: 0;
padding:0 0 0 30px;
box-sizing: border-box;
color: #292929;
background-color: white;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
height: auto;
}
div.kintaiall input[type="text"] {
height:30px;
}
div.kintaiall input[type="password"] {
height:30px;
}
div.kintaiall a {
  color: green; /* リンクの基本色を緑に */
}
div.kintaiall a:hover {
  color: blue; /* マウスカーソルが乗った時の色を青に */
}
div.kintaiall select {
  width: auto;
  padding: 2px 2px;
  padding-right: 1em;
  border: 1px solid #ccc;
  outline: 1px solid #ccc;
  background: #fff;
  background-image: none;
  box-shadow: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  cursor: pointer;
}
div.kintaiall select:focus {
  border: 2px black solid;
}
div.kintaiall h1,
div.kintaiall h2,
div.kintaiall h3,
div.kintaiall h4,
div.kintaiall h5,
div.kintaiall h6 {
    clear: both;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 0.5em 0;
}

div.kintaiall h1 { font-size: 52px; }
div.kintaiall h2 { font-size: 42px; }
div.kintaiall h3 { font-size: 32px; }
div.kintaiall h4 { font-size: 22px; }
div.kintaiall h5 { font-size: 18px; }
div.kintaiall h6 { font-size: 14px; }

div.kintaiall p {
  margin: margin: 1em 0 0;  
}

.scroll-box { overflow-x:auto; }
.scroll-box::-webkit-scrollbar { height:8px; }
.scroll-box::-webkit-scrollbar-track { border-radius:8px; background:rgba(238,238,238,1); }
.scroll-box::-webkit-scrollbar-thumb { border-radius:8px; background:rgba(169,170,161,1) ; }

.kintaitable table {
border-collapse: collapse;
width: 92%;;
box-sizing:border-box;
background-color:white;
overflow-x:scroll;
}
.kintaitable th{
padding: 0;
text-align: center;
border-collapse: collapse;
border:1px #808080 solid;
width: auto;
box-sizing:border-box;
background-color:white;
height: auto;
}
.kintaitable td{
padding: 5px;
text-align: center;
border-collapse: collapse;
border:1px #808080 solid;
width: auto;
box-sizing:border-box;
/*background-color:white;*/
height: auto;
}
/*偶数行網掛け*/
.kintaitable tr:nth-child(even){
background-color:#ffefd5;
}
.kintaitablem table {
border-collapse: collapse;
width: 92%;;
box-sizing:border-box;
overflow-x:scroll;
}
.kintaitablem th{
padding: 0;
text-align: center;
border-collapse: collapse;
border:0;
width: auto;
box-sizing:border-box;
height: auto;
}
.kintaitablem td{
padding: 5px;
text-align: center;
border-collapse: collapse;
border:0;
width: auto;
box-sizing:border-box;
height: auto;
}
input[type="button"].kintaib,
input[type="submit"].kintaib{
padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.0rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border: solid 2px #0088ff;
color: black;
background-color: #99FFFF;
margin: 10px 20px 20px 0;
border-radius:5px;
padding: 3px 25px;
float:none;
cursor: pointer;
}

input[type="button"].kintaib2,
input[type="submit"].kintaib2{
padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.0rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border: solid 2px #D8D8D8;
color: #C0C0C0;
background-color: #D8D8D8;
margin: 10px 20px 20px 0;
border-radius:5px;
padding: 3px 25px;
float:none;
cursor: pointer;
}

input[type="button"].kintaib3,
input[type="submit"].kintaib3{
padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.0rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border: solid 2px #0088ff;
color: black;
background-color: #99FFFF;
margin: 10px 20px 20px 0;
border-radius:5px;
padding: 3px 25px;
float:left;
cursor: pointer;
}

.scr {
   overflow: scroll;   /* スクロール表示 */ 
   height: 300px;
   background-color: #CCFFFF;
 }

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
//test
/*

@media screen and (min-width: 768px) {
（ここにPC用スタイルを記述）
}
 
@media screen and (max-width: 768px) {
（ここにipad（タブレット）以下のスタイルを記述）
.kintaitable table{
    display: block;
}

.kintaitable th{
    display: block;
}
.kintaitable td{
    display: block;
}
.kintaitablem table{
    display: block;
}

.kintaitablem th{
    display: block;
}
.kintaitablem td{
    display: block;
}
*/