/*v2.5*/

html{
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  min-width: 1280px;
  min-height: 600px;

}

body{
  height: 100%;
  overflow: hidden;
  min-width: 1280px;
  min-height: 600px;
}

.main-body-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 90%; 
  min-height: 0px;
}

/* main {
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}
main::-webkit-scrollbar { 
  display: none; 
} */

.landscape-msg{
  display: none;
  height:100%;
  width:100%;
  z-index: 2;
}

#label_user{
  display: block;
}

@media (pointer:none), (pointer:coarse){

  html, body{
    min-width: 0px;
    min-height: 0px;
  }

  
  .main-body-content {
    height: 80%; 

  }
}

.card{
  width: 100%;
}

.md-show{
  display: none !important;
}

@media (pointer:none), (pointer:coarse) and (max-width: 992px){  

  html, body{
    min-width: 0px;
    min-height: 0px;
    overflow: auto;
  }

  .main-body-content {
    overflow-y: scroll !important;
    overflow-x: hidden;
    height: 90%; 
  }

  .md-hide{
    display: none;
  }

  .md-show{
    display: inline !important;
  }

  .card-lg{
    width: 120%;
  }

  .scale-lg{
    width: 110%;
  }
 
  .enlarge14-md{
    font-size: 20px!important;
  }
  
}

@media (pointer:none), (pointer:coarse) and (orientation: portrait) {
  .landscape-msg{
    display: flex;
    position: fixed; 
  }

  #label_user{
    display: none;
  }
}

@media (min-width: 900px) and (min-height: 600px){
  .background{
    background-image: url('/history/public/Ressources/background-images/top-left.png'), url('/history/public/Ressources/background-images/bottom-left.png'), url('/history/public/Ressources/background-images/top-right.png'), url('/history/public/Ressources/background-images/bottom-right.png');
    background-attachment: fixed, fixed, fixed, fixed;
    background-position: left top, left bottom, right top, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  }
  .background-light{
    background-image: url('/history/public/Ressources/background-images/top-left.png'), url('/history/public/Ressources/background-images/bottom-right.png');
    background-attachment: fixed, fixed;
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
  }
}


@media (max-width: 900px) {

  .background{
    background-image: url('/history/public/Ressources/background-images/top-left.png'), url('/history/public/Ressources/background-images/bottom-left.png');
    background-attachment:  fixed, fixed;
    background-position:left top, left bottom;
    background-repeat: no-repeat, no-repeat;
  }

  .background-light{
    background-image: url('/history/public/Ressources/background-images/top-left.png'), url('/history/public/Ressources/background-images/bottom-right.png');
    background-attachment: fixed, fixed;
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
  }
}

@media (max-height: 600px) {

  .background{
    background-image: url('/history/public/Ressources/background-images/bottom-left.png'), url('/history/public/Ressources/background-images/bottom-right.png');
    background-attachment: fixed, fixed;
    background-position: left bottom, right bottom;
    background-repeat: no-repeat;
  }
  .background-light{
    background-image: url('/history/public/Ressources/background-images/top-left.png'), url('/history/public/Ressources/background-images/bottom-right.png');
    background-attachment: fixed, fixed;
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
  }
}

@media (max-height: 600px) and (max-width: 900px) {

  .background{
    background-image: url('/history/public/Ressources/background-images/bottom-left.png');
    background-attachment: fixed;
    background-position: left bottom;
    background-repeat: no-repeat;
  }
  .background-light{
    background-image: url('/history/public/Ressources/background-images/top-left.png');
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
  }
}

/* .progress {
  position: relative;
} */

.progress-bar-title {
  position: absolute;
  text-align: center;
  line-height: 20px; /* line-height should be equal to bar height */
  overflow: hidden;
  color: #fff;
  right: 0;
  left: 0;
  top: 0;
  mix-blend-mode: exclusion;
}

.badge-part{
  --bs-badge-padding-x: 0.5em;
  --bs-badge-padding-y: 0.3em;
  --bs-badge-font-size: 0.6em;
  --bs-badge-font-weight: 400;
  left: 7%;
  top: 50% !important;
  transform: translate(-50%, -50%);
}

.badge-page{
  --bs-badge-padding-x: 0.6em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.5em;
  --bs-badge-font-weight: 500;
  top: 25% !important;
  left: 80%;
  transform: translate(-50%, -50%);
}

.buttons-wrapper {
  position: relative;
}

.seemingly-inner-right {
  position: absolute;
  top: 50%;
  left: 80%;

  transform: translate(-50%, -50%);
}

.quest-label{
    position: absolute;
    left: 50%;
    top: 2.5%;

    transform: translate(-50%, -50%);
  } 


.missing-label-part{
  position: absolute;
  left: 50%;
  top: 2.5;

  transform: translate(-50%, -50%);
} 

div.top-quest{
  position:relative;
}

.col-split{
  border-left : 1px solid lightgray
}

.enlarge14{
  font-size: 14px;
}


.enlarge16{
  font-size: 16px;
}

.enlarge18{
  font-size: 18px;
}

.enlarge19{
  font-size: 19px;
}

.enlarge20{
  font-size: 20px;
}

.enlarge30{
  font-size: 30px;
}

.enlarge50{
  font-size: 50px;
}

.enlarge100{
  font-size: 100px;
}

.pag-drop.show {
  width: 610px;
}

.pag-drop-tog {
    width: 200px;
    text-align: right;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
}

.drop{
  width: 51px;
}

div.top{
  position:relative;
}


.switch_sec_btn{
  max-width: 50px;
  min-height: 50px;
  display: grid;
  align-items: center;
  font-weight: 800;
  } 
  
.switch_btn{
    max-width: 50px;
    min-height: 100px;
    display: grid;
    align-items: center;
    font-weight: 800;
  } 

  .switch_prev_next  {
    max-width: 100px;
    position: fixed;
    top: 30%;
    right: -30px;
  } 

.large{
  min-height: 2.7em;
  display: grid;
  align-items: center;
}

.prog-div{
  position:relative;
  bottom:-3%;
}

@media (pointer:none), (pointer:coarse) and (orientation: landscape) and (max-width: 992px){

  #next-div{
    translate: 0 -52%;
  }

  #nnext-div{
    translate: 0 223%;
  }


  .switch_prev_next  {
    max-width: 100px;
    position: fixed;
    top: 22%;
    right: -30px;
  } 

  .switch_prev  {
    max-width: 100px;
    position: fixed;
    top: 22%;
    left: 5px;
  } 

  .landscape-msg{
    display: none;
    cursor: none;
  }

  .prog-div{
    position:relative;
    bottom:5%;
  }
}

.switch_sec_btn.btn-primary,
.switch_btn.btn-primary{
  --bs-btn-bg: #4c83d2;
} 
.switch_sec_btn.btn-danger,
.switch_btn.btn-danger{
  --bs-btn-bg: #d75f6b;
} 

fg:before {
	content: attr(t);
	display: block;
    font-size: 50%;
    text-align: start;
	line-height: 1.5;
}

fg {
	display: inline-block;
	text-indent: 0px;
	line-height: normal;
	text-align: center;
	line-height: 1;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #cfe2ff;
}

.tg_cursus  {border:none;border-collapse:collapse;border-spacing:0;width:90%}
.tg_cursus td{border-style:solid;border-width:0px;overflow:hidden;
  padding:3px 3px;word-break:normal;}
.tg_cursus th{border-style:solid;border-width:0px;font-size:18px;font-weight:normal;
  overflow:hidden;padding:3px 3px;word-break:normal;}
.tg_cursus .tg-731oq{border-color:#000000;text-align:left;vertical-align:top;width:8%}
.tg_cursus .tg-732oq{border-color:#000000;text-align:left;vertical-align:top;width:42%}

.tg_cursus2  {border:none;border-collapse:collapse;border-spacing:0; width:90%}
.tg_cursus2 td{border-style:solid;border-width:0px;overflow:hidden;
padding:3px 3px;word-break:normal;}
.tg_cursus2 th{border-style:solid;border-width:0px;font-size:18px;font-weight:normal;
overflow:hidden;padding:3px 3px;word-break:normal;}
.tg_cursus2 .tg-73oq{border-color:#000000;text-align:left;vertical-align:top;  width:49%}
.tg_cursus2 .tg-731oq{border-color:#000000;text-align:left;vertical-align:top; width:2%}


.rb{
  padding: 10px 0;
  text-align: center;
  background: rgba(240,240,240,0.1);
  border-radius: .3em;
  border-color: rgba(0,0,0,0.8);
}

.rb-tab {
  display: inline-block;
  position: relative;
  width: 10%;
}

.rb-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.3em;
  color: #000000;
}

.rb-spot {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  transform: translate(-50%, -70%);
  background: white;
  border: 2px solid rgba(200,200,200,0.5);
  border-radius: 100%;
  cursor: pointer;
  transition: ease .5s;
}

.rb-tab-active .rb-spot {
  background: rgba(0,255,0,.35);
  border: 2px solid rgb(55, 255, 0);
}

.rb-tab-inactive .rb-spot {
  background: rgba(220, 220, 220, 0.35);
  border: 1px solid rgb(46, 46, 46);
}

.tg_scale  {border:none;border-collapse:collapse;border-spacing:0;width:100%}
.tg_scale td{border-style:solid;border-width:0px;overflow:hidden;
  padding:4px 5px;word-break:normal;}
.tg_scale th{border-style:solid;border-width:0px;font-weight:normal;
  overflow:hidden;padding:4px 5px;word-break:normal;}
.tg_scale .tg-731oq{border-color:#000000;text-align:left;vertical-align:top;width:1%}
.tg_scale .tg-733oq{border-color:#000000;text-align:left;vertical-align:top;width:2.5%}
.tg_scale .tg-73oq{border-color:#000000;text-align:left;vertical-align:top;width:30.75%}
.tg_scale .tg-732oq{border-color:#000000;text-align:left;vertical-align:top;width:34%}


.pagination-min {
  
    margin-top: -200px;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
}
.pdfobject-container { height: 30rem; border: 1rem solid rgba(0,0,0,.1); }
/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
    color: red;
}
 
/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: blue;
}

.flatpickr-current-month {
  display: flex;
  justify-content: center;
}

.cur-year {
  order : 1;
}

.cur-month:before  {
   content: '年　';
}

.cur-month {
  order: 2;
}

.flatpickr-current-month span.cur-month {
  font-weight : 300;
  padding-top : 4px;
}

.pin-centered{
  max-width:50px;
  max-height:50px;
  min-height:50px;

  float: one;
}

.label-Vcentered{
  background-color: #003366;
  display: grid;
  align-items: center;
  min-width: 50px;
}

.sso-box {  
  flex: 0 0 364px;
}

.input-adj{
  font-size: larger;
  transform: translate(0, -0.1em);
}

.input-adj-ruby{
  font-size: larger;
  transform: translate(0, 0.25em);
}