/* BLUE
-----------------------*/
/* GRAY
-----------------------*/
/* [ 最新の講座紹介 ]
-----------------------*/
.community--latest thead th {
  background: #023462;
  color: #FFF;
  text-align: center; }
.community--latest .col01 {
  width: 180px; }
.community--latest .col02 {
  width: 180px; }
.community--latest .col04 {
  width: 120px; }
.community--latest .col05 {
  width: 120px; }
@media screen and (max-width: 740px) {
  .community--latest .col01 {
    width: 18%; }
  .community--latest .col02 {
    width: 18%; }
  .community--latest .col04 {
    width: 12%; }
  .community--latest .col05 {
    width: 12%; } }
.community--latest td.col04 {
  text-align: right; }
.community--latest td.col05 {
  text-align: center; }
.community--latest tbody td {
  vertical-align: middle;
  box-sizing: border-box; }
.community--latest tbody td a {
  display: block; }
.community--latest tbody .red {
  color: #CC0000; }

/* [ お申し込み方法 ]
-----------------------*/
.community--apply .note {
  color: #023462; }

/* [ 過去の講座 ]
-----------------------*/
.community--archive .tpl-grid-wrap > ul > li {
  display: table; }
.community--archive .tpl-grid-wrap > ul > li > p {
  display: table-cell;
  vertical-align: middle; }
.community--archive .tpl-grid-wrap > ul > li .tpl-box-border a {
  display: block;
  margin: -20px;
  padding: 20px;
  color: #023462;
  background-position: 10px center; }

/* [ 過去の講座 表タイプのリスト ]
-----------------------*/
.community--archive-list thead th {
  background: #023462;
  color: #FFF;
  text-align: center; }
.community--archive-list .tpl-table-wrap > table {
  table-layout: fixed; }
.community--archive-list tbody td {
  vertical-align: middle;
  box-sizing: border-box; }
.community--archive-list tbody td a {
  display: block; }
.community--archive-list tbody .red {
  color: #CC0000; }

/* [ 過去の講座 表タイプのリスト（オープン?カレッジ） ]
-----------------------*/
.open.community--archive-list .col01 {
  width: 100px; }
.open.community--archive-list .col02 {
  width: 120px; }
.open.community--archive-list .col03 {
  width: 420px; }
@media screen and (max-width: 740px) {
  .open.community--archive-list .col01 {
    width: 10%; }
  .open.community--archive-list .col02 {
    width: 12%; }
  .open.community--archive-list .col03 {
    width: 42%; } }
.open.community--archive-list td.col01 {
  text-align: center; }
.open.community--archive-list td.col02 {
  text-align: left; }

/* [ 最新の講座紹介 ３カラムタイプのリスト ]
-----------------------*/
.open--latest .red {
  color: #CC0000; }
.open--latest li a {
  margin: -20px;
  display: block;
  padding: 20px; }
.open--latest li a:hover {
  text-decoration: none; }
.open--latest .title {
  color: #023462;
  font-weight: bold;
  line-height: 1.4 !important; }
.open--latest li a:hover .title {
  text-decoration: underline; }
.open--latest .outline {
  padding: 10px 0;
  margin: 10px 0;
  font-size: 13px;
  color: #333;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }
.open--latest .outline dt {
  float: left;
  clear: both;
  width: 70px;
  padding-top: 5px;
  font-weight: bold; }
@media screen and (max-width: 740px) {
  .open--latest .outline dt {
    float: none;
    width: auto; } }
.open--latest .outline dd {
  overflow: hidden;
  padding-top: 5px; }
@media screen and (max-width: 740px) {
  .open--latest .outline dd {
    padding-top: 0; } }
.open--latest .txt {
  font-size: 13px;
  color: #333; }

/* [ 講座 詳細ページ ]
-----------------------*/
.community--archive-detail .red {
  color: #CC0000; }
.community--archive-detail .message {
  padding: 0 0 20px; }
@media screen and (max-width: 740px) {
  .community--archive-detail .message {
    padding: 0 0 10px; } }
.community--archive-detail .title span {
  font-size: 16px; }
@media screen and (max-width: 740px) {
  .community--archive-detail .title span {
    font-size: 14px; } }
.community--archive-detail .outline {
  border-bottom: 1px solid #023462;
  padding-bottom: 30px; }
@media screen and (max-width: 740px) {
  .community--archive-detail .outline {
    padding-bottom: 20px; } }
.community--archive-detail .outline dt {
  width: 60px;
  float: left;
  padding-bottom: 15px; }
.community--archive-detail .outline dd {
  overflow: hidden;
  padding-bottom: 15px; }
@media screen and (max-width: 740px) {
  .community--archive-detail .outline dt {
    width: 50px;
    padding-bottom: 10px; }
  .community--archive-detail .outline dd {
    padding-bottom: 10px; } }
.community--archive-detail .outline .btn {
  clear: both; }
.community--archive-detail #entry .btn-col2 .tpl-btn {
  min-width: 450px; }
@media screen and (max-width: 740px) {
  .community--archive-detail #entry .btn-col2 .tpl-btn:first-child {
    margin-bottom: 10px; } }
.community--archive-detail dl.col2 {
  margin-top: -10px; }
.community--archive-detail dl.col2 dt {
  width: 60px;
  float: left;
  clear: both;
  font-weight: bold;
  padding-top: 10px; }
@media screen and (max-width: 740px) {
  .community--archive-detail dl.col2 dt {
    width: 50px; } }
.community--archive-detail dl.col2 dd {
  overflow: hidden;
  padding-top: 10px;
  font-size: 18px; }
@media screen and (max-width: 740px) {
  .community--archive-detail dl.col2 dd {
    font-size: 14px; } }