body {
  font-family: 'Noto Sans JP', sans-serif;
  background-image:url(../images/background.png);
  background-size:cover;
  background-attachment:fixed;
  background-position:center;

}

header{
  display:block;
  width:100%;
  height:auto;
  max-height:120px;
  background-color: #8BC894;
  color: white;
  text-align: center;
}

header img{
  width:90%;
  max-width:600px;
  padding-top:10px;
  padding-bottom:10px;
}

main{
  background-image:url(../images/background.png);
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
/*  height:100vh;
  display:flex;*/
  padding-bottom:2em;
}

article.main-title{
  display:block;
  max-width:800px;
  width:80%;
  height:auto;
  clear:both;
  justify-content:center;
  align-items:center;
  margin:auto;
  padding-top:20px;
  padding-bottom:30px;
}

article.contents{
  display:block;
  width:100%;
  max-width:1240px;
  height:auto;
  background-color:rgba(255,255,255,0.8);
  padding:20px;
  border-radius:10px;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
  margin:auto;
}

section{
width: 100%;
padding:1em;
}

section h1{
  border-bottom:1px solid #ccc;
  padding-bottom:0.5em;
  margin-bottom:1em;
  font-size:1.5em;
}

section h2{
  border-bottom:1px solid #ccc;
  padding-bottom:0.5em;
  margin-bottom:1em;
  font-size:1.2em;
}

section h3{
  border-bottom:1px solid #ccc;
  padding-bottom:0.5em;
  margin-bottom:1em;
  font-size:1em;
}

section h4{
  border-bottom:1px solid #ccc;
  padding-bottom:0.5em;
  margin-bottom:1em;
  font-size:0.8em;
}

section a{
  text-decoration: none;
  color:#333;
}

section a:hover{
  text-decoration: underline;
  color:mediumblue;
}

section.program{
  display:block;
  width:100%;
  margin:auto;
  border:1px solid #ccc;
  border-radius:10px;
  padding:1em;
  margin-bottom:20px;
}


a.navbar-bland{color:#EB6700 !important;}

hr{
  display:block;
  width:98%;
  margin:2em auto;
  border-top:1px solid #333;
  text-align: center;
}

footer{
  display:block;
  max-width:1240px;
  width:100%;
  margin:auto;
  height:auto;
  padding:10px;
}

.icon{
  width:24px;
  height:24px;
  padding-bottom:5px;
  margin-right:5px;
}



img.icon-play{
  width:22px;
  height:22px;
  color:#fff;
  margin-right:5px;
  padding-bottom:5px;
}

.color-white{color:#fff;}

.contents iframe{
  width:100%;
  max-height:800px;
  height:600px;
}

.left{display:block; padding-left:2em; padding-bottom:2em; padding-right:0; padding-top:0; float:right; clear:both;}