body{
  font-size: .875rem;
}
@media (min-width: 1200px){
  body{
    font-size: 18px !important;
  }
}

@media (min-width: 1200px) {
    .uk-magic-container {
        padding-left: 40px;
        padding-right: 40px;
        display: flow-root;
        box-sizing: content-box;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
}
.uk-navbar-container{
  border-bottom: 5px solid #F39518;
}
.uk-navbar-item{
  min-height: 60px;
}
.CopperplateLight{
  font-family: copperplate, 'Noto Serif JP', serif;
  font-weight: 300;
  font-style: normal;
}
.CopperplateBold{
  font-family: copperplate, 'Noto Serif JP', serif;
  font-weight: 700;
  font-style: normal;
}
.CopperplateCondLight{
  font-family: copperplate, 'Noto Serif JP', serif;
  font-weight: 300;
  font-style: normal;
}
.CopperplateCondBold{
  font-family: copperplate, 'Noto Serif JP', serif;
  font-weight: 700;
  font-style: normal;
}
.title{
  font-family: copperplate, serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 10px;
}
.title small{
  display: block;
  font-size: .8rem;
}
.date{
  font-family: copperplate, serif;
  font-weight: 100;
  font-style: normal;
}
.uk-button{
  font-family: copperplate, 'Noto Serif JP', serif;
  font-weight: 300;
  font-style: normal;
}
.uk-button-primary{
    background: #9fa0a0 !important;
}
.uk-button-primary:hover{
    background: #666 !important;
}
.uk-section-secondary .uk-button-primary{
    background: #9fa0a0 !important;
}
.uk-section-secondary .uk-button-primary:hover{
    background: #666 !important;
}
.uk-subnav-pill a{
    border: 1px solid #333 !important;
    color: #333 !important;
    background-color: white !important;
}
.uk-subnav-pill .uk-active a{
    background: #F3981C !important;
    border-color: #F3981C !important;
    color: white !important;
}
.uk-section-secondary{
    background-color: #FFF6EB;
    color: #333 !important;
}
.uk-section-secondary .title{
    color: #333 !important;
}
.uk-lead{
    font-family: copperplate, ten-mincho, serif;
    color: #F3981C !important;
}
.uk-section-secondary .uk-button-primary{
    background: #9fa0a0 !important;
    color: white !important;
}
.uk-section-secondary .uk-subnav-pill a{
    color: #F3981C !important;
    border-color: #F3981C !important;
}
.uk-section-secondary .uk-subnav-pill .uk-active a{
    color: white !important;
}
.uk-button-orange{
  text-align: center;
  background-color: #F39518;
  padding: 14px;
  border: 1px solid white;
}
#prefoot{
  margin-top: 9rem;
}
#footnav{
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #FFF6EB !important;
  z-index: inherit;
}
.uk-dotnav2>*>*{
  border: 0;
  background-color: #F9C37D !important;
}
.uk-dotnav2>.uk-active>*{
  background-color: #F3981C !important;
}
.uk-dotnav>*>*{
  border: 0;
  background-color: #F9C37D;
}
.uk-dotnav>.uk-active>*{
  background-color: #F3981C;
}
.uk-icon {
  color: #F3981C;
}
.uk-offcanvas-bar{
  background: #F39518 !important;
}
.uk-type-box div{
  padding: 2px;
}
.subtitle{
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  color: #595857 !important;
  text-align: center;
}
.subtitle b{
  color: #F3981C;
}
.uk-text-lineup{
  line-height: 2;
}
#lineup-switcher a{
  color: #333;
}
#lineup-switcher a:hover{
  color: #666;
  text-decoration: none;
}
.lineupblock a{
  color: #333 !important;
}
.lineupblock a:hover{
  color: #000 !important;
  text-decoration: none !important;
}
#lineupblock a{
  color: #333 !important;
}
#lineupblock a:hover{
  color: #000 !important;
  text-decoration: none !important;
}
.uk-padding-side{
  padding-left: 5rem;
  padding-right: 5rem;
}
#svgslide li{
  text-align: center;
}
#svgslide img{
  width: auto;
  height: 100%;
}
.uk-nav-default li{
  font-size:1.5rem;
  font-weight: bold;
  text-align: center;
}
.uk-nav-default small{
  font-weight: small;
  font-size: .8rem;
}
.zehfooter{
  color:#14983c;
  font-weight: bold;
  font-size: .9rem;
}
.lineupvaliation{
  border: 1px solid #000;
  padding: 1rem;
  text-align: center;
  width: 10rem;
  margin: 20px auto;
}
.uk-button-totop{
  border: 1px solid #000;
  color: #000;
  padding: .5rem 2rem;
}
.uk-link-default{
  color: #333;
}
.uk-link-default:hover{
  color: #000;
}
.uk-reason{
  font-weight: bold;
}
.uk-reason span{
  color:#1974b1;
}
.uk-subtitle-red{
  font-weight: bold;
  font-size: 1.5rem;
}
.uk-subtitle-red span{
  color:#d61342;
  font-size: 2rem;
}
.uk-subtitle-orange{
  font-weight: bold;
  font-size: 1.5rem;
}
.uk-subtitle-orange span{
  color:#f3981c;
  font-size: 2rem;
}
.uk-subtitle-green{
  font-weight: bold;
  font-size: 1.5rem;
}
.uk-subtitle-green span{
  color:#13ae67;
  font-size: 2rem;
}
.uk-circle-top{
  font-weight: bold;
  margin-bottom: 0px;
}
.uk-circle-top span{
  display: inline-block;
  background: #f3981c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  font-weight: 300;
  /* font-size: 52px; */
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
}
.uk-title-bluebg{
  background-color: #036eb8;
  color: white;
  margin-bottom: 0;
}
.uk-text-medium{
  font-size: 1.1rem;
}


#offmenu .uk-offcanvas-bar{
  padding: 0;
  background: transparent !important;
  /* background: #fae6c6; */
  color: black !important;
  width: 100%;
  top: 85px;
}

.uk-head-orange{
  background: #ea9315;
  color:white;
  font-weight: bold;
  padding: 5px 0;
}

.menu-item{
  background: #fae6c6;
  text-align: center;
  border: 1px solid #ea9315;
}
.menu-item a{
  display: block;
  color: black;
  padding-top: 20px;
  padding-bottom: 20px;
}
.menu-item a:hover{
  color: white;
  text-decoration: none;
  background-color: #ea9315;
}
.menu-item a small{
  display: block;
  font-family: copperplate, 'Noto Serif JP', serif;
  font-weight: 300;
  font-style: normal;
  font-size: 10px;
}