@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
/*
font-family: $font-gothic;
300 400 500 700
*/
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap");
/*
font-family: $font-min;
300 400 500 600
*/
@import url("//fonts.googleapis.com/css2?family=Bentham&display=swap");
/*
font-family: $font-en;
400
*/
/*@include font-gothic();*/
/*@include font-min();*/
/*@include font-en();*/
/*@include incImg100();*/
/*@include incSmooth();*/
/*@include dropshadow;*/
/*@include boxshadow;*/
/*@include fs();*/
/*@include btm();*/
::selection {
  background: #144D78;
  color: #FFF; }

::-moz-selection {
  background: #144D78;
  color: #FFF; }

/*
全体設定
*/
body {
  /*
  background: url("/assets/img/common/bg.png") repeat 0 0;
  */
  background: #F7E2EE; }

/*
body:before {
background: rgb(246,222,114);
background: linear-gradient(180deg, rgba(246,222,114,1) 20%, rgba(176,146,27,1) 100%) fixed; 
content: '';
display: block;
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
*/
.wrap {
  position: relative;
  z-index: 2; }

.contents {
  /*
  background: #FFF;
  background: rgba(255,255,255,0.2);
  */
  background: none;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0);
  /* padding: 0; */ }

.gNav {
  background: #FFF; }

.gNav ul li a {
  color: #000; }

.gNav ul li a:hover {
  color: #B05964;
  opacity: 1; }

.gNav ul li a.current {
  border-bottom: 4px solid #B05964;
  color: #B05964;
  font-weight: 600; }

.gNav ul li a.current:hover {
  cursor: default;
  opacity: 1; }

@media only screen and (max-width: 960px) {
  /*
  body {
  background: rgb(246,222,114);
  background: linear-gradient(180deg, rgba(246,222,114,1) 50%, rgba(176,146,27,1) 100%); 
  }
  body:before {
  background: rgb(246,222,114);
  background: linear-gradient(180deg, rgba(246,222,114,1) 50%, rgba(176,146,27,1) 100%); 
  content: '';
  display: block;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  }
  */
  .gNav ul li {
    border: none;
    font-size: 13px;
    letter-spacing: -0.04em;
    width: auto; }

  .gNav ul li:nth-child(2n+1) {
    border: none; }

  .gNav ul li a {
    border-radius: 6px 6px 0 0;
    padding: 16px 12px 14px; }

  .gNav ul li a.current {
    border-bottom: none; } }
/*
ヘッダー
*/
.header {
  background-color: #B90E5B;
  box-shadow: 0 7px 7px -3px rgba(0, 0, 0, 0);
  border-bottom: 1px solid #FFF;
  color: #FFF; }

.header .hdInr .hdR .user,
.header .hdInr .acountMenu dl dt p {
  background: #144D78; }

.header .hdInr .hdR .user {
  border: 1px solid #FFF; }

.header .hdInr .logo .logoImg {
  margin-right: 16px;
  width: 60px; }

.header .hdInr .logo .logoDate {
  color: #FFF; }

@media only screen and (max-width: 960px) {
  .header .hdInr .logo .logoNum {
    /* font-size: 10px;
    margin-right: 0; */ }

  .header .hdInr .logo .logoTitle {
    /* font-size: 13px; */
    font-weight: 600;
    letter-spacing: -0.04em; }

  .header .hdInr .logo .logoImg {
    margin-right: 8px;
    width: 36px; } }
/*
MV
*/
.mv {
  background: #B90E5B;
  background-size: 50% auto;
  color: #FFF;
  position: relative;
  /*
  &:before {
  background: rgb(176,89,100);
  background: linear-gradient(90deg, rgba(176,89,100,1) 50%, rgba(176,89,100,0) 100%); 
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  }
  */ }

.mv .mvInr {
  position: relative;
  z-index: 2; }

.mv .mvInr .displaySwitch li {
  border-color: #FFF; }

.mv .mvInr .displaySwitch li a {
  color: #000; }

.mv .mvInr .displaySwitch li a.current, .mv .mvInr .displaySwitch li a:hover {
  background: #B90E5B; }

.mv .mvInr .displaySwitch li a.current {
  cursor: default; }

@media only screen and (max-width: 960px) {
  .mv .mvInr .displaySwitch {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 0; }

  .mv .mvInr .displaySwitch li a {
    background: #FFF; } }
/*
フッター
*/
.footer {
  background: #B90E5B;
  max-width: 100%; }

.footer small {
  color: #FFF; }

/*
ログイン
*/
.logoTitleSet,
.logoDate {
  color: #333; }

.loginArea .inr .formArea ul.inputs li .smallAtt {
  background-color: #B90E5B; }

.loginArea .inr .formArea ul.inputs li .smallAtt::before {
  border-bottom-color: #B90E5B; }

.loginArea .inr .formArea .attBox .loginBtn button {
  background: linear-gradient(90deg, #EC9F1E 0%, #F0B24B 100%); }

/*
ライブプログラム一覧（リスト）
*/
.selectArea .sideMenu ul#nav li span {
  /*background-color: #FFF;*/ }

.selectArea .sideMenu ul#nav li span:hover,
.selectArea .sideMenu ul#nav li a:hover {
  background-color: #144D78;
  color: #FFF; }

.selectArea .sideMenu ul#nav li.current span {
  background: #144D78;
  color: #FFF; }

.selectArea .sideMenu ul#nav li.current span::before {
  border-left-color: #144D78; }

.selectArea #tab h2 a {
  background: linear-gradient(90deg, #EC9F1E 0%, #F0B24B 100%); }

@media only screen and (max-width: 960px) {
  .selectArea #tab .intoLink a {
    background: linear-gradient(90deg, #EC9F1E 0%, #F0B24B 100%); } }
.selectArea #tab ul.programList li p.dateCate {
  background: #F3F3F3; }

.selectArea #tab ul.programList li p.dateCate span.date {
  background: #144D78; }

.selectArea #tab ul.programList li .data {
  background-color: #F3F3F3; }

.selectArea #tab ul.programList li .codeBtnArea .codeBtn a:hover {
  background-color: #000;
  border-color: #000; }

/*
ライブプログラム一覧（タイムテーブル）
*/
.selectArea.timeTable .sideMenu ul#nav li {
  border-bottom: none;
  background-color: #FFF; }

.selectArea.timeTable .sideMenu ul#nav li:hover span {
  background-color: #144D78; }

/*
受講証発行
*/
.codeArea .codeDesc {
  background: #FFF; }

.codeArea .codeDesc p strong {
  color: #144D78; }

.codeTbl tr {
  background: #FFF; }

.codeArea .mdlBtn a {
  background: #288b43;
  background: linear-gradient(180deg, #288b43 0%, #32b054 100%); }

.content-title:hover {
  border-color: #144D78;
  color: #144D78; }

.content-title .tag {
  background: #144D78; }

/*
視聴ページ
*/
.liveMovie > div:nth-child(1) {
  background: #000; }

.liveArea .liveMovie .reload {
  background: #FFF; }

.liveArea .liveMovie .whiteBoard .btnArea ul li button.btn_in {
  background: linear-gradient(90deg, #EC9F1E 0%, #F0B24B 100%); }

.liveArea .liveMovie .whiteBoard .btnArea p a {
  color: #000; }

.liveArea .liveMovie .whiteBoard .commentArea {
  background-color: #FFF; }

.liveArea .liveMovie .whiteBoard .prevBtn a {
  background: #FFF; }

.prevBtn a {
  background: #FFF; }

.codeBtnArea {
  background-color: #FAFAFA;
  border-color: #DDD; }

.codeBtnArea .codeBtn a {
  background-color: #144D78; }

/*
受講証印刷
*/
body.certificate {
  background: #FFF; }

body.certificate:before {
  display: none; }

.certificatePrint a {
  background: #c14958;
  background: linear-gradient(90deg, #c14958 0%, #cd8992 100%); }