@charset "UTF-8";
/* =============================================
共通
============================================= */
/* 日数ラベル
----------------------------- */
.label {
  display: inline-block;
  min-width: 70px;
  padding: 2px 5px 1px;
  margin-left: 0.5em;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 85.71429%;
  text-align: center;
  background-color: #666; }
  .label--3hours {
    background-color: #ff9c00; }
  .label--1day {
    background-color: #35a5eb; }
  .label--1stay {
    background-color: #7cc9ff; }
  .label--2day {
    background-color: #4777e5; }
  .label--2stay {
    background-color: #9196ff; }
  .label--3day {
    background-color: #a770e6; }
  .label--4day {
    background-color: #FA58AC; }
  .label--5day {
    background-color: #FF0040; }
  .label--online {
    background-color: #ff3399; }

.theme__tableWrap {
  background-color: #0068b7;
  padding: 10px; }

/* ヴィジュアル部分
-------------------------------- */
.visual {
  height: 310px; }
  .visual__lead {
    margin-left: 10px;
    line-height: 1.71429; }

/* 印刷ボタン
-------------------------------- */
.print {
  text-align: right; }

/* ローカルナビ
-------------------------------- */
.lnav {
  margin: 0 0 10px; }
  .lnav__floater {
    width: 100%;
    background: #e83781; }
    .lnav__floater.is-nav-fixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10; }
  .lnav .m-container {
    position: relative; }
  .lnav__item {
    float: left;
    margin-left: 8px; }
    .lnav__item > li {
      float: left;
      background-color: #fff; }
  .lnav .other {
    position: relative;
    float: right;
    padding: 11px 24px 0 0; }
    .lnav .other:after {
      content: '';
      position: absolute;
      top: 14px;
      right: 12px;
      width: 1px;
      height: 25px;
      background-color: #cdccca; }

/* .themeTable
-------------------------------- */
#freshman-color thead{
	background-color: #83ca21;
}
#young-color thead{
	background-color: #008d00;
}
#middle-color thead{
  background-color: #00d3ff;
}
#leader-color thead{
  background-color: #009bd6;
}
#manager-color thead{
  background-color: #f08500;
}


.themeTable {
  border: 0;
  width: 100%;
  background-color: #0068b7;
  line-height: 1.71429; }
  .themeTable thead {
    color: #fff; }
    .themeTable thead th {
      padding-bottom: 10px; }
  .themeTable tbody th, .themeTable tbody td {
    background-color: #e4f3ff;
    padding: 10px 15px;
    text-align: left;
    vertical-align: top; }
  .themeTable tbody th {
    border-bottom: 10px solid transparent; }
  .themeTable tbody .themeTable__btmBd {
    border-bottom: 1px solid #0068b7; }
  .themeTable tbody td:last-child {
    background-color: #ffffff;
    width: 479px; }
  .themeTable tbody ul {
    line-height: 1.57143;
    width: 449px; }
  .themeTable tbody li {
    padding-left: 12px;
    background: url("/open-course/img/common/icon_arrow_r.png") 0 8px no-repeat; }
    .themeTable tbody li + li {
      margin-top: 8px; }
    .themeTable tbody li a {
      text-decoration: underline; }
      .themeTable tbody li a:hover {
        text-decoration: none; }
  .themeTable .themeTable__theme {
    width: 190px;
    font-weight: bold; }
  .themeTable .themeTable__theme--last {
    border-bottom: 0; }
  .themeTable .themeTable__task {
    width: 244px;
    font-weight: bold; }
  .themeTable .themeTable__empty {
    background: transparent;
    width: 10px;
    height: 10px;
    padding: 0; }
    .themeTable .themeTable__empty:last-child {
      background: transparent;
      width: 100%; }
  .themeTable .themeTable__allow {
    position: relative;
    width: 30px;
    background: transparent;
    vertical-align: middle;
    padding: 0; }
    .themeTable .themeTable__allow span {
      display: inline-block;
      margin: auto auto auto 9px;
      width: 0;
      height: 0;
      border-width: 15px 14px;
      border-color: transparent transparent transparent #fff;
      border-style: solid; }

/* .courseTable
-------------------------------- */
.courseTable thead {
  background-color: #0068b7;
  color: #fff;
  text-align: center;
  font-weight: bold; }
  .courseTable thead th {
    padding: 10px 5px; }
  .courseTable thead th + th {
    border-left: 1px solid #fff; }
.courseTable__skill {
  width: 100px; }
.courseTable__permisson {
  width: 100px; }
.courseTable__genre {
  width: 100px; }
.courseTable tbody th, .courseTable tbody td {
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #eee;
  border-top: none;
  border-color: #ccc #eee;
  font-weight: bold; }
.courseTable tbody th {
  border-left: 1px solid #ccc;
  width: 100px; }
.courseTable tbody td:nth-last-child(3),
.courseTable tbody td:nth-last-child(4),
.courseTable tbody td:nth-last-child(5) {
  width: 100px; }
.courseTable tbody p {
  margin-bottom: 5px; }

.courseTable tbody p:last-child {
  text-align: right;
  margin-bottom: 0; }
.courseTable tbody p:first-child {
  text-align: left;
  margin-bottom: 0; }

.courseTable tbody a {
  text-decoration: underline; }
  .courseTable tbody a:hover {
    text-decoration: none; }
.courseTable tbody tr td:nth-last-child(-n+2) {
  padding-bottom: 10px;
  border: none;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
  width: 340px; }
  .courseTable tbody tr td:last-child {
    border-right: 1px solid #ccc; }
  .courseTable tbody tr td.courseTable__item--bdDot {
    border-bottom: 1px dotted #cccccc; }
.courseTable tbody tr:nth-child(odd) td:nth-last-child(-n+2) {
  background-color: #f1f9ff; }

/* .totop
---------------------- */
.totop {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 30px; }
  .totop a {
    font-size: 85.71429%;
    background: url("/open-course/img/common/icon_line-totop.png") left center no-repeat;
    padding: 0 0 0 13px; }

/* .m-banner
---------------------- */
.m-banner {
  margin-bottom: 50px; }

/*# sourceMappingURL=theme_common.css.map */

/*live/.updateCategory  .articleBox-content*/
.updateCategory{
 margin-bottom: 35px;}
.articleBox-content .heading-bg-gray{
    margin-bottom: 20px;
    padding: 3px 10px;
    color: #fff;
    font-size: 18px;
    background: #7b7b7b; }
.open-course-footerBnr{
  text-align: center;
  margin: 20px 0  30px 0;
}
.articleBox-content .column-unit{
    margin-top: 20px;
    letter-spacing: -.4em; }
.articleBox-content .column-unit .column-three{
    width: 307px;
    margin-right: 28px; }
.articleBox-content .column-unit .column-three:nth-child(3n) {
    margin-right: 0 !important; }
.articleBox-content .column-unit .column-item{
    display: inline-block;
    margin-bottom: 30px;
    letter-spacing: 0;
    vertical-align: top; }
.articleBox-content .column-unit .column-item > *:first-child{
   margin-bottom:0 !important; }
.articleBox-content .column-unit .column-item > *:last-child{
   margin-bottom:0 !important; }
.articleBox-content .column-unit .column-item .column-thumbnail{
   margin-bottom: 20px; }
.articleBox-content .column-unit .column-item .column-thumbnail img{
       width: 100%; }
.articleBox-content .column-unit .column-item .text > *:first-child{
    margin-bottom: 0 !important; }
.articleBox-content .column-unit .column-item .text > *:last-child{
    margin-bottom: 0 !important; }
.articleBox-content .column-unit .column-item .text .link-arrow{
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    text-indent: -9px; }
.articleBox-content .column-unit .column-item .text .link-arrow:before{
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: 3px;
    margin-right: 6px;
    content: "\f105";
    color: #0071bb;
    text-decoration: none;
    font-family: FontAwesome; }
.articleBox-content .column-unit .column-item .text .font-lgview-lg{
    font-size: 15px; }
.articleBox-content .column-unit .column-item .text .font-bold{
    font-family: "ゴシックMB101 DB", Gothic MB101 DemiBold, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal; font-weight: bold;}


    .position{
    position:relative;
    top:-18px;
    }
/**/