@charset "shift_jis";

@media screen and (min-width: 750px) {
div.content_box {
  margin:1vw auto;
}

div.content ul {
  background-color: #fff; 
  border-radius: 5px;
  border: 1px solid #259df8;
  margin:1vw auto;
  position: relative;
}

div.content li {
  text-align:left;
  margin-left: 1%; 
  line-height: 3vw;
}

div.content li.day {
  width: 17%;
}
div.content li.name {
  font-weight:bolder;
  color:#555;
  position: absolute;
  left:20%;
  top:1vw;
}
/*
div.content li.day2 {
  width: 35%;
}
div.content li.name2 {
  font-weight:bolder;
  color:#555;
  position: absolute;
  left:30%;
  top:1vw;
}
*/
div.content a {
  text-decoration:none;
  line-height: 3vw;
  font-size: 1.5vw;
}

.top_text{
  font-size: 1.6vw;
  margin-bottom: 2vw;
  margin-left: 4vw;
}

}

@media screen and (max-width: 750px) {

div.content_box {
  width:96%;
  margin:5vw auto;
}

div.content ul {
  list-style: none; 
  background-color: #fff; 
  border-radius: 5px;
  border: 1px solid #259df8;   
  padding:1vw;
  margin:5vw auto;
}

div.content li {
  width:100%;
  text-align:left;
  margin-left: 1%; 
  font-weight:bold;
  list-style: none; 
}

div.content li.day {
  font-weight:normal;
}

div.content a {
  text-decoration:none;
  line-height: 8vw;
  font-size: 5vw;
}

.top_text{
  font-size: 5.5vw;
  font-weight: bold;
  margin: 8vw 0 8vw 4vw;
}
}