@charset 'utf-8';
:root{
  --base:#ffd966;
}
.bg-base{
  background-color: var(--base);
  background-image: url(../img/bac.png);
  background-repeat: repeat-x;
  background-position: 10px 67px ;
  background-attachment: fixed;
}

#roll-8 .dialect,#roll-2 .dialect{display: none;}
#roll-1 .item{display: none;}

.hidden{display: none;}
.w-65{width: 65%; height: auto;}
.relative{position: relative;}
.z-9{z-index: 9;}
.stickey-350{position: sticky;top:0 ; z-index: 99;}
.bg-map{
  background: url(../img/japan-map.png) no-repeat;
}
.map-absolute{
  position: absolute;z-index: 0;
  left: 4rem;
}

#city.table {
  border-collapse: collapse;
}
#city th, #city td {
  text-align: left;
  border: 1px solid #CCC;
  padding: .2em .5em;
}
.text-m{ font-size: 1rem;}
#city th { background: #ffe4e1; width: 12%;}
#city td { width: 88%;}
article#sch_word 
, article#sch_region
{
  min-height: 640px;
}
article#sch_municipalities{
  padding-bottom: 9rem;
}
#sch_region ul{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  border: solid 3px #05a205;
  border-radius: 15px;
  background: #ffffffc2;
}
#sch_region li{
  width: 50%;
}
label.region{    
  font-size: 1.15rem;
  font-weight: 900;
  margin-bottom: 0;
}
.fix-bottom{
  position: fixed;
  bottom: 0;
}
.bg-glay{
  background: #efefef;
}
.nav-item button{border-radius: 7px 7px 0 0 !important; }
.nav-item{ margin-right:1px}
.btn-orange{background-color: #ff6d11;}

/* ============== */


@media (min-width: 992px){
  .mt--16{
    margin-top: -6rem;
  }
  .mt--16{
    margin-left: -4rem;
  }
}

@media (min-width: 1200px){
  .container {
    max-width: 1140px;
  }
}

/* ============== */
@media (max-width: 767px){
  .map-absolute {
    left: 0;
  }
}
@media (max-width: 640px){
  #city th, #city td {
    display: block;
    width: 100%;
  }
}