/*繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ蜈ｨ菴�*/
.cr_box .menu {
  width: 100%;
  padding: 20px 10px 0;
}
.cr_box .menu input {
  display: none; /*繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧帝國縺�*/
}
/*繝舌�驛ｨ蛻�*/
.cr_box .menu label {
  cursor :pointer;
  display: block;
  background: #ffffde;
  /*color: #16b487;*/
  font-weight:bold;
  font-size: 1.3rem;
  line-height: 1;
  position: relative;
  margin: 0 auto 10px;
  /*margin: 0 0 10px;*/
  padding: 15px 15px 15px 50px;
  /*border: solid 2px #16b487;
  border-left: solid 10px #16b487; */
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

/****color****/
section.el .cr_box .menu label {
  color: #16b487;
  border: solid 2px #16b487;
  border-left: solid 10px #16b487;
}
section.jr .cr_box .menu label {
  color: #f26683;
  border: solid 2px #f5849c;
  border-left: solid 10px #f5849c;
}
section.hi .cr_box .menu label {
  color: #2d97d3;
  border: solid 2px #2d97d3;
  border-left: solid 10px #2d97d3;
}


/*髢九＞縺溘→縺阪↓陦ｨ遉ｺ縺輔ｌ繧矩Κ蛻�*/
.cr_box .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.cr_box .menu li {
  max-height: 0px;
  overflow-y: hidden;
  -webkit-transition: all 0.5s; /*髢峨§繧九→縺阪�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.cr_box #menu_bar01:checked ~ #links01 li,
.cr_box #menu_bar02:checked ~ #links02 li,
.cr_box #menu_bar03:checked ~ #links03 li,
.cr_box #menu_bar04:checked ~ #links04 li,
.cr_box #menu_bar05:checked ~ #links05 li,
.cr_box #menu_bar06:checked ~ #links06 li,
.cr_box #menu_bar07:checked ~ #links07 li,
.cr_box #menu_bar08:checked ~ #links08 li,
.cr_box #menu_bar09:checked ~ #links09 li,
.cr_box #menu_bar10:checked ~ #links10 li,
.cr_box #menu_bar11:checked ~ #links11 li,
.cr_box #menu_bar12:checked ~ #links12 li,
.cr_box #menu_bar13:checked ~ #links13 li {
  max-height: 700px; /*髢九＞縺溘→縺阪↓陦ｨ遉ｺ縺輔ｌ繧詰i縺ｮ鬮倥＆*/
  opacity: 1;
  -webkit-transition: all 0.5s; /*髢九￥縺ｨ縺阪�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

 /*髢九＞縺溘→縺阪�荳九�菴咏區*/
.cr_box #menu_bar01:checked ~ #links01 li:last-child,
.cr_box #menu_bar02:checked ~ #links02 li:last-child,
.cr_box #menu_bar03:checked ~ #links03 li:last-child,
.cr_box #menu_bar04:checked ~ #links04 li:last-child,
.cr_box #menu_bar05:checked ~ #links05 li:last-child,
.cr_box #menu_bar06:checked ~ #links06 li:last-child,
.cr_box #menu_bar07:checked ~ #links07 li:last-child,
.cr_box #menu_bar08:checked ~ #links08 li:last-child {
  margin-bottom: 30px;
}

/*髢峨§縺溽憾諷九�遏｢蜊ｰ謠冗判*/
.cr_box .menu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  /*border-top: #16b487 2px solid;
  border-right: #16b487 2px solid;*/
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 45%;
  top: 0;
  bottom: 15%;
  margin:auto;
}

section.el .cr_box .menu label:after{
  border-top: #16b487 2px solid;
  border-right: #16b487 2px solid;
}

section.jr .cr_box .menu label:after{
  border-top: #f36e89 2px solid;
  border-right: #f36e89 2px solid;
}

section.hi .cr_box .menu label:after{
  border-top: #2d97d3 2px solid;
  border-right: #2d97d3 2px solid;
}

/*髢九＞縺溽憾諷九�遏｢蜊ｰ謠冗判*/
.cr_box .menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  /*border-top: #16b487 2px solid;
  border-right: #16b487 2px solid;*/
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 45%;
  top: 7%;
  bottom: 0;
  margin:auto;
}
/****color****/
section.el .cr_box .menu input[type=checkbox]:checked + label:after{
  border-top: #16b487 2px solid;
  border-right: #16b487 2px solid;
}

section.jr .cr_box .menu input[type=checkbox]:checked + label:after{
  border-top: #f36e89 2px solid;
  border-right: #f36e89 2px solid;
}

section.hi .cr_box .menu input[type=checkbox]:checked + label:after{
  border-top: #2d97d3 2px solid;
  border-right: #2d97d3 2px solid;
}
/*****color//****/

/**********************************************************************
*
*縲€縲€ 笆�蛟句挨謖�ｰ� 繧ｫ繝ｪ繧ｭ繝･繝ｩ繝�
*
**********************************************************************/

div.cr_box table {
  border-collapse: collapse;
  width:800px;
  margin: 10px auto 10px;
  /*border: 2px solid #16b487;*/
}

/****table color****/
section.el div.cr_box table {border: 1px solid #16b487;}
section.jr div.cr_box table {border: 1px solid #f26683;}
section.hi div.cr_box table {border: 1px solid #2d97d3;}
/****table color****/


div.cr_box th{
  padding: 0.7rem 0.5rem;
  text-align: center;
}

div.cr_box th {
	font-weight: normal;
	font-size: 1.0rem;
	font-weight:bold;
	/*color: #16b487;
	background:#E6FFE9;
	position:  relative; z-index: 10;*/
}

section.el div.cr_box .cr_title{font-weight: bold; font-size:18px; color: #16b487;}
section.jr div.cr_box .cr_title{font-weight: bold; font-size:18px; color: #f26683;}
section.hi div.cr_box .cr_title{font-weight: bold; font-size:18px; color: #2d97d3;}

div.cr_box td{
  padding: 1rem 0.5rem;
  text-align: left;
  vertical-align: middle;
}
/*
section.el div.cr_box tr{ border-bottom: 1px solid #000000;}
section.jr div.cr_box tr{ border-bottom: 1px solid #faeeee;}
section.hi div.cr_box tr{ border-bottom: 1px solid #c0e0f2;}
*/
div.cr_box tr td span.bg_red{
background:#DC143C;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
padding:6px;
color:#FFF;
font-weight:bold;
}
div.cr_box tr td span.bg_blue{
background:#99CCCC;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
padding:6px;
color:#FFF;
}

.curriculum_note{
	margin-left:10px;
	margin-bottom:10px;
	color:gray;
	font-size:0.8rem;
}

@media screen and (min-width: 751px){
/****th color*****/
section.el div.cr_box th {color: #16b487; background:#E6FFE9; position: relative; z-index: 5;}
section.jr div.cr_box th {color: #f26683; background:#fcf2f2; position: relative; z-index: 6;}
section.hi div.cr_box th {color: #2d97d3; background:#e3f3fc; position: relative; z-index: 7;}
/******color//***/

div.cr_box th::after {
    content:'';
    position:  absolute;
    height: 15px;
    width: 15px;
   /* background-color: #E6FFE9;*/
    transform:  rotate(45deg);
    top: 40px;
    right:43%;
    z-index:  -1;
}
/***color***/
section.el div.cr_box th::after {background-color: #E6FFE9;}
section.jr div.cr_box th::after {background-color: #fcf2f2;}
section.hi div.cr_box th::after {background-color: #e3f3fc;}
/****color//***/

/*div.cr_box th.width_a{width:40px;}
div.cr_box th.width_b{width:260px;}
div.cr_box th.width_c{width:100px;}
div.cr_box th.width_d{width:60px;}	*/
div.cr_box th.width_a{width:8%;}
div.cr_box th.width_b{width:38%;}
div.cr_box th.width_c{width:11%;}
div.cr_box th.width_d{width:21%;}

section.el div.cr_box tr{border-bottom: 1px solid #CBFFD3;}
section.jr div.cr_box tr{border-bottom: 1px solid #faeeee;}
section.hi div.cr_box tr{border-bottom: 1px solid #c0e0f2;}
section.el div.cr_box tr:first-child, section.el div.cr_box tr:last-child{border:none;}
section.jr div.cr_box tr:first-child, section.jr div.cr_box tr:last-child{border:none;}
section.hi div.cr_box tr:first-child, section.hi div.cr_box tr:last-child{border:none;}
/*div.cr_box tr:nth-child(odd) {
    background-color:  #FFFFEE;
}*/

div.cr_box th{
  padding: 0.7rem 0.5rem;
  text-align: center;
  /*border-left: 1px dashed #90EE90;*/
}
div.cr_box td{
  padding: 1rem 0.5rem;
  text-align: center;
  /*border-left: 1px dashed #90EE90;*/
}
section.el div.cr_box th, section.el div.cr_box td{border-left: 1px dashed #90EE90;}
section.jr div.cr_box th, section.jr div.cr_box td{border-left: 1px dashed #f8d8d8;}
section.el div.cr_box th, section.el div.cr_box td{border-left: 1px dashed #c0e0f2;}

div.cr_box td:nth-child(3){
  text-align: center;
}

div.cr_box td:nth-child(4){
  text-align: left;
}
div.cr_box td:nth-child(5){
  text-align: center;
}
/****table color****/
section.el div.cr_box table {border: 2px solid #16b487;}
section.jr div.cr_box table {border: 2px solid #f26683;}
section.hi div.cr_box table {border: 2px solid #2d97d3;}
/****table color****/

}

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

div.cr_box table {
width:95%;
}
div.cr_box .heading {
display: none;
}

div.cr_box th, div.cr_box td{
  padding: 1rem 0.5rem;
  text-align: center;
  /*border-left: 1px dash #AFEEEE;*/
}

section.el div.cr_box tr{border-top: 1px solid  #16b487;}
section.jr div.cr_box tr{border-top: 1px solid  #f36e89;}
section.hi div.cr_box tr{border-top: 1px solid  #2d97d3;}
section.el div.cr_box td{border-bottom: 1px dashed  #90EE90;}

div.cr_box td {display: block;}

section.el div.cr_box .cr_title {background: #E6FFE9; color: #16b487;}
section.jr div.cr_box .cr_title {background: #faeeee; color: #f26683;}
section.hi div.cr_box .cr_title {background: #C2EEFF; color: #2d97d3;}

div.cr_box td::before {
content: attr(data-label);
font-size: .875rem;
/*color: #16b487;*/
display: block;
margin-bottom: 0.25rem;
}
section.el div.cr_box td::before {color: #16b487;}
section.jr div.cr_box td::before {color: #f26683;}
section.hi div.cr_box td::before {color: #2d97d3;}

div.cr_box td.cr_title {
	position:  relative;        /* 菴咲ｽｮ謖�ｮ� */
	z-index: 10;                /* 驥阪↑繧願ｪｿ謨ｴ */
}

div.cr_box td.cr_title::after {
    content:'';                 /* 遨ｺ縺ｮ隕∫ｴ�繧剃ｽ懊ｋ */
    position:  absolute;        /* 菴咲ｽｮ謖�ｮ� */
    height: 22px;               /* 鬮倥＆謖�ｮ� */
    width: 22px;                /* 蟷�欠螳� */
    /*background-color: #E6FFE9;*/  /* 閭梧勹濶ｲ謖�ｮ� */
    transform:  rotate(45deg);  /* 隕∫ｴ�繧貞屓霆｢ */
    top: 40px;                   /* 菴咲ｽｮ謖�ｮ� */
    right:48%;               /* 菴咲ｽｮ謖�ｮ� */
    z-index:  -1;               /* 驥阪↑繧願ｪｿ謨ｴ */
}

section.el div.cr_box td.cr_title::after {background-color: #E6FFE9;}
section.jr div.cr_box td.cr_title::after {background-color: #faeeee;}
section.hi div.cr_box td.cr_title::after {background-color: #C2EEFF;}

div.menu tr td span.bg_red{
background:#DC143C;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
padding:0.3rem 0.4rem;
color:#FFF;
font-weight:bold;
}
div.menu tr td span.bg_blue{
background:#99CCCC;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
padding:0.3rem 0.4rem;
color:#FFF;
}


/*****accordion***/
.cr_box #menu_bar01:checked ~ #links01 li,
.cr_box #menu_bar02:checked ~ #links02 li,
.cr_box #menu_bar03:checked ~ #links03 li,
.cr_box #menu_bar04:checked ~ #links04 li,
.cr_box #menu_bar05:checked ~ #links05 li,
.cr_box #menu_bar06:checked ~ #links06 li,
.cr_box #menu_bar07:checked ~ #links07 li,
.cr_box #menu_bar08:checked ~ #links08 li,
.cr_box #menu_bar09:checked ~ #links09 li,
.cr_box #menu_bar10:checked ~ #links10 li,
.cr_box #menu_bar11:checked ~ #links11 li {
  max-height: 2000px; /*髢九＞縺溘→縺阪↓陦ｨ遉ｺ縺輔ｌ繧詰i縺ｮ鬮倥＆*/
  opacity: 1;
  -webkit-transition: all 0.5s; /*髢九￥縺ｨ縺阪�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
 /*髢九＞縺溘→縺阪�荳九�菴咏區*/
.cr_box #menu_bar01:checked ~ #links01 li:last-child,
.cr_box #menu_bar02:checked ~ #links02 li:last-child,
.cr_box #menu_bar03:checked ~ #links03 li:last-child,
.cr_box #menu_bar04:checked ~ #links04 li:last-child,
.cr_box #menu_bar05:checked ~ #links05 li:last-child,
.cr_box #menu_bar06:checked ~ #links06 li:last-child,
.cr_box #menu_bar07:checked ~ #links07 li:last-child,
.cr_box #menu_bar08:checked ~ #links08 li:last-child {
  margin-bottom: 10px;
}

.cr_box .menu ul li td:last-child{
  border-bottom:none;
}

/*繝舌�驛ｨ蛻�*/
.cr_box .menu label {
  font-size: 1.1rem;
  margin: 0 auto 10px;
  padding: 15px;
}


/*髢峨§縺溽憾諷九�遏｢蜊ｰ謠冗判*/
.cr_box .menu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  /*border-top: #16b487 2px solid;
  border-right: #16b487 2px solid;*/
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 10%;
  top: 0;
  bottom: 15%;
  margin:auto;
}
/*髢九＞縺溽憾諷九�遏｢蜊ｰ謠冗判*/
.cr_box .menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  /*border-top: #16b487 2px solid;
  border-right: #16b487 2px solid;*/
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 10%;
  top: 7%;
  bottom: 0;
  margin:auto;
}


}