/*レスポンシブデザイン用　ここから*/

@media screen and (max-width: 991px) { /*【ＰＣ用】ウィンドウ幅が最大991pxの場合に適用*/
  .menu-s {
  display:none; /*非表示*/
  }
}

@media screen and (min-width: 992px) { /*【スマホ用】ウィンドウ幅が992px以上の場合に適用*/
  .menu-m {
  display:none; /*非表示*/
  }
}

/*レスポンシブデザイン用　ここまで*/

/*ハンバーガーメニュー（ボタン中央表示）　ここから*/

.button-c {
  text-align : center ;
}

/*ハンバーガーメニュー（ボタン中央表示）　ここまで*/

/*FullCalendar独自のCSS追加設定　ここから*/
#calendar {
    max-width: 900px;
  }
  .nocheckbox {
    display: none;
  }

  .label-on {
    border-radius: 3px;
    background: red;
    color: #ffffff;
    padding: 10px;
    border: 1px solid red;
    display: table-cell;
  }

  .label-off {
    border-radius: 3px;
    background: white;
    border: 1px solid red;
    padding: 10px;
    display: table-cell;
  }

  #calendar a.fc-event {
    color: #fff; /* bootstrap default styles make it black. undo */
    background-color: #0065A6;
  }
/*FullCalendar独自のCSS追加設定　ここまで*/

/*リンク色（グレー）*/
  a.link-g{
    color:#6c747c;
  }

/*リンク色（白）*/
a.link-w{
  color:#ffffff;
}

/*フォントサイズを少し小さくする*/
.font-small {
    font-size: 0.9rem;
  }

/*フォントサイズを更に少し小さくする*/
@media screen and (min-width: 1201px) {
  .font-small-s {
      font-size: 0.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .font-small-s {
      font-size: 0.6rem;
  }
}

body {
  margin: 0;
  font-family: 'Lato','Open Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  text-align: left;
  background-color: #fff;
}

/* font-family */
.fs-4,
h4{
    font-family: 'Noto Serif JP','Yu Mincho', serif;
    color: #333;
    animation-delay: 0.3s;
}

/*ミニカレンダー用css　ここから*/

.cal{background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.cal_header{padding:15px 13px;border-bottom:1px solid #ddd;}
.cal_header a,.cal_header span{display:block;}
.cal_header strong{display:block;text-align:center;font-size:1.3rem;color:#005ca2;line-height:19px;}
.cal_prev{float:left;cursor:pointer;}
.cal_next{float:right;cursor:pointer;}
.cal_body{padding:10px 15px;text-align:center;}

.table_cal{width:100%;border-collapse:collapse;}
.table_cal th,.table_cal td{font-size:1.1rem;text-align:center;height:30px;min-width:31px;}

.today{font-weight:bold;text-decoration:underline;}
.closed{display:inline-block;width:22px;height:22px;background:#eb6e8f;color:#fff;border-radius:50%;line-height:23px;}

.cal_bottom{font-size:1.1rem;margin:10px 0 15px;}
.cal_bottom span{vertical-align:middle;margin-right:4px;}

/*ミニカレンダー用css ここまで*/

/*ボタンデザイン（class="button03"）alart-warning風 ここから*/
.button03 {
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  width: 90%;
  color: #664d03;
  border: solid 1px #362c0c;
  background-color: #fff3cd;
  border-radius: 6px;
  transition: 0.3s;
}

.button03:hover {
  text-decoration: none;
  background-color: #fde5a0;
}
/*ボタンデザイン ここまで*/

/*ボタンデザイン（class="button04"）alart-danger風 ここから*/
.button04 {
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  width: 90%;
  color: #842029;
  border: solid 1px #460b10;
  background-color: #f8d7da;
  border-radius: 6px;
  transition: 0.3s;
}

.button04:hover {
  text-decoration: none;
  background-color: #f3b8bd;
}
/*ボタンデザイン ここまで*/

/*ボタンデザイン（class="button05"）alart-primary風 ここから*/
.button05 {
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  width: 90%;
  color: #134167;
  border: solid 1px #0c263c;
  background-color: #cfe9ff;
  border-radius: 6px;
  transition: 0.3s;
}

.button05:hover {
  text-decoration: none;
  background-color: #a2c8e8;
}
/*ボタンデザイン ここまで*/

/*ボタンデザイン（class="button06"）alart-info風 ここから*/
.button06 {
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  width: 90%;
  color: #2c4e5a;
  border: solid 1px #1d3842;
  background-color: #d1ecf1;
  border-radius: 6px;
  transition: 0.3s;
}

.button06:hover {
  text-decoration: none;
  background-color: #9fcdd5;
}
/*ボタンデザイン ここまで*/

/*ボタンデザイン（class="button07"）alart-secondary風 ここから*/
.button07 {
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  width: 90%;
  color: #303335;
  border: solid 1px #2d3033;
  background-color: #d3d7de;
  border-radius: 6px;
  transition: 0.3s;
}

.button07:hover {
  text-decoration: none;
  background-color: #b2b5b7;
}
/*ボタンデザイン ここまで*/

/*ボタンデザイン（class="button08"）ミニカレンダー用 ここから*/
.button08 {
  align-items: center;
  margin: 0 auto;
  padding: 0 2px;
  color: #222;
  background-color:#fff;
  transition: 0.3s;
  border:0;
}

.button08:hover {
  font-weight: bold;
  text-decoration: none;
}
/*ボタンデザイン ここまで*/

/*jQueryUI sortable　ここから*/

#sortable1,
#sortable2,
#sortable3 {
  list-style-type: none;
  margin: 0 auto;
  padding: 0.5rem;
  width: 100%
}

#sortable1 li,
#sortable2 li,
#sortable3 li {
  padding: 0.5rem;
  font-size: 1.2em;
}

/**********************************/
/*テーブル      	        			   */
/**********************************/

.table01{
  border-collapse: collapse;
  border-spacing: 0;
  color: #222;
}

.table01 th,.table01 td{
  text-align: center;
  font-size: 12px;
}

.table01 tr:nth-child(even){
  background-color: #eee
}

/**********************************/
/*FLEX      				   */
/**********************************/
.flex-box {
  display: flex;
  flex-wrap: wrap;
  list-style: none; /* リストのスタイルを無効にする */
}


/**********************************/
/*媒体一覧表用テーブル      			   */
/**********************************/

.bt-table{
  border-collapse:separate;
  border-spacing: 5px;
  width: 100%;
}

.bt-table th,.bt-table td{
  text-align: center;
  font-size:0.8rem;
}

.bt-table th{
  background-color: #D1ECF1;
  color: #0C5460;
  border:solid 1px #BEE5EB;
  font-weight:normal;
}

.bt-table td{
  background-color: #eee;
  border:solid 1px #ccc;
}

.bt-table-th2{
  background-color: #D1ECF1;
  color: #0C5460;
  border:solid 1px #BEE5EB;
  font-weight:bold;
}

.bt-table-td2{
  background-color: #eee;
  border:solid 1px #ccc;
  font-weight:bold;
}