@charset "utf-8";

/* ****************************************************************************************************
   * common
**************************************************************************************************** */

.title-3 {
	min-height: 27px;
	margin: 0 0 1em;
	padding: 4px 1em 4px 16px;
	font-size: 18px;
	border-style: solid;
	border-width: 2px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-color: #58a7d2;
	background-color: #e9e9e9;
	background-image: url(../../../images/course1/common/title-sub-1.png);
	background-repeat: repeat-y;
	position: relative;
}

.title-3:after {
	content: '';
	width: 100%;
	height: 2px;
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

#main #group-menu ul.nav {
  border-color: #307ab7;
}

#main #group-menu ul.nav li a {
  color: #307ab7;
}

/* table */

#main table.default {
  font-size: 0.9em;
}

#main table.default caption {
  font-weight: bold;
  color: #307ab7;
  text-align: left;
}

#main table.default th {
  font-weight: bold;
  background: #b5dcf1;
  border-color: #58a7d2;
}

#main table.default td {
  border-color: #58a7d2;
  text-align: center;
}

/* ****************************************************************************************************
   * curriculum
**************************************************************************************************** */

#main.page-curriculum #curriculum div.reasonable .message {
  font-size: 1.3em;
}

#main.page-curriculum #curriculum div.reasonable figure {
  margin-top: 1em;
}

/* btn 1 */

#main.page-curriculum #curriculum ul.btn,
#main.page-curriculum #curriculum ul.btn li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#main.page-curriculum #curriculum ul.btn {
  letter-spacing: -0.4em;
  text-align: center;
  padding: 0 10px;
  margin-left: -3%;
}

#main.page-curriculum #curriculum ul.btn li {
  display: inline;
  letter-spacing: normal;
}

#main.page-curriculum #curriculum ul.btn li a {
  width: 47%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #fff;
  background-color: #666;
  padding: 0.5em;
  padding-left: 1.5em;
  margin-left: 3%;
  border-radius: 6px;
  box-shadow: 0 3px 3px 0 #aaa;
}

#main.page-curriculum #curriculum ul.btn li a:before {
  content: "";
  position: absolute;
  top: 33%;
  left: 0.5em;
  width: 0.8em;
  height: 100%;
  background: url(../../_images/_common/arrow-btn-right-1.png) no-repeat;
  background-size: contain;
}

/* btn 2 */

#main.page-curriculum #curriculum div.slide-content .btn {
  text-align: center;
}

#main.page-curriculum #curriculum div.slide-content .btn a {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  padding: 0.3em 3em 0.3em 2em;
  background-color: #f2f2ea;
  border: 2px solid #bcbcbc;
  border-radius: 6px;
  box-shadow: 0 3px 4px 0 #ddd;
}

#main.page-curriculum #curriculum div.slide-content .btn a:after {
  position: absolute;
  content: "";
  top: 33%;
  right: 1em;
  width: 1em;
  height: 100%;
  background: url(../../_images/_common/arrow-btn-down.png) no-repeat;
  background-size: contain;
}

#main.page-curriculum #curriculum div.slide-content .btn.active a:after {
  background: url(../../_images/_common/arrow-btn-up.png) no-repeat;
  background-size: contain;
}

/* timetable */

#main.page-curriculum #curriculum div.timetable div.slide-content-body {
  padding: 0;
}

#main.page-curriculum #curriculum div.timetable .title {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

/* table */

#main.page-curriculum #curriculum table.class caption {
  font-weight: bold;
  color: #307ab7;
  text-align: left;
}

#main.page-curriculum #curriculum table.class th {
  font-weight: bold;
  color: #307ab7;
  background: #fff;
  border-color: #58a7d2;
}

#main.page-curriculum #curriculum table.class td {
  border-color: #58a7d2;
  text-align: center;
}

#main.page-curriculum #curriculum table.class td:last-child {
  text-align: left;
}

/* message */

#main.page-curriculum #curriculum div.message ul,
#main.page-curriculum #curriculum div.message ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#main.page-curriculum #curriculum div.message ul {
  margin-top: 1em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * cost
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-curriculum #curriculum div.cost div.kyouzai div.slide-content,
#main.page-curriculum #curriculum div.cost div.kyouzai div.slide-content div.slide-content-body {
  padding: 0;
}

#main.page-curriculum #curriculum div.cost div.kyouzai .title {
  font-size: 1.1em;
}

#main.page-curriculum #curriculum div.cost div.kyouzai table.default td:nth-child(2) {
  text-align: left;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * kanaebox
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-curriculum #curriculum div.kanaebox-cost div.slide-content-body {
  padding: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * test
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-curriculum #curriculum div.test .title {
  color: #307ab7;
}

#main.page-curriculum #curriculum div.test table th {
  font-weight: bold;
  background: #b5dcf1;
  border-color: #58a7d2;
}

#main.page-curriculum #curriculum div.test table td {
  border-color: #58a7d2;
  text-align: center;
}

/* ****************************************************************************************************
   * newmenu
**************************************************************************************************** */

#main.page-newmenu #newmenu div.message {
  font-weight: bold;
}

#main.page-newmenu #newmenu div.message strong {
  font-size: 1.2em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * motto
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * kanaebox
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-newmenu #newmenu div.kanaebox-cost div.slide-content-body {
  padding: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ronri
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main.page-newmenu #newmenu div.ronri .point {
  color: #317ab7;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * teamkanko
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ****************************************************************************************************
   * workshop
**************************************************************************************************** */

#main #workshop div.content {
  padding: 0 10px;
}

#main #workshop .catch {
  font-size: 1.1em;
  font-weight: bold;
  color: #317ab7;
}

#main #workshop div.detail .subject {
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 0.2em 2em;
  background: #58a7d2;
  margin-right: 1em;
}

#main #workshop div.detail .period {
  font-size: 2em;
  color: #ec6294;
}

#main #workshop div.detail .time {
  font-size: 1.1em;
  line-height: 2;
}

#main #workshop hr {
  height: 1px;
  border: none;
  background: #58a7d2;
  margin: 1.5em 0;
}

#main #workshop table.default td {
  vertical-align: top;
}

#main #workshop table.calendar caption {
  font-size: 1.2em;
  text-align: center;
  color: inherit;
}

#main #workshop table.calendar tr:first-child th:first-child {
  color: red;
}

#main #workshop table.calendar tr:first-child th:last-child {
  color: blue;
}

#main #workshop table.calendar td.on {
  background: #ffc0cb;
}

#main #workshop table.calendar td.on.etc {
  background: #ec6294;
}