*{
   font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}


.title{
  text-align:center;

}
.title h3{
  margin-bottom: 5px;
}

.title h1{
  font-size: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sub-content{
  text-align:center;
}

.contents li{
 list-style:none;
 margin-left:15px;
 margin-bottom: 5px;
}

.contents ul{
  margin-top: 0px;
  padding-left: 10px;

}

.date{
  float:right;
}
.button{
   text-align:center;

}

.btn{
  padding:8px 24px;
  color:black;
  text-align:center;
  background-color:#fff8dc;
  display:inline-block;
  border: solid 1px #ffebcd;
  margin:0 20px 0 20px;
  text-decoration: none;
  border-radius: 7px;
  box-shadow: 0 5px #ffe4c4;

}

.btn:active{
  position: relative;
  top: 5px;
  box-shadow: none;
}

.scroll{
  width:95%;
  height:350px;
  overflow:scroll;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
  background-color: #f0f8ff;
  border: solid 2px #888888;
  padding-left:5px;
  border-radius: 4px;	
	
}



@media(max-width:670px){
  .btn{
    font-size:20px;
  }

  .contents li{
   list-style:none;
   margin-left:5px;
  }

  .contents ul{
    margin-top: 0px;
    padding-left: 10px;
  }
  .contents{
    font-size:14px;
  }