<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "euc-jp";

/* ---------------------------------------------------------------

  under.css

--------------------------------------------------------------- */

/*
  common
--------------------------------------------------------------- */
.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fwb { font-weight: bold; }
.fwn { font-weight: normal; }

/*
  course
--------------------------------------------------------------- */


/*  course-tab-area
------------------------------------------ */

.course-tab-area .tabs {
  padding-top: 20px;
  background: #e6e6e6;
}

.course-tab-area .tabs ul {
  overflow: hidden;
  width: 1000px;
  margin: auto;
}

.course-tab-area .tabs ul li {
  float: left;
  margin-left: 20px;
}

.course-tab-area .tabs ul li:first-child {
  margin-left: 0;
}

.course-tab-area .tabs ul li a,
.course-tab-area .tabs ul li span {
  position: relative;
  display: block;
  width: 320px;
  height: 50px;
  overflow: hidden;
}

/*  .tab-contents
------------------------------------------ */

.course-tab-area .tab-content .inner {
  padding-top: 50px;
}

/*  course-ttl
------------------------------------------ */

.course-tab-area .tab-content .course-ttl {
  position: relative;
  font-size: 30px;
  text-align: center;
}


.course-tab-area .tab-content .course-ttl span {
  position: relative;
  display: inline-block;
  line-height: 1;
}


.course-tab-area .tab-content .course-ttl span:after {
  content: " ";
  display: block;
  width: 100%;
  height: 6px;
  background: #fffc00;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}

/*  course-list
------------------------------------------ */

.course-tab-area .tab-content .course-list {
  padding: 65px 0 75px;
  text-align: center;
}

.course-tab-area .tab-content .course-list li {
  display: inline-block;
  margin: 0 20px;
}

.course-tab-area .tab-content .course-list li img{
  width: 160px;
}

.course-tab-area .tab-content .course-list li:first-child {
  margin-left: 0;
}

.course-tab-area .tab-content .course-list li:last-child {
  margin-right: 0;
}

.course-tab-area .tab-content .course-list li a {
  color: #000;
  font-size: 15px;
}

.course-tab-area .tab-content .course-list li a p {
  padding-top: 15px;
}

/*  course-des-area
------------------------------------------ */

.course-tab-area .tab-content .course-des-area {
  padding-bottom: 30px;
}

.course-tab-area .tab-content .course-des-area &gt; * {
  margin-bottom: 30px;
}

.course-tab-area .tab-content .course-des-area &gt; a {
  margin-bottom: 0;
}

.course-tab-area .tab-content .course-des-area .step {
  text-align: center;
}

.course-tab-area .tab-content .course-des-area .step-under-txt {
  text-align: center;
  font-size: 17px;
  color: #333;
}

.course-tab-area .tab-content .checked-list li {
  padding-left: 20px;
  background: url(/resource/img/under/course/check.png) left 3px no-repeat;
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 5px;
  color: #222;
}

.course-tab-area .tab-content .checked-list li:last-child {
  padding-bottom: 0;
}

/*  sys-box
------------------------------------------ */

.course-tab-area .tab-content .sys-des-area {
  overflow: hidden;
}

.course-tab-area .tab-content .sys-des-area .sys-box {
  width: 480px;
  height: 229px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.course-tab-area .tab-content .sys-des-area .sys-box:last-child {
  float: right;
}


.course-tab-area .tab-content .sys-box {
  border: 3px solid;
}
.course-tab-area .tab-content .sys-box.ticket { border-color: #da8181; }
.course-tab-area .tab-content .sys-box.class { border-color: #45BE5E; }


.course-tab-area .tab-content .sys-box .ttl {
  line-height: 38px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
}
.course-tab-area .tab-content .sys-box.ticket .ttl { background: #da8181; }
.course-tab-area .tab-content .sys-box.class .ttl { background: #45BE5E; }


.course-tab-area .tab-content .sys-box .sys-box-in {
  padding: 20px;
}

.course-tab-area .tab-content .sys-box .sys-box-in &gt; p {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.course-tab-area .tab-content .sys-box .sys-box-in .target {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid;
  margin: 10px 0;
}
.course-tab-area .tab-content .sys-box.ticket .sys-box-in .target { border-color: #da8181; }
.course-tab-area .tab-content .sys-box.class .sys-box-in .target { border-color: #45BE5E; }

.course-tab-area .tab-content .sys-box .sys-box-in .target p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}

.course-tab-area .tab-content .sys-box .sys-box-in .target p:first-child {
  width: 68px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
}
.course-tab-area .tab-content .sys-des-area .sys-box .sys-box-in .target p:first-child {
  height: 46px;
  padding-top: 0;
  padding-bottom: 0;
}

.course-tab-area .tab-content .sys-box.ticket .sys-box-in .target p:first-child { background: #da8181; }
.course-tab-area .tab-content .sys-box.class .sys-box-in .target p:first-child { background: #45BE5E; }

.course-tab-area .tab-content .sys-box .sys-box-in .note {
  font-size: 12px;
}


/*
  course-detail
--------------------------------------------------------------- */

.content-course-detail .course-detail-main {
  position: relative;
  margin-top: -20px;
  width: 1002px;
  height: 331px;
  background: url(/resource/img/under/course/detail_main.png) left top no-repeat;
}

.content-course-detail .course-detail-main .main {
  position: absolute;
  top: 25px;
  left: 5px;
}

.content-course-detail .course-detail-main .course-name,
.content-course-detail .course-detail-main .catch,
.content-course-detail .course-detail-main .txt,
.content-course-detail .course-detail-main .arrow-left {
  position: absolute;
  left: 534px;
}

.content-course-detail .course-detail-main .course-name {
  font-size: 25px;
  top: 71px;
  font-weight: bold;
  line-height: 1.2;
  color: #A4743D;
}

.content-course-detail .course-detail-main .catch {
  top: 115px;
  font-size: 18px;
  color: #a9753b;
  line-height: 1.2;
}

.content-course-detail .course-detail-main .txt {
  font-size: 14px;
  top: 121px;
  width: 433px;
  color: #333;
  line-height: 25px;
}
.content-course-detail .course-detail-main .arrow-left {
  top: 276px;
}

.content-course-detail .main-lead {
  padding: 30px 0 35px 0;
  text-align: center;
}

.content-course-detail .course-point{
  background: #FDFFE4;
  padding: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}
.content-course-detail .course-point dt{
  font-weight: bold;
  font-size: 17px;
  padding: 7px 0;
  text-align: center;
  color: #a9753b;
}
.content-course-detail .course-point dd{
  margin-top: 10px;
  color: #333;
  line-height: 1.4;
  padding: 10px;
  border: 1px solid #DADADA;
  background-color: #fff;
}


/*craft course*/
.content-course-detail.content-course-craft .course-point{
}

.content-course-detail.content-course-craft .step-contents{
  margin: 30px 0;
}

.content-course-detail.content-course-craft  .step-contents:before,
.content-course-detail.content-course-craft  .step-contents:after{
  content:none;
  background:none;
}

.content-course-detail.content-course-craft .lesson-list{
  margin:0px 0 30px;
}

.content-course-detail.content-course-craft .course-link-area{
  text-align: center;
}

.content-course-detail.content-course-craft .course-link-area .btn-area{
  margin: 5px 0 15px 0;
}

.content-course-detail.content-course-craft .course-point .ttl{
  color:#a9753b;
  font-size:15px;
  display: block;
  padding-bottom:5px;
}

.content-course-detail.content-course-craft .lesson-list ul span{
  display: block;
  width:auto;
  text-align: center;
  padding-bottom:5px;
}

.content-course-detail.content-course-craft .lesson-list p.name{
  display: block;
  width:auto;
  text-align: center;
  padding-top:10px;
}

.content-course-detail.content-course-craft .lesson-list ul p.cap{
  margin-bottom:10px;
}

.content-course-detail.content-course-craft .lesson-list a.js-pop{
  display: block;
  margin-bottom:10px;
}

.content-course-detail.content-course-craft .js-pop-win .inner{
  padding:0px;
  text-align: center;
}

.content-course-detail.content-course-craft .js-pop-win .pop-ttl{
  font-size:24px;
  padding:30px 0;
  background:#fdffe4;
  margin-bottom:30px;
  border-radius:10px 10px 0 0;
}

.content-course-detail.content-course-craft .js-pop-win .flow{
  overflow:auto;
  height:600px;
}

.content-course-detail.content-course-craft .js-pop-win .flow .block{
  padding:0 20px;
}

.content-course-detail.content-course-craft .js-pop-win .flow .block &gt; .ttl{
  padding:5px 10px;
  width:130px;
  font-size:16px;
  color:#fff;
  background:#a4743d;
  margin:0 auto;
  border-radius:20px;
}

.content-course-detail.content-course-craft .js-pop-win .flow ul{
  padding:30px 0 50px 0;
  border-top:1px dotted #a4743d;
  margin-top:-14px;
}
.content-course-detail.content-course-craft .js-pop-win .flow ul li{
  float:none;
  display: inline-block;
  border:none;
  width:180px;
  padding:0;
  padding-left:5px;
}
.content-course-detail.content-course-craft .js-pop-win .flow ul li img{
  width:180px;
}
.content-course-detail.content-course-craft .js-pop-win .flow ul li:first-child{
  padding-left:0px;
  padding-right:5px;
}
.content-course-detail.content-course-craft .js-pop-win .flow ul li .prname{
  padding-bottom:5px;
}

.step-contents .arrow-left {
  margin-top: 10px;
}




/*  step-tabs
------------------------------------------ */

.content-course-detail .step-tabs {
  overflow: hidden;
}

.content-course-detail .step-tabs a {
  position: relative;
  display: block;
  width: 300px;
  height: 73px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: #eeeeee;
  color: #a4a4a4;
  float: left;
  margin-left: 50px;
  font-size: 18px;
  line-height: 1.4;
  padding-top: 14px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.content-course-detail .step-tabs a span {
  font-size: 15px;
  display: block;
}

.content-course-detail .step-tabs a:first-child {
  margin-left: 0;
}

.content-course-detail .step-tabs a:before {
  content: " ";
  position: absolute;
  right: 3px;
  bottom: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/resource/img/under/course/tri.png) left top no-repeat;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.content-course-detail .step-tabs a:after {
  content: " ";
  position: absolute;
  display: block;
  right: -33px;
  top: 50%;
  margin-top: -11px;
  width: 15px;
  height: 23px;
  background: url(/resource/img/under/course/arrow_stepup.png) left top no-repeat;
}

.content-course-detail .step-tabs a.on {
  background: #cdd564;
  color: #000;
  cursor: default;
}

.content-course-detail .step-tabs a.on span {
  color: #006c2e;
}

.content-course-detail .step-tabs a.on:before {
  opacity: 0;
}

.content-course-detail .step-tabs a:hover {
  text-decoration: none;
  background: #cdd564;
  color: #000;
}

.content-course-detail .step-tabs a:hover span {
  color: #006c2e;
}

.content-course-detail .step-tabs a:hover:before {
  opacity: 0;
}

/*  step-contents
------------------------------------------ */

.content-course-detail .step-contents {
  position: relative;
  border: 1px solid #a4743d;
  margin: 55px 0;
  padding: 25px;
}

.content-course-detail .step-contents:before,
.content-course-detail .step-contents:after {
  content: " ";
  position: absolute;
  display: block;
  width: 40px;
  height: 21px;
  -webkit-transform: translate3d(103px,0,0);
  -moz-transform: translate3d(103px,0,0);
  -ms-transform: translate3d(103px,0,0);
  -o-transform: translate3d(103px,0,0);
  transform: translate3d(103px,0,0);
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}

.content-course-detail .step-contents.step01:before,
.content-course-detail .step-contents.step01:after {
  -webkit-transform: translate3d(103px,0,0);
  -moz-transform: translate3d(103px,0,0);
  -ms-transform: translate3d(103px,0,0);
  -o-transform: translate3d(103px,0,0);
  transform: translate3d(103px,0,0);
}
.content-course-detail .step-contents.step02:before,
.content-course-detail .step-contents.step02:after {
  -webkit-transform: translate3d(449px,0,0);
  -moz-transform: translate3d(449px,0,0);
  -ms-transform: translate3d(449px,0,0);
  -o-transform: translate3d(449px,0,0);
  transform: translate3d(449px,0,0);
}
.content-course-detail .step-contents.step03:before,
.content-course-detail .step-contents.step03:after {
  -webkit-transform: translate3d(800px,0,0);
  -moz-transform: translate3d(800px,0,0);
  -ms-transform: translate3d(800px,0,0);
  -o-transform: translate3d(800px,0,0);
  transform: translate3d(800px,0,0);
}

.content-course-detail .step-contents:before {
  top: -21px;
  background: url(/resource/img/under/course/balloon_top.jpg) left top no-repeat;
}

.content-course-detail .step-contents:after {
  background: url(/resource/img/under/course/balloon_btm.jpg) left top no-repeat;
  bottom: -21px;
}

.content-course-detail .step-content {
  display: none;
}

.content-course-detail .step-content.on {
  display: block;
}

.content-course-detail .step-content .step-name {
  text-align: center;
  font-size: 24px;
  color: #a9753b;
  line-height: 1.4;
  padding: 5px 0 20px;
  font-weight: bold;
}

.content-course-detail .step-content .step-des {
  background: #FDFFE4;
  padding: 20px 20px 15px 20px;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.4;
}
.content-course-detail .step-content .step-des ul li{
  padding-top:5px;
}
.content-course-detail .step-content .step-des ul li:first-child{
  padding-top:0px;
}
.content-course-detail .step-content .step-des dl dt{
  font-weight: bold;
  padding: 5px 0;
}
.content-course-detail .step-content .step-des dl dd{
  margin-bottom: 5px;
}

.content-course-detail .step-content .step-des .note {
  font-size: 12px;
  margin-top: 10px;
}

.content-course-detail .step-content .step-des .note a {
  color: #000;
  text-decoration: underline;
}

.content-course-detail .step-content .step-des .note a:hover {
  color: #a46e31;
}

.content-course-detail .step-content .btm-txt {
  margin-top: 40px;
  margin-bottom: 15px;
  background: url(/resource/img/under/course/bg_basic.png) left top repeat;
  padding: 30px 40px;
}

.content-course-detail .step-content .btn-txt-top {
  text-align: center;
}

.content-course-detail .step-content .btn-txt-top + .btm-txt {
  margin-top:20px;
}

.content-course-detail .step-content .btm-txt .lead {
  text-align: center;
  font-size: 22px;
  color: #a87540;
  line-height: 1.2;
  font-weight: bold;
}

.content-course-detail .step-content .btm-txt p {
  color: #333;
  font-size: 13px;
  padding-bottom: 20px;
  line-height: 24px;
}

.content-course-detail .step-content .btm-txt p:last-child {
  padding-bottom: 0;
}


/*
  sch top
--------------------------------------------------------------- */

.map-area {
  position: relative;
  background: url(/resource/img/under/sch/bg_map.jpg) left top repeat;
}

.map-area .shiteikou{
  position: absolute;
  display: block;
  line-height: 38px;
  color: #C5CC66;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  right: 0;
  bottom: 40px;
}

.map-area .shiteikou:before{
 content:"≫";
}

.map-area dl{
  position:absolute;
}

.map-area dl dt{
  color:#C5CC66;
  font-size:18px;
  font-weight:bold;
  display:block;
  padding-bottom:10px;
}

.map-area dl dt a:link{
  color:#C5CC66;
}

.map-area dl dd{
  color:#333333;
  font-size:14px;
  font-weight:bold;
}

.map-area dl dd ul{
  padding-bottom:0.5em;
}

.map-area dl dd li{
  display:inline-block;
}

.map-area dl dd li:after{
  content:"/";
  display:inline-block;
  padding:0 5px;
  color: #a46e31;
}

.map-area dl dd li:last-child:after{
  content:"";
  display:inline-block;
  padding:0px;
}

.map-area .inner {
  position: relative;
  background: url(/resource/img/under/sch/map.png) center center no-repeat;
  height: 540px;
}

.map-area .inner .btn {
  position: absolute;
}

.map-area .inner .all {
  left: 133px;
  top: 78px;
}
.map-area .inner .hokkaido {
  left: 355px;
  top: 45px;
}
.map-area .inner .kanto {
  right: 65px;
  top: 220px;
}
.map-area .inner .kinki {
  left: 175px;
  top: 136px;
}
.map-area .inner .kyusyu {
  left: 430px;
  bottom: 65px;
}
.map-area .inner .tyubu {
  right: 130px;
  bottom: 130px;
}
.map-area .inner .tyugoku {
  left: 123px;
  top: 264px;
}

.map-area .graduate-link{
  position: absolute;
  bottom:20px;
  right:0px;
  background: url(/resource/img/common/arrow_left_link.png) left center no-repeat;
  padding-left:10px;
}

.content-sch-top .area-name {
  border-bottom: 1px dotted #a9753b;
  padding-top: 10px;
  padding-bottom: 12px;
  font-size: 22px;
  color: #404040;
}

.content-sch-top .area-name span {
  font-size: 30px;
  color: #a9753b;
  padding-right: 3px;
}

.content-sch-top .area-sch-list {
  padding-top: 35px;
}

.content-sch-top .area-sch-list .prefecture {
  font-size: 18px;
  padding-left: 22px;
  line-height: 20px;
  background: url(/resource/img/under/sch/circle.png) left 1px no-repeat;
  margin-bottom: 15px;
  margin-left: 5px;
}

.content-sch-top .area-sch-list table {
  width: 100%;
}

.content-sch-top .area-sch-list table th {
  text-align: center;
  background: #c5cd65;
  color: #fff;
  padding: 10px;
  border: solid #fff;
  border-width: 0 1px;
  font-size: 14px;
  line-height: 1.4;
}

.content-sch-top .area-sch-list table td {
  padding: 10px;
  font-size: 12px;
  vertical-align:middle;
}

.content-sch-top .area-sch-list table .name {
  width: 127px;
  padding-left: 30px;
}

.content-sch-top .area-sch-list table .tel,
.content-sch-top .area-sch-list table .fax {
  width: 180px;
  text-align: center;
}

.content-sch-top .area-sch-list table tr {
  border-bottom: 1px solid #dadada;
  cursor: pointer;
}


.content-sch-top .area-sch-list table tr:first-child {
  border-bottom: none;
  background: none;
  cursor: default;
}

.content-sch-top .area-sch-list table tr:nth-child(2n+1) {
  background-color: #eeeeee;
}

.content-sch-top .area-sch-list table td:last-child {
  background-image: url(/resource/img/common/arrow_circle.png);
  background-repeat: no-repeat;
  background-position: 175px center;
}

.content-sch-top .area-sch-list table tr:hover {
  background: #F1F5C7;
}

.content-sch-top .area-wrap {
  display: none;
}
.content-sch-top .area-wrap.on {
  display: block;
}

.content-sch-top .area-wrap .lead {
  font-size: 14px;
  padding-top: 30px;
  line-height: 1.6;
}


/*
  sch detail
--------------------------------------------------------------- */
.content-sch-detail .tabWrap{
  background:#e6e6e6;
  padding-top:20px;
}
.content-sch-detail .category-tab {
  width:1000px;
  margin:0 auto;
  overflow:hidden;
}
.content-sch-detail .category-tab li{
  display:block;
  width:325px;
  height:52px;
  float:left;
  cursor:pointer;
  text-indent:-9999px;
}

.content-sch-detail .category-tab li a {
  display: block;
  height: 100%;
}

.content-sch-detail .category-tab li:first-child a {
  background:url(/resource/img/under/sch/tab01.png) no-repeat bottom;
  margin-right:15px;
}
.content-sch-detail .category-tab li:first-child a.select{
  background:url(/resource/img/under/sch/tab01.png) no-repeat top;
}
.content-sch-detail .category-tab li:last-child a {
  background:url(/resource/img/under/sch/tab02.png) no-repeat bottom;
}
.content-sch-detail .category-tab li:last-child a.select{
  background:url(/resource/img/under/sch/tab02.png) no-repeat top;
}

.content-sch-detail .category-tabarea &gt; li {
  display: none;
}

.content-sch-detail .category-tabarea &gt; li.selectTab {
  display: block;
}

.content-sch-detail .hide {display:none;}

.content-sch-detail .about-area{
  padding:30px 20px;
  margin-top:30px;
}

.content-sch-detail .sch-name {
  overflow: hidden;
}

.content-sch-detail .sch-name .name {
  float: left;
  font-size: 24px;
  line-height: 30px;
  border-left: 5px solid #a4743d;
  padding-left: 15px;
  margin-top: 3px;
}

.content-sch-detail .sch-name .to-reserve {
  float: right;
  display: block;
  width: 400px;
  line-height: 40px;
  background: #ff4040;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.content-sch-detail .sch-name .to-reserve:hover {
  text-decoration: none;
  opacity: 0.7;
}

.content-sch-detail .to-memberTab a {
  float: right;
  display: block;
  width: 400px;
  line-height: 40px;
  background: #EB6100;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
margin:20px 0;
}

.content-sch-detail .to-memberTab a:hover {
  text-decoration: none;
  opacity: 0.7;
}


.content-sch-detail .main-info {
  margin: 30px 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.content-sch-detail .main-info .left-cell,
.content-sch-detail .main-info .right-cell {
  display: table-cell;
  vertical-align: top;
}

.content-sch-detail .main-info .right-cell {
  width: 400px;
  padding-left: 24px;
}

.content-sch-detail .school-photo{
  margin-top:-60px;
}

.content-sch-detail .school-photo h3{
  text-align:center;
}


/*
  sch detail 各教室タイトル
--------------------------------------------------------------- */

.sch-title-base:before{
  content:"＼";
  margin-right:10px;
}

.sch-title-base:after{
  content:"／";
  margin-left:10px;
}

.sch-title-base span{
  display:inline-block;
  border-bottom:5px solid #f1d82b;
  line-height:8px;
}

.sch-title-base span:after{
  font-size:18px;
  font-weight:bold;
}

.sch-title-112048:after{
  content:"西葛西駅南口より徒歩2分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-119073:after{
  content:"吉祥寺駅北口より徒歩5分の料理教室　サンロード商店街近くでレッスン前後のお買いものに便利";
}

.sch-title-102007:after{
  content:"調布駅中央口徒歩1分の料理教室　駅チカで通いやすくアットホームな雰囲気";
}

.sch-title-102005:after{
  content:"青葉台駅より徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-105015:after{
  content:"横浜駅西口より徒歩5分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-105018:after{
  content:"2020年10月31日をもちまして横浜教室に統合致します";
}

.sch-title-104011:after{
  content:"立川駅北口からモノレール北駅方面へ徒歩2分、2階から料理教室へ。経験を積んだ講師が在籍！";
}

.sch-title-104012:after{
  content:"甲府駅南口より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-106020:after{
  content:"相模大野駅からサンデッキ直結！ボーノ相模大野6F緑に囲まれた明るい料理教室";
}

.sch-title-106137:after{
  content:"2020年10月31日をもちまして相模大野教室に統合致します";
}

.sch-title-107024:after{
  content:"藤沢駅南口より徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-107025:after{
  content:"小田原駅東口の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-107027:after{
  content:"鎌倉駅西口より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-115059:after{
  content:"三島広小路駅より徒歩1分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-115058:after{
  content:"藤枝駅北口より徒歩2分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-115060:after{
  content:"富士駅北口より徒歩4分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-109034:after{
  content:"大宮駅東口より徒歩6分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-109035:after{
  content:"二荒山神社近く みどりやビル2F　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-109036:after{
  content:"熊谷駅北口より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-109037:after{
  content:"小山駅より徒歩１分の料理教室　駅チカで通いやすくアットホームな雰囲気";
}

.sch-title-109038:after{
  content:"春日部駅西口より徒歩2分の料理教室　駅チカで通いやすくアットホームな雰囲気";
}

.sch-title-108029:after{
  content:"所沢駅東口より徒歩4分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-108033:after{
  content:"2021年1月31日をもちまして所沢教室に統合致します";
}

.sch-title-103010:after{
  content:"2020年10月31日をもちまして所沢教室に統合致します";
}

.sch-title-110039:after{
  content:"高崎駅西口の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-116062:after{
  content:"仙台駅西口より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-116063:after{
  content:"2021年1月31日をもちまして仙台教室に統合致します";
}

.sch-title-117066:after{
  content:"2020年10月31日をもちまして旭川教室に統合致します";
}

.sch-title-117067:after{
  content:"旭川駅より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-112045:after{
  content:"船橋駅北口より徒歩5分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-111042:after{
  content:"2021年5月31日をもちまして船橋教室に統合致します";
}

.sch-title-111043:after{
  content:"2021年1月31日をもちまして千葉教室に統合致します";
}

.sch-title-113049:after{
  content:"2024年10月27日（日）をもちまして営業を終了致します";
}

.sch-title-114054:after{
  content:"水戸駅北口にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-114055:after{
  content:"日立駅より徒歩2分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-118069:after{
  content:"長野駅より徒歩5分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-118070:after{
  content:"松本駅より徒歩1分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-225087:after{
  content:"香林坊バス停から徒歩1分　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-225088:after{
  content:"富山市民プラザ2階にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-225089:after{
  content:"福井駅より徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-220074:after{
  content:"名古屋駅より徒歩5分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-220075:after{
  content:"小牧駅徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-222081:after{
  content:"2020年10月31日をもちまして名古屋教室に統合致します";
}

.sch-title-224085:after{
  content:"岐阜駅前交差点から北へ徒歩3分　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-224086:after{
  content:"2021年1月31日をもちまして岐阜教室に統合致します";
}

.sch-title-221076:after{
  content:"四日市駅東口より徒歩2分の料理教室　駅チカで通いやすくアットホームな雰囲気";
}

.sch-title-221077:after{
  content:"津中央郵便局より徒歩2分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-223082:after{
  content:"イオンスタイル豊田1Fの料理教室 レッスン前後のお買いものにとっても便利";
}

.sch-title-223083:after{
  content:"2021年1月31日をもちまして豊田教室に統合致します";
}

.sch-title-223084:after{
  content:"東岡崎駅にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-226092:after{
  content:"掛川駅南口より徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-327094:after{
  content:"大阪駅中央出口南側、北新地駅より徒歩1分の料理教室　経験を積んだ講師が多く在籍しています";
}

.sch-title-328097:after{
  content:"川西能勢口駅より徒歩1分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-328098:after{
  content:"2020年10月31日をもちまして梅田教室に統合致します";
}

.sch-title-328099:after{
  content:"三田駅にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-329101:after{
  content:"2021年1月31日をもちまして梅田教室に統合致します";
}

.sch-title-330104:after{
  content:"堺東駅より徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-330105:after{
  content:"北の新地バス停から徒歩1分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-331107:after{
  content:"枚方市駅南口より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-333116:after{
  content:"近江八幡駅にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-332109:after{
  content:"三宮駅にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-332110:after{
  content:"2021年4月30日をもちまして三宮教室に統合致します";
}

.sch-title-434117:after{
  content:"紙屋町交差点より徒歩5分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-436124:after{
  content:"柳川駅・城下駅より徒歩3分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-436125:after{
  content:"福山駅にある料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-436126:after{
  content:"2021年1月31日をもちまして岡山教室に統合致します";
}

.sch-title-436127:after{
  content:"瓦町駅から徒歩5分の料理教室　アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-438130:after{
  content:"赤坂二丁目バス停から徒歩1分　経験を積んだ講師が在籍！細やかなフォローができます";
}

.sch-title-438131:after{
  content:"2021年1月31日をもちまして福岡教室に統合致します";
}

.sch-title-438132:after{
  content:"大分駅府内中央口から徒歩10分の料理教室。アットホームな雰囲気でコミュニケーション抜群！";
}

.sch-title-101003:after{
  content:"日本橋駅徒歩1分、東京駅徒歩6分の料理教室　経験を積んだ講師が在籍！細やかなフォローができます";
}

/*
  slider
--------------------------------------------------------------- */

.content-sch-detail .slide-wrap {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
  padding-bottom:35px;
}

.content-sch-detail .slider-schPhoto .slick-track {
  margin: 0 auto;
}
.content-sch-detail .slider-schPhoto li {
  margin: 0 5px;
}
.content-sch-detail .slider-schPhoto li img {
  width: 100%;
  height: auto;
}


.img-slider {
}

.content-sch-detail #img-slider2 li,
.content-sch-detail #img-slider3 div {
  width: 300px;
  height: 200px;
  float: left;
  text-align: center;
  margin:35px 10px;
  background:#000;
  display:block !important;
}
.content-sch-detail #img-slider2 li img,
.content-sch-detail #img-slider3 div img{
  width:100%;
  height:auto;
  display:block;
}


.content-sch-detail .content-main .border-btm {
  text-decoration: underline;
}

.content-sch-detail .item-list.row-3 .to-menber{
  margin-top:35px;
  margin-left:0px;
}

.content-sch-detail .item-list.row-3 .to-menber li{
  width:300px;
  padding:5px;
  background:#ffffff;
  float:left;
  margin:0;
}
.content-sch-detail .item-list.row-3 .to-menber li:first-child{
  margin-right:15px;
}
.content-sch-detail .item-list.row-3 .to-menber li:last-child{
  margin-left:15px;
}

.content-sch-detail .item-list.row-3 .to-menber li img{
  width:300px;
  height:auto;
}

.content-sch-detail .item-list.row-3 .to-menber li .ttl{
  background:url(/resource/img/under/sch/icon_check.png) no-repeat 5px center #f1d82b;
  background-size:15px 15px;
  padding:10px 0px 10px 25px;
  color:#555555;
  font-weight:bold;
  font-size:14px;
  margin:0 0 5px;
  position:relative;
  text-align:left;
}

.content-sch-detail .item-list.row-3 .to-menber li .txt{
  font-size:13px;
  line-height:180%;
  padding:15px 10px;
}

.content-sch-detail .pin-board-outer{
  border:1px solid #e1e1e1;
}
.content-sch-detail .pin-board-outer .pin-board .board-main-info{
  background:#fff;
  padding:20px 0;
}
.content-sch-detail .pin-board-outer .pin-board .board-main-info p{
  font-size:15px;
  line-height:180%;
}

.content-sch-detail .pin-board-outer .pin-board .board-main-info .marker{
  font-size:26px;
  text-align:left;
  margin-bottom:25px;
}

.content-sch-detail .pin-board-outer .pin-board .board-main-info .marker span{
  position: relative;
  display: inline-block;
  line-height: 60%;
  font-weight: bold;
  border-bottom: 5px solid #fffc00;
}

.content-sch-detail .pin-board .board-main-info .price-info{
  padding:0;
}

.content-sch-detail .pin-board .board-main-info .txt{
  width:600px;
  padding:0;
}


.pin-board-outer .to-reserve {
  display: block;
  width: 400px;
  line-height: 40px;
  background: #ff4040;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin:30px auto 0;
}

.pin-board-outer .to-reserve:hover {
  text-decoration: none;
  opacity: 0.7;
}

.content-sch-detail .pin-board .board-main-info .price-info .h:first-child{
  margin:5px 5px 15px;
}

.content-sch-detail .pin-board .board-main-info .price-info table{
  border-collapse:separate;
  border-spacing:1px;
  background:#D5D5D5;
  width:100%;
  margin-top:15px;
  color:#a9753b;
  font-size:14px;
}

.content-sch-detail .pin-board .board-main-info .price-info table th{
  background:#fdffe4;
  padding:5px;
  vertical-align:middle;
}

.content-sch-detail .pin-board .board-main-info .price-info table td{
  background:#fff;
  padding:5px 0;
  vertical-align:middle;
}

.content-sch-detail .reserve-lesson{
  border:1px solid #a4743d;
}

.content-sch-detail .reserve-lesson .reserve-ttl-area{
  background:#fdffe4;
  margin:5px;
}

.content-sch-detail .reserve-area .main-info {

}

.content-sch-detail .reserve-area .main-info .right-cell {
  width: 272px;
  padding-right: 24px;
}

.content-sch-detail .main-info .main-thumb {
  margin-top: 20px;
}

.content-sch-detail .main-info .main-thumb img {
  max-width: 100%;
}

.content-sch-detail .movie{
  position: relative;
  width: 100%;
  margin-top:10px;
  padding-top: 56.25%;
}
.content-sch-detail .movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.content-sch-detail .main-info .left-cell table th,
.content-sch-detail .main-info .left-cell table td {
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 6px 10px;
  line-height: 1.4;
}

.content-sch-detail .main-info .left-cell table th {
  text-align: center;
  background: #eee;
  width: 95px;
  vertical-align: middle;
}

.content-sch-detail .main-info .left-cell table .note {
  font-size: 11px;
}

.content-sch-detail .main-info .left-cell table .school-name {
  font-size: 110%;
  font-weight: bold;
}

.content-sch-detail .main-info .left-cell table .qr {
  width: 160px;
  text-align: center;
  vertical-align: middle;
}

.content-sch-detail .main-info .left-cell table a {
  margin-top: 5px;
}

.content-sch-detail .main-info .left-cell table .remarks {
  padding: 10px;
}

.content-sch-detail .main-info .left-cell table .remarks p {
  text-align: left!important;
}

.content-sch-detail .main-info .left-cell table .remarks .powerupl {
  font-size: 15px;
  line-height: 16px;
  border-left: 3px solid #a4743d;
  padding-left: 5px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.content-sch-detail .main-info .left-cell table .remarks a {
  display: inline-block;
  padding-left: 11px;
  background: url(/resource/img/common/arrow_left_link_02.png) left center no-repeat;
}

.content-sch-detail .main-info .left-cell table .remarks a img {
  display: none;
}

.content-sch-detail .main-info .left-cell table .remarks span:first-child {
  position: absolute;
}


.content-sch-detail .access {
  border: 1px solid #ccc;
  padding: 30px 25px;
}

.content-sch-detail .access .box {
  overflow: hidden;
  padding-top: 25px;
}

.content-sch-detail .access .box .txt-box {
  float: left;
  width: 350px;
}

.content-sch-detail .access .box .txt-box p {
  line-height: 1.6;
  padding-bottom: 15px;
}

.content-sch-detail .access .box .map-box {
  float: right;
}

.content-sch-detail .reserve {
  margin-top:35px;
  background: #ffffff;
  border-top:1px solid #e1e1e1;
}

.content-sch-detail .reserve .reserve-ttl {
  font-size: 22px;
  color: #a9753b;
  line-height: 1.4;
  font-weight:bold;
  text-align:center;
  padding: 45px 0;
}

.content-sch-detail .character-list li{
  background:#fdffe4;
  padding:30px 25px;
  display:table;
  margin-bottom:20px;
  position:relative;
}

.content-sch-detail .character-list li:first-child:before{
  content:url("/resource/img/under/sch/01.png");
  position:absolute;
  bottom:20px;
  right:30px;
}

.content-sch-detail .character-list li:nth-child(2):before{
  content:url("/resource/img/under/sch/02.png");
  position:absolute;
  bottom:20px;
  right:30px;
}

.content-sch-detail .character-list li:last-child:before{
  content:url("/resource/img/under/sch/03.png");
  position:absolute;
  bottom:20px;
  right:30px;
}

.content-sch-detail .character-list li .icon{
  display:table-cell;
  vertical-align:middle;
  width:240px;
}
.content-sch-detail .character-list li .icon img{
  width:240px;
  height:auto;
}

.content-sch-detail .character-list li .txtArea{
  display:table-cell;
  padding:0 30px;
  vertical-align:middle;
}
.content-sch-detail .character-list li .txtArea dt{
  padding: 20px 0;
  font-size: 18px;
  border-bottom: 1px solid #dadcba;
  color: #f18922;
  font-weight: bold;
}

.content-sch-detail .character-list li .txtArea dd{
  font-size:13px;
  line-height:180%;
  padding:20px 0;
}

.content-sch-detail .reserve .step {
  padding-bottom: 35px;
  text-align: center;
}

.content-sch-detail .reserve .reserve-info {
  background: #FFF;
  padding:0 20px;
}
.content-sch-detail .reserve-member .reserve-info{
  border:1px solid #b38c5a;
}
.content-sch-detail .reserve .reserve-info .lesson-list .thumb {
  height:217px;
}

.content-sch-detail .reserve .reserve-info .ttl {
  padding: 15px 13px;
  font-size: 17px;
  color: #444;
  line-height: 1.4;
}

.content-sch-detail .reserve .reserve-info .ttl{
  border-bottom: 1px dashed #c5c5c5;
}

.content-sch-detail .reserve .reserve-info .reserve-type {
  padding: 10px;
  border-width: 1px 0;
  overflow: hidden;
}

.content-sch-detail .reserve .reserve-info .reserve-type .board {
  position: relative;
  height: 157px;
  background: #f1f6b3;
  float: left;
  text-align: center;
}

.content-sch-detail .reserve .reserve-info .reserve-type .board:before,
.content-sch-detail .reserve .reserve-info .reserve-type .board:after {
  content: " ";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
}

.content-sch-detail .reserve .reserve-info .reserve-type .board:before {
  left: 0;
  background-image: url(/resource/img/under/sch/board_left_top.png);
}
.content-sch-detail .reserve .reserve-info .reserve-type .board:after {
  right: 0;
  background-image: url(/resource/img/under/sch/board_right_top.png);
}

.content-sch-detail .reserve.reserve-member .reserve-info .reserve-type{
  padding:10px 0;
}

.content-sch-detail .reserve .reserve-info .reserve-type .ticket {
  width: 475px;
}
.content-sch-detail .reserve .reserve-info .reserve-type .other {
  width: 475px;
  margin-left: 8px;
}

.content-sch-detail .board .type {
  font-size: 18px;
  line-height: 25px;
  padding-top: 12px;
}

.content-sch-detail .board .note {
  color: #4e4e4e;
  padding-bottom: 10px;
  line-height: 16px;
}

.content-sch-detail .reserve-type .board .type-btns {
  margin-left: 2px;
}

.content-sch-detail .board .type-btns li {
  float: left;
  margin-left: 6px;
  margin-bottom: 7px;
  width:150px;
  height:44px;
}

.content-sch-detail .board .type-btns a,
.content-sch-detail .board .type-btns span {
  display: block;
  width: 146px;
  height: 40px;
  background-image: url(/resource/img/under/sch/btn_bg.png);
  line-height: 40px;
  font-size: 14px;
}

.content-sch-detail .board .type-btns .select span {
  background-image: url(/resource/img/under/sch/btn_bg_select.png);
  border:2px solid #ced664;
  position:relative;
  margin-top:-2px;
}
.content-sch-detail .board .type-btns .select span:before{
  content:url("/resource/img/under/sch/select-check.png");
  position:absolute;
  top:-15px;
  left:-10px;
}

.content-sch-detail .board .type-btns a:hover {
  text-decoration: none;
  opacity: 0.7;
  color: #a9753b;
}

.content-sch-detail .board .type-btns a.lesson {
  background-image: url(/resource/img/under/sch/btn_bg_lesson.png);
  color: #fff;
}

.content-sch-detail .beginner {
  background:#faffeb;
  padding:30px;
  margin:40px 0;
}

.content-sch-detail .beginner li{
  text-align:center;
}


.content-sch-detail .beginner .type {
  padding-top: 20px;
  padding-bottom: 18px;
}


.content-sch-detail .lesson-list-area {
  width: 948px;
  padding: 10px 0;
  margin: auto;
}

.content-sch-detail .lesson-list-area .ttl {
  padding-left: 0;
  padding-bottom: 0;
  font-weight:bold;
  color:#000;
  border:none;
}

.content-sch-detail .lesson-list-area .lesson-list {
  border-bottom: none;
  margin: 0;
}

.content-sch-detail .reserve .lesson-list-area .lesson-list li:nth-child(1),
.content-sch-detail .reserve .lesson-list-area .lesson-list li:nth-child(2),
.content-sch-detail .reserve .lesson-list-area .lesson-list li:nth-child(3) {
  border-top: none;
}

.content-sch-detail .reserve .lesson-list-area .lesson-list li.none {
  width: 100%;
}

.content-sch-detail .reserve .lesson-list-area .lesson-list .name {
  margin-bottom: 10px;
}

.content-sch-detail .reserve .lesson-list-area .lesson-list .info p {
  position: relative;
  margin-top: 5px;
  padding-left: 63px;
  padding-bottom: 5px;
}


.content-sch-detail .reserve .lesson-list-area .lesson-list .info p:first-child {
  margin-top: 0;
}

.content-sch-detail .reserve .lesson-list-area .lesson-list .info span {
  background: #a4743d;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  width: 57px;
  line-height: 20px;
  color: #fff;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
}

.content-sch-detail .arrow-left{
  margin-top:20px;
  float:right;
}
.content-sch-detail .arrow-left:before{
  clear:both;
  content:"";
}
.content-sch-detail .item-list.row-3 ul.member-voice{
  margin-top:40px;
  margin-bottom: 20px;
  margin-left:-50px;
}

.content-sch-detail .item-list.row-3 ul.member-voice li{
  width:300px;
  margin-left:50px;
}

.content-sch-detail .item-list.row-3 ul.member-voice li span{
  padding-top:2px;
  float:right;
  display:inline-block;
  color:#a4743d;
}

.content-sch-detail .item-list.row-3 ul.member-voice li .txt{
  margin:10px 0;
}

.content-sch-detail .btn-area .next{
  margin-bottom:50px;
}

.content-sch-detail .reserve-member{
  background:#fdffe4;
}

.content-sch-detail .reserve-member .btn-area{
  margin-bottom:-20px;
  margin-top:30px;
}

.content-sch-detail .tabarea&gt;li{
  visibility:hidden;
  height:0px;
  overflow:hidden;
}

.content-sch-detail .tabarea&gt;li.selectTab{
  visibility:visible;
  height:auto;
}

.content-sch-detail .btm-reserve {
  background: url(/resource/img/under/sch/teacher.png) 710px bottom no-repeat;
  background-size: 150px;
  padding: 37px 0;
}

.content-sch-detail .btm-reserve .marker {
  font-size: 24px;
  margin-bottom: 30px;
}


/*
  RESERVE
--------------------------------------------------------------- */

.content-reserve .page-ttl-area.no-inner {
  padding: 0;
  margin-top: -15px;
  background: none;
}

.content-reserve .page-ttl-area.no-inner .inner {
  display: none;
}

.content-reserve .sub-heading{
  position: relative;
}

.content-reserve .sub-heading .please{
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 13px;
  color: #f00;
}

.content-reserve .step {
  text-align: center;
}

.content-reserve.course .page-ttl-area .inner:before {
  content: none;
}

.content-reserve.course .page-ttl-area .page-ttl {
  padding: 5px 0;
}

.content-reserve .reserve-area {
  width: 800px;
  margin: auto;
}

.content-reserve.comp .reserve-area {
  margin-top: 50px;
}

.content-reserve .reserve-area.privacy {
  margin-top: 50px;
}

.content-reserve .reserve-area.privacy .lead {
  margin: 30px 0;
}

.content-reserve .reserve-area.privacy textarea {
  display: block;
  width: 620px;
  height: 400px;
  margin: 0 auto 30px;
}

.content-reserve .reserve-area .reserve-content {
  border: 1px solid #ccc;
  background: #fdffe8;
  margin: 50px 0;
  padding: 20px;
}

.content-reserve .reserve-area .reserve-content.no-padding {
  padding: 0;
  background: none;
  border: none;
}

.content-reserve.comp .reserve-area .reserve-content {
  margin: 30px 0 30px;
}

.content-reserve .reserve-area .reserve-content .content-heading {
  width: 100%;
}

.content-reserve .reserve-area .reserve-content .content-heading &gt; div {
  padding-bottom: 9px;
}

.content-reserve .reserve-area .reserve-content .content-heading .tag {
  text-align: right;
  border-bottom: 1px dashed #949494;
}

.content-reserve .reserve-area .reserve-content .content-heading span {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  padding: 0 19px;
  margin-left: 9px;
  color: #fff;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

.content-reserve .reserve-area .reserve-content .content-heading span.yellow {
  background: #f3cc43;
}

.content-reserve .reserve-area .reserve-content .content-heading span.red {
  background: #ff9393;
}

.content-reserve .reserve-area .reserve-content .ttl {
  font-size: 18px;
  color: #444;
  line-height: 1.4;
  padding-bottom: 5px;
  margin-bottom: 14px;
  border-bottom: 1px dashed #949494;
}

.content-reserve .reserve-area .reserve-content .table-box {
  display: table;
  table-layout: auto;
}

.content-reserve .reserve-area .reserve-content .table-box &gt; div {
  display: table-cell;
}

.content-reserve .reserve-area .reserve-content .lesson-info {
  padding-top: 13px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table tr.map th {
  border: none;
  background: none;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table tr.map td {
  padding-left: 0;
  padding-right: 0;
  border: none;
  background: none;
}

.content-reserve .reserve-area .reserve-content .lesson-info .thumb {
  border: 1px solid #ccc;
  float: left;
  width: 200px;
}
.content-reserve .reserve-area .reserve-content .lesson-info .thumb img {
  width: 100%;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt {
  width: 542px;
  float: right;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table {
  width: 100%;
  table-layout: fixed;
  /*margin-bottom: 10px;*/
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table div {
  width: auto!important;
  color: #000!important;
  font-size: 12px!important;
  background: none!important;
  padding: 0!important;
  border: none!important;
}

.content-reserve .reserve-area .reserve-content .lesson-info {
  overflow: hidden;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table div .btn {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table th {
  vertical-align: middle;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table th,
.content-reserve .reserve-area .reserve-content .lesson-info .txt table td {
  border: 1px solid #ccc;
  padding: 6px 10px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table td {
  background: #fff;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table td p {
  padding-top: 5px;
  text-align: left!important;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table td a {
  display: inline-block;
  padding-left: 11px;
  background: url(/resource/img/common/arrow_left_link_02.png) left center no-repeat;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table td a img {
  display: none;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table th {
  width: 90px;
  text-align: center;
  background: #f1f6b3;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table div.tel {
  font-size: 16px !important;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table .school-name {
  font-size: 110%;
  font-weight: bold;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table .attention {
  font-size: 110%;
  font-weight: bold;
}

.content-reserve .reserve-area .reserve-content .lesson-info .txt table .date {
  font-size: 110%;
  font-weight: bold;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-body {
  display: none;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area {
  text-align: right;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area .btn {
  display: inline-block;
  width: 184px;
  height: 31px;
  line-height:31px;
  text-align: right;
  font-size: 12px;
  color: #a46e31;
  background: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area .btn:before {
  display: inline-block;
  content: "詳細";
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area .btn {
  background-image: url(/resource/img/under/reserve/arrow_bottom.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area .btn:hover {
  opacity: 0.7;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area .btn.open {
  background-image: url(/resource/img/under/reserve/arrow_top.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-area {
  display: none;
  margin-top: 10px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .ac-btn-area .btn.open:before {
  content: "閉じる";
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area {
  text-align: right;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area .btn {
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  font-size: 12px;
  color: #fff;
  background: #797979;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area .btn span {
  display: inline-block;
  padding-right: 20px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area .btn.close span {
  background-image: url(/resource/img/under/reserve/arrow_bottom.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area .btn.open span {
  background-image: url(/resource/img/under/reserve/arrow_top.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area .btn.open span.close {
  display: none;
}

.content-reserve .reserve-area .reserve-content .lesson-info .map-ac-btn-area .btn.close span.open {
  display: none;
}

.content-reserve .reserve-area .calender {
  padding-bottom: 40px;
}

.content-reserve .reserve-area .calender .calender-des {
  padding: 15px 0 30px;
  vertical-align: middle;
}

.content-reserve .reserve-area .calender .calender-des img {
  vertical-align: middle;
  font-size: 14px;
  margin: 0 5px 0 10px;
}

.content-reserve .reserve-area .calender .calender-des img + img {
  margin: 0 10px 0 0;
}

.content-reserve .reserve-area .calender .icon-info {
  padding-bottom: 10px;
  text-align: right;
}

.content-reserve .reserve-area .calender .icon-info img {
  vertical-align: middle;
  margin: 0 10px 0 20px;
}

.content-reserve .reserve-area .calender table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 3px;
  margin-bottom: 10px;
}

.content-reserve .reserve-area .calender table th,
.content-reserve .reserve-area .calender table td {
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
}

.content-reserve .reserve-area .calender table td {
  border: 1px solid #dfdfdf;
}

.content-reserve .reserve-area .calender table td:first-child {
  background: #eeeeee;
}

.content-reserve .reserve-area .calender table th {
  background: #a9753b;
  color: #fff;
  padding: 4px 0;
  font-size: 15px;
  line-height: 1.4;
}

.content-reserve .reserve-area .calender table td a {
  display: block;
  position: relative;
}

.content-reserve .reserve-area .calender table td a:hover {
  opacity: 1;
}

.content-reserve .reserve-area .calender table td a:hover img {
  opacity: .7;
}

.content-reserve .reserve-area .calender table td a .time-balloon {
  position: absolute;
  display: block;
  bottom: -35px;
  left: 50%;
  margin-left: -50px;
  color: #000;
  width: 100px;
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.4);
  box-shadow: 0 0 1px 1px rgba(0,0,0,.4);
  z-index: -1;
  opacity: 0;
  -webkit-transform: translate3d(0,-5px, 0);
  -moz-transform: translate3d(0,-5px, 0);
  -ms-transform: translate3d(0,-5px, 0);
  -o-transform: translate3d(0,-5px, 0);
  transform: translate3d(0,-5px, 0);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.content-reserve .reserve-area .calender table td a:hover .time-balloon {
  z-index: 10;
  opacity: 1;
  -webkit-transform: translate3d(0,0, 0);
  -moz-transform: translate3d(0,0, 0);
  -ms-transform: translate3d(0,0, 0);
  -o-transform: translate3d(0,0, 0);
  transform: translate3d(0,0, 0);
}

.content-reserve .reserve-area .calender table td img {
  width: 100%;
}

.content-reserve .reserve-area .calender table tr td {
  height: 36px;
}

.content-reserve .reserve-area .calender table tr.day td,
.content-reserve .reserve-area .calender table tr.week td {
  background: #eeeeee;
  height: auto;
}

.content-reserve .reserve-area .calender table tr td.today {
  background: #fdffe0;
}

.content-reserve .reserve-area .calender table tr td font {
  color: #f00!important;
}

.content-reserve .reserve-area .other-area .cm-tel {
  padding: 20px 0 30px;
}

.content-reserve .reserve-area .other-area .other-list {
  padding: 25px 20px 15px;
  background: url(/resource/img/under/reserve/bg_other_course.jpg) left top repeat-y;
  margin-bottom: 30px;
}

.content-reserve .reserve-area .other-area .other-list:last-child {
  margin-bottom: 0;
}

.content-reserve .reserve-area .other-area .other-list .ttl {
  font-size: 20px;
  color: #a9753b;
  text-align: center;
  padding-bottom: 30px;
}

.content-reserve .reserve-area .other-area .other-list .list-outer {
  overflow: hidden;
}

.content-reserve .reserve-area .other-area .other-list ul {
  overflow: hidden;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
}
.content-reserve .reserve-area .other-area .other-list ul:first-child {
  padding-right: 10px;
  padding-left: 0;
}

.content-reserve .reserve-area .other-area .other-list li {
  margin-bottom: 10px;
}

.content-reserve .reserve-area .other-area .other-lists li a {
  display: block;
  padding-left: 20px;
  background: url(/resource/img/common/arrow_circle_02.png) left center no-repeat;
  color: #444;
}

.content-reserve .reserve-area .other-area .other-list li a img {
  display: none;
}

.content-reserve .reserve-area .tile-area {
  padding: 29px 20px 9px 20px;
  margin-top: 30px;
  border: 1px solid #a9753b;
}

.content-reserve .reserve-area .tile-area .ttl {
  text-align: left;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 17px;
  line-height: 19px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 1px dashed #a9753b;
}

.content-reserve .reserve-area .tile-area .date {
  padding-bottom: 15px;
  font-size: 14px;
}

.content-reserve .reserve-area .tile-area .tel {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
  line-height: 93px;
  background: #eee;
}

.content-reserve .reserve-area .tile-area .tel span {
  vertical-align: middle;
}

.content-reserve .reserve-area .tile-area .tel span.text {
  font-size: 13px;
}

.content-reserve .reserve-area .other-area .thumb-list {
  overflow: hidden;
  width: 760px;
  margin: 0 auto 33px auto;
}

.content-reserve .reserve-area .other-area .thumb-list ul {
  margin: -20px 0 0 -20px;
}

.content-reserve .reserve-area .other-area .thumb-list li {
  width: 175px;
  float: left;
  margin: 20px 0 0 20px;
}

.content-reserve .reserve-area .other-area .thumb-list a {
  display: block;
}

.content-reserve .reserve-area .other-area .thumb-list img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.content-reserve .reserve-area .other-area .thumb-list a:hover {
  text-decoration: none;
}

.content-reserve .reserve-area .other-area .thumb-list .course {
  padding-top: 9px;
  color: #c68132;
}

.content-reserve .reserve-area .other-area .tile-list {
  overflow: hidden;
  width: 760px;
  margin: 0 auto 33px auto;
}

.content-reserve .reserve-area .other-area .tile-list img {
  display: none;
}

.content-reserve .reserve-area .other-area .tile-list ul {
  margin-left: -10px;
  margin-top: -10px;
  width: 780px !important;
}
.content-reserve .reserve-area .other-area .tile-list li {
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  width: 144px;
}

.content-reserve .reserve-area .other-area .tile-list a {
  padding: 0 !important;
  display: block;
  text-align: center;
  color: #fff !important;
  background: #a46e31 !important;
  font-size: 14px !important;
  padding: 14px 5px !important;
}

.content-reserve .reserve-area .other-area .tile-list a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.content-reserve .reserve-area .select-area .tab-area {
  margin-top: 20px;
  border: 1px solid #c4c4c4;
}

.content-reserve .reserve-area .select-area .tab-area .tabs {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.content-reserve .reserve-area .select-area .tab-area .tabs .tab {
  display: table-cell;
  text-align: center;
  border-left: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.content-reserve .reserve-area .select-area .tab-area .tabs .tab:first-child {
  border-left: none;
}


.content-reserve .reserve-area .select-area .tab-area .tabs .tab.on {
  border-bottom: 1px solid #fff;
}

.content-reserve .reserve-area .select-area .tab-area .tabs .tab a {
  font-size: 16px;
  display: block;
  line-height: 47px;
  background: #E7E7E7;
  color: #676767;
}

.content-reserve .reserve-area .select-area .tab-area .tabs .tab.on a {
  background: #fff;
  color: #000;
}

.content-reserve .reserve-area .select-area .tab-area .tabs .tab a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.content-reserve .reserve-area .select-area .tab-area .tabs .tab.on a:hover {
  opacity: 1;
  cursor: default;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents {
  padding: 30px 20px;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  border-bottom: 1px dashed #c68132;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture-box {
  margin-bottom: 15px;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture-box:last-child {
  margin-bottom: 0;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture-box ul {
  overflow: hidden;
  margin-left: -9px;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture-box ul li {
  float: left;
  margin-left: 9px;
  margin-bottom: 9px;
  width: 144px;
  height: 40px;
  line-height: 40px;
  background: #efefef;
  color: #9a9a9a;
  text-align: center;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture-box ul li a {
  display: block;
  width: 144px;
  height: 40px;
  background: #c68132;
  color: #fff;
}

.content-reserve .reserve-area .select-area .tab-area .tab-contents .prefecture-box ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.content-reserve .reserve-area .reserve-remarks .lead {
  padding-top: 30px;
  padding-bottom: 30px;
}

.content-reserve .reserve-area .reserve-remarks .lead:last-child {
  margin-bottom: 0;
}

.content-reserve .reserve-area .reserve-comp {
  font-size: 22px;
  text-align: center;
  margin-top: 40px;
}

.content-reserve .reserve-area .reserve-comp p {
  margin-bottom: 30px;
}

.content-reserve .reserve-area .warning-msg {
  border: 2px solid #ff4040;
  padding: 20px;
  margin: -20px 0 40px;
  color: #ff4040;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}



/*  form
------------------------------------------ */
.content-reserve .alert{
  padding-bottom: 10px;
  font-weight: bold;
  color: red;
}
.reserve-form .reserve-form-inner {
  margin-top: 30px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px 30px 30px;
}

.reserve-form .reserve-table {
  width: 100%;
  table-layout: fixed;
  -ms-word-break: break-all;
  word-break: break-all;
}

.reserve-form .reserve-table th,
.reserve-form .reserve-table td {
  padding: 10px 0;
  border: 1px dashed #ccc;
  border-width: 1px 0;
}

.reserve-form .reserve-table tr:first-child th,
.reserve-form .reserve-table tr:first-child td {
  border-top: none;
}

.reserve-form .reserve-table td {
  vertical-align: middle;
  position: relative;
}

.reserve-form .reserve-table td .formError {
  width: 300px;
  top: 15px !important;
  left: auto !important;
  right: -160px !important;
  opacity: 1;
}

.reserve-form .reserve-table tr.age td .formError {
  right: 22px !important;
}

.reserve-form .reserve-table tr.tel td .formError {
  right: 22px !important;
}

.reserve-form .reserve-table td .formErrorArrow {
  margin: -1px 0 0 13px;
}

.reserve-form .reserve-table td .formErrorArrow div {
  background: #FFE3E3;
  border-left: 1px solid #FFA1A1;
  border-right: 1px solid #FFA1A1;
  box-shadow: none;
}

.reserve-form .reserve-table td .formErrorArrow div.line1 {
  display: none;
}

.reserve-form .reserve-table td .formErrorArrow div.line2 {
  display: none;
}

.reserve-form .reserve-table td .formErrorArrow div.line3 {
  width: 0px;
}

.reserve-form .reserve-table td .formErrorArrow div.line4 {
  width: 1px;
}

.reserve-form .reserve-table td .formErrorArrow div.line5 {
  width: 3px;
}

.reserve-form .reserve-table td .formErrorArrow div.line6 {
  width: 5px;
}

.reserve-form .reserve-table td .formErrorArrow div.line7 {
  width: 7px;
}

.reserve-form .reserve-table td .formErrorArrow div.line8 {
  width: 9px;
}

.reserve-form .reserve-table td .formErrorArrow div.line9 {
  width: 11px;
}

.reserve-form .reserve-table td .formErrorArrow div.line10 {
  width: 13px;
}

.reserve-form .reserve-table td .formErrorContent {
  background: #FFE3E3;
  color: #B53636;
  border: 1px solid #FFA1A1;
  box-shadow: none;
}

.reserve-form .reserve-table th {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  width: 231px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 23px 20px 23px 50px;
  vertical-align: top;
  text-align: left;
}

.reserve-form .reserve-table.conf th,
.reserve-form .reserve-table th.mid-th {
  padding-left: 10px;
}

.reserve-form .reserve-table .require {
  position: absolute;
  display: block;
  height: 19px;
  line-height: 19px;
  width: 40px;
  top: 21px;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: 11px;
  background: #ff2b2b;
  font-style: normal-table;
}

.reserve-form .reserve-table td input[type="text"],
.reserve-form .reserve-table td input[type="email"],
.reserve-form .reserve-table td input[type="tel"],
.reserve-form .reserve-table td textarea {
  height: 40px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-left: 8px;
}
.reserve-form .reserve-table td textarea{
  height:200px;}
.reserve-form .reserve-table td input[type="text"],
.reserve-form .reserve-table td input[type="email"],
.reserve-form .reserve-table td textarea {
  width: 100%;
}

.reserve-form .reserve-table td input[type="text"].short {
  width: 280px;
  margin-right: 10px;
}
.reserve-form .reserve-table td input[type="text"].short02 {
  width: 160px;
}
.reserve-form .reserve-table td input[type="tel"] {
  width: 300px;
}

.reserve-form .reserve-table td input[type="radio"],
.reserve-form .reserve-table td input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px;
}

.reserve-form .reserve-table td label {
  display: inline-block;
  margin-left: 20px;
}

.reserve-form label {
  cursor: pointer;
  font-weight:normal-table;
}

.reserve-form .reserve-table td label:first-child {
  margin-left: 0;
}


.reserve-form .reserve-table td select {
  min-width: 213px;
  border: 1px solid #ccc;
  height: 40px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.reserve-form .reserve-table .ckecharea ul {
  overflow: hidden;
}

.reserve-form .reserve-table .ckecharea ul li {
  float: left;
  width: 33%;
  font-size: 11px;
  margin-bottom: 5px;
}

.reserve-form .reserve-table.conf .ckecharea ul li {
  width: 100%;
  font-size: 11px;
  margin-bottom: 5px;
}

.reserve-form .reserve-table.conf .ckecharea ul li:last-child{
  margin-bottom: 0;
}

.reserve-form .reserve-table .note {
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.4;
  color: #888;
}

.reserve-form .reserve-table .error {
  margin-top: 5px;
  line-height: 1.4;
  font-weight: bold;
  color: #ff0000;
}

.reserve-form .save-browser {
  text-align: center;
  padding: 10px 0 20px;
  font-weight:bold;
}

.reserve-form .save-browser input {
  vertical-align: middle;
  margin-right: 5px;
}

.reserve-form .privacy-policy {
  text-align: center;
  padding: 30px 0 0;
  font-weight: bold;
}

.reserve-form .privacy-policy input {
  vertical-align: middle;
  margin-right: 5px;
}

.reserve-form .save-browser p {
  padding-top: 10px;
}

.reserve-form .reserve-table td .error{
  display: block;
  font-size:14px;
  color:red;
  font-weight:bold;
}


/*
  guide
--------------------------------------------------------------- */

.content-main .page-ttl-after {
  width: 960px;
  margin: 0 auto;
  line-height: 1.8;
  background: #FCFFD4;
  padding: 20px;
  margin-bottom:20px;
}

.content-guide .content-main .page-ttl-after li{
  list-style-type:disc;
  margin-left:20px;
}

.content-guide .content-main &gt; div {
  margin-bottom: 50px;
}

.content-guide .content-main &gt; div:last-child {
  margin-bottom: 0;
}

.content-guide .content-main .cource-list-area {
  padding-top: 0;
  margin-bottom: 0;
}

.content-guide .joining-area .inner {
  overflow: hidden;
  padding-bottom: 40px;
}

.content-guide .joining-area .inner .bg-gray {
  float: left;
  padding: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 480px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.content-guide .joining-area .inner .bg-gray:last-child {
  float: right;
}

.content-guide .joining-area .inner .bg-gray .catch {
  text-align: center;
  padding-bottom:10px;
}

.content-guide .joining-area .inner .bg-gray .catch img{
  height: 16px;
}

.content-guide .joining-area .inner .bg-gray .txt {
  color: #202020;
  line-height: 1.6;
}

.content-guide .joining-area .inner .bg-gray .price {
  text-align: center;
  font-size: 16px;
  color: #202020;
  padding: 18px 0 20px;
  font-weight: bold;
}

.content-guide .joining-area .inner .bg-gray .price .note {
  font-size: 12px;
  padding-left: 14px;
  font-weight:normal-table;
  padding-top:5px;
}

/*
  graduate
--------------------------------------------------------------- */

.graduate-top {
  padding: 35px 0 40px;
  overflow: hidden;
}

.graduate-top .txt {
  float: left;
  width: 550px;
  font-size: 15px;
  line-height: 1.6;
}

.graduate-top .txt p {
  padding-top: 30px;
}

.graduate-top .txt span {
  font-size: 11px;
}


.graduate-top .thumb {
  float: right;
}

.content-graduate .about-area {
  margin-bottom: 40px;
  padding: 30px 30px;
}

.content-graduate .about-area .step {
  padding: 40px 0 60px;
  position: relative;
}

.content-graduate.success .about-area .step {
  padding: 40px 0 25px;
  position: relative;
}

.content-graduate .about-area .step .note {
  width: 156px;
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 11px;
  color: #2f2f2f;
}

.content-graduate .about-area .note-list {
  margin-bottom: 20px;
}

.content-graduate .about-area .note-list li {
  padding: 0 0 0 15px;
  background: url(/resource/img/under/graduate/icon_rhombus.png) left center no-repeat;
  border-bottom: none;
  font-size: 11px;
  margin-bottom: 3px;
}

.content-graduate .about-area .onepoing {
  margin-bottom: 30px;
}


.content-graduate .about-area .how-opened {
  padding-top: 20px;
  text-align: center;
}

.content-graduate .about-area .how-opened a {
  text-decoration: underline;
  padding-left: 16px;
  background: url(/resource/img/under/graduate/arrow.png) left center no-repeat;
}


.content-graduate .area-sch-list table .area span {
  display: inline-block;
  width: 110px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 2.5px;
}


.content-graduate .area-sch-list table td {
  vertical-align: middle;
}

.content-graduate .area-sch-list table .area {
  width: 110px;
}
.content-graduate .area-sch-list table .name {
  padding: 10px;
}
.content-graduate .area-sch-list table .course {
  width: 356px;
  padding-right: 20px;
}

.content-graduate .area-sch-list table .area .type01 {
  background: #B5C645;
}
.content-graduate .area-sch-list table .area .type02 {
  background: #7bbbd4;
}
.content-graduate .area-sch-list table .area .type03 {
  background: #ef9e91;
}
.content-graduate .area-sch-list table .area .type04 {
  background: #d09dd3;
}

.content-graduate .area-sch-list table td:last-child {
  background-image: url(/resource/img/common/arrow_circle.png);
  background-repeat: no-repeat;
  background-position: 366px center;
}

.content-graduate .lecturers-ex {
  padding: 20px;
  margin-top: 20px;
  background: url(/resource/img/under/graduate/bg_lecturers.jpg);
}

.content-graduate .lecturers-ex .lecturer {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 20px 0 30px;
}

.content-graduate .lecturers-ex .lecturer .thumb,
.content-graduate .lecturers-ex .lecturer .txt {
  display: table-cell;
  vertical-align: middle;
}

.content-graduate .lecturers-ex .lecturer .thumb {
  width: 230px;
  text-align: center;
}

.content-graduate .lecturers-ex .lecturer .txt .cmt {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.content-graduate .lecturers-ex .lecturer .txt .info {
  font-size: 16px;
}

.content-graduate .lecturers-ex .ex-box {
  background: #FFF;
  margin-bottom: 20px;
  padding: 20px;
}

.content-graduate .lecturers-ex .ex-box:last-child {
  margin-bottom: 10px;
}

.content-graduate .lecturers-ex .ex-box .ex-h {
  font-size: 18px;
  margin-bottom: 20px;
  padding-left: 26px;
  padding-top: 2px;
  line-height: 18px;
  background: url(/resource/img/under/graduate/arrow_ex_h.png) left center no-repeat;
}

.content-graduate .lecturers-ex .ex-box p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}

.content-graduate .lecturers-ex .ex-box p:last-child {
  margin-bottom: 0;
}

.content-graduate .lecturers-ex .ex-box .layout {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.content-graduate .lecturers-ex .ex-box .layout .txt,
.content-graduate .lecturers-ex .ex-box .layout .thumb {
  display: table-cell;
  vertical-align: top;
}

.content-graduate .lecturers-ex .ex-box .layout .thumb.size-m {
  width: 301px;
}
.content-graduate .lecturers-ex .ex-box .layout .thumb.size-s {
  width: 260px;
}

.content-graduate .lecturers-ex .ex-box .layout .txt + .thumb {
  padding-left: 20px;
}
.content-graduate .lecturers-ex .ex-box .layout .thumb + .txt {
  padding-left: 20px;
}

.content-graduate .btm-lead {
  text-align: center;
  padding: 40px 0;
}



/*
  campaign
--------------------------------------------------------------- */


/*  campaing-list
------------------------------------------ */

.campain-list ul {
  overflow: hidden;
  margin-left: -26px;
}

.campain-list ul li {
  float: left;
  overflow: hidden;
  width: 230px;
  margin-left: 26px;
  margin-bottom: 26px;
}

.campain-list ul li a{
  display: block;
}

.campain-list ul li .thumb {
  border: 1px solid #cdd564;
  padding: 1px;
}
.campain-list ul li .thumb img {
  max-width: 100%;
}

.campain-list ul li .icons {
  padding-top: 7px;
}

.campain-list ul li .icons img{
  display: inline-block;
  margin-left:5px;
  height:20px;
}

.campain-list ul li .icons img:first-child {
  margin-left:0;
}

.campain-list ul li .ttl {
  font-size: 14px;
  line-height: 1.2;
  padding-top: 0;
  padding-top: 7px;
  padding-bottom: 5px;
  color: #a46e31;
}

.campain-list ul li .txt {
  color: #333;
  font-size: 12px;
}

.campain-list ul li a:hover {
  text-decoration: none;
}

.campain-list ul li a:hover .ttl {
  color: #a46e31;
  text-decoration: underline;
}

.campain-list ul li a:hover .txt {
  text-decoration: none;
  opacity: 0.7;
}

/*  campaing-detail
------------------------------------------ */

.camp-detail {
  margin-top: 30px;
}

/*
  autumn_campaign
--------------------------------------------------------------- */

.join-autumn2015 .main-img {
  position: relative;
}

.join-autumn2015 .main-img .privileges {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 370px;
}

.join-autumn2015 .main-img .privileges div {
  background: url(/resource/img/under/campaign/archives/autumn_campaign/bg_privilege.png) left top no-repeat;
  width: 306px;
  height: 323px;
  padding: 23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 20px;
}

.join-autumn2015 .main-img .privileges div .ttl,
.join-autumn2015 .main-img .privileges div .lead {
  text-align: center;
}

.join-autumn2015 .main-img .privileges div .lead {
  height: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.join-autumn2015 .main-img .privileges div .tac {
  text-align: center;
}

.join-autumn2015 .main-img .privileges .pri-01 .lead {
  padding-top: 28px;
}
.join-autumn2015 .main-img .privileges .pri-02 .lead {
  padding-top: 13px;
}
.join-autumn2015 .main-img .privileges .pri-03 .lead {
  padding-top: 28px;
}

.join-autumn2015 .main-img .privileges .pri-02 p {
  font-size: 10px;
  letter-spacing: -.5px;
}

.join-autumn2015 .main-img .privileges .pri-03 p {
  font-size: 14px;
  line-height: 1.4;
}

.join-autumn2015 .camp-detail {
  margin-top: 0;
  background: url(/resource/img/under/bg_canvas.jpg) left top repeat;
  padding-bottom: 40px;
}

.join-autumn2015 .camp-detail .main-lead {
  font-size: 22px;
  line-height: 1.6;
  text-align: center;
  padding: 30px 0;
}

.join-autumn2015 .pin-board.board-01 .in-box {
  padding-left: 44px;
  padding-right: 44px;
}

.join-autumn2015 .pin-board .board-num {
  padding: 25px 0;
}

.join-autumn2015 .pin-board .board-ttl {
  margin-bottom: 35px;
}

.join-autumn2015 .pin-board .main-lesson {
  overflow: hidden;
  margin-bottom: 25px;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.join-autumn2015 .pin-board .main-lesson .left,
.join-autumn2015 .pin-board .main-lesson .right {
  display: table-cell;
  vertical-align: middle;
}

.join-autumn2015 .pin-board .main-lesson .left {
  width: 460px;
  padding-right: 27px;
}

.join-autumn2015 .pin-board .main-lesson .left .thumb {
  border: 1px solid #cdd564;
  padding: 1px;
}

.join-autumn2015 .pin-board .main-lesson .txt {
  font-size: 22px;
  padding-bottom: 20px;
  line-height: 1.4;
}

.join-autumn2015 .pin-board .main-lesson .price-info {
  width: 100%;
  border: 1px solid #D5D5D5;
  background: #fff;
  padding: 6px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.join-autumn2015 .pin-board .main-lesson .price-info .h {
  background: #cdd564;
  line-height: 24px;
  color: #a4743d;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}

.join-autumn2015 .pin-board .main-lesson .price-info .h:first-child {
  margin-top: 0;
  margin-bottom: 15px;
}

.join-autumn2015 .pin-board .main-lesson .price-info .c {
  font-size: 15px;
}

.join-autumn2015 .pin-board .main-lesson .price-info .c .note {
  font-size: 12px;
  display: block;
  padding-top: 5px;
  padding-bottom: 10px;
}

.join-autumn2015 .pin-board .main-lesson .price-info .c .fwb-01 {
  font-size: 23px;
}

.join-autumn2015 .pin-board .main-lesson .price-info .c .fwb-02 {
  font-size: 18px;
  line-height: 1.2;
}

.join-autumn2015 .board-item-list.row-3 {
  margin-bottom: 30px;
}

.join-autumn2015 .pin-board .btm-info {
  text-align: center;
}

.join-autumn2015 .pin-board.board-01 .btn-to-plan {
  width: 860px;
  height: 70px;
  display: block;
  margin: 20px auto 0;
}

.join-autumn2015 .pin-board.board-02 .board-main-info .price-info {
  padding-bottom: 18px;
}

.join-autumn2015 .plan {
  margin-top: 30px;
}

.join-autumn2015 .plan .note {
  color: #333;
  font-size: 11px;
}

.join-autumn2015 .plan .main {
  margin: 20px 0;
}

.join-autumn2015 .plan .sub {
  overflow: hidden;
  margin-bottom: 10px;
}

.join-autumn2015 .plan .sub img {
  float: right;
}

.join-autumn2015 .plan .sub img:first-child {
  float: left;
}


.join-autumn2015 .btm-lead {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 25px;
}

/* new year */

.join-newyear .pin-board .main-lesson .left .thumb {
  border: 0px solid #cdd564;
}

.join-newyear .pin-board .main-lesson .thumb img{
  border: 1px solid #cdd564;
  padding:1px ;
}

.join-newyear .pin-board .main-lesson .des{
  margin:10px 0;
  color: #333;
}

.join-newyear .pin-board .main-lesson a:hover{
  text-decoration:none;
}

.join-newyear .pin-board .main-lesson .left {
  width: 420px;
}
.join-newyear .pin-board .main-lesson .right {
  padding:0;
  margin:0;
  width: 420px;
}

.join-autumn2015 .pin-board.board-01 .in-box{
  position: relative;
}
.join-newyear .pin-board img{
  max-width:100%;
}

.join-newyear .board-01 .price-info{
  position: absolute;
  right: 40px;
  top: 38px;
  width: 280px;
  border: 1px solid #D5D5D5;
  background: #fff;
  padding: 8px 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.join-newyear .board-01 .price-info .h:first-child {
  margin-top: 0;
  margin-bottom: 15px;
}

.join-newyear .board-01 .price-info .h {
  background: #F2F6BB;
  line-height: 24px;
  color: #a4743d;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}
.join-newyear .board-01 .price-info .c {
  font-size: 15px;
}
.join-newyear .board-01 .price-info .c .fwb-01 {
  font-size: 23px;
}
.join-newyear .board-01 .price-info .c .note {
  font-size: 12px;
}
.join-newyear .pin-board.board-01 .btn-to-plan{
  margin-bottom:20px;
  height:auto;
}

.join-autumn2016  .btn-to-plan .box-plan {
  background: url(/resource/img/under/campaign/archives/join_autumn2016/bg_plan.jpg);
  padding: 15px 20px;
  margin-bottom: 10px;
  line-height: 2em;
  font-size: 15px;
}

.join-autumn2016  .btn-to-plan .box-plan:first-child {
  margin-bottom: 0;
}

.join-autumn2016  .btn-to-plan .note {
  text-align: right;
}

.join-autumn2016  .btn-to-plan .box-plan .head-plan {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #e7163d;
  position: relative;
}

.join-autumn2016  .btn-to-plan .box-plan .sub-heading {
  background: #e7163d;
  color: #fff;
  padding: 2px 16px;
  margin-right: 10px;
  font-size: 16px;
}

.join-autumn2016  .btn-to-plan .box-plan .fs-l {
  font-size: 20px;
}

.join-autumn2016  .btn-to-plan .box-plan .fs-m {
  font-size: 17px;
}

.join-autumn2016  .btn-to-plan .box-plan .fw-b {
  font-weight: bold;
}

.join-autumn2016  .btn-to-plan .box-plan .color-red {
  color: #e7163d;
}

.join-autumn2016  .btn-to-plan .box-plan .color-brown {
  color: #995f1d;
}

.join-autumn2016  .btn-to-plan .box-plan img {
  vertical-align: middle;
}

.join-autumn2016  .btn-to-plan .box-plan .box-course-plan {
  display: none;
}

.join-autumn2016  .btn-to-plan .box-plan .box-course {
  background: #fff;
  width: 48%;
  display: inline-block;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.join-autumn2016  .btn-to-plan .box-plan .basic {
  margin: 10px 0;
  font-size: 19px;
  font-weight: bold;
}

.join-autumn2016  .btn-to-plan .box-plan .box-course .course-head {
  background: #ffff01;
  padding: 5px 0;
  margin-bottom: 10px;
}

.join-autumn2016  .btn-to-plan .box-plan .note {
  font-size: 12px;
}
/*
  guide-lesson
--------------------------------------------------------------- */

.guide-lesson .main {
  position: relative;
  height: 513px;
  background: url(/resource/img/under/guide_lesson/bg_main.jpg) center center no-repeat;
  border-bottom: 1px solid #b3b3b3;
}

.guide-lesson .main .lead {
  position: absolute;
  top: 145px;
  left: 50%;
  margin-left: -356px;
}

.guide-lesson .main .btn {
  position: absolute;
  top: 330px;
  left: 50%;
}

.guide-lesson .main .minilesson {
  margin-left: -300px;
}

.guide-lesson .main .oneday {
  margin-left: 39px;
}

.guide-lesson .content-main {
  padding-top: 50px;
  background: url(/resource/img/under/bg_canvas.jpg) left top repeat;
}

.guide-lesson.join-autumn2016 .content-main {
  background: none;
  padding-top: 0;
  padding-bottom: 40px;
}

.guide-lesson .pin-board {
  position: relative;
  width: 980px;
  border: 2px solid;
  padding: 2px;
  margin: auto;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.guide-lesson .pin-board .in-box {
  position: relative;
  border: 1px solid;
  padding: 24px 34px 50px;
}

/*
  newsys
--------------------------------------------------------------- */

.content-newsys .lead {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}

.content-newsys .lead + .error {
  text-align: center;
  color: #f00;
}

.content-newsys .to-join {
  padding: 14px 0 17px 0;
  margin-bottom: 15px;
  text-align: center;
  border: 1px solid #ccc;
}

.content-newsys .to-join .btn {
  display: inline-block;
  width: 300px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px;
  background: #FCE09C;
  font-weight: bold;
  color: #a46e31;
  margin-top: 10px;
}

.content-newsys .to-join p {
  font-size: 16px;
  margin-bottom: 10px;
}

.content-newsys .to-join a {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
}

.content-newsys .btn {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
}

.content-newsys .btn-area {
  text-align: right;
}

.content-newsys .btn-area .btn {
  display: inline-block;
  width: 196px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  border-radius: 22px;
  background: #818181 !important;
}

.content-newsys .btn-s {
  display: inline-block;
  text-align: center;
  font-size: 11px;
}

.content-newsys .btn:hover,
.content-newsys .btn-s:hover {
  text-decoration: none;
  opacity: 0.7;
}

.content-newsys .btn.genre {
  background:#5BB95B;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(90, 174, 90);
  background-image: -moz-linear-gradient( 90deg, rgb(92,176,92) 0%, rgb(90,194,90) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(92,176,92) 0%, rgb(90,194,90) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(92,176,92) 0%, rgb(90,194,90) 100%);
  box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.7);
  width: 132px;
  height: 33px;
  line-height: 33px;
}

.content-newsys .btn.genre-on {
  background:#197619;
  background-image: -moz-linear-gradient( 90deg, rgb(26,119,26) 0%, rgb(22,115,22) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(26,119,26) 0%, rgb(22,115,22) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(26,119,26) 0%, rgb(22,115,22) 100%);
  box-shadow: inset 0px 1px 3px 0px rgba(1, 1, 1, 0.6);
  width: 134px;
  height: 35px;
  line-height: 35px;
}

.content-newsys .btn.wide {
  width: 410px;
}

.content-newsys .btn.type {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(84, 181, 210);
  background:#49AAC7;
  background-image: -moz-linear-gradient( 90deg, rgb(73,170,199) 0%, rgb(73,170,199) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(73,170,199) 0%, rgb(73,170,199) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(73,170,199) 0%, rgb(73,170,199) 100%);
  box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.7);
  width: 132px;
  height: 33px;
  line-height: 33px;
}


.content-newsys .btn.type-on {
  background:#207995;
  background-image: -moz-linear-gradient( 90deg, rgb(34,123,150) 1%, rgb(24,114,143) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(34,123,150) 1%, rgb(24,114,143) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(34,123,150) 1%, rgb(24,114,143) 100%);
  box-shadow: inset 0px 1px 3px 0px rgba(1, 1, 1, 0.6);
  width: 134px;
  height: 35px;
  line-height: 35px;
}


.content-newsys .btn-s.designate {
  padding: 0;
  color: #FFF!important;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(169, 117, 59);
  background:#AE7B40;
  background-image: -moz-linear-gradient( 90deg, rgb(145,145,145) 0%, rgb(169,117,59) 0%, rgb(179,128,69) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(145,145,145) 0%, rgb(169,117,59) 0%, rgb(179,128,69) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(145,145,145) 0%, rgb(169,117,59) 0%, rgb(179,128,69) 100%);
  box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.6);
  width: 90px;
  height: 25px;
  line-height: 25px;
}

.content-newsys .btn-s.time {
  color: #000;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(215, 215, 215);
  background:#fff;
  background-image: -moz-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(240,240,240) 0%, rgb(255,255,255) 100%);
  width: 82px;
  height: 25px;
  line-height: 25px;
}

.content-newsys .btn-s.time-on {
  color: #000;
  background:#ccc;
  background-image: -moz-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(185,185,185) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(185,185,185) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(185,185,185) 100%);
  box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 1, 0.3);
  width: 84px;
  height: 27px;
  line-height: 27px;
}

.content-newsys .btn-s.time.checked {
  color: #000;
  background:#ccc;
  background-image: -moz-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(185,185,185) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(185,185,185) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(187,187,187) 0%, rgb(185,185,185) 100%);
  box-shadow: inset 0px 0px 3px 0px rgba(1, 1, 1, 0.3);
  width: 82px;
  height: 25px;
  line-height: 25px;
}

.content-newsys td .note {
  font-size:10px;
  color:#333;
  padding-top:5px;
}


.content-newsys .search-sel .row {
  overflow: hidden;
  margin-bottom: 10px;
}

.content-newsys .search-sel .row p,
.content-newsys .search-sel .row div {
  float: left;
}

.content-newsys .search-sel .row p {
  line-height: 35px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 30px;
}

.content-newsys .search-sel .row div a {
  margin-right: 5px;
}

.content-newsys .search-sel .row div a:last-child {
  margin-right: 0;
}

.content-newsys .search-detail-sel {
  background: #fdffe8;
  padding: 15px 20px;
  box-sizing: border-box;
}

.content-newsys .search-detail-sel * {
  box-sizing: border-box;
}

.content-newsys .search-detail-sel .disn{
  display: none;
}

.content-newsys .search-detail-sel th {
  width: 82px;
  padding: 8px 25px 8px 0;
  text-align: right;
}

.content-newsys .search-detail-sel td {
  padding: 5px 0;
}

.content-newsys .btn-list ul {
  margin: -10px 0 0 -10px;
}

.content-newsys .btn-list li {
  float: left;
  margin: 10px 0 0 10px;
}

.content-newsys .btn-list a {
  width: 130px !important;
  height: 37px !important;
  margin: 0 !important;
}

.content-newsys .btn-list a.wide {
  width: 410px !important;
}

.content-newsys .search-detail-sel select {
  margin: 0 10px;
  min-width: 140px;
  height: 27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.content-newsys .search-detail-sel select:first-child {
  margin-left: 0;
}

.content-newsys .search-detail-sel .listen-btn-area {
  text-align: center;
  padding: 27px 0 2px 0;
}

.content-newsys .search-detail-sel .listen-btn-area .btn {
  display: inline-block;
  width: 250px;
  height: 42px;
  font-size: 16px;
  text-align: center;
  line-height: 42px;
  color: #fff;
  background: #a4743d;
  border: none;
  -webkit-border-radius:21px;
  border-radius: 21px;
}

.content-newsys .search-detail-sel input {
  margin: 0 6px;
  display: inline-block;
  width: 140px;
  height: 27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.content-newsys .search-detail-sel .label-inner input {
  display: none;
}

.content-newsys .search-detail-sel .label-inner.btn {
  width: 130px;
}

.content-newsys .search-detail-sel .label-inner.btn:hover {
  cursor: pointer;
}

.content-newsys .search-detail-sel .label-inner.btn.wide {
  width: 410px;
}

.content-newsys .search-detail-sel .label-inner.btn.genre.checked {
  height: 33px;
  background: #197619;
}

.content-newsys .search-detail-sel .label-inner.btn.type.checked {
  height: 33px;
  background: #207995;
}

.content-newsys .search-detail-sel .label-inner.btn.checked {
  position: relative;
}

.content-newsys .search-detail-sel .label-inner.btn.checked:after {
  position: absolute;
  top: -16px;
  left: -12px;
  display: block;
  width: 34px;
  height: 30px;
  content: "";
  background: url(/resource/img/under/newsys/check.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.content-newsys .search-detail-sel input:first-child {
  margin-left: 0;
}

.content-newsys .search-detail-sel td a {
  margin-right: 2px;
}

.content-newsys .toggle-btn {
  padding-top: 5px;
  text-align: right;
}

.content-newsys .toggle-btn .close {
  padding-top: 1px;
  padding-right: 15px;
  background: url(/resource/img/under/newsys/icon_close.png) right center no-repeat;
}

.content-newsys .toggle-btn .open {
  padding-top: 1px;
  padding-right: 15px;
  background: url(/resource/img/common/arrow_btm.png) right center no-repeat;
}

.content-newsys .result-list ul {
  overflow: hidden;
  margin-left: -17px;
}

.content-newsys .result-list ul li {
  float: left;
  margin-left: 17px;
  width: 225px;
  margin-bottom: 17px;
}

.content-newsys .result-list ul li .item-inner {
  padding-bottom: 15px;
}

.content-newsys .result-list ul li a {
  display: block;
}

.content-newsys .result-list ul li .thumb {
  width: 225px;
  height: 160px;
  margin-bottom: 15px;
  overflow: hidden;
}

.content-newsys .result-list ul li .thumb a {
  position: relative;
}

.content-newsys .result-list ul li .thumb a:hover {
  opacity: 1;
}

.content-newsys .result-list ul li .thumb a:hover:after {
  position:absolute;
  top: 0;
  left: 0;
  background: url(/resource/img/under/newsys/icon_plus.png) center 52px no-repeat;
  background-color: rgba(0,0,0,0.5);
  display: block;
  content: "詳細を開く";
  height: 100%;
  width: 100%;
  line-height: 224px;
  text-align: center;
  color: #fff;
}

.content-newsys .result-list ul li .thumb img {
  width: 100%;
}

.content-newsys .result-list ul li p {
  text-align: center;
  line-height: 1.4;
  color: #af7c3e;
  padding: 5px 0 10px 0;
}

.content-newsys .result-list ul li .page-link {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #af7c3e;
  background: #fce09c;
  border: 1px solid #ccc;
}

.content-newsys .form-box .conf {
  overflow: hidden;
  margin-bottom: 15px;
}


.content-newsys .form-box .conf {
  text-align: center;
}

.content-newsys .form-box .conf p {
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.content-newsys .form-box .conf input[type="text"] {
  width: 383px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lesson-list .info {
  min-height:17px;
}

.newsys_course .modal {
  position: relative;
  display: none;
  margin: 0 auto;
  width: 750px;
  padding: 40px;
  background: #fff;
  box-sizing: border-box;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

.newsys_course .mfp-content .modal {
  display: block !important;
}

.newsys_course .modal .close-btn {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 60px;
  height: 60px;
}

.newsys_course .modal * {
  box-sizing: border-box
}

.newsys_course .modal .top-row {
  display: table;
  table-layout: auto;
  width: 100%;
}

.newsys_course .modal .middle-row {
  padding: 30px 0 40px 0;
}

.newsys_course .modal .middle-row .plr20px {
  min-height: 19px !important;
}

.newsys_course .modal .bottom-row {
  text-align: center;
}

.newsys_course .modal .modal-thumb,
.newsys_course .modal .data-table {
  display: table-cell;
  vertical-align: top;
}

.newsys_course .modal .modal-thumb {
  width: 300px;
}

.newsys_course .modal .modal-thumb img {
  width: 100%;
}

.newsys_course .modal .table-heading {
  padding: 15px 0;
}

.newsys_course .modal .data-table {
  padding-left: 20px;
}

.newsys_course .modal .data-table .table-heading {
  padding: 15px 0;
  font-size: 20px;
  font-weight: bold;
}

.newsys_course .modal .data-table table {
  width: 100%;
}

.newsys_course .modal .data-table table th,
.newsys_course .modal .data-table table td {
  padding: 11px;
  font-size: 13px;
  border: 1px solid #ccc;
}

.newsys_course .modal .data-table table th {
  width: 100px;
  text-align: center;
  background: #f1f6b3;
}

.newsys_course .modal .sub-btn {
  display: inline-block;
  width: 250px;
  height: 50px !important;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background: #a9753b;
}

.newsys_course .modal .sub-btn:hover {
  text-decoration: none;
  opacity: 0.7;
}




/*
  price
--------------------------------------------------------------- */

.content-price .sub-h {
  font-size: 23px;
  font-weight: bold;
  padding: 10px 0 25px;
}

.content-price .sub-h span.note{
  font-size: 15px;
  display: block;
  padding:10px 0 0 0;
  font-weight: normal-table;
}

.content-price .sub-h span.link{
  position:absolute;
}

.content-price .price-content-box {
  margin-bottom: 60px;
}

.content-price .price-content-box .inner {
  font-size: 14px;
  color: #333;
}

.content-price .price-content-box .inner .sub-heading {
  margin-bottom: 20px;
}

.content-price .price-content-box .inner &gt; p {
  margin-bottom: 20px;
}

.content-price .price-content-box .inner .col .circle-h {
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  padding-left: 33px;
  background: #fbfbdc url(/resource/img/common/circle_h.png) 11px center no-repeat;
  margin-bottom: 20px;
}

.content-price .price-content-box .inner .col .circle-h + p {
  margin-bottom: 20px;
  font-size: 13px;
}

.content-price .price-content-box .inner .col .in-col {
  padding-left: 20px;
  margin-bottom: 35px;
}

.content-price .price-content-box .inner .col .in-col &gt; p {
  margin-bottom: 20px;
}

.content-price .price-content-box .inner .col .in-col p.note {
  font-size:11px;
}

.content-price .price-content-box .inner span.note {
  font-size:11px;
}

.content-price .price-content-box .inner .col .in-col .box {
  border: 1px solid #ccc;
  padding: 20px;
}

.content-price .price-content-box .inner .col .in-col .box .term{
  padding-top:10px;
}

.content-price .price-content-box .inner .col .in-col .box .lev-01 {
  font-size: 16px;
  font-weight: bold;
}

.content-price .price-content-box .inner .col .in-col .box .lev-02 {
  font-size: 16px;
  color: #A4743D;
  margin-top: 20px;
}

.content-price .price-content-box .inner .col .in-col .box .lev-02 + p {
  font-size: 12px;
  margin: 5px 0;
}

.content-price .price-content-box .inner .col .in-col .box .note {
  font-size: 11px;
}

.content-price .price-content-box .inner .col table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 10px;
}

.content-price .price-content-box .inner .col table th,
.content-price .price-content-box .inner .col table td {
  border: 1px solid #ccc;
  padding: 7px 13px;
  font-size: 13px;
}

.content-price .price-content-box .inner .col table th {
  background: #f2f2f2;
  width: 60%;
}

.content-price .price-content-box .inner .col table td {
  text-align: right;
}

.content-price .price-content-box .inner .col table .t-c {
  text-align: center;
}

.content-price .btm-lead {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}


/*
  News
--------------------------------------------------------------- */
.year-nav{
  margin-bottom:30px;
  margin-top:10px;
}

.year-nav li{
  display:inline-block;
  font-size:20px;
}

.year-nav li:before{
  content:" | ";
}

.year-nav li:first-child:before{
  content:"";
}

.news-list{
}

.news-list .news-list-ul{
}

.news-list .news-list-ul li.one-news{
  padding:20px 0;
  border-top:1px solid #DEDEDE;
  overflow: hidden;
  font-size:13px;
  line-height:1.5;
}

.news-list .news-list-ul li.one-news:last-child{
  border-bottom:1px solid #DEDEDE;
}

.news-list .news-list-ul li.one-news p{
  float:left;
  vertical-align: middle;
}

.news-list .news-list-ul li.one-news .date{
  width:110px;
}

.news-list .news-list-ul li.one-news .icon{
  width:110px;
  text-align:center;
  padding:0 10px;
}

.news-list .news-list-ul li.one-news .txt{
  width:785px;
}

.news-list .news-list-ul li.one-news .txt span{
  display: block;
  vertical-align:middle;
  margin-top:10px;
}

.news-list .news-list-ul li.one-news .txt span img{
  vertical-align:middle;
}

.news-list .news-list-ul li.one-news .txt span:first-child{
  margin-top:0px;
}


.news-list .news-list-ul li.one-news .icon img{
  width:70px;
  vertical-align: middle;
}

.news-list .news-list-ul li.one-news .txtwrap{
  width:880px;
  float:right;
  font-size:15px;
}

.news-list .news-list-ul li.one-news .txtwrap .ttl{
  margin-bottom:10px;
  color:#000;
  font-size:15px;
}

.news-list .news-list-ul li.one-news .txtwrap p{
  width:auto;
  color:#555;
  font-size:13px;
}

.pager{
  margin:30px 0;
  text-align:center;
}

.pager li{
  display:inline-block;
  margin:0 2px;
}

.pager li a{
  display: block;
  padding:5px 10px;
  border:1px solid #E4D2BE;
}

.pager li a:hover{
  border:1px solid #E4D2BE;
  background:#FFF2E4;
  text-decoration:none;
}

.pager li span{
  color:#fff;
  display: block;
  padding:5px 10px;
  background:#666;
  border:1px solid #666;
}


/*
  unique
--------------------------------------------------------------- */
.underline-ttl {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-top:30px;
}

.underline-ttl span{
  position: relative;
  display: inline-block;
  line-height: 1;
}

.underline-ttl span:after{
  content: " ";
  display: block;
  width: 100%;
  height: 6px;
  background: #fffc00;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}

.content-unique .sub-heading{
  margin-top:50px;
  margin-bottom:20px;
}

.content-unique .inner{
  line-height:1.4;
  font-size:14px;
}

.content-unique .unique-top {
  background: url(/resource/img/under/unique/flour/flour_ph04.png) right 20px no-repeat;
  background-size: 220px;
  padding-bottom: 1px;
}

.content-unique .unique-lead{
  overflow: hidden;
  margin-top:0px;
  font-size:14px;
  text-align:center;
  margin-bottom:60px;
}

.content-unique .unique-lead .txt{
}

.content-unique .unique-lead .txt p{
  font-size:15px;
  line-height:1.6;
  padding-top:20px;
}

.content-unique .unique-lead.no-photo .txt{
  float:none;
  width:100%;
}

.content-unique .unique-lead.no-photo .txt p{
  padding-top:0;
}

.content-unique .about-area{
  overflow: hidden;
  margin:30px 0;
}

.content-unique .voice{
  padding:30px;
  margin-top: 20px;
  background: url(/resource/img/under/graduate/bg_lecturers.jpg);
}

.content-unique .about-area .ph{
  width:205px;
  float:left;
}

.content-unique .about-area .txt{
  width:700px;
  float:right;
  font-size:14px;
  line-height:1.5;
  padding-top:10px;
}

.content-unique .about-area.right .ph{
  width:205px;
  float:right;
}

.content-unique .about-area.right .txt{
  width:700px;
  float:left;
  font-size:14px;
  line-height:1.5;
  padding-top:10px;
}

.content-unique .about-area.no-photo .txt{
  width:920px;
  float:none;
}

.content-unique .about-area .txt .unique-sub-ttl{
  margin-bottom:10px;
  font-weight: bold;
}

.content-unique .about-area .txt .unique-sub-ttl span{
  font-size:18px;
  background:url(/resource/img/common/under_yellow.gif) repeat-x bottom left;
}

.catch-txt{
  font-size:18px;
  font-weight: bold;
  text-align:center;
  line-height:1.5;
  margin:50px 0;
}

.content-unique .catch-txt .btn-area {
  margin-top: 20px;
}

.content-unique .flour-map{
  margin:30px 0;
  padding:30px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.content-unique .flour-map h4{
  text-align:center;
  margin-bottom:20px;
}

.content-unique .flour-map p{
  text-align:center;
}

.content-unique .date{
  padding-top:5px;
  text-align:right;
}


/*
  recipe
--------------------------------------------------------------- */

.content-recipe .monthly-recipe{
  background: url(/resource/img/under/course/bg_about.png) left top repeat-y;
  padding: 30px 40px;
  position: relative;
  margin-bottom: 40px;
  margin-top: 30px;
}

.content-recipe .monthly-recipe:before{
  position: absolute;
  content: " ";
  display: block;
  width: 975px;
  height: 25px;
  background: url(/resource/img/under/course/stapler.png) left top no-repeat;
  left: 50%;
  margin-left: -487px;
  top: 10px;
}

.content-recipe .monthly-recipe-list{
  overflow: hidden;
  margin-left:-25px;
  margin-top:0px;
  margin-bottom:40px;
}

.content-recipe .monthly-recipe-list li{
  float:left;
  text-align:center;
  width:280px;
  border:5px solid #fff;
  background:#fff;
  margin-left:25px;
  margin-top:25px;
  font-size:15px;
  padding-bottom:8px;
}

.content-recipe .monthly-recipe li .ph{
  margin-bottom:10px;
}

.content-recipe .monthly-recipe li .name{
  padding:5px 0 0px 0 ;
}

.content-recipe .monthly-recipe li img{
  max-width:100%;
  height:auto;
}

.content-recipe .mail-mag-area{
  overflow: hidden;
  margin-top:30px;
  margin-bottom:40px;
}

.content-recipe .mail-mag-area .txt{
  float:left;
  padding-top:10px;
}

.content-recipe .mail-mag-area .btn{
  float:right;
  width:200px;
  text-align:center;
}

.content-recipe .mail-mag-area .btn a{
  display: block;
  padding:10px 0;
  background:#a9753b;
  color:#fff;
}

.content-recipe .mail-mag-area .btn a:hover{
  opacity:0.7;
  -webkit-opacity:0.7;
  text-decoration:none;
}

.content-recipe .recipe-catch{
  font-size:24px;
  text-align:center;
  line-height:1.5;
}

.content-recipe .recipe-catch .sub{
  font-size:16px;
}

.content-recipe .recipe-nav{
  background: url(/resource/img/under/course/bg_about.png) left top repeat-y;
  padding: 30px 40px;
  position: relative;
  margin-bottom:40px;
  margin-top:30px;
}

.content-recipe .recipe-nav:before{
  position: absolute;
  content: " ";
  display: block;
  width: 975px;
  height: 25px;
  background: url(/resource/img/under/course/stapler.png) left top no-repeat;
  left: 50%;
  margin-left: -487px;
  top: 10px;
}

.content-recipe  .recipe-nav ul{
  overflow: hidden;
  margin-top:20px;
}

.content-recipe  .recipe-nav li{
  width:25%;
  margin:5px 0 ;
  float:left;
}

.content-recipe  .recipe-nav li a{
  display: block;
  padding-left: 20px;
  background: url(/resource/img/common/arrow_circle_02.png) left center no-repeat;
  color: #444;
}

.recipe-count{
  text-align:right;
  padding:20px 0 0;
  display:none;
}

.thumb_circle li img{
  border-radius:50%;
}

.recipe-archives ul{
  margin:30px 0;
  display: flex;
  flex-wrap: wrap;
}
.recipe-archives li{
  width:225px;
  margin-right: 33px;
}
.recipe-archives li:nth-child(4n) {
  margin-right: 0;
}

.recipe-archives li img{
  width:100%;
}

.recipe-archives li p{
  padding:10px 0;
  text-align:center;
}

.recipe-archives .recipe-menu01 li{
  width:480px;
  margin-bottom:15px;
  margin-right: 0;
}
.recipe-archives .recipe-menu01 li .ph {
  width: 180px;
  padding: 0;
  padding-right: 20px;
}
.recipe-archives .recipe-menu01 li a {
  display: table;
}
.recipe-archives .recipe-menu01 li p {
  display: table-cell;
  vertical-align: middle;
}

.recipe-archives .recipe-menu02 li{
  margin-bottom:15px;
  margin-right: 33px;
}
.recipe-archives .recipe-menu02 li:nth-child(4n) {
  margin-right: 0;
}

/*
  price 詳細
--------------------------------------------------------------- */

.content-recipe.recipe-detail .recipe-name {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 30px 0 20px 0;
}

.content-recipe.recipe-detail .recipe-name span {
  display: inline-block;
  line-height: 1;
  background: -webkit-linear-gradient(transparent 68%, #FFFF4D 0%);
  background: -o-linear-gradient(transparent 68%, #FFFF4D 0%);
  background: linear-gradient(transparent 68%, #FFFF4D 0%);
}

.content-recipe.recipe-detail .recipe-cap {
  padding-bottom: 43px;
  text-align: center;
}

.content-recipe.recipe-detail .ph {
  width: 830px;
  padding: 4px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #ddd;
}

.content-recipe.recipe-detail .ph img {
  max-width: 100%;
}

.content-recipe.recipe-detail .howto {
  width: 100%;
  padding: 35px 0;
  margin-top: 67px;
  background: #fdffe4;
}

.content-recipe.recipe-detail .howto-inner {
  display: table;
  table-layout: fixed;
  width: 1000px;
  margin: 0 auto;
}

.content-recipe.recipe-detail .howto-inner .material,
.content-recipe.recipe-detail .howto-inner .howto-txt {
  display: table-cell;
  witdh: 500px;
  vertical-align: top;
}

.content-recipe.recipe-detail .howto .material {
  overflow: hidden;
}

.content-recipe.recipe-detail .howto .material .material-table {
  margin-left: -20px;
}

.content-recipe.recipe-detail .howto .material .material-table * {
  box-sizing: border-box;
}

.content-recipe.recipe-detail .howto .material .material-table table {
  float: left;
  width: 230px;
  margin-left: 20px;
  border-collapse: separate;
  border-spacing: 1px;
}

.content-recipe.recipe-detail .howto .material .material-table th,
.content-recipe.recipe-detail .howto .material .material-table td {
  padding: 0;
  vertical-align: middle;
  font-size: 12px;
}

.content-recipe.recipe-detail .howto .material .material-table th {
  width: 19px;
  text-align: center;
  background: #cdd564;
}

.content-recipe.recipe-detail .howto .material .material-table td {
  padding-left: 7px;
}

.content-recipe.recipe-detail .howto .material .material-table td dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px dashed #a4a594;
}

.content-recipe.recipe-detail .howto .material .material-table td dl &gt; * {
  display: table-cell;
  vertical-align: middle;
}

.content-recipe.recipe-detail .howto .material .material-table td dt,
.content-recipe.recipe-detail .howto .material .material-table td dd {
  padding: 5px 0;
}

.content-recipe.recipe-detail .howto .material .material-table td dd {
  width: 70px;
  padding-right: 8px;
  text-align: right;
}

.content-recipe.recipe-detail .howto .howto-txt {
  font-size: 13px;
  letter-spacing: 0.2em;
}

.content-recipe.recipe-detail .howto .howto-txt ul {
  margin-top: -20px;
}

.content-recipe.recipe-detail .howto .howto-txt li {
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-top: 20px;
}

.content-recipe.recipe-detail .howto .howto-txt .num {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.3em;
  line-height: 13px;
  text-indent: 0;
  font-size: 9px;
  vertical-align: middle;
  letter-spacing: 0;
  text-align: center;
  border: 1px solid #000;
  border-radius: 20px;
}

.content-recipe.recipe-detail .howto .ttl {
  width: 100%;
  padding-bottom: 32px;
  text-align: left;
  letter-spacing: 0.1em;
  font-size: 16px;
  font-weight: bold;
}

.content-recipe.recipe-detail .howto .ttl span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.content-recipe.recipe-detail .btn-area {
  padding-top: 40px;
}




/*
  company-info
--------------------------------------------------------------- */
.content-company .company-info-wrap{
  overflow: hidden;
}

.content-company .company-table{
  width:700px;
  float:left;
}

.content-company .company-table table{
  width:100%;
}

.content-company .company-table th{
  background:#eee;
  border:1px solid #ccc;
  padding:10px;
  width:100px;
}

.content-company .company-table td{
  padding:10px;
  border:1px solid #ccc;
}

.content-company .ceo-photo{
  float:right;
}
.content-company .ceo-photo img{
  width: 260px;
}

.content-company .note{
  padding-top:10px;
  font-size:12px;
}


/*
  contact-form
--------------------------------------------------------------- */
.content-reserve .reserve-form .gmenu-tr #GMENUETC{
  display:inline-block;
  width:275px;
  margin-left:5px;
}

.reserve-form .error-text{
  text-align: center;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}

.reserve-form .enq-form{
  padding: 20px;
  margin: 20px 0px 0px 0px;
  background: #EFEFEF;
  border: 1px solid #ccc;
  display: none;
}

.reserve-form .enq-form p{
  text-align: center;
  padding-bottom:15px;
  font-size:15px;
}

.reserve-form .enq-form table{
  width: 100%;
}

.reserve-form .enq-form tr{
  border-top:1px dotted #ccc;
}

.reserve-form .enq-form th,
.reserve-form .enq-form td{
  padding: 15px;
  vertical-align: middle;
}

.reserve-form .enq-form th{
  width:230px;
  vertical-align: middle;
}

.reserve-form .enq-form td input[type="text"],
.reserve-form .enq-form td input[type="email"],
.reserve-form .enq-form td input[type="tel"],
.reserve-form .enq-form td textarea,
.reserve-form .enq-form td select{
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.reserve-form .enq-form td textarea{
  width:100%;
  height:200px;
}

.reserve-form .enq-form td input[type="radio"]{
  vertical-align:middle;
}

.reserve-form .howtoview{
  overflow: hidden;
  text-align: center;
  border: 1px solid red;
  margin:10px 0px;
  padding:10px 0;
}

.reserve-form .howtoview label{
  display: inline-block;
  padding: 10px 0;
  vertical-align: middle;
  font-size: 15px;
  margin:0 20px;
}

.reserve-form .howtoview input[type="radio"]{
  margin-right:10px;
}

.content-reserve .privacy-text{
  margin-top:20px;
}

.content-reserve .privacy-text .ttl{
  font-weight: bold;
  font-size:14px;
  padding-bottom:5px;
}

.content-reserve .thanks{
  padding: 80px 40px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.9;
  font-weight: bold;
}

.content-reserve .thanks  .privacy-text{
  font-weight:normal-table;
  font-size:14px;
  margin-bottom:20px;
}


/*
  corporate
--------------------------------------------------------------- */
.content-corporate .sub-heading{
  margin-bottom:30px;
  margin-top:40px;
}

.content-corporate .graduate-top + .sub-heading{
  margin-top:0px;
}

.content-corporate .step{
}

.content-corporate .common-list{
  overflow:hidden;
  margin-left:-20px;
}

.content-corporate .common-list li{
  float:left;
  width:180px;
  margin-left:20px;
}

.content-corporate .common-list li .ttl{
  font-weight: bold;
  font-size:14px;
}

.content-corporate .common-list li .ttl.fss{
  font-size:12px;
}

.content-corporate .step .common-list li .ttl{
  height:40px;
}

.content-corporate .common-list li .ph{
  padding:10px 0;
}

.content-corporate .common-list li .ph img{
  width:100%;
}

.content-corporate .common-list li .cap{
  font-size:12px;
}

.content-corporate .party-overview{
  margin:5px 0;
  width:100%;
}

.content-corporate .party-overview th,
.content-corporate .party-overview td{
  padding:10px;
  border:1px solid #ccc;
}

.content-corporate .party-overview th{
  width:100px;
  background:#eee;
}

.content-corporate .note{
  font-size:11px;
  color:#555;
}

.ttl-arrow{
  height: 36px;
  font-weight: bold;
  line-height: 36px;
  vertical-align: middle;
  font-size: 18px;
  padding-left: 38px;
  margin:30px 0 20px 0 ;
  background: url(/resource/img/under/graduate/arrow_ex_h.png) 10px center no-repeat #fbfbdc;
}

.content-corporate .howto-entry{
  overflow:hidden;
}

.content-corporate .howto-entry .lead{

}

.content-corporate .howto-entry .net{
  width:490px;
  float:left;
}

.content-corporate .howto-entry .net .btn-area{
  margin-top:20px;
}

.content-corporate .howto-entry .tel{
  width:490px;
  float:right;
}

.content-corporate .howto-entry .tel dl{
  margin-top:10px;
  padding:15px;
  background:#eee;
  overflow: hidden;
}

.content-corporate .howto-entry .tel dt{
  vertical-align: middle;
  text-align:center;
}

.content-corporate .howto-entry .tel dd{
  vertical-align: middle;
  padding-top:10px;
  text-align:center;
  font-size:28px;
  font-weight: bold;
  line-height:1.3;
  color:#a4743d;
}

.content-corporate .howto-entry .tel dd span{
  color:#000;
  display: block;
  font-weight: normal-table;
  font-size:12px;
  padding-top:5px;
}

.content-corporate .step-flow{
  padding:10px;
}


.cancel-cost {
  margin:10px 0;
}
.cancel-cost table{
  margin:10px 0;
  width:100%;
}

.cancel-cost table th,
.cancel-cost table td{
  padding:10px;
  border:1px solid #ccc;
}

.cancel-cost table th:first-child{
  width:150px;
}

.cancel-cost table th:nth-child(2){
  width:150px;
}

.cancel-cost table th{
  background:#eee;
}


/*
  contact
--------------------------------------------------------------- */
.content-contact .before-contact{
  margin-bottom:30px;
}
.content-contact .before-contact ul{
  overflow: hidden;
  margin-left:-33px;
}

.content-contact .before-contact ul li{
  float:left;
  width:310px;
  margin-left:33px;
  margin-bottom:20px;
}

.content-contact .before-contact ul li .txt{
  padding-bottom:10px;
}

a.border-wrap{
  display: block;
  padding:10px;
  border:1px solid #A9753B;
  background:none;
  text-align:center;
  max-width:280px;
  margin-top:10px;
}

.content-contact .not-resolution .bg-cap{
  margin:10px 0;
  background:#eee;
  padding:20px;
}

.content-contact .not-resolution .arrow-left{
  margin:10px 0;
}

.content-contact .not-resolution .tel-contact .tel {
  margin:20px 0 10px 0;
}

.content-contact .not-resolution .tel-contact .tel span{
  display:inline-block;
  vertical-align: middle;
  padding-right:10px;
}

.content-contact .not-resolution .tel-contact .tel .num{
}

.content-contact .not-resolution .tel-company .btn-area{
  margin-top:10px;
}

.content-contact .not-resolution .tel-company .btn-area a{
  font-size:14px;
  letter-spacing:0;
}

.content-contact .not-resolution .tel-company .comp-only{
  font-size:15px;
  font-weight:bold;
  margin-top:20px;
}
.content-contact .not-resolution .tel-company .comp-only + .tel{
  margin-top:10px;
}


/*
  privacy
--------------------------------------------------------------- */
.privacy p {
  margin-bottom: 10px;
}

.privacy p.right {
  text-align: right;
  margin: 20px 0;
}

.privacy .dec-info-list {
  padding-left: 20px;
  font-size: 16px;
}

.privacy .dec-info-list .list-ttl {
  font-size: 16px;
}

.privacy .dec-info-list .fs-m {
  font-size: 13px;
}

.privacy .dec-info-list &gt; li {
  list-style-type: decimal;
  margin-bottom: 40px;
}

.privacy .dec-info-list .num-info-list {
  margin: 10px 0;
}

.privacy .dec-info-list .num-info-list &gt; li {
  padding-left: 3em;
  text-indent: -3em;
}


/*
  SINGLE
--------------------------------------------------------------- */
.content-single .single-main{
  margin-top: 40px;
}

.single-lead{
  padding:20px 0;
}

.single-lead p{
  padding:5px 0;
  line-height: 1.6;
}

.content-single .single-main .single-pickup li a{
  display: block;
}

.content-single .single-main .step-contents{
  margin-top:30px;
}

.content-single .single-main .step-contents .lesson-list{
  margin-top: 0px;
  margin-bottom: 10px;
}

.content-single .single-main .step-contents .lesson-list .thumb{
  height: auto;
}

.content-single .single-main .step-contents:before,
.content-single .single-main .step-contents:after{
  background: none;
}



/*
  COLUMN
--------------------------------------------------------------- */
.column-contents {
  display: flex;
  justify-content: space-between;
  padding: 60px 0 100px;
}
.column-contents .block-one {
  width: 230px;
}
.column-contents .block-one img {
  width: 100%;
}
.column-contents .block-one .sub-heading {
  margin-bottom: 20px;
  font-size: 17px;
}

.column-nav{
  padding: 0 20px 20px;
  background: #fbfbdc;
}

.column-nav a{
  color:#a46e31;
}

.column-nav ul{
  overflow: hidden;
  margin-left:-10px;
}

.column-nav ul li{
  float: left;
  width: 25%;
  padding-left: 15px;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
  box-sizing: border-box;
}

.column-nav ul li span{
  display: block;
}

.column-nav ul li .txt{
  line-height: 1.3;
  padding-bottom:10px;
  color: #a46e31;
  font-size: 14px;
}

.profile-area {
 overflow:hidden;
 clear:both;
 padding:20px;
 border:1px solid #ccc;
 width: 600px;
 margin: 20px auto 40px;
 box-sizing: border-box;
}

.profile-area .photo{
  float:left;
  width:240px;
}

.profile-area .text{
  margin-left:260px;
}

.profile-area .text dt{
  padding-bottom:20px;
  font-weight:bold;
  font-size:16px;
}

.profile-area .text dd{
  padding-right:20px;
}

.women .profile-area {
  width: 100%;
}

.women .profile-area .photo {
  width: 330px;
}

.women .profile-area .text {
  margin-left: 360px;
}

.sasanuma{
  text-align:right;
}

.column-yn-area{
  text-align:center;
}

.column_table{
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
  background:#fdffe4;
}
.column_table th{
  padding:5px;
}
.column_table td{
  background:#FFF;
  padding:5px;
  text-align:right;
}

.column_recipe{
  overflow:hidden;
  margin-top:30px;
}

.column_recipe .block1{
  width:290px;
  float:left;
  padding:10px;
  border:1px solid #ccc;
}

.column_recipe .block1 h4{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  color:#a9753b;
  background:#fdffe4;
  padding:5px 0;
}

.column_recipe .block1 img{
  width:100%;
}

.column_recipe .block1:nth-child(2){
  margin:0 20px;
}

/*
 ・沂鏗EETIME
--------------------------------------------------------------- */
.content-three .three-lead-area{
  overflow: hidden;
}
.content-three .three-lead-area .ph{
  width: 450px;
  float:left;
}

.content-three .three-lead-area &gt; .txt{
  float: right;
  width:530px;
}
.content-three .three-lead-area &gt; .txt .ttl{
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
}
.content-three .three-lead-area &gt; .txt .cost{
  padding:15px 20px;
  background: #EEE;
}
.content-three .three-lead-area &gt; .txt .cost {
  margin-top: 15px;
}

.content-three .three-lead-area &gt; .txt .cost p.note{
  padding-top: 10px;
  margin: 0;
  font-size: 12px;
}
.content-three .three-lead-area &gt; .txt .cost ul li span{
  font-size: 16px;
  margin-right: 5px;
  font-weight: bold;
}

.content-three .three-lead-area .note{
  font-size: 12px;
  line-height: 1.4;
}
.content-three .three-lead-area .btn-area{
  margin-top: 10px;
}
.content-three .tree-nav-area{
  overflow: hidden;
}

.content-three .tree-nav-area{
  margin: 30px 0;
}
.content-three .tree-nav-area ul{
  margin-top: -10px;
  margin-left: -10px;
}
.content-three .tree-nav-area li{
  float: left;
  width: 190px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: center;
  border: 1px solid #cccccc;
}
.content-three .tree-nav-area li a{
  display: block;
  color: #a9753b;
  padding:10px 0;
  background: url(/resource/img/common/arrow_left_link_02.png) no-repeat right center #fbffe8;
  border-right:10px solid #fbffe8;
}
.content-three .tree-nav-area li a:hover{
  text-decoration: none;
  opacity: 0.6;
}

.content-three .three-flow {
}

.content-three .three-flow p{
  margin: 0;
}
.content-three .three-flow .one-flow{
  overflow: hidden;
  margin-top:20px;
}
.content-three .three-flow .one-flow .ph{
  float:left;
  width:300px;
}
.content-three .three-flow .one-flow .txt-area{
  float:right;
  width:680px;
  overflow: hidden;
}
.content-three .three-flow .one-flow .txt-area .ttl{
  overflow: hidden;
  margin-bottom: 10px;
}
.content-three .three-flow .one-flow .txt-area .ttl span{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  width: 590px;
  font-size: 20px;
}
.content-three .three-flow .one-flow .txt-area .ttl span.num{
  padding:5px 10px;
  color: #fff;
  width:60px;
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #a4743d;
  margin-right: 10px;
}

.content-three .lesson-content li{
  font-size: 13px;
}
.content-three .lesson-content li .lesson-name{
  color: #a4743d;
}
.content-three .lesson-content li .txt{
  margin-bottom: 5px;
}

.content-three .btn-area{
  margin-top:20px !important;
}

.content-three table th{
  width:100px;
  text-align: center;
  padding:20px 10px;
  vertical-align: top;
}
.content-three table td{
  padding:20px 10px;
}
.content-three table tr td,
.content-three table tr th{
  border-bottom:1px dotted #ccc;
  padding-top:10px;
}
.content-three table td span{
  display: block;
  font-size: 12px;
  margin-top: 5px;
}
.content-three table td li{
  display: inline-block;
  width:100px;
  margin-bottom: 10px;
}
.content-three table td li:nth-child(2n){
  width:660px;
  font-weight: bold;
}

.content-three .float-block .right p.ttl {
  font-size: 16px;
}

.content-three .festa-heading {
  font-size: 16px;
  font-weight: bold;
  color: #a4743d;
  margin-top: 20px;
}

.content-three .festa span {
  font-size: 16px;
  font-weight:bold;
  display: inline-block;
}

/*
  COMMON STYLE
--------------------------------------------------------------- */
ul.common-4-block{
  overflow: hidden;
  margin-left: -20px;
  margin-top:-20px;
}

ul.common-4-block li{
  float: left;
  width: 235px;
  margin-left: 20px;
  margin-top:20px;
}

ul.common-4-block li img{
  max-width: 100%;
}

ul.common-4-block .ttl{
  font-weight: bold;
  font-size: 14px;
}

ul.common-4-block .ph{
  padding:10px 0;
}

ul.common-4-block .cap{
  font-size:12px;
}

ul.common-5-block{
  overflow: hidden;
  margin-left: -20px;
  margin-top:-20px;
}

ul.common-5-block li{
  float: left;
  width: 180px;
  margin-left: 20px;
  margin-top:20px;
}

ul.common-5-block .ttl{
  font-weight: bold;
  font-size: 14px;
}

ul.common-5-block .ph{
  padding:10px;
}

ul.common-5-block .cap{
  font-size:12px;
}

.caution-txt{
  color:red;
  font-weight:bold;
}




/*
  .kcc
--------------------------------------------------------------- */

/* -- .kcc common -- */

.content.kcc .tac {
  text-align: center;
}

.content.kcc .tal {
  text-align: left;
}

.content.kcc .tar {
  text-align: right;
}

.content.kcc strong {
  font-weight: bold;
}

.content.kcc .left-col {
  float: left;
}

.content.kcc .right-col {
  float: right;
  position: relative;
}

.content.kcc .btn-area a {
  text-align: center;
}

.content.kcc .btn:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* heading */
.content.kcc .circle-heading {
  padding: 11px 36px 9px 36px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  background: url(/resource/img/under/kcc/circle_brown.png) no-repeat 15px 11px #fbfbdc;
}

.content.kcc .marker-heading {
  margin-top: 22px;
  font-size: 18px;
  font-weight: bold;
  color: #b1000d;
}

.content.kcc .marker-heading span {
  display: inline-block;
  padding: 0 3px;
  background: -webkit-linear-gradient(transparent 65%, #f6ff00 0%);
  background: -o-linear-gradient(transparent 65%, #f6ff00 0%);
  background: linear-gradient(transparent 65%, #f6ff00 0%);
}

/* .single */
.content.kcc .single-main {
  margin-top: 40px;
}

.content.kcc .container {
  padding-top: 25px;
}

.content.kcc .container-lead {
  padding-top: 13px;
  font-size: 14px;
  color: #b1000d;
}

/* .club-tab-area */
.content.kcc .cm-img-box {
  position: relative;
}

.content.kcc .cm-img-box img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

/* .table-box */
.content.kcc .table-box {
  display: table;
  width: 100%;
}

.content.kcc .table-title {
  padding-bottom: 10px;
  font-size: 14px;
  color: #b1000d;
}

.content.kcc .cell {
  display: table-cell;
  vertical-align: top;
}

.content.kcc .article {
  line-height: 1.4;
  font-size: 14px;
  color: #b1000d;
}

/* .img-box */
.content.kcc .img-box img {
  width: 100%;
}

/* .club-tab-area */
.content.kcc .club-tab-area {
  padding-top: 39px;
  background: #e6e6e6;
}

.content.kcc .club-tab-area .tabs {
  width: 1000px;
  height: 50px;
  margin: 0 auto;
}

.content.kcc .club-tab-area .tabs ul {
  width: 1020px;
  margin: -20px;
}

.content.kcc .club-tab-area .tabs li {
  position: relative;
  height: 50px;
  margin-left: 20px;
  float: left;
  overflow: hidden;
}

.content.kcc .club-tab-area .tabs li a,
.content.kcc .club-tab-area .tabs li span {
  display: block;
  width: 184px;
  height: 50px;
}

.content.kcc .club-tab-area .tabs li.tab.on img {
  bottom: 0;
}

/* .form-table */
.content.kcc .form-table {
  padding: 20px 21px;
  background: #fffbed;
  border: 2px solid #cacaca;
  box-sizing: border-box;
}

.content.kcc .form-table * {
  box-sizing: border-box;
}

.content.kcc .form-table table {
  width: 100%;
}

.content.kcc .form-table th {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  padding: 0;
}

.content.kcc .form-table td.id {
  width: 320px;
  padding-right: 20px;
}

.content.kcc .form-table td.pass {
  width: 320px;
  padding-right: 23px;
}

.content.kcc .form-table td.btn {
  width: 147px;
}

.content.kcc .form-table td input[type="text"],
.content.kcc .form-table td input[type="password"],
.content.kcc .form-table td input[type="submit"] {
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.content.kcc .form-table td input[type="text"],
.content.kcc .form-table td input[type="password"] {
  padding: 0 20px;
  font-size: 14px;
  border: 1px solid #cacaca;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.content.kcc .form-table td input[type="submit"] {
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  background: #a9753b;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* member-table */
.content.kcc .member-table {
  padding: 20px 21px;
  background: #fffbed;
  border: 2px solid #cacaca;
  box-sizing: border-box;
}

.content.kcc .member-table * {
  box-sizing: border-box;
}

.content.kcc .member-table table {
  table-layout: auto;
  width: 100%;
}

.content.kcc .member-table td {
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  color: #000;
}

.content.kcc .member-table td.member p {
  display: inline-block;
}

.content.kcc .member-table td.member .name span {
  display: inline-block;
  padding: 0 10px;
  font-size: 18px;
  font-weight: bold;
}

.content.kcc .member-table td.member .period {
  padding-left: 30px;
}

.content.kcc .member-table td.logout {
  width: 147px;
}

.content.kcc .member-table td.logout .btn {
  display: block;
  width: 95%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #666;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.content.kcc .member-table td.lead {
  padding-top: 15px;
  font-size: 14px;
}

/* メンバー規約 */
.kcc-policy li {
  margin-bottom: 40px;
}
.kcc-policy p {
  margin-bottom: 5px;
}
.kcc-policy .ttl {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px dashed #a9753b;
  padding-bottom: 5px;
}
.kcc-policy .indent {
  padding-left: 20px;
}
.kcc-policy .num-list {
  text-indent: -3em;
  padding-left: 3em;
}

/* .news-area */
.content.kcc .news-area {
}

.content.kcc .news-area dl {
  padding-bottom: 13px;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
}

.content.kcc .news-area dl:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.content.kcc .news-area dl dt {
  margin-top: 15px;
}

.content.kcc .news-area dl dt .date {
  padding-bottom: 6px;
  font-size: 11px;
  color: #555;
}

.content.kcc .news-area dl dt .title {
  padding-bottom: 10px;
  font-size: 13px;
  color: #000;
}

.content.kcc .news-area dl dd {
  color: #000;
}

/* .txt-area */
.content.kcc .txt-area {
  margin-top: 23px;
  line-height: 1.5;
  font-size: 14px;
  box-sizing: border-box;
}

.content.kcc .txt-heading {
  padding-bottom: 19px;
  font-size: 16px;
  font-weight: bold;
  color: #b1000d;
}

.content.kcc .txt-area * {
  box-sizing: border-box;
}

.content.kcc .txt-area .txt {
  margin-bottom: 13px;
  color: #2e2e2e;
}

/* .guide */
.content.kcc .guide {
  padding: 15px 30px;
  margin-top: 30px;
  line-height: 1.8;
  font-size: 13px;
  color: #b1000d;
  border: 2px solid #b1000d;
}

.content.kcc .guide strong {
  font-size: 14px;
  font-weight: bold;
}

.content.kcc .guide .txt-list {
  overflow: hidden;
}

.content.kcc .guide dl {
  margin-top: -25px;
  font-size: 14px;
}

.content.kcc .guide .txt-list dl dt {
  margin-top: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}

.content.kcc .guide .txt-list dl dd {
  line-height: 1.8;
  color: #333;
}
.content.kcc .guide .txt-list dl dd img {
  margin: 0 0 1px 5px;
  vertical-align: middle;
}

/* .btn-area */
.content.kcc .btn-area {
  padding-top: 18px;
}

/* .arrow-list */
.content.kcc .arrow-list ul li {
  padding: 0 0 0 21px !important;
}

.content.kcc .arrow-list.green ul li {
  background: url(/resource/img/under/kcc/right_arrow_g.png) no-repeat 6px 5px;
}

.content.kcc .arrow-list.brown ul li {
  background: url(/resource/img/under/kcc/right_arrow_b.png) no-repeat 6px 5px;
}

/* .icon-heading-list */
.content.kcc .icon-heading-list {
  overflow: hidden;
}

.content.kcc .icon-heading-list ul {
  margin-top: -25px;
}

.content.kcc .icon-heading-list li {
  position: relative;
  padding: 4px 0 0 43px;
  margin-top: 25px;
  line-height: 1.6;
  font-size: 14px;
  color: #b1000d;
}

.content.kcc .icon-heading-list img {
  position: absolute;
  top: 0;
  left: 0;
}

/* table */
.content.kcc table .red {
  color: #b1000d;
}

.content.kcc table.normal-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 10px;
}

.content.kcc table.normal-table th,
.content.kcc table.normal-table td {
  border: 1px solid #ccc;
  padding: 7px 13px;
  font-size: 13px;
}

.content.kcc table.normal-table th {
  background: #f2f2f2;
}

.content.kcc table.normal-table td {
  text-align: right;
}

.content.kcc table.normal-table .t-c {
  text-align: center;
}

/* txt */
.content.kcc .txt-c-r {
  color: #b1000d;
}

.content.kcc .txt-c-lr {
  color: #F00;
}

.content.kcc .txt-c-b {
  color: #000;
}

.content.kcc .bld {
  font-weight: bold;
}


/*
  .kcc.content-kcc-info
--------------------------------------------------------------- */

.content-kcc-info {
  padding-bottom: 139px;
}


/*
  .kcc.content-kcc-bt
--------------------------------------------------------------- */

.content-kcc-bt {
  padding-bottom: 100px;
}

.content-kcc-bt .single-main.communication {
  padding-bottom: 15px;
}

.content-kcc-bt .single-main.communication .cell.img {
  width: 273px;
}

.content-kcc-bt .single-main.communication .cm-img-box {
  height: 256px;
}

.content-kcc-bt .single-main.communication .cell.article {
  padding-left: 42px;
}

.content-kcc-bt .single-main.communication .btn-area {
  padding: 37px 0 35px 0;
  text-align: left;
}

.content-kcc-bt .single-main.communication .btn-area a {
  width: 445px;
  font-size: 14px;
  font-weight: normal;
  margin-left: 0;
}

.content-kcc-bt .single-main.communication .btn-area a.orange {
  background: #F3A458;
}

.content-kcc-bt .thumb-list {
  overflow: hidden;
}

.content-kcc-bt .thumb-list ul {
  margin: -38px 0 0 -26px;
}

.content-kcc-bt .thumb-list li {
  width: 178px;
  margin: 38px 0 0 27px;
  float: left;
}

.content-kcc-bt .thumb-list li img {
  width: 178px;
  height: 251px;
}

.content-kcc-bt .thumb-list a {
  display: block;
}

.content-kcc-bt .thumb-list a:hover {
  text-decoration: none;
}

.content-kcc-bt .thumb-list .title {
  padding-top: 13px;
  font-size: 14px;
}

.content-kcc-bt .single-main.how-to .cell.img .cm-img-box {
  width: 600px;
  height: 481px;
}

.content-kcc-bt .single-main.how-to .cell.article {
  padding-left: 30px;
}

.content-kcc-bt .single-main.how-to .icon-heading-list {
  padding-bottom: 38px;
}


/*
  .kcc.content-kcc-01
--------------------------------------------------------------- */

.content-kcc-01 {
  padding-bottom: 143px;
}

.content-kcc-01 .container {
  box-sizing: border-box;
}

.content-kcc-01 .container * {
  box-sizing: border-box;
}

.content-kcc-01 .txt-box .txt {
  color: #b1000d;
}

.content-kcc-01 .phTxt .FL, .news-list .phTxt .FL {
  float:left;
}

.content-kcc-01 .phTxt .txt, .news-list .phTxt .txt {
  margin-left:195px;
}

.content-kcc-01 .introduction .cell.img {
  width: 190px;
}

.content-kcc-01 .introduction .cell.img .cm-img-box {
  height: 122px;
}

.content-kcc-01 .card-desc {
  padding: 30px 63px;
  margin-top: 23px;
}

.content-kcc-01 .card-desc .left-col {
  width: 275px;
}

.content-kcc-01 .card-desc .right-col .row {
  widht: 550px;
  padding: 12px 22px;
  text-align: left;
  background: #fff;
}

.content-kcc-01 .card-desc .right-col .row:first-child {
  margin-bottom: 20px;
}

.content-kcc-01 .card-desc .right-col .row img {
  margin-bottom: 8px;
}

.content-kcc-01 .card-desc .right-col .row p {
  line-height: 1.5;
  font-size: 14px;
  color: #b1000d;
}

.content-kcc-01 .card-desc .right-col .row p:before {
  content: "・";
}

.content-kcc-01 .table-box.border {
  padding-bottom: 38px;
  border-bottom: 1px dashed #aaa;
}

.content-kcc-01 .mailing .cell.th {
  font-size: 14px;
  font-weight: bold;
  color: #b1000d;
  padding-bottom: 11px;
  border-bottom: none;
}

.content-kcc-01 .mailing .cell.article {
  padding-right: 30px;
}

.content-kcc-01 .mailing .cell.img {
  width: 357px;
}

.content-kcc-01 .mailing .table-box.magazin {
  padding-bottom: 15px;
}

.content-kcc-01 .mailing .table-box.magazin .cell.img .cm-img-box {
  height: 159px;
}

.content-kcc-01 .mailing .cell.table {
  width: 476px;
}

.content-kcc-01 .mailing .premia .cell.table table tr th:first-child {
  width: 196px;
}

.content-kcc-01 .mailing .culture .cell.table table tr th:nth-child(1) {
  width: 124px;
}


.content-kcc-01 .mailing .culture .cell.table table tr th:nth-child(4) {
  width: 173px;
}

.content-kcc-01 .mailing .training .cell.table table th {
  padding: 7px;
}

.content-kcc-01 .mailing .table-box.smile {
  padding-bottom: 15px;
}

.content-kcc-01 .mailing .table-box.smile .cell.article {
  padding-right: 40px;
}

.content-kcc-01 .mailing .table-box.smile .cell.img {
  width: 360px;
}

.content-kcc-01 .mailing .table-box.smile .cell.img .cm-img-box {
  height: 490px;
}
.content-kcc-01 .mailing .table-box.smile .txt {
  position: relative;
}
.content-kcc-01 .mailing .table-box.smile .comment1 {
  position: absolute;
  bottom: -130px;
  right: -50px;
}
/* .content-kcc-01 .mailing .table-box.smile .guide {
  background: url(/resource/img/under/kcc/kcc_01/smile_bg.png) right bottom no-repeat;
  background-size: 120px;
} */
.content-kcc-01 .comment2 {
  position: absolute;
  top: -110px;
  right: -60px;
}

.content-kcc-01 .mailing .cell.table .bottom-lead {
  color: #b1000d;
}

.content-kcc-01 .mailing .guide {
  padding: 20px 10px;
  margin-top: 70px;
  margin-bottom: 17px;
}

.content-kcc-01 .mailing .present_desc {
  width: 755px;
  margin: 0 auto;
}

.content-kcc-01 .mailing .lead {
  padding-top: 11px;
}

.content-kcc-01 .mailing .travel {
  padding-top: 42px;
}

.content-kcc-01 .mailing .present-title {
  padding-bottom: 33px;
}

.content-kcc-01 .mailing .arrow-list {
  padding-top: 15px;
}

.content-kcc-01 .mailing .about-area .arrow-list li {
  background-position: 6px 8px !important;
}

.content-kcc-01 .mailing .about-area {
  margin-top: 40px;
}

.content-kcc-01 .mailing .special {
  padding: 8px 0 20px 0;
}

.content-kcc-01 .mailing .special-lead {
  padding-top: 26px;
}

.content-kcc-01 .join-table {
  width: 520px;
  padding: 22px 0 25px 0;
  margin: 0 auto 0 0;
}

.content-kcc-01 .join-table table th,
.content-kcc-01 .join-table table td {
  text-align: left !important;
}

.content-kcc-01 .join-table table th {
  width: 128px;
}


.otm_rsv_3input .ui-dialog {
  z-index: 999;
}

.otm_rsv_3input .modal {
  display: none;
  width: 800px;
  height: 760px;
  padding: 30px 15px;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

.otm_rsv_3input .mfp-wrap .modal {
  display: block;
}

.otm_rsv_3input .modal * {
  box-sizing: border-box;
}

.otm_rsv_3input .modal {
  position: relative;
}

.otm_rsv_3input .modal .close-btn {
  position: absolute;
  right: -25px;
  top: -25px;
  width: 60px;
  height: 60px;
}

.otm_rsv_3input .modal .close-btn a {
  display: block;
}

.otm_rsv_3input .modal .modal-body {
  overflow-y: auto;
  height: 100%;
  padding: 0 15px;
}

.otm_rsv_list .topTable table {
  width: 100%;
}

.topTable table {
  width: 100%;
}







.content-xkids .btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

.content-xkids table {
  margin: 0;
}

.content-xkids .content-note {
  padding: 19px 0;
  font-size: 10px;
}

.content-xkids .party-overview{
  width:100%;
}

.content-xkids .party-overview th,
.content-xkids .party-overview td{
  padding:10px;
  border:1px solid #ccc;
}

.content-xkids .party-overview th{
  width:100px;
  background:#eee;
}

.content-xkids .anchor-menu {
  padding: 19px 0;
  background: #e6e6e6;
}

.content-xkids .anchor-menu ul {
  width: 998px;
  margin: 0 auto;
}

.content-xkids .anchor-menu li {
  float: left;
  margin-left: 10px;
}

.content-xkids .anchor-menu li:first-child {
  margin-left: 0;
}

.content-xkids .anchor-menu a {
  display: block;
  width: 158px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align:center;
  background: #fff;
  border-radius: 5px;
}

.content-xkids .anchor-menu a:hover {
  color: #a46e31;
}

.content-xkids .inner {
  padding: 34px 0 69px 0;
}

.content-xkids .lead {
  padding-bottom: 42px;
}

.content-xkids .lead img {
  width: 100%;
}

.content-xkids .lead p {
  padding-top: 32px;
  text-align: center;
  font-weight: bold;
}

.content-xkids .lead p span {
  display: inline-block;
  margin-top: 13px;
  font-size: 18px;
  font-family: "メイリオ";
  background: -webkit-linear-gradient(transparent 60%, #FFFE00 0%);
  background: -o-linear-gradient(transparent 60%, #FFFE00 0%);
  background: linear-gradient(transparent 60%, #FFFE00 0%);
}

.content-xkids .course-list {
  padding: 35px 0 38px 0;
  overflow: hidden;
}

.content-xkids .course-list ul {
  margin-left: -20px;
}

.content-xkids .course-list li {
  float: left;
  width: 320px;
  margin-left: 20px;
}

.content-xkids .course-list a {
  display: block;
}

.content-xkids .course-list h3 {
  height: 39px;
  line-height: 44px;
  padding: 0 7px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  background: #fbfbbc;
}

.content-xkids .course-list h3 * {
  vertical-align: middle;
}

.content-xkids .course-list h3 img {
  margin-right: 12px;
}

.content-xkids .course-list .img {
  padding-bottom: 10px;
}

.content-xkids .course-list .text {
  font-size: 12px;
  line-height: 1.6;
}


.content-xkids .flow-list {
  padding: 0 0 58px 0;
  overflow: hidden;
}

.content-xkids .flow-list ul {
  margin-left: -4px;
}

.content-xkids .flow-list li {
  float: left;
  margin-left: 4px;
}

.content-xkids .flow-list li:nth-child(1),
.content-xkids .flow-list li:nth-child(4) {
  width: 249px;
}

.content-xkids .flow-list li:nth-child(2),
.content-xkids .flow-list li:nth-child(3) {
  width: 245px;
}

.content-xkids .flow-list li a {
  display: block;
}

.content-xkids .flow-list h3 {
  height: 32px;
  line-height: 35px;
  padding: 0 7px;
  font-size: 14px;
  color: #000;
  background: #fbfbbc;
}

.content-xkids .flow-list h3 * {
  vertical-align: middle;
}

.content-xkids .flow-list h3 img {
  margin-bottom: 4px;
  margin-right: 9px;
}

.content-xkids .flow-list .img {
  position: relative;
  padding-bottom: 10px;
}

.content-xkids .flow-list .img:after {
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 31px;
  height: 31px;
  content: url(/x_images/x_kides/flow-list_arrow.png);
}

.content-xkids .flow-list li:last-child .img:after {
  display: none;
}

.content-xkids .flow-list .text {
  font-size: 12px;
  line-height: 1.6;
}

.content-xkids .flow-list .btn-area {
  padding-top: 40px;
}

.content-xkids .movie-area {
  padding-top: 45px;
}

.content-xkids .sub-heading .sub-text {
  border: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  display: inline;
}

.content-xkids .system {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.content-xkids .system &gt; div {
  display: table-cell;
  padding-top: 22px;
  padding-bottom: 35px;
  vertical-align: top;
}

.content-xkids .system .table-cell {
  width: 590px;
}

.content-xkids .system .table-cell table {
  width: 100%;
}

.content-xkids .system .img-cell {
  padding-left: 33px;
}

.content-xkids .rule {
  padding: 26px 0 40px 0;
  overflow: hidden;
}

.content-xkids .rule dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 15px;
}

.content-xkids .rule dl:first-child {
  margin-top: 0;
}

.content-xkids .rule dl &gt; * {
  display: table-cell;
  vertical-align: middle;
}

.content-xkids .rule dt {
  width: 26px;
}

.content-xkids .rule dd {
  line-height: 1.5;
  font-size: 13px;
}

.content-xkids .class {
  padding-bottom: 22px;
}

.content-xkids .class * {
  box-sizing: border-box;
}

.content-xkids .class table {
  width: 100%;
}

.content-xkids .class table th,
.content-xkids .class table td {
  vertical-align: middle;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}

.content-xkids .class table th {
  width: 100px;
  padding-left: 6px;
}

.content-xkids .class table td {
  padding: 6px 0;
}

.content-xkids .class table .class-list {
  overflow: hidden;
}

.content-xkids .class table ul {
  margin: -5px 0 0 -12px;
}

.content-xkids .class table ul li {
  float: left;
  width: 138px;
  margin: 5px 0 0 12px;
}

.content-xkids .class table ul li a {
  display: block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  border-radius: 4px;
  border: 1px solid #a3601d;
}

.content-xkids .class table ul li a:hover {
  color: #a46e31;
}

.content-xkids .step-contents {
  margin-top: 0;
  margin-bottom: 48px;
}

.content-xkids .step-contents:before,
.content-xkids .step-contents:after {
  display: none;
}

.content-xkids .experience-banner {
  padding-bottom: 26px;
}

.content-xkids .experience {
  padding-bottom: 40px;
}

/*コラム*/

.column-contents .block-one img{
  width:100%;
}

.column-contents .block-one h3{
  margin-bottom:15px;
}

.column-contents .block-one ul{
  margin:10px;
}

.column-contents .block-one ul li{
  display:table;
  border-bottom:1px dotted #ccc;
  width:100%;
}

.column-contents .block-one ul li:last-child{
  border-bottom:none;
}

.column-contents .block-one ul .thumb{
  display:table-cell;
  width:80px;
  padding:5px;
}

.column-contents .block-one ul .thumb{
  display:table-cell;
  width:80px;
  vertical-align:middle;
}

.column-contents .block-one ul .ttl{
  display:table-cell;
  vertical-align:middle;
  padding:5px;
}

.column-pager{
  padding:20px 150px;
  border-top:1px dotted #a9753b;
  margin-top:50px;
}
.column-pager:after{
  clear:both;
  display:block;
  content:"";
}

.column-pager span a{
  display:inline-block;
  border:1px solid #a9753b;
  padding:5px 20px;
  background:#fbfbdc;
  border-radius:5px;
}

.column-pager span.prev{
  float:left;
}
.column-pager span.next{
  float:right;
}

.recipiArea2 ul{
  overflow:hidden;
}

.recipiArea2 li{
  width:235px;
  float:left;
  text-align:center;
  margin-left:20px;
}

.recipiArea2 li:first-child{
  margin-left:0px;
}

.recipiArea2 li img{
  width:100%;
}

.camp-temp .float-block.width50par div{
  width:480px;
}

.talk dl{
  margin-bottom:1em;
  display:table;
  width:100%;
}

.talk dt{
  font-weight:bold;
  display:table-cell;
  width:5em;
}

.talk dd{
  display:table-cell;
}

/*会員紹介*/

.member-introduction h3{
  margin-bottom:30px;
}
.member-introduction p{
  margin-bottom:15px;
}

.member-introduction .main-image{
  text-align:center;
}

.member-introduction .introduction-cp {
  border: 2px solid #ff4040;
  width: 800px;
  margin: 20px auto;
  text-align: center;
  padding: 20px 20px 5px;
  border-radius: 10px;
}

.member-introduction .introduction-cp .heading {
  font-size: 24px;
  font-weight: bold;
}

.member-introduction .introduction-cp .date {
  font-size: 18px;
}

.member-introduction .introduction-cp .present {
  font-size: 18px;
  color: #ff4040;
}

.member-introduction .introduction-cp .present span {
  font-size: 22px;
  font-weight: bold;
}

.member-introduction table{
  margin:30px auto 50px;
  border: dotted 5px orange;
  border-collapse: separate;
  border-radius:15px;
}
.member-introduction table th{
  text-align:center;
  font-size: 20px;
  font-weight:bold;
  line-height: 80px;
  padding:15px;
  vertical-align:middle;
  
}
.member-introduction table th img{
  height:150px;
}
.member-introduction table td{
  border: solid 1px #FFF;
  background:rgba(255, 184, 0, 0.62) ;
  padding:15px;
  border-radius:0 0 0 15px;
}
.member-introduction table td:last-child{
  border-radius:0 0px 15px 0px;
}
.member-introduction table td p{
  line-height:1.5em;
  font-size:12px;
}
.member-introduction table td p.strong{
  line-height:2em;
  font-size:22px;
    text-shadow: #000 2px 1px 3px;
    color: #fff;
font-weight:bold;
}

.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 50px 0px 1.5em 30px;
  padding: 15px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border:1px solid #e0edff;
  border-radius:10px;
}

.balloon1-left:before{
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}


.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 22px 0px 0 90px;
  padding: 15px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 13px;
  background: #e0edff;
  border:1px solid #e0edff;
  border-radius:10px;
}

.balloon1-right:before{
  content: "";
  position: absolute;
  top: 60%;
  right: -26px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-left: 15px solid #e0edff;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}

.member-introduction .teacher{
  display: -webkit-flex; /* Safari */
  display: flex;
  width:650px;
  margin:0 auto 30px;
}

.member-introduction .teacher .image{
  width:150px;
}
.member-introduction .teacher .image img{
  width:150px;
  height:auto;
}

.member-introduction .free-lesson{
  display: -webkit-flex; /* Safari */
  display: flex;
  margin-bottom: 30px;
}
.member-introduction .free-lesson .img img{
  width:250px;
}

.member-introduction .btn-area{
  margin-bottom:30px;
}

.member-introduction .ticket-area{
  text-align:right;
  width:700px;
  margin:30px auto;
}

/*法人様向け*/

.corporate-business{
  padding:50px 0;
}
/*  business-ttl
------------------------------------------ */

.business-ttl {
  position: relative;
  font-size: 30px;
  text-align: center;
　padding-top:50px;
}
.business-ttl span {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.business-ttl span:after {
  content: " ";
  display: block;
  width: 100%;
  height: 6px;
  background: #fffc00;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}

.corporate-title{
  color:#a4743d;
  text-align:center;
  font-size:22px;
  font-weight:bold;
  margin-top:45px;
}

.promotion-title {
  position: relative;
  font-size: 16px;
  text-align: left;
　padding-top:50px;
  font-weight:bold;
  margin:30px 0 20px;
}
.promotion-title span {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.promotion-title span:after {
  content: " ";
  display: block;
  width: 100%;
  height: 6px;
  background: #fffc00;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}

.corporate-business .sub-heading{
  margin-top:50px;
}
.corporate-business .character{
  margin-top:35px;
  letter-spacing:-0.4em;
}
.corporate-business .character li{
  letter-spacing:normal;
  display:inline;
}
.corporate-business .character li:nth-child(2){
  margin:0 41px;
}
.corporate-business .about-area{
  margin-top:40px;
}
.corporate-business .about-area hr{
  margin:30px 0;
}
.corporate-business .about-area .graph{
  margin:35px 0 20px;
  letter-spacing:-0.4em;
}
.corporate-business .about-area .graph li{
  letter-spacing:normal;
  display:inline;
  border:none;
}
.corporate-business .about-area .graph li:nth-child(2){
  margin:0 20px;
}
.corporate-business .promotion-character{
  margin-top:30px;
  padding:20px;
  background:#fdffe4;
}
.corporate-business .promotion-character li{
  padding:10px;
  background:#FFFFFF;
  border:1px solid #cccccc;
  margin-bottom:10px;
}
.corporate-business .promotion-character li:last-child{
  margin:0;
}
.corporate-business .promotion-kind{
  text-align:center;
  margin-top:40px;
}
.corporate-business .promotion-kind p{
  font-size:18px;
}
.corporate-business .promotion-kind ul{
  letter-spacing:-0.4em;
  margin-bottom:20px;
}
.corporate-business .promotion-kind ul li{
  letter-spacing:normal;
  display:inline-block;
  width:210px;
}
.corporate-business .promotion-kind ul li span{
  display:block;
  margin:10px 0;
  font-size:15px;
}
.corporate-business .promotion-deatail{
  padding:10px 0 20px;
  border-bottom:2px dotted #d6d6d6;
}
.corporate-business .promotion-deatail.last-contents{
  border:none;
}
.corporate-business .promotion-deatail .icon{
  width:220px;
  float:left;
}
.corporate-business .promotion-deatail .contents{
  width:760px;
  float:right;
}
.corporate-business .promotion-deatail .contents ul{
  padding-left:1.5em;
  padding-bottom:10px;
}
.corporate-business .promotion-deatail .contents ul li{
  list-style:disc outside;
  padding-bottom:5px;
}
.corporate-business .promotion-deatail .contents p{
  margin:0px 0 20px;
}
.corporate-business .promotion-deatail .contents .note{
  text-align:right;
  font-size:12px;
}
.corporate-business .promotion-deatail .contents table{
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.corporate-business .promotion-deatail .contents th{
  vertical-align:middle;
  font-weight:bold;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  padding:5px;
}
.corporate-business .promotion-deatail .contents td{
  vertical-align:middle;
  padding:5px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}
.corporate-business .promotion-deatail .contents.kind01 .graph{
  margin-bottom:20px;
}
.corporate-business .promotion-deatail .contents.kind01 .graph img:last-child{
  margin-left:14px;
}
.corporate-business .promotion-deatail .contents.kind03 dl{
  letter-spacing:-0.4em;
  margin-bottom:20px;
}
.corporate-business .promotion-deatail .contents.kind03 dl dt{
  letter-spacing:normal;
  font-weight:bold;
  font-size:14px;
  margin-bottom:20px;
}
.corporate-business .promotion-deatail .contents.kind03 dl dd{
  letter-spacing:normal;
  display:inline-block;
  width:50%;
  line-height:66px;
}
.corporate-business p.promo-read{
  font-size:18px;
  text-align:center;
  margin:20px 0 60px;
}
.corporate-business .titles_omitted{
  margin-top:-1em;
  font-size:12px;
  text-align:right;
}
.corporate-business .corporate-company{
  text-align:center;
  line-height:2em;
  margin-top:35px;
}
.corporate-invi_his table{
  width:100%;
border-collapse:separate;
border-spacing:1px;
background:#999999;
margin-bottom:10px;
}
.corporate-invi_his table th{
  background:#ececec;
  text-align:center;
  vertical-align:middle;
  padding:5px 0;
}
.corporate-invi_his table td{
  background:#ffffff;
  text-align:left;
  vertical-align:middle;
  padding:5px;
}
.corporate-invi_his table .wide01{
 width:15%;
}
.corporate-invi_his table .wide02{
 width:20%;
}
.corporate-invi_his table .wide03{
 width:15%;
}
.corporate-invi_his table .wide04{
 width:25%;
}
.corporate-invi_his table .wide05{
 width:15%;
}


/*
  voice-student
--------------------------------------------------------------- */

.voice-content-box{
  padding: 10px;
}

.voice-student-content .inner .col .circle-h a {
  display: block;
  padding: 10px 5% 10px 10px;
  background: #fbfbdc url(/resource/img/under/icon_plus.png) 95% center no-repeat;
  margin-bottom: 10px;
  border-radius:5px;
}

.voice-student-content .inner .col .circle-h a.on {
  background: #fbfbdc url(/resource/img/under/icon_min.png) 95% center no-repeat;
  margin-bottom: 10px;
}
.voice-student-content .inner .col .circle-h a .student-data{
  display:table;
  width:100%;
}

.voice-student-content .inner .col .circle-h a .icon{
  display:table-cell;
  width:80px;
  padding-right:20px;
  vertical-align:middle;
}

.voice-student-content .inner .col .circle-h a img{
  width:100%;
  height:auto;
}
.voice-student-content .inner .col .circle-h a .txt-data{
  display:table-cell;
  color:#000;
  vertical-align:middle;
  padding-right: 25px;
  font-size:14px;
}

.voice-student-content .inner .col .circle-h a .school-name{
  display:inline-block;
  width:6em;
  text-align:center;
  padding:0.2em 0;
  background:#c5cd65;
  color:#fff;
  font-size:14px;
  margin-right:5px;
}
.voice-student-content .inner .col .circle-h a .txt-data p{
  font-size:20px;
  line-height:1.5em;
  padding-top:10px;
}

.voice-student-content .inner .col .circle-h a:hover{
  text-decoration:none;
  opacity:0.7;
}

.voice-student-content .inner .col .in-col .movie{
  width:920px;
  margin:40px auto;
}

.voice-student-content .inner .col .in-col .movie a{
  display:block;
  position:relative;
}

.voice-student-content .inner .col .in-col .movie a:before{
  content:url(/resource/img/under/voice-student/play.png);
  position:absolute;
  left:50%;
  top:50%;
  margin-left: -30px;
  margin-top:-20px;
}

.voice-student-content .inner .col .in-col{
  display:none;
}

.voice-student-content .inner .col .in-col .faq{
  padding:20px 0;
  font-size:15px;
}

.voice-student-content .inner .col .in-col .faq dt{
  background:#f5f5f5 url(/resource/img/under/voice-student/q.png) no-repeat 20px 10px;
  padding:15px 20px 15px 60px;
}

.voice-student-content .inner .col .in-col .faq dd{
  background:#FFFFFF url(/resource/img/under/voice-student/a.png) no-repeat 20px 10px;
  padding:15px 20px 15px 60px;
}

.howto-txt{
padding-left: 5px;
}

.grapeckake li:nth-last-child(2){
    float:left;
    padding-right:25px;
}

.material h3{
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
}

.original-item {
    width:1000px;
    margin: 30px auto;
}

.original-item img{
    float:left;
    padding-right:  10px;
}

.recipe-table td{
  border-bottom: 1px dashed #a4a594;
}

.content-recipe.recipe-detail .howto .material .material-table.recipe-table td dl {
  border-bottom: none;
}

.this_use {
	font-size: 0;
}

.this_use &gt; div {
font-size: 12px;
   display: inline-block;
   width: 50%;
   vertical-align:middle;
   padding-bottom: 10px;
}

/* 入会CP特典 -------------------------------------- */
.guide-lesson .btn-to-plan.join-cp .box-plan {
  background: url(/resource/img/under/campaign/archives/join_autumn2016/bg_plan.jpg);
  padding: 15px 20px;
  margin-bottom: 10px;
  line-height: 2em;
  font-size: 15px;
}

.guide-lesson .btn-to-plan.join-cp .note {
  text-align: right;
  margin: 5px 0;
  font-size: 11px;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .head-plan {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #e7163d;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .color-red {
  color: #e7163d;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .fw-b {
  font-weight: bold;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .fs-l {
  font-size: 20px;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .box-course {
  background: #fff;
  text-align: center;
  margin-right: 12px;
  padding-bottom: 10px;
  width: 100%;
  height: 200px;
  display: inline-table;
  margin-bottom: 5px;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .basic {
  margin: 10px 0;
  font-size: 19px;
  font-weight: bold;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .box-course .course-head {
  background: #FFD6C7/*#ffff01*/;
  padding: 5px 0;
  margin-bottom: 10px;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .note-l {
  font-size: 12px;
  line-height: 1.6;
  margin: 10px 0;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .sub-heading {
  background: #e7163d;
  color: #fff;
  padding: 2px 16px;
  margin-right: 10px;
  font-size: 16px;
}

.guide-lesson .btn-to-plan.join-cp .box-plan .box-course tr&gt;th{
  padding: 10px 20px;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .box-course tr&gt;td{
  vertical-align: middle;
  padding: 25px 20px;
}

.guide-lesson .price-off{
  line-height: 1.5;
}

.guide-lesson .price-off {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  padding: 16px;
  border: 1px solid #ff9640;
  border-radius: 8px;
  background-color: #ffe7bd;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #e7163d;
}

.guide-lesson .price-off .small-off{
  font-size: 15px;
}

.guide-lesson .price-off::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 5px 15px 5px 0;
  border-color: transparent #ff9640 transparent transparent;
 transform: translate(-50%, -100%);
}

.guide-lesson .price-off::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 3.9px 11.8px 3.9px 0;
  border-color: transparent #ffe7bd transparent transparent;
 transform: translate(-50%, -100%);
}

.guide-lesson .btn-to-plan.join-cp .box-plan .box-course .emp:before{
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(/resource/img/under/campaign/trial/mark.png);
  background-size: cover;
  vertical-align: middle;
  position: relative;
  right: 45px;
}

.guide-lesson .box-course .under-line span{
  background: linear-gradient(transparent 50%,#faff6b 50%);
}

.guide-lesson .btn-area .adjust{
  height: auto;
  padding: 10px;
  line-height: 1.6;
}
.guide-lesson .btn-to-plan.join-cp .box-plan {
  margin-bottom: 5px;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .emp02{
  text-align: center;
  font-size: 20px;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .head-plan-wrap {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .head-plan {
  float: left;
  display: contents;
}
.guide-lesson .btn-to-plan .box-plan .head-plan-tax {
  position: absolute;
  right: 0;
  font-size: 11px;
  font-weight: normal;
  color: #333;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .check {
  margin: 20px 85px;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .check .ico-check {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.guide-lesson .btn-to-plan.join-cp .box-plan .box-course .emp {
  font-size: 20px;
}
.guide-lesson .board-item-list ul li .thumb {
  position: relative;
}
.guide-lesson .board-item-list ul li .course_label{
  width: 160px;
  position: absolute;
  bottom: 10px;
  left: 10px;;
}
.guide-lesson .board-item-list ul li .course_label_small{
  width: 120px;
  position: absolute;
  bottom: 10px;
  left: 10px;;
}
.guide-lesson .board-item-list ul li .more {
  height: 20px;
  text-align: right;
}
.guide-lesson .board-item-list ul li .more:after {
  content: "MORE";
}
.guide-lesson .board-item-list ul li.open .more:after {
  content: "CLOSE";
}
.guide-lesson .board-item-list ul .more-des.open .des {
  height: auto;
}
.guide-lesson .board-item-list ul li .hidden-des {
  display: none;
  height: auto;
}

.recommended{
  width: 1000px;
  margin: 80px auto 0;
}
.recommended + .recommended {
  margin-top: 40px;
}

.recommended ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.recommended li{
  width: 30%;
  margin: 0 15px 15px;
}

.recommended li p{
  text-align: center;
  margin-top: 10px;
}

.recommended li:last-child{
  margin-right: 0;
}

.recommended img{
  max-width: 100%;
}

.recommended h2{
  margin-left: 15px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

/*---- レシピ ----*/

.recipe-slide {
  width: 100%;
  height: 440px;
  position: relative;
  overflow:hidden;
  margin: 0 auto;
}

.recipe-slide-wrap .recipe-img.recipe-slide{
  overflow: hidden;
}

.recipe-slide-wrap .recipe-img.recipe-slide li{
  float: left;
  width: 23px;
}

.recipe-slide-wrap .slick-slide img{
    display: block;
    margin: 0 auto;
}

.recipe-slide-wrap .prev-arrow,
.recipe-slide-wrap .next-arrow{
  position: absolute;
  z-index: 1;
}

.recipe-slide-wrap .next-arrow{
  top: 40%;
  right: 25%;
}

.recipe-slide-wrap .prev-arrow{
  top: 40%;
  left: 25%;
}

.recipe-slide-wrap .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: none;
    background: none;
}

.recipe-slide-wrap .slick-dots li button:before {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 8px 0 0;
  background: #000;
}

.recipe-slide-wrap .slick-dots button::before {
  display: block;
  text-indent: -9999px;
}

.recipe-slide-wrap .slick-dots{
    position: absolute;
    bottom: 30px;
    display: block;
    width: max-content;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    z-index: 1;
    left: 0;
    right: 0;
}

.recipe-slide-wrap .slick-list {
  width: 500px;
  margin: 0 auto;
}

/*---- otm_rsv_4input.htm ----*/
.otm_rsv_txt{
  margin-top: 30px;
  color: #ff0000;
}</pre></body></html>