/* CSS Document */
#ag #room-scroll {
  width: 100%;
  font-size: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0px);
  background: repeating-linear-gradient(0deg, transparent, transparent 10px, #7776 10px, #7776 20px);
}
#ag .table-stripe {}
#ag .border-bottom {
  border-bottom: 1px solid;
}
#ag .border-solid-bottom {
  border-bottom: 1px solid;
}
#ag .border-dot-bottom {
  border-bottom: 1px dotted #666;
}
#ag .border-solid {
  border-top: 1px solid;
  margin: 8px 0;
  padding: 0;
}
#ag .session-num{
  margin: 3px 10px 3px 0;
  background: #000;
  color:#fff;
  padding:0 10px;
  font-size: 80%;
}
#ag .session-num2
{   background: #fff;
    border: 1px solid #000;
    color: #000;
    margin: 2px 8px 2px 0;  padding:0 10px;
  font-size: 80%;
}
#ag .color-blue {
  color: #007dc5;
  margin: 3px 0;
}
#ag .overflow-hidden {
  overflow: hidden;
}
#ag .border-blue {
  border-color: #379fc9;
}
#ag .border-white {
  border-color: white;
}
#ag .large {
  font-size: 14px !important;
}
#ag .btn-inverse {
  background-color: #d68054;
  color: white;
}
#ag .btn-jam {
  background-color: hsla(181, 63%, 35%, 1);
  color: white;
}
#ag .alert-inverse {
  background-color: black;
  color: white;
}
#ag .d-vertical-align-top {
  vertical-align: top;
}
#ag .d-vertical-align-text-top {
  vertical-align: text-top;
}
#ag .speakers {
  margin: 5px auto;
}
#ag .speakers .uji {
  font-size: 62%;
  margin-left:0.38em;
}
#ag .speakers:nth-child(2n+1) {
  background:#f9f9f9;
}

#ag td:not(.empty):hover .speakers, 
#ag td:not(.empty):focus .speakers, 
#ag td:not(.empty) > div:hover .speakers, 
#ag td:not(.empty) > div:focus .speakers{
  background:none !important;
}
#ag  .x-small {
  font-size: 12px;
  margin: 1px auto;
}
#ag .speakers .x-small:first-of-type {
   font-weight: bold; 
  color:#006400;
}
#ag .speakers .x-small:nth-of-type(2),
#ag .speakers .x-small:nth-of-type(3),
#ag .speakers .x-small:nth-of-type(4){
  color:#004166;
}

#ag .footer {
  bottom: 0;
  width: 100%;
  line-height: 60px;
  background-color: #222c37;
}
#ag .twitter-share-button {
  float: right;
  margin-top: 1.5rem;
}
#ag .session-title {
  text-decoration: none;
  color: inherit;
}
#ag .session-room {
  color: darkgreen;
  display: none;
}
#ag th {
  background: #ffffff;
  border-top: 1px solid #eee;
  border-right: 1px solid #ddd;
}
#ag td {
  border-top: 1px solid #ddd !important;
  background-color: #ffffff;
  color: #000;
  width: 300px;
  border-right: 1px solid #fff;
  position: relative;
  /* max-width: 20vw; */
}
#ag td > .default {
  text-align: center;
  vertical-align: middle;
}
#ag th:hover, #ag th.room-th:hover {
  background-color: #cce5f3;
}
#ag td:not(.empty):hover, #ag td:not(.empty):focus, #ag td:not(.empty) > div:hover, #ag td:not(.empty) > div:focus {
  background-color: #cce5f3;
}
#ag .empty {
  border: none !important;
  background: none;
}
#ag .table {
  display: table;
  margin-bottom: 0;
  border: 0;
}
#ag .tooltip {
  font-size: 12px !important;
  width: 320px;
  opacity: 1 !important;
}
#ag .tooltip-inner {
  font-size: 12px !important;
  max-width: 320px;
}
#ag .list-style-normal {
  list-style: inherit;
  /*! display:none; */
}
#ag .timetable {
  display: none;
}
#ag .loader, #ag .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
#ag .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border: 1.1em solid rgba(55, 149, 255, 0.2);
  border-left-color: #3795ff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  /*-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;*/
}
#ag .art {
  width: 100%;
  height: 50px;
  background-image: url(./assets/img/art-japan.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#ag .room-th {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  /*color: darkgreen;*/
  transition: 0.2s ease-out;
}
#ag .room-th-min { /*ä½¿ç”¨ã•ã‚Œã¦ã„ãªã„*/
  width: calc(100vw / 16);
  max-width: calc(100vw / 16);
  min-width: calc(100vw / 16);
}
#ag .table .th-room-small, #ag .table .td-room-small { /*å³ç«¯ã®ã‚»ãƒ«*/
  padding-right: 2px;
  padding-left: 2px;
  width: 70px;
  max-width: 80px;
  min-width: 60px;
}
#ag .room-th-small, #ag .room-td-small, { /*å³ç«¯ä»¥å¤–ã®ã‚»ãƒ«*/
  width: calc(100% / 6);
  max-width: calc(100% / 6);
  min-width: calc(100% / 6);
}
#ag .day-2 .alert {
  background: #007dc5;
  margin-bottom: 10px;
}
#ag .day-2 tbody th {
  color: #007dc5;
  text-align: center;
  /*! width: 70px !important; */
  /*! min-width: 70px; */
  max-width: 90px;
  padding: .2rem .5rem;
  transition: 0.2s ease-out;
  width: 70px;
}
#ag .day-2 tbody tr:nth-child(6n+1) th {
  color: hsla(202, 100%, 20%, 1);
}
#ag .day-2 tbody tr:nth-child(6n) th, #ag .day-2 tbody tr:nth-child(6n+2) th, #ag .day-2 tbody tr:nth-child(6n+3) th, #ag .day-2 tbody tr:nth-child(6n+4) th, #ag .day-2 tbody tr:nth-child(6n+5) th {
  color: hsla(202, 100%, 20%, 0.28);
}
#ag .day-2 tbody tr:nth-child(4) th, #ag .day-2 tbody tr:nth-child(14) th, #ag .day-2 tbody tr:nth-child(20) th {}
#ag .day-3 .alert {
  background: #06bbd3;
}
#ag .day-3 tbody th {
  color: #06bbd3;
}
#ag .room_navi {
  position: sticky;
  z-index: 99;
  width: 85%;
  /*! top: 10px; */
  /* t: 100%; */
  margin: 8px auto;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #666;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #6666;
  background: url(mesh_w.png) repeat #eeee;
  width: 100%;
  font-size: 15px;
  color: #666;
  max-width: 1110px;
}
#ag .room_navi a {
  /*! color: #027dc5; */
  margin-right: 0px;
  display: block;
  cursor: pointer;
}
#ag .room_navi a:last-child {
  margin-right: 0;
}
#ag .room_btn {
  padding: 0px 4px;
  display: inline-block;
  text-align: center;
  /*! width: 40px; */
  border: 1px solid #666;
  border-radius: 2px;
  background: #fff;
  color: darkgreen;
  box-shadow: #ccc 1px 1px 1px;
  transition: 0.2s;
  margin: 5px auto;
  font-weight: 700;
}
#ag .room_btn:hover {
  color: #FFF;
  background: darkgreen;
  /*width: 200px !important;*/
}
#ag .room_navi_room, #ag .room_navi_time {
  display: inline-block;
}
#ag .room_navi_time .room_btn {
  /* width: 64px; */
  color: hsla(202, 100%, 20%, 1);
}
#ag .room_navi_time:hover .room_btn:hover {
  color: #FFF;
  background: #007dc5;
  /* width: 104px;*/
}
#ag .room_navi_time .room_navi_disp, #ag .room_navi_room .room_navi_disp {
  width: 160px;
}
#ag .room_navi_time .room_navi_disp:hover, #ag .room_navi_room .room_navi_disp:hover {
  /* width: 200px; */
}
#ag .show {
  opacity: 1;
  display: block;
  transition: all 0.2s;
}
#ag .hide {
  opacity: 0;
  display: none;
  transition: all 0.2s;
}
#ag .my-3, #ag .my-2, #ag .pl-4 {
  /*! display: none; */
  /*! visibility: hidden; */
}
.swal2-popup {
  width: 62.5%;
  max-width: 712px;
  padding: 2em;
}
.swal2-title {
  margin-bottom: 20px;
  line-height: 1.5;
  text-align: left;
}
.swal2-content {
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
}
ul.breadcrumb {
  background: #eee;
  border-radius: 0;
  margin: 0;
}
.pt-1 {
  padding-top: 1.0rem !important;
  border-bottom: 1px dotted #666;
  border-top: 1px dotted #666;
  padding-bottom: 1.0rem !important;
  margin: 3px auto auto;
}
.pt-1-bb {
  border-bottom: 0;
}
.d-inline-block {
  /*display: none;*/
  min-width: 150px;
}
.px-0 {
  /* margin-bottom: 5px; */
}
#ag thead {
  display: none;
}
#ag .main_content table td {
  min-width: 200px;
}
#ag td.cell {
  display: 100%;
  width: 100%;
}
#ag td.yutai-yes {
  display: table-cell !important;
}
#ag td.yutai-no {
  display: none !important;
}
#ag td.yutai-yes-sp {
  display: block !important;
}
#ag td.yutai-no-sp {
  display: none !important;
}
#ag .my-3 {
  line-height: 1.5;
}
/* download btn */
#ag .docdl-dummy {
  height: 29px;
  margin: 1em 0;
  
        display:none;
}
#ag .dl-text1, #ag .dl-text2 {
  display: inline-block;
  /* display:none; */
}
#ag .docdl {
  position: absolute;
  bottom: 3px;
  display: inline-block;
  margin: 1em 3px 1em 0px;
  background: #FFF;
  border: 1px solid #000;
  box-shadow: 1px 1px 1px #0003;
  transform: translateY(0%);
  display:none;
}
#ag .docdl a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 8px;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  /* display:none; */
}
#ag .docdl a:hover {
  background: #FFF;
  opacity: 0.9;
  
  /* display:none; */
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media (min-width:480px) { /*å¤§ç”»é¢*/
  #ag .room_navi {
    /*display: inline-block;*/
  }
}
@media (max-width:480px) { /*å°ç”»é¢*/
  #ag .table {
    display: contents;
  }
  #ag th {
    background: #ffffff;
    border: 0px solid #bbb;
    border-top: 1px solid #eee;
    border-right: 1px solid #bbb;
  }
  .swal2-popup {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
  }
  #ag th.room-th, #ag td {
    border-right: 0;
  }
  #ag td {
    border-top: 1px solid #ddd !important;
    background: #fff;
    color: #000;
    width: 300px;
    border-right: 1px solid #666;
    display: contents;
    z-index: 0;
  }
  /*#ag td:before{
  content: "";
    position: absolute;
    bottom: 0;
    top: 0;
left: 0;right: 0;
}*/
  #ag td > div {
    background: #fff;
    padding: 2px;
    border-bottom: 1px solid #bbb;
  }
  #ag td.yutai-yes {
    display: contents !important;
  }
  #ag td.yutai-yes-sp {
    display: contents !important;
  }
  #ag #room-scroll {
    -webkit-overflow-scrolling: none;
    background: repeating-linear-gradient(0deg, transparent, transparent 10px, #7776 10px, #7776 20px);
  }
  .docdl-dummy {
    display: none;
  }
  #ag .docdl {
    position: static;
    display: block;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #000;
    box-shadow: none;
    
   display:none; 
  }
  #ag .docdl-dummy{display:none !important;
  }
  /******/
}
}