@charset "UTF-8";
/* CSS Document */

img {display: block;}
.meiryo {font-family: Meiryo, "sans-serif";}
.pc-indent {padding-left: 0em;}
.instructor-h2 {
  background: #000;
  color:#fff;
  font-size: 18px;
  margin: 30px auto 10px;
  text-align: center;
  width:98.5%;
}
.instructor {
  float:none;
  margin: 10px 0;
  width:100%;
}
.education-ttl {
  background: #fff;
  margin-bottom: 50px;
  padding:40px 0 30px;
  text-align: center;
  width:100%;
}
.education-ttl img {
  margin:0 auto;
  max-width: 580px;
  width:96%;
}
.class-detail {
  background: #fff;
  margin:50px auto;
  max-width:540px;
  padding:20px;
}
.col-open {
  color:#992e2d;
}
.about-icon {
  margin:50px auto;
  max-width: 640px;
}
.arrow-btm {
  margin:10px auto;
  max-width: 80px;
  width:10%;
}
.align-right {text-align: right;}
.align-center {text-align: center;}
.bg-gray {
  background: #e9e8e9;
  color:#000;
  padding:20px;
}
.bg-white {background: #fff;}
#go-back {
  background: #000;
  border:2px solid #fff;
  border-radius: 16px;
  color:#fff;
  cursor: pointer;
  display:inline-block;
  font-size: 15px;
  height:32px;
  line-height: 30px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  transition: all, .3s;
}
#go-back:hover {background: #666;cursor: pointer;}
.page-back {
  margin:50px auto;
  text-align: center;
}
.link-footer {
  color:#000;
  font-size: 13px;
  text-align: center;
}
.link-footer a {color:#000;}
.info-h2 {
  font-weight: bold;
  margin-bottom: 0.25em;
}
.level {
  border-radius: 10px;
  color:#fff;
  display:inline-block;
  font-size: 10px;
  letter-spacing: 0.5em;
  line-height: 20px;
  margin-top:-50px;
  padding-left:1em;
  padding-right:0.5em;
  text-align: center;
}
.level-bz{background: #000;}
.level-eb{background: #704a38;}
.level-tr{background: #c2776d;}
.level-sd{background: #6f2861;}
.level-s{background: #902a27;}
.level span {opacity: .5;}
.ttl-e-academy {
  margin: 0 auto 30px;
  max-width: 750px;
}
.h3-seminar {
  font-size: 18px;
  margin-bottom: 12px;}
.seminar-wrap {
  background: #fff;
  padding:20px;
}
.seminar {
  padding:10px;
}
.s-d {
  border:2px solid #6f2861;
  margin-bottom: 30px;
}
.es {
  border:2px solid #1d919a;
  margin-bottom: 30px;
}
.s-basic {
  border:2px solid #902a27;
  margin-bottom: 30px;
}
.s-eyebrow {
  border:2px solid #704a38;
  margin-bottom: 0px;
}
.s-trend {
  border:2px solid #c2776d;
  margin-bottom: 0px;
}
.s-bz {
  border:2px solid #000;
  margin-bottom: 0px;
}
.seminar-ttl {
  margin-bottom: 12px;
  max-width: 640px;
}
.seminar-txt {
  display: block;
}
.seminar1 {
  display: block;
  width:100%;
}
.seminar2 {
  display: block;
  width:100%;
}
.seminar-h2 {
  font-size: 20px;
  margin:0 auto 10px;
  padding:0 1%;
}
.h2-es {
  border-bottom: 2px solid #1d919a;
  color:#1d919a;
}
.line-es {border-bottom: 1px solid #1d919a;}
.hosoku {
  color:#000;
  font-size: 10px;
  line-height: 1.5;
  margin:16px auto;
  max-width:980px;
  text-align: justify;
  width:97%;
}
.hosoku a {color:#000; text-decoration: underline;}
.s-cr2-teacher {
  margin:0 auto;
  max-width: 640px;
}
.menu-ed {
  margin:0 auto;
  max-width: 540px;
}
.menu-ed li {
  position: relative;
  width: 100%;
}
.menu-ed li:hover { opacity:0.7; }
.menu-ed li a {
  display: block;
  height:100%;
  position: relative;
  width:100%;
}
.sub-jp { font-size: 11px; }
.menu-ed-btn {
  background-color: rgba(255,255,255,0);
  border:1px solid #444;
  float:none;
  font-size: 18px;
  line-height: 1;
  margin:20px auto;
  padding:12px 0 16px 1.5em;
  position: relative;
  text-align: left;
  transition: all, 0.3s;
  width:100%;
}
.li-tn {
  background-position: right, top;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right:0;
  top:0;
}
.li-tn-eyebrow {background-image: url("../images/li-tn-eyebrow.jpg")}
.li-tn-trend {background-image: url("../images/li-tn-trend.jpg")}
.li-tn-creation {background-image: url("../images/li-tn-creation.jpg")}
.li-tn-business {background-image: url("../images/li-tn-business.jpg")}
.li-tn-basic {background-image: url("../images/li-tn-basic.jpg")}
.li-tn-design {background-image: url("../images/li-tn-design.jpg")}
.li-tn-cosme {background-image: url("../images/li-tn-cosme.jpg")}
.li-tn-es {background-image: url("../images/li-tn-es.jpg")}
.menu-ed-annotation {
  font-size: 11px;
  margin:0 auto;
  max-width: 540px;
  text-align: center;
}
.table {
  border-collapse: collapse;
  display: table;
  margin: 0 auto 50px;
  width:100%;
}
.table-cell {
  background: #333;
  border: 1px solid #000;
  display: table-cell;
  font-size: 11px;
  line-height: 1;
  padding:10px;
}
.table-cell-s {
  background: #333;
  border: 1px solid #000;
  display: table-cell;
  font-size: 11px;
  line-height: 1;
  padding:5px;
}
.table-cell:hover {background: #992e2d;}
.col2 {width:50%;}
.col4 {width:25%;}
.col5 {width:20%;}
.table-cell-current {
  background: #992e2d;
}
.icon-new {
  margin-bottom: -24px;
  width:60px;
}
/*artist名鑑*/
.artist-ul {margin:50px auto;}
.artist-ul li {
  background: #333;
  float:left;
  margin:0 1% 20px;
  position: relative;
  transition: all, .3s;
  width:98%;
}
.artist-ul li:hover {background: #992e2d; cursor: pointer;opacity: 0.7;}
.artist-tn {
  float:left;
  height:100px;
  width:100px;
}
.artist-txt {
  float:right;
  height:100px;
  padding-top: 10px;
  text-align: left;
  width:calc(100% - 120px);
}
.artist-name {
  font-size: 16px;
  font-weight: normal;
}
.artist-name span {font-size: 0.8em;}
.salon-name {
  font-size: 12px;
  font-weight: normal;
}
.icon-line {
  display: inline-block;
  float:right;
  margin-left: 12px;
  width:110px;
}

/*2312追記*/
.cma-disc {
  margin: 0 auto 50px;
  max-width:480px;
  width:80%
}
.cma-h2 {
  border-bottom: 1px solid #444;
  border-top: 1px solid #444;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 1em;
  text-align: center;
}
.cma-p {
  font-size: 13px;
  line-height: 1.75;
  text-align: justify;
}
.artist-memo {
  font-size: 10px;
  position: absolute;
  bottom:0;
  left:0px;
}
.s-eb-arrow {
  margin:5px auto 0;
  max-width: 100px;
  width:10%
}
.memo-icon {
  margin:20px auto;
  width:98%;
}

@media only screen and (min-width: 751px ) {
  .icon-line {width:150px;}
  .pc-indent {padding-left: 1em;}
  .instructor {
  float:left;
  margin: 10px 0;
  width:49%;
}
  .level {
  border-radius: 13px;
  font-size: 13px;
  line-height: 26px;
}
  .seminar {padding:10px;}
.seminar-txt {
  display: table;
}
.seminar1 {
  display: table-cell;
  width:50%;
}
.seminar2 {
  display: table-cell;
  width:50%;
}
  .vertical-align-top {vertical-align:top!important;}
  .seminar-h2 {font-size: 24px;}
  .menu-ed-btn {padding:22px 0 26px 1.5em;}
  .table-cell {font-size: 13px;}
  .table-cell-s {font-size: 13px;padding:10px;}
  .artist-ul li {width:31.3333%;}
}