@charset "UTF-8";
/*---------------------------------
	独自CSS
-----------------------------------*/
html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  background: #eee;
  text-shadow: 0 0 1px transparent;
  font: 1.4em / 140% "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #555;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
}

/*　共通クラス */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: #FF435F;
}

/* a:visited{ color:#8B8B8B;} */
.button:hover {
  text-decoration: none;
}

hr.m10 {
  margin: 10px 0;
}

hr.m20 {
  margin: 20px 0;
}

.note {
  color: red;
  font-weight: bold;
}

/*レスポンシブテーブル*/
.footable > tbody > tr:hover {
  background: #FBFAE9;
}

.footable-detail-show {
  background: #F0FBE9 !important;
}

.footable-row-detail-row {
  margin-bottom: 0.5em;
}

.footable-row-detail-value {
  display: block !important;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0.5em;
}

.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eeeeee;
}

.footable-row-detail-name {
  white-space: nowrap;
  padding-right: 1em !important;
}

/* Header*/
#header {
  margin-bottom: 70px;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #DDD;
}

.navbar ul {
  margin: 0;
  padding: 0;
  float: right;
  color: #0081AF;
}

.navbar li {
  margin: 0;
  padding: 1em 1em;
  list-style-type: none;
  font-size: 122%;
}

.navbar span {
  color: #65BD67;
}

.navbar .logo {
  position: absolute;
  top: -36px;
  left: 11px;
}

/* Content */
body.layout1 #main {
  box-shadow: 1px 1px 5px #CCC;
  padding: 1em;
  background: #fff;
}

body.layout1 #unitTitle {
  margin-bottom: -10px;
  margin-top: 10px;
}

body.layout1 #unitTitle h1 {
  font-size: 158%;
  float: left;
  margin-right: 15px;
  min-width: 5em;
  text-align: center;
  background: #65BD67;
}

body.layout1 #unitTitle h1 a {
  padding: 9px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
}

body.list #unitTitle h1 {
  padding: 9px 10px;
  color: #fff;
  background: #65BD67;
}

#unitTitle h2 {
  color: #006D9D;
  font-size: 158%;
}

#unitTitle h2 span {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  color: #00A1DA;
  line-height: 1;
}

#unitTitle p.intro {
  clear: both;
  padding: 15px 0;
  margin-bottom: -15px;
}

/* for Yotube */
#videoContainer h1 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 0.5em;
  margin-bottom: 25px;
  background: black;
}

#videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 900;
  border-top: solid #000 10px;
}

#videoContainer .movieAlert-outer {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

#videoContainer .movieAlert-inner {
  margin: 0 auto;
  max-width: 230px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  #videoContainer .movieAlert-inner {
    max-width: 550px;
  }
}

#videoContainer .movieAlert-content_text {
  margin-bottom: 1em;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  #videoContainer .movieAlert-content_text {
    font-size: 16px;
    line-height: 1.4;
  }
}

#videoContainer .movieAlert-content_btn {
  margin-top: 1.5em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #videoContainer .movieAlert-content_btn a {
    font-size: 10px;
  }
}

@media screen and (min-width: 768px) {
  #videoContainer .movieAlert-content_btn {
    margin-top: 3em;
  }
}

.movieQuality {
  position: absolute;
  bottom: 7px;
  right: 186px;
  z-index: 999;
  border: solid 1px #8C8C8D;
}

.movieQuality select {
  background: #1B1B1B;
  color: #fff;
  border: none;
  height: 28px;
}

body.pc .movieQuality {
  bottom: 50px;
}

body.pc .movieQuality.lectureCC {
  right: 227px;
}

body.popup .movieQuality {
  bottom: 30px;
}

body.ipad .movieQuality {
  right: 45px;
  bottom: -63px;
}

@media all and (max-width: 768px) {
  body.ipad .movieQuality {
    bottom: 0px;
  }
}

body.ipad .movieQuality select {
  height: 23px;
  -webkit-appearance: none;
}

body.iphone .movieQuality {
  right: 0;
  bottom: 3px;
  border: none;
}

body.iphone .movieQuality select {
  height: 26px;
  -webkit-appearance: button;
}

body.iphone.popup .movieQuality {
  display: none;
}

body.android .movieQuality {
  right: 0;
  bottom: 0;
  border: none;
}

@media all and (min-width: 768px) {
  body.android .movieQuality {
    right: 0;
    bottom: -60px;
    border: none;
  }
}

body.android .movieQuality select {
  height: 26px;
  -webkit-appearance: button;
}

body.android.popup .movieQuality {
  display: none;
}

.movieQuality.youtube {
  border: none;
  right: 175px;
  bottom: 4px;
}

.movieQuality.youtube select {
  height: 20px;
  color: #A4A4A4;
}

/* for HTML5 Video Tags　& mp4
#videoContainer video { height: auto; width: 100%;}
*/
#pager {
  position: relative;
  text-align: center;
}

#pager .toList {
  position: absolute;
  left: 0px;
  top: 4px;
}

/*コンテンツノート*/
#contentNote .count {
  font-size: 72%;
  color: #888;
  padding-left: 3px;
}

#contentNote ul.tabs {
  margin-top: 0;
}

#contentNote ul.tabs li {
  white-space: nowrap;
}

#contentNote .tab-content {
  font-size: 93%;
  padding: 20px 15px 10px 15px;
  margin-bottom: 15px;
}

#contentNote .tab-content span.date, #contentNote .tab-content span.title {
  padding-right: 1em;
  font-weight: bold;
}

#contentNote .tab-content ul {
  padding: 15px 0;
  margin-bottom: 0;
}

#contentNote .tab-content ul li {
  border-top: none;
}

#contentNote .faq {
  padding: 15px 0;
}

#contentNote .faq dl {
  padding-left: 5px;
}

#contentNote .faq dt {
  font-weight: bold;
  color: #049100;
}

#contentNote .faq dl + dl {
  border-top: dotted 1px #ccc;
  padding-top: 12px;
  margin-top: 12px;
}

#contentNote .faq .faqLink {
  font-size: 86%;
  text-align: right;
  border-top: dotted 1px #ccc;
  padding-top: 15px;
  margin-top: 12px;
  margin-bottom: -15px;
}

#contentList tbody tr.last td {
  border-bottom: 1px dotted #DDD;
}

/*科目トップ用設定*/
body.list #contentNote {
  margin-top: 30px;
}

body.list #contentList .item1 {
  width: 9em;
}

body.list #contentList .item3 {
  width: 6em;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}

body.list #contentList .item5 {
  text-align: center;
  width: 15.5em;
  padding-left: 0;
}

body.list #contentList .item6 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

body.list #contentList a.button, body.list #contentList button {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
  white-space: nowrap;
}

body.list #contentList td.item5 {
  text-align: right;
}

body.list #contentList td.item5 span {
  color: #888;
  padding: 0 10px 0 3px;
  font-size: 10px;
  font-size: 1rem;
}

body.list #contentList span.title {
  display: block;
  color: #4EC2EF;
  font-size: 12px;
  font-size: 1.2rem;
}

body.list #contentList span.icoUnit {
  display: inline-block;
  padding: 0 7px;
  margin: 1px;
  background: #791733;
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
}

body.layout1 #contentNote #data-table01 thead th {
  text-align: center;
}

body.layout1 #contentNote #data-table01 td.last {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

/*はてな？*/
/*Chapterトップ*/
/*	body.layout1-0 #contentList span.title{ display:block; color:#4EC2EF; font-size: 12px; font-size: 1.2rem;}
/*	body.layout1-0 #contentList .item1{ white-space: nowrap}
/*	body.layout1-0 #contentList .item3{ width: 17em; padding-left: 0; padding-right: 0;}
/*	body.layout1-0 #contentList td.item3 span{ display: block; color: #888; display padding:0 10px 0 3px;  font-size: 10px; font-size: 1rem;}
/*	body.layout1-0 #contentList .item4{ text-align: center; white-space: nowrap; padding-left: 0; padding-right: 0;}
/*	body.layout1-0 #contentList .item4 a.button,body.layout1-0 #contentList .item4 button{ font-size:11px; font-size:1.1rem; line-height:1.2;}


/*ユニット用設定*/
/* Side*/
.unitInfo {
  background: #fff;
  box-shadow: 1px 1px 5px #CCC;
}

.unitInfo h1 {
  padding: 10px;
  font-size: 108%;
  background: #CE257E;
  color: #fff;
}

.unitInfo h1 .chapterId {
  position: relative;
  top: 2px;
  font-size: 129%;
  padding: 0 10px;
}

.unitInfo li {
  background: none !important;
  padding-left: 10px !important;
}

.unitInfo .parent {
  font-size: 93%;
}

.unitInfo .child {
  font-size: 12px;
  font-size: 1.2rem;
}

.unitInfo a {
  display: block;
}

.unitInfo .viewTime {
  position: relative;
}

.unitInfo .viewTime dl {
  clear: both;
  padding-left: 22px;
  max-width: 65%;
}

.unitInfo .viewTime dt {
  float: left;
  min-width: 4em;
}

.unitInfo .viewTime dd {
  float: left;
}

.unitInfo .viewTime dd:before {
  content: '：';
}

.unitInfo .viewTotal {
  float: right;
  width: 40%;
  position: absolute;
  top: 30%;
  right: 15px;
  font-size: 20px;
  font-size: 2rem;
  color: #CE257E;
  text-align: right;
}

.unitInfo .unitTotal {
  float: right;
  width: 48%;
  position: absolute;
  top: 30%;
  right: 15px;
  text-align: right;
}

.unitInfo .unitTotal span {
  font-size: 20px;
  font-size: 2rem;
  color: #CE257E;
  padding: 5px;
}

.unitInfo .playList .child {
  margin-left: -10px;
  margin-bottom: 0px;
}

.unitInfo .playList .child li {
  background-position: 23px 0.9em;
  padding-left: 30px !important;
}

.unitInfo .playList .child .last {
  margin-bottom: -6px;
}

.unitList h1 {
  color: #65BD67;
  padding: 10px 8px;
}

.unitList dl.accordion {
  font-size: 79%;
  background: #F5F5F5;
  border: solid 1px #D6D6D6;
  box-shadow: 1px 1px 5px #CCC;
}

.unitList dl.accordion a {
  display: block;
}

.unitList dl.accordion a.current {
  font-weight: bold;
  color: #94C06E;
}

.unitList dl.accordion dt {
  padding: 8px;
  border-bottom: dotted 1px #D6D6D6;
  margin-top: -1px;
  line-height: 1.4;
}

.unitList dl.accordion dt.open {
  background: #65BD67;
  color: #fff !important;
}

.unitList dl.accordion dt.open + dd {
  background: #fff;
  margin-top: -1px;
}

.unitList dl.accordion dt:hover {
  cursor: pointer;
  color: #5EAAE8;
}

.unitList dl.accordion dd {
  display: none;
  margin: 0px;
  border-bottom: dotted 1px #D6D6D6;
  background: #fff !important;
}

.unitList dl.accordion ul {
  margin-bottom: 0px;
}

.unitList dl.accordion dt {
  padding-right: 4.5em;
  position: relative;
}

.unitList dl.accordion dt .chapterTitle {
  border-right: solid 1px #CACACA;
  display: block;
  padding-right: 7px;
}

.unitList dl.accordion dt .viewTotal {
  position: absolute;
  right: 5px;
  top: 36%;
  display: inline-block;
  width: 5em;
  text-align: right;
  color: #CE257E;
}

.unitList dl.accordion dt.open .viewTotal {
  color: #fff;
}

.unitList h1 + ul.alt {
  font-size: 79%;
  border: solid 1px #D6D6D6;
  box-shadow: 1px 1px 5px #CCC;
}

.unitList h1 + ul.alt a {
  display: block;
}

.unitList h1 + ul.alt a.current {
  font-weight: bold;
  color: #fff;
}

.unitList h1 + ul.alt li {
  background: #fff;
  padding: 8px;
  border-bottom: dotted 1px #D6D6D6;
  margin-top: -1px;
  line-height: 1.4;
}

.unitList h1 + ul.alt li.current {
  background: #65BD67;
}

aside .studyTool {
  font-size: 86%;
}

aside .studyTool h1 {
  background: #81C775;
}

/* Footer */
footer {
  border-top: 1px solid #DDD;
  background: #fff;
  font-size: 72%;
  padding: 5px 0;
  margin-top: 20px;
  clear: both;
}

.footerLink {
  margin: 0 0 0 25px;
}

.footerLink li {
  display: inline;
  border-right: solid 1px #EAEAEA;
  padding: 0 10px 0 0;
  margin-right: 10px;
}

footer address {
  color: #8B8B8B;
}

/*PopUP Window*/
body.popup #header {
  margin-bottom: 55px;
}

body.popup .logo {
  width: 150px;
  top: -24px;
}

body.popup .navbar li {
  padding: 0.7em 1em;
}

body.popup #main {
  box-shadow: none;
  padding: 0;
  background: none;
}

body.popup #unitTitle h1 {
  color: #006D9D;
  font-size: 136%;
  margin-bottom: -10px;
}

body.popup #videoContainer h1 {
  margin-bottom: 5px;
}

body.popup #main h2 {
  font-weight: bold;
  margin-bottom: 10px;
}

body.popup #main p {
  padding-bottom: 0.5em;
  line-height: 1.6;
}

body.CIA.list #contentList span.icoUnit {
  width: 5em;
}

body.CIA.PART1 .navbar span, body.CIA.DEMO .navbar span {
  color: #445A7C;
}

body.CIA.PART1.single #unitTitle h1, body.CIA.PART1.list #unitTitle h1, body.CIA.DEMO.single #unitTitle h1, body.CIA.DEMO.list #unitTitle h1 {
  background: #445A7C;
}

body.CIA.PART1.list #contentList span.icoUnit, body.CIA.DEMO.list #contentList span.icoUnit {
  background: #445A7C;
}

body.CIA.PART2 .navbar span {
  color: #6C5E79;
}

body.CIA.PART2.single #unitTitle h1, body.CIA.PART2.list #unitTitle h1 {
  background: #6C5E79;
}

body.CIA.PART2.list #contentList span.icoUnit {
  background: #6C5E79;
}

body.CIA.PART3 .navbar span {
  color: #6B5347;
}

body.CIA.PART3.single #unitTitle h1, body.CIA.PART3.list #unitTitle h1 {
  background: #6B5347;
}

body.CIA.PART3.list #contentList span.icoUnit {
  background: #6B5347;
}

body.CIA #tabr1 .date {
  width: 9em;
}

body.CIA_INTRO.single #unitTitle h2 {
  padding-top: 10px;
}

body.CIA_INTRO.list #contentList td.item3 {
  text-align: center;
  width: 15.5em;
  padding-left: 0;
}

body.CIA_INTRO.list #contentList td.item3 span {
  color: #888;
  padding: 0 10px 0 3px;
  font-size: 10px;
  font-size: 1rem;
}

body.BASIS.list #contentList span.icoUnit {
  width: 5em;
}

body.BASIS.single #unitTitle h2 {
  padding-top: 10px;
}

body.BASIS #tabr2 th.item4 {
  text-align: center;
}

body.BASIS #tabr2 td.item4 {
  width: 15em;
  text-align: right;
}

body.BASIS #tabr2 td.item4 span {
  color: #888;
  padding: 0 10px 0 3px;
  font-size: 10px;
  font-size: 1rem;
}

body.BAR.list #contentList .item3 {
  width: 15em;
}

body.BAR .navbar span {
  color: #884D41;
}

body.BAR #unitTitle h1 {
  background: #884D41;
}

body.list #contentList span.INTRO {
  background: #884D41;
}

body.INTRO .navbar span {
  color: #00A1DA;
}

body.INTRO #unitTitle h1 {
  color: #fff;
  background: #00A1DA;
}

body.list #contentList span.INTRO {
  background: #00A1DA;
}

body.FAR13 .navbar span {
  color: #B97BCB;
}

body.FAR13 #unitTitle h1 {
  color: #fff;
  background: #B97BCB;
}

body.list #contentList span.FAR13, body.list #contentList span.FAR1, body.list #contentList span.FAR2, body.list #contentList span.FAR3 {
  background: #B97BCB;
}

body.FAR45 .navbar span {
  color: #B97BCB;
}

body.FAR45 #unitTitle h1 {
  color: #fff;
  background: #B97BCB;
}

body.list #contentList span.FAR45, body.list #contentList span.FAR4, body.list #contentList span.FAR5 {
  background: #B97BCB;
}

body.FAR .navbar span {
  color: #B97BCB;
}

body.FAR #unitTitle h1 {
  color: #fff;
  background: #B97BCB;
}

body.list #contentList span.FAR {
  background: #B97BCB;
}

body.AUD .navbar span {
  color: #E999DF;
}

body.AUD #unitTitle h1 {
  color: #fff;
  background: #E999DF;
}

body.list #contentList span.AUD, body.list #contentList span.AUD1, body.list #contentList span.AUD2 {
  background: #E999DF;
}

body.BEC .navbar span {
  color: #9E4B56;
}

body.BEC #unitTitle h1 {
  color: #fff;
  background: #9E4B56;
}

body.list #contentList span.BEC, body.list #contentList span.BEC1, body.list #contentList span.BEC2 {
  background: #9E4B56;
}

body.REG1 .navbar span {
  color: #4B9E5F;
}

body.REG1 #unitTitle h1 {
  color: #fff;
  background: #4B9E5F;
}

body.list #contentList span.REG1, body.list #contentList span.REG1-A, body.list #contentList span.REG1-B {
  background: #4B9E5F;
}

body.REG2 .navbar span {
  color: #4B9E5F;
}

body.REG2 #unitTitle h1 {
  color: #fff;
  background: #4B9E5F;
}

body.list #contentList span.REG2, body.list #contentList span.REG2-A, body.list #contentList span.REG2-B {
  background: #4B9E5F;
}

body.popup #unitTitle h1 {
  color: #006D9D;
  background: none;
}

/* body.popup .callout-top{ margin-top:60px;}
body.popup #main h3#chapterTitle{ font-size: 1.5em;}
body.popup.normal #main h3{ font-size: 1.5em;}
body.popup.normal #main h4{ font-size: 1.3em;}
body.popup #footer{ padding:5px;} */
/*---------------------------------
	科目別カラーリング
-----------------------------------*/
/*英文会計入門*/
/*FAR1-3*/
/*FAR4-5*/
/*AUD*/
/*BEC*/
/*REG1*/
/*REG2*/
/*POPUP*/
/*---------------------------------
	デバイス別
-----------------------------------*/
/* .hide-desktop{display:none;} */
/* .hide-phone { display:none;} */
/* .hide-tablet { display:none;} */
.hide-tablet {
  display: none\9;
}

.show-tablet {
  display: none\9;
  display: none\9;
}

.hide-phone {
  display: none\9;
}

@media all and (min-width: 1025px) {
  .show-desktop {
    display: block;
  }
  .hide-desktop, .show-tablet {
    display: none;
  }
  .hide-tablet {
    display: block;
  }
  .show-phone {
    display: none;
  }
  .hide-phone {
    display: block;
  }
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
  .grid {
    max-width: 100%;
    padding: 0 1em;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
  .grid {
    max-width: 100%;
    padding: 0 1em;
  }
  .show-tablet {
    display: none;
  }
  .show-desktop {
    display: block;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .grid {
    max-width: 100%;
    padding: 0 1em;
  }
  .show-tablet {
    display: block;
  }
}

@media all and (max-width: 480px) {
  .grid {
    max-width: 100%;
    padding: 0 1em;
  }
  .show-phone {
    display: block;
  }
  body.list #contentList .item1 {
    white-space: nowrap;
  }
  body.list #contentList .item5, body.list #contentList .item6 {
    vertical-align: bottom;
  }
  body.layout1 #unitTitle h1 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 7px;
    margin-top: -5px;
  }
  body.layout1 #unitTitle h2 {
    clear: both;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
  }
}

p.webPra {
  font-size: 0.8em;
  padding: 0 15px 10px 15px;
  margin-top: -10px;
  color: #CE257E;
}

.unitList li {
  padding-right: 4.5em !important;
  position: relative;
  background: #F5F5F5 !important;
}

.unitList li.current {
  background: #65BD67 !important;
}

.unitList .chapterTitle {
  border-right: solid 1px #CACACA;
  display: block;
  padding-right: 7px;
}

.unitList .viewTotal {
  position: absolute;
  right: 5px;
  top: 32%;
  display: inline-block;
  width: 5em;
  text-align: right;
  color: #CE257E;
}

.unitList li.current .viewTotal {
  color: #fff !important;
}

.unitInfo h4 {
  font-weight: bold;
}

.unitInfo h4 span {
  margin-left: 28px;
}

.unitInfo .playList a {
  display: inline-block;
  margin: 0 0.5em;
}

.unitInfo .playList li .moduleId:after {
  content: "：";
}

.unitInfo .playList ul {
  margin-left: 10px;
  margin-bottom: -6px;
}

#tabr1 a {
  display: block;
  padding-right: 5em;
}

#tabr1 li {
  clear: both;
  position: relative;
}

#tabr1 .date {
  font-weight: bold;
  display: inline-block;
  width: 4.5em;
}

body.BAR #tabr1 .date {
  width: 7.5em;
}

#tabr1 .viewTotal {
  color: #CE257E;
  position: absolute;
  right: 10px;
  top: 8px;
}

#tabr1 li.current {
  background: #65BD67 !important;
}

#tabr1 li.current a, #tabr1 li.current .viewTotal {
  color: #fff !important;
}

#layer_board_area p {
  display: inline;
}

body.AUD #unitTitle .aud_1809 {
  margin-top: 20px;
  margin-bottom: 5px;
}