@charset "utf-8";

h5.year {
  font-weight:bold;
  font-size:20px;
  color:#555;
  padding:10px;
  margin: 0 30px;
}

#sub_top.curriculum {
	background-image: url(../img/sub_top_curriculum.jpg);
}

ul.curriculum_list {
  padding: 10px;
  //margin: 10px 30px 30px 30px;
  margin: 0 30px;
  display: flex;
  flex-wrap: wrap;
}

ul.curriculum_list li{
  width:30%;
  padding-right: 15px;
}

p.curriculum_list {
  columns: 3;
}





/*
‰È–ڈꗗ
-------------------------------------------*/
table.CourseList {
	width: 65%;
	margin: 10px 0 0;
	border-collapse: collapse;
  	//border: 1px solid #cccccc;
}

table.CourseList th {
	padding: 3px;
	line-height: 1.1;
	background-color: #FFCCFF;
	border: 1px solid #cccccc;
	border-bottom: 3px double #cccccc;
}

table.CourseList td {
	padding: 3px;
	border: 1px solid #cccccc;
}

table.CourseList td.termSeparate, table.CourseList tr.termSeparate td{
	border-top: dashed #cccccc;
}

table.CourseList td.Null, table.CourseList tr.Null td{
	border: 0px none;
}


@media screen and (max-width:896px){
  h5.year {
    margin: 0 10px;
  }

table.CourseList {
	width: 80%;
}


#sub_top.curriculum {
	background-image: url(../img/sub_top_curriculum_sp.jpg);
}

  ul.curriculum_list {
    padding: 10px;
    margin: 10px 10px 20px 10px;
  }

  ul.curriculum_list li{
    width:100%;
  }
  
  p.curriculum_list {
    columns: 1;
  }

}


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

table.CourseList {
	width: 100%;
}

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

table.CourseList {
	width: 100%;
}