/**■■■■■■■■■■■■■■■■■■■■■■■■■
* mainLAYOUT　CSS
■■■■■■■■■■■■■■■■■■■■■■■■■**/
body>.site-body{
  padding-top: 0;
  padding-bottom: 0;
}
.video-js {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important; /* モダンブラウザならおすすめ */
}
#site-header{
  background-color: #fff;
}
#menu-header_menu_pc .menu-item{
  border-right: 0px dotted #ccc;
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 100%;
      padding-left: 3rem;
      padding-right: 3rem;
  }
}
.main-section .entry-footer{
  display: none;
}
.AK_thumbnail_imgbox{
  max-width: 650px;
}
.cnex{
  color: #555;
  font-size: 0.85rem;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}
ul.contents{
  margin: 0;
  padding: 0;
}
ul.contents>li{
  list-style: none;
  margin: 0;
  padding: 0;
}


#LMSst_outer{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
}
#LMSst_outer .ak_outer .inner{
  max-width: 1200px;
}

@media (min-width:992px){
  #LMSst_outer .ak_outer .inner{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

#LMSst_outer #LMSst_sidebar{
  width: 80%;
  background-color: #e2f3ff;
}
#LMSst_outer #LMSst_sidebar.ak_outer{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#LMSst_outer #LMSst_contents{
  width: 100%;
  background-color: #fafafa;
}
#LMSst_outer #LMSst_contents.ak_outer{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/*PCの時*/
@media (min-width:992px){
  #LMSst_outer #LMSst_sidebar{
    width: 400px;
  }
  #LMSst_outer #LMSst_contents{
    width: calc(100% - 400px);
  }
}

/* ハンバーガーアイコンを非表示 */
#vk-mobile-nav-menu-btn {
  display: none !important;
}

/* モバイルメニューエリア（開いた後）を非表示 */
.vk-mobile-nav {
  display: none !important;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* 共通
■■■■■■■■■■■■■■■■■■■■■■■■■**/
video {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* スクロールバーの全体 */
::-webkit-scrollbar {
  width: 12px; /* 縦スクロールバーの幅 */
  height: 12px; /* 横スクロールバーの高さ */
}

/* スクロールバーのトラック部分（背景） */
::-webkit-scrollbar-track {
  background: #f0f0f000;
  border-radius: 10px;
}

/* スクロールバーのつまみ（スライダー部分） */
::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 10px;
  border: 3px solid #f0f0f0; /* トラックと同じ色にすると余白っぽくなる */
}

/* ホバー時 */
::-webkit-scrollbar-thumb:hover {
  background-color: #a1a1a1;
}

.__Status_ico>i{
  color: #adadad;
}
.__Status_ico.fix>i{
  color: #008f8f;
}

#loading_type_01 .loading_type_01_logo1{
  width: 120px !important;
}

/*=====================
タイトル
=====================*/
h1{
  font-size: 1.6rem;
  font-weight: bold;
}
h2{
  font-size: 1.4rem;
  font-weight: bold;
}
h3{
  font-size: 1.2rem;
  font-weight: bold;
}
h4,
h5,
h6
{
  font-size: 1rem;
  font-weight: bold;
}

.LMSst_title h1{
  font-size: 1.6rem;
  font-weight: bold;
}
.LMSst_title h2{
  font-size: 1.4rem;
  font-weight: bold;
}
.LMSst_title h3{
  font-size: 1.2rem;
  font-weight: bold;
}
.LMSst_title h4,
.LMSst_title h5,
.LMSst_title h6
{
  font-size: 1rem;
  font-weight: bold;
}

/* サイドバー */
.LMSst_title.TYPE-side h1{
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--AKcolor1);
}
.LMSst_title.TYPE-side h2{
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--AKcolor1);
}
.LMSst_title.TYPE-side h3{
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--AKcolor1);
}
.LMSst_title h4,
.LMSst_title.TYPE-side h5,
.LMSst_title.TYPE-side h6
{
  font-size: 1rem;
  font-weight: bold;
  color: var(--AKcolor1);
}

/*タイトルアイコン*/
#LMSst_outer #LMSst_contents .LMSst_title h1{
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#LMSst_outer #LMSst_contents .LMSst_title .ico{
  display: inline-block;
  width: 35px;
  object-fit:cover;
  aspect-ratio: 1 / 1;
  background-color: #3a7c9e;
  display: flex;/*必須*/
  justify-content: center;/*左右*/
  align-items: center;/*上下位置を揃える*/
  padding: 0rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  overflow: hidden;
}
#LMSst_outer #LMSst_contents .LMSst_title .ico.active{
  border: 3px solid #16c89b;
}
#LMSst_outer #LMSst_contents .LMSst_title .ico>span{
  display: flex;/*必須*/
  justify-content: center;/*左右*/
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_contents .LMSst_title .ico>span>i{
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 0.75em;
}
#LMSst_outer #LMSst_contents .LMSst_title h1>.ico>span>i{
  margin: 0;
  color: #fff;
}

/*ローディング*/
#loading_type_04 .progressbar-text {
    color: #fff !important;
}
#loading_type_04 #loading_type_04_text>svg>path:nth-child(1){
  stroke:  #c5c5c5 !important;
}
#loading_type_04 #loading_type_04_text>svg>path:nth-child(2){
  stroke:  #fff !important;
}

/*CSV DLボタン*/
.CSV_DL_area{
  padding: 0.5rem 0;
}
.CSV_DL_area button.___ak_CSV_download{
  border: 0;
  background-color: var(--AKcolor3);
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 3px #00000030;
  cursor:pointer;
  transition: 0.5s;
}
.CSV_DL_area button.___ak_CSV_download:hover{
  opacity: 0.8;
}
.CSV_DL_area button.___ak_CSV_download::before {
	content: "\f358";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  margin-right: 0.5rem;
}
.CSV_DL_area button.___ak_CSV_download.loading{
  opacity: 0.5;
}
.CSV_DL_area button.___ak_CSV_download.loading::before {
	content: "\f110";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  margin-right: 0.5rem;
}

/*=====================
お問合せフォーム
=====================*/
.wpcf7 form{
  position: relative;
  z-index: 0;
}
.wpcf7 form .wpcf7-response-output{
  background-color: #d1ffde;
  position: absolute;
  bottom: -4%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  width: 80%;
  text-align: center;
  padding: 3rem;
  border-radius: 20px;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* 完了フラグ
■■■■■■■■■■■■■■■■■■■■■■■■■**/

#__FIX_flag{
  display: inline-block;
  background-color: #a8a8a8;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 5px;
  font-size: 1.1rem;
  font-weight: bold;
}
#__FIX_flag::before {
	content: "\f28d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  padding-right: 0.5rem;
}

#__FIX_flag.fix{
  background-color: #008f8f;
}
#__FIX_flag.fix::before {
	content: "\f058";
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* カリキュラム[横スクロール]=
■■■■■■■■■■■■■■■■■■■■■■■■■**/

#LMSst_outer .contents.__CONT_WIDE_SCROLL{
  display: flex;/*必須*/
  flex-wrap:nowrap;/*複数行表示*/
  overflow-x: scroll;
  margin-left: 10px;
  padding-left: 0px;
}
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item{
  width: 180px;
  min-width: 180px;
  padding: 5px;
  padding-top: 1.2rem;
  position: relative;
}
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.CUR_TermTitle{
  margin: 0;
  padding-left: 10px;
  position: absolute;
  width: calc(100% - 5px);
  left: 0;
  top: 0;
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #84adcc;
}
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.box{
  display: inline-block;
  background-color: #00000000;
  padding: 5px !important;
  border-radius: 5px;
  /*border:1px solid #f6f6f6;*/
}
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.box .box{
  /*border: 1px solid #e7e7e7;*/
}
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item.active>.box{
  background-color: #dcf0ff;
}
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.box>.LMSst_title h2,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.box>.LMSst_title h3,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.box>.LMSst_title h4,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item>.box>.LMSst_title h5,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item .LMSst_title h2,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item .LMSst_title h3,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item .LMSst_title h4,
#LMSst_outer .contents.__CONT_WIDE_SCROLL .item .LMSst_title h5{
  width: 100%;
  max-width: 150px;
  margin: 0;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap{
  position: relative;
}
#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap .scroll-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #c5c5c5bd;
  color: #fff;
  border: 0;
  width: 30px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 100px;
  display: flex;/*必須*/
  justify-content: center;/*左右*/
  align-items: center;/*上下位置を揃える*/
  cursor:pointer;
  opacity: 0.3;
  transition: 0.5s;
}
#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap:hover .scroll-btn{
  opacity: 1;
  transition: 0.5s;
}
#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap .scroll-btn.left{
  left: 5px;

}
#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap .scroll-btn.right{
  right: 5px;
}
#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap .scroll-btn.left::before {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#LMSst_outer .__CONT_WIDE_SCROLL_scroll-wrap .scroll-btn.right::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}



/**■■■■■■■■■■■■■■■■■■■■■■■■■
* トップページ
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#LMSst_outer.PageTop{
  padding-top: 2rem;
}
#LMSst_outer #LMSst-frontpage{
  padding-top: 0;
}
#LMSst_outer #LMSst-frontpage .inner{
  max-width: 600px;
}
#LMSst_outer #LMSst-frontpage .inner .contents .item.button a{
  display: block;
  background-color: #64a6d0;
  color: #fff;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5px;
  font-size: 1.2rem;
  box-shadow: 0px 2px 3px #00000020;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* フッター
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#AK_footer_contents{
  padding-top: 2rem;
}
#AK_footer_contents .item .content{
  background-color: #00000000;
}
#AK_footer_contents .item .content h2{
  color: var(--AKcolor1);
}
#AK_footer_contents .AK_FC_information.item .content .logo img{
  width: 100%;
  max-width: 220px;
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* NEWS UNIT
■■■■■■■■■■■■■■■■■■■■■■■■■**/
@media (min-width: 992px) {
  .AK_NEWS_Unit .inner .CAT_cont {
      width: 250px;
  }
  .AK_NEWS_Unit .inner .POST_cont {
      width: calc(100% - 250px);
  }
}



/**■■■■■■■■■■■■■■■■■■■■■■■■■
* SIDE BAR
■■■■■■■■■■■■■■■■■■■■■■■■■**/
/* ハンバーガー */

#LMSst_hamburger_menu {
  width: 45px;
  height: 45px;
  position: fixed;
  top : 2px;
  right: 2px;
  z-index: 1100;
}
body.admin-bar #LMSst_hamburger_menu{
  top : calc(46px + 2px);
}
#LMSst_hamburger_menu>.but{
  display: block;
  background-color: var(--AKcolor1);
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 0.7rem;
  position: relative;
}
#LMSst_hamburger_menu>.but .open,
#LMSst_hamburger_menu>.but .close{
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  text-align: center;
  display: block;
}
#LMSst_hamburger_menu>.but>.hbmenu_ico{
  display: block;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateY(4px) translateX(-50%);
  width: 30px;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}
#LMSst_hamburger_menu>.but .open{
  display: none;
}
#LMSst_hamburger_menu>.but .close{
  display: block;
}


#LMSst_hamburger_menu.status_close>.but .open{
  display: block;
}
#LMSst_hamburger_menu.status_close>.but .close{
  display: none;
}
/*PCの時*/
@media (min-width:992px){
  #LMSst_hamburger_menu {
    display: none;
  }
}


/*共通*/
#LMSst_outer #LMSst_sidebar{
  position: relative;
  z-index: 10;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, .07);
}

/*スマホの時*/
@media (max-width:991.98px){
  #LMSst_outer #LMSst_sidebar{
    position: fixed;
    height: 100vh;
    padding-top: 50px !important;
    top:0px;
    left: 0px;
    transition: 0.5s;
    overflow: scroll;
  }
  #LMSst_outer #LMSst_sidebar.status_close{
    transform: translateX(-110%);
  }
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .SIDE_cont{
  padding-top: 1rem;
  padding-bottom: 2rem;
  border-top: 1px solid #ffffffa3;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .SIDE_cont:first-child{
  border-top: 0px solid #ffffffa3;
}

/*ユーザー*/
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name{
  margin-top: 0rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .contents>.item{
  padding-top: 0;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .contents>.item>h3{
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .COMPANY_DATA{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .COMPANY_DATA .COMPANY{
  margin:0;
  margin-right: 1rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .COMPANY_DATA .COMPANY>span{
  display: inline-block;
  background-color:#3a7c9e;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
  font-size: 0.8rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .COMPANY_DATA .AUTHORITY{
  margin:0;
  font-size: 0.8rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .__AdminPage>a{
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: #333;
  color: #fff;
  border-radius: 5px;
  margin: 5px 0px;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_name .log_out>a{
  display: inline-block;
  font-size: 0.7rem;
  color: #555;
  padding-top: 0.5rem;
}
/*ページ*/
#LMSst_outer #LMSst_sidebar #SIDE_contents .page_nav{

}
#LMSst_outer #LMSst_sidebar #SIDE_contents .page_nav .contents>.item{
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .page_nav .contents>.item>a{
  display: block;
  font-size: 0.9rem;
  
}

/*カリキュラム*/
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum{

}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item>a.box,
#LMSst_outer .__CUR_LIST_VIEW.item>a.box{
  background-color: #00000000;  
  padding: 0;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item h3,
#LMSst_outer .__CUR_LIST_VIEW.item h3{
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  font-weight: bold;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item h3>.ico,
#LMSst_outer .__CUR_LIST_VIEW.item h3>.ico{
  display: inline-block;
  width: 25px;
  object-fit:cover;
  aspect-ratio: 1 / 1;
  background-color: #3a7c9e;
  display: flex;/*必須*/
  justify-content: center;/*左右*/
  align-items: center;/*上下位置を揃える*/
  padding: 0rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  overflow: hidden;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item h3>.ico>span>i,
#LMSst_outer .__CUR_LIST_VIEW.item h3>.ico>span{
  display: flex;/*必須*/
  justify-content: center;/*左右*/
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item h3>.ico>span>i,
#LMSst_outer .__CUR_LIST_VIEW.item h3>.ico>span>i{
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 0.75em;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item h3>.title,
#LMSst_outer .__CUR_LIST_VIEW.item h3>.title{
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item .status,
#LMSst_outer .__CUR_LIST_VIEW.item .status{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item .status .enable,
#LMSst_outer .__CUR_LIST_VIEW.item .status .enable{
  background-color: #000;
  color: #fff;
  padding: 0.2rem 0.4rem;
  border-radius: 5px;
  font-size: 0.8rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item .status .enable.active,
#LMSst_outer .__CUR_LIST_VIEW.item .status .enable.active{
  background-color: #008f8f;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item .status .enable.none-active,
#LMSst_outer .__CUR_LIST_VIEW.item .status .enable.none-active{
  background-color: #686868;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item .status .period,
#LMSst_outer .__CUR_LIST_VIEW.item .status .period{
  font-size: 0.8rem;
  padding-left: 0.5rem;
}
#LMSst_outer #LMSst_sidebar #SIDE_contents .user_active_curriculum .contents>.item .status .alerts,
#LMSst_outer .__CUR_LIST_VIEW.item .status .alerts{
  width: calc(100% - 0px);
  font-size: 0.8rem;
  text-align: left;
  color: #a50000;
}





#LMSst_outer #LMSst_contents .sub-contents.curriculum_box a>.LMSst_title h3{
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.1rem;
}
#LMSst_outer #LMSst_contents .sub-contents.curriculum_box a>.LMSst_title h3 .ico{
  width: 25px;
}
#LMSst_outer #LMSst_contents .sub-contents.curriculum_box a>.LMSst_title h3 .title{
  font-size: 0.95rem;
}
#LMSst_outer #LMSst_contents .sub-contents.curriculum_box .contents{
  padding-left: 0rem;
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* MYPAGE
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#LMSst_outer #LMSst_contents #MYPAGE_area .sub-contents{
  padding-top: 1.5rem;
  border-top: 1px solid #e7e7e7;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .sub-contents:first-child{
  border-top: 0px;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .curriculum_box>.LMSst_title{
  margin-bottom: 1rem;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .curriculum_box>a>.LMSst_title{
  padding-left: 1rem;
}

#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner{
  padding-left: 1rem;
  padding-right: 0rem;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .CAT_cont{
  display: none;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont{
  width: 100%;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont ul li .img{
  width: 80px;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont ul li .text{
  width: calc(100% - 80px);
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont ul li .text .box1 .data{
  font-size: 0.9rem;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont ul li .text .box1 ul.cats li{
  font-size: 0.75rem;
}
#LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont ul li .text .box2 h3{
  font-size: 0.9rem;
  
}

@media (min-width: 992px) {
  #LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner .POST_cont{
    width: 100%;
  }
  #LMSst_outer #LMSst_contents #MYPAGE_area .news_box #AK_NEWS_Unit.mypage .inner{
    padding-left: 1rem;
    padding-right: 0rem;
  }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* USER 
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#LMSst_outer #LMSst_contents #USER_area .loginout_record .contents{
  align-content: flex-start;
  height: 60vh;
  overflow-y: scroll;
  background-color: #fff;
  padding-left: 0rem;
  margin-left: 1rem;
  padding: 1rem;
}
#LMSst_outer #LMSst_contents #USER_area .loginout_record .cnex{
  padding-left: 1rem;
}
#LMSst_outer #LMSst_contents #USER_area .loginout_record .contents .item{
  padding-top: 2px;
  padding-bottom: 2px;
}
#LMSst_outer #LMSst_contents #USER_area .loginout_record .contents .item .box{
  display: flex;/*必須*/
  font-size: 0.9rem;
  background-color: #00000000;
  padding: 0;
}
#LMSst_outer #LMSst_contents #USER_area .loginout_record .contents .item .box>.type{
  width: 80px;
}
#LMSst_outer #LMSst_contents #USER_area .loginout_record .contents .item .box>.datetime{
  
}

/*PCの時*/
@media (min-width:992px){
  #LMSst_outer #LMSst_contents #USER_area .loginout_record .contents{
    height: 40vh;
  }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* USER カリキュラム詳細表示
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY{
  padding-left: 0;
  padding-right: 0;
}
#LMSst_outer #LMSst_contents .sub-contents .contents .__CUR_DETAILED_HISTORY>.box{
  padding: 10px;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY>.box .__DETAIL_TITLE h3{
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
  position: relative;
  padding-right: 45px;
  margin: 0;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY>.box .__DETAIL_TITLE h3 .title{
  font-size: 1rem;
  width: calc(100% - 35px - 24px - 45px);
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY>.box .__DETAIL_TITLE h3 .url{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) translateX(0%);
  z-index: 5;
  color: var(--AKcolor1);
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY>.box .__DETAIL_TITLE h3 .__DETAIL_DATA_swich_but{
  position: absolute;
  top: 0%;
  right: 0px;
  width: 100%;
  height: 100%;
  text-align: right;
  z-index: 1;
  cursor:pointer;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY>.box .__DETAIL_TITLE h3 .__DETAIL_DATA_swich_but::before {
	content: "\2b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%) translateX(0%);
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY>.box .__DETAIL_TITLE h3 .__DETAIL_DATA_swich_but.open::before {
	content: "\f068";
}

#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA{
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: 0.5s;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA.open{
  height: auto;
  opacity: 1;
  transition: 0.5s;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA h4{
  margin-top: 1.5rem;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._total_data{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._total_data>dl{
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
  width: calc(100% - 10px);
  margin: 0px 5px;
  padding: 5px 0;
  border-bottom: 1px solid #e2e2e2;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._total_data>dl>dt{
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  width: 115px;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._total_data>dl>dd{
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  width: calc(100% - 115px);
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._total_data>dl.Period span{
  display: inline-block;
}

#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas{
  overflow-x: scroll;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row{
  width: auto;
  display: flex;/*必須*/
  font-size: 0.85rem;
  white-space: nowrap;
  width: fit-content;
  border-bottom: 1px solid #e2e2e2;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row._header{
  background-color: #f7f7f7;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row:first-child{
  border-top: 1px solid #e2e2e2;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row>div{
  padding: 3px 5px;
  border-left: 1px solid #e2e2e2;
}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row>div:first-child{
  border-left: 0px solid #e2e2e2;
}

#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Tarm{width: calc(250px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Cont{width: calc(250px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Cont_time{width: calc(120px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Lear_time{width: calc(120px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Start_datetime{width: calc(150px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Fix_action{width: calc(120px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Fix__datetime{width: calc(150px);}
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._His_datetime{width: calc(250px);}

#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Tarm h5,
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._Cont h6,
#LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._datas ._row ._His_datetime p{
  margin: 0;
  padding: 0;
  font-size: 0.85rem;
  white-space: normal;
}
/*PCの時*/
@media (min-width:992px){
  #LMSst_outer #LMSst_contents .__CUR_DETAILED_HISTORY .__DETAIL_DATA ._total_data>dl{
    width: calc(50% - 10px)
  }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* CONTENTS 
■■■■■■■■■■■■■■■■■■■■■■■■■**/


#LMSst_outer #LMSst_contents .LMSst_title h2{
  font-size: 1.1rem;
  color: #6f6f6f;
}
#LMSst_outer #LMSst_contents .LMSst_title h2>i{
  color: var(--AKcolor3);
}
#LMSst_outer #LMSst_contents .MLSbar {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
#LMSst_outer #LMSst_contents .Status_box{
  position: relative;
}
#LMSst_outer #LMSst_contents .Status_box .contents{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  justify-content: space-between;
  align-items: center;/*上下位置を揃える*/
  margin-bottom: 1rem;
}
#LMSst_outer #LMSst_contents .Status_box .contents #__FIX_flag{
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
}
#LMSst_outer #LMSst_contents .Status_box .contents #__FIX_day{
  font-size: 0.8rem;
  padding-left: 0.5rem;
}
#LMSst_outer #LMSst_contents .Status_box .contents .timer{
  background-color: #e9e9e9;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  border-radius: 5px;
}
#LMSst_outer #LMSst_contents .Status_box .contents .timer .c-time{
  font-size: .9rem;
}

#LMSst_outer #LMSst_contents #__LMSst-video_box iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* または固定比率 */
    display: block;
}

#LMSst_outer #LMSst_contents #__LMSst-video_box #__LMSst-video picture.vjs-poster>img{
  width:100%;
  object-fit:cover;
  aspect-ratio: 16 / 9;
}
#LMSst_outer #LMSst_contents .video_box .video-controls{
  max-width: 260px;
  width: 100%;
  margin: 0 auto;
  padding: 0.5rem 1rem;
  background-color: #dcf0ff;
  border-radius: 200px;
  margin-top: 5px;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 3px #00000010;
  display: flex;/*必須*/
  justify-content: space-evenly;
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_contents .video_box .video-controls button{
  border:0;
  background-color:#00000000;
  border-radius: 0;
  cursor:pointer;
}
#LMSst_outer #LMSst_contents .video_box .video-controls button{
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  color: #858585;
}
#LMSst_outer #LMSst_contents .video_box .video-controls button#start-stop{
  font-size: 2rem;
  color: var(--AKcolor1);
}
#LMSst_outer #LMSst_contents .video_box .video-controls button#start-stop::before {
	content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#LMSst_outer #LMSst_contents .video_box .video-controls button#start-stop.pause::before {
	content: "\f28b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#LMSst_outer #LMSst_contents .video_box #__CONT_err_log{
  background-color: #d15959;
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  align-items: center;/*上下位置を揃える*/
  color: #fff;
  padding: 0.5rem;
  border-radius: 5px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  transition: 0.5s;
}
#LMSst_outer #LMSst_contents .video_box #__CONT_err_log.hide{
  margin: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
#LMSst_outer #LMSst_contents .video_box #__CONT_err_log .ico{
  width: 40px;
  text-align: center;
  font-size: 1.5rem;
}
#LMSst_outer #LMSst_contents .video_box #__CONT_err_log .ex{
  width: calc(100% - 40px);
  font-size: 0.9rem;
}
#LMSst_outer #LMSst_contents .video_box #__CONT_err_log .ex a{
  color: #fbffc0;
}

/*サブコンテンツ==*/
#LMSst_outer #LMSst_contents .sub-contents{
  margin-bottom: 2rem;
}
#LMSst_outer #LMSst_contents .sub-contents .contents{
  padding-left: 1rem;
}

#LMSst_outer #LMSst_contents .sub-contents .contents .box{
  padding: 0;
}

/*ダウンロードできる資料=*/
#LMSst_outer #LMSst_contents .sub-contents.teaching_material_box .contents .item{
  width: 100%;
  padding-left: 0;
}
#LMSst_outer #LMSst_contents .sub-contents.teaching_material_box .contents .item .box{
  display: inline-block;
  background-color: #fff;
  padding: 0.5rem 1.5rem;
  border-radius: 5px;
  box-shadow: 1px 3px 3px #00000020;
}
#LMSst_outer #LMSst_contents .sub-contents.teaching_material_box .contents .item .box h3{
  font-size: 1rem;
  color: #555;
  font-weight: normal;
}
#LMSst_outer #LMSst_contents .sub-contents.teaching_material_box .contents .item .box h3>i{
  color: var(--AKcolor1);
}


/*親カリキュラム*/
#LMSst_outer #LMSst_contents .sub-contents.parent_curriculums a>.LMSst_title h3{
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.1rem;
}
#LMSst_outer #LMSst_contents .sub-contents.parent_curriculums a>.LMSst_title h3 .ico{
  width: 25px;
}
#LMSst_outer #LMSst_contents .sub-contents.parent_curriculums a>.LMSst_title h3 .title{
  font-size: 0.95rem;
}
#LMSst_outer #LMSst_contents .sub-contents.parent_curriculums .contents{
  padding-left: 0rem;
}


/*関連するカリキュラム[縦]=*/
#LMSst_outer #LMSst_contents .sub-contents.Re-curriculum_box .contents h3{
  font-weight: bold;
}
#LMSst_outer #LMSst_contents .sub-contents.Re-curriculum_box .contents .item{
  width: 100%;
  padding-left: 0;
}
#LMSst_outer #LMSst_contents .sub-contents.Re-curriculum_box .contents .item .box{
  background-color: #fff;
  border-radius: 5px;
  padding: 7px;
  display: block;
}
/*PCの時*/
@media (min-width:768px){
  #LMSst_outer #LMSst_contents .sub-contents.Re-curriculum_box .contents .item{
    width: 50%;
  }
}

/*関連するコンテンツ[縦]=*/
#LMSst_outer #LMSst_contents .sub-contents.Re-contents_box .contents .item{
  width: 50%;
  padding-left: 0;
}

#LMSst_outer #LMSst_contents .sub-contents.Re-contents_box .contents .item ._LMSst_CONTENT_img{
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
#LMSst_outer #LMSst_contents .sub-contents.Re-contents_box .contents .item h3{
  font-size: 0.75rem;
}
/*PCの時*/
@media (min-width:768px){
  #LMSst_outer #LMSst_contents .sub-contents.Re-contents_box .contents .item{
    width: 25%;
  }
}

/**■■■■■■■■■■■■■■■■■■■■■■■■■
* CONTENTS 画像ブロック
■■■■■■■■■■■■■■■■■■■■■■■■■**/
._LMSst_CONTENT_img{
  display: block;
  position: relative;
  overflow: visible;
  width: 100%;
  /*max-width: 150px;*/
  
}
._LMSst_CONTENT_img>.check{
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2;
}
._LMSst_CONTENT_img>.check span{
  opacity: 0;
}
._LMSst_CONTENT_img>.check span.fix{
  opacity: 1;
  
}
._LMSst_CONTENT_img>.check span.fix>i{
  margin: 0;
  color: #008f8f;
  background-color: #fff;
  border-radius: 500px;
  border: 2px solid #fff;
  font-size: 1.1rem;
  
}
._LMSst_CONTENT_img>.box{
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}
._LMSst_CONTENT_img>.box>img{
  width:100%;
  object-fit:cover;
  aspect-ratio: 16 / 9;
}

._LMSst_CONTENT_img>.box>.video-bar{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #d3d3d3;
    padding-top: 1px;
}
._LMSst_CONTENT_img>.box>.video-bar>.video-bar-in{
  display: block;
  height: 3px;
  background-color: #04408a;
}







/**■■■■■■■■■■■■■■■■■■■■■■■■■
* CURRICULUM
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#LMSst_outer #LMSst_contents #CUR_about{
  margin-bottom: 5rem;
}
#LMSst_outer #LMSst_contents #CUR_about .DATAS{

}
#LMSst_outer #LMSst_contents #CUR_about .DATAS .about{
  background-color: #92c7ec;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: 0.15rem 0.5rem;
  margin-bottom: 1rem;
}
#LMSst_outer #LMSst_contents #CUR_about .DATAS .about .item{
  width: auto;
  font-size: 0.8rem;
  display: inline-block;
}


#LMSst_outer #LMSst_contents #CUR_about .DATAS .datas{
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
  margin-bottom: 1rem;
}
#LMSst_outer #LMSst_contents #CUR_about .DATAS .datas .item{
  width: auto;
}
#LMSst_outer #LMSst_contents #CUR_about .DATAS .datas .item.progress{
  padding-left: 0;
}

#LMSst_outer #LMSst_contents #CUR_about .DATAS .datas .item.ptime{
  padding-left: 2rem;
}
#LMSst_outer #LMSst_contents #CUR_about .DATAS .ex{
  font-size: 1rem;
}

#LMSst_outer #LMSst_contents #CUR_datas{
  margin-bottom: 3rem;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM{
  padding-bottom: 2rem;
  position: relative;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM::before{
  content: "";
  display: block;
  width: 10px;
  height: calc(100% - 0px);
  background-color: #e2e2e2;
  position: absolute;
  top: 3px;
  left: 7px;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_TermTitle{
  font-size: 1.15rem;
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
  margin-top: 0;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_TermTitle>.no{
  background-color: var(--AKcolor3);
  color: #fff;
  display: inline-block;
  width: 25px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: relative;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_TermTitle>.no>span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 0.9rem;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_TermTitle>.title{
  padding-left: 0.5rem;
  width: 100%;
  max-width: calc(100% - 25px);
  color: var(--AKcolor1);
}

#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT{
  position: relative;
  padding: 0.5rem;
  padding-left: 3rem;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  justify-content: space-between;
  background-color: #fff;
  border-radius: 5px;
  padding: 0.5rem;
  box-shadow: 1px 1px 3px #00000020;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .LMSst_title{
  width: 100%;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .LMSst_title h3{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  margin-bottom: 0;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a ._LMSst_CONTENT_img{
  width: 80px;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a ._LMSst_CONTENT_img>.box{
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  
}


#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .LMSst_title h3 .title{
  width: calc(100% - 80px);
  padding-left: 1rem;
  font-size: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .progress{
  width: 100%;
  font-size: 0.85rem;
  margin-top: 0.1rem;
  text-align: right;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .progress .err{
    background-color: #d15959;
    color: #fff;
    padding: 0.25rem 0.4rem;
    border-radius: 5px;
    font-size: 0.8rem;
    display: inline-block;
}
#LMSst_outer #LMSst_contents #CUR_datas .CUR_end{
  padding: 0.5rem 1rem;
  font-weight: bold;
  font-size: 0.85rem;
  background-color:var(--AKcolor3);
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  z-index: 2;

}
/*PCの時*/
@media (min-width:992px){
  #LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .progress{
    margin-top: 0.5rem;
  }
  #LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .progress{
    width: 220px;
  }
  #LMSst_outer #LMSst_contents #CUR_datas .CUR_TARM .CUR_CONTENT>a .LMSst_title{
    width: calc(100% - 220px);
  }
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* COMPANY
■■■■■■■■■■■■■■■■■■■■■■■■■**/
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents{

}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item{
  padding-left: 0;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box{
  padding: 1rem;
  border-radius: 5px;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.LMSst_title h3{
  font-size: 1.1rem;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.LMSst_title h3 i{
  color:var(--AKcolor1);
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.user_authority,
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.user_registered,
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.last_login{
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}

#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur{
  background-color: #f2f2f2;
  margin-bottom: 0.4rem;
  padding: 0.7rem;
  border-radius: 5px;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur h4{
  font-size: 0.9rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  position: relative;
  display: flex;/*必須*/
  flex-wrap:nowrap;/*複数行表示*/
  align-items: center;/*上下位置を揃える*/
  cursor:pointer;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur h4 .title{
  flex: 1;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur h4>.enable{
  font-size: 0.75rem;
  padding: 0.1rem 0.5rem;
  padding-bottom: 0.2rem;
  background-color: #686868;
  color: #fff;
  border-radius: 5px;
  margin-right: 0.5rem;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur h4>.enable.active{
  background-color: #008f8f;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur h4 .switch_but{
  width: 17px;
  text-align: right;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur h4 .switch_but::after{
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur .__COMPANY_user_hidebox{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur .__COMPANY_user_hidebox.is-open{
  height: auto;
  opacity: 1;
  transition: 0.5s;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur .data{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur .data dt{
  font-size: 0.8rem;
  width: 75px;
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur .data dd{
  font-size: 0.8rem;
  width: calc(100% - 75px);
}
#LMSst_outer #LMSst_contents #COMPANY_area .sub-contents.member_box .contents .item>.box>.cur .data dd .M_C_status_day{
  padding-left: 0.5rem;
}


/**■■■■■■■■■■■■■■■■■■■■■■■■■
* __Admin
■■■■■■■■■■■■■■■■■■■■■■■■■**/
/*=====================
動画再生
=====================*/
#LMSst_outer #LMSst_contents #___video_debug_outer{
  position: relative;
}
#LMSst_outer #LMSst_contents #___video_debug_outer #___video_debug_switch{
  position: absolute;
  top:10px;
  right: 10px;
  color: #fff;
  cursor:pointer;
}
#LMSst_outer #LMSst_contents #___video_debug_outer #___video_debug{
  height: 200px;
  overflow-y: scroll;
  padding: 10px;
  padding-top: 10px;
  border-radius: 5px;
  background-color: #1f1f1f;
  margin-bottom: 1rem;
  color: #fff;
}
#LMSst_outer #LMSst_contents #___video_debug_outer #___video_debug.close{
  height: 45px;
  overflow-y: hidden;
}
#LMSst_outer #LMSst_contents #___video_debug_outer #___video_debug>p{
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
  color: #fff;
}

/*=====================
管理者限定ページ
=====================*/
#LMSst_outer #LMSst_contents .LMSst_title.admincheck H1{
  margin-bottom: 0.5rem;
}
#LMSst_outer #LMSst_contents .LMSst_title.admincheck>p{
  font-size: 0.85rem;
}
#LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box{
  display: block;
  background-color: #fff;
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  align-items: center;/*上下位置を揃える*/
  padding: 0.5rem;
  border-left: 10px solid var(--AKcolor3);
  box-shadow: 0px 3px 3px #00000030;
}
#LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box>.data{
  width: calc(100% - 40px);
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box>.data .title{
  width: 100%;
  font-size: 1.0rem;
}
#LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box>.data .date{
  width: 100%;
  font-size: 0.8rem;
}
#LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box>.num{
  width: 40px;
  text-align: right;
}
/*PCの時*/
@media (min-width:992px){
  #LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box>.data .title{
    width: calc(100% - 230px);
  }
  #LMSst_outer #LMSst_contents #__Admin_area.admincheck .sub-contents.grouplist .contents .item>.box>.data .date{
    width: 230px;
  }
}


#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.LMSst_title h3 i.link{
  padding-left: 1rem;
  color: #555;
  font-size: 0.8rem;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box{
  display: flex;/*必須*/
  flex-wrap:wrap;/*複数行表示*/
  padding: 5px;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box.Err{
  background-color: rgb(255, 202, 202);
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.LMSst_title,
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.user-cur-datas{
  width: 100%;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.LMSst_title .wp_role{
  font-size: 0.8rem;
  font-weight: normal;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>p{
  font-size: 0.8rem;
  margin-bottom: 0.15rem;
  padding-right: 1rem;
}
#LMSst_outer #LMSst_contents #USER_area.admincheck .sub-contents.user_base_data>.contents{
  display: block;
  padding: 10px;
  margin-left: 1rem;
  background-color: #fff;

}
#LMSst_outer #LMSst_contents #USER_area.admincheck .sub-contents.user_base_data>.contents>.LMSst_title i{
  color: var(--AKcolor1);
}
#LMSst_outer #LMSst_contents #USER_area.admincheck .sub-contents.user_base_data>.contents>p{
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.LMSst_title a{
  display: flex;/*必須*/
  align-items: center;/*上下位置を揃える*/
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.LMSst_title .user_No{
  background-color: var(--AKcolor1);
  width: 30px;
  height: 30px;
  display: flex;/*必須*/
  justify-content: center;/*左右*/
  align-items: center;/*上下位置を揃える*/
  margin-right: 10px;

}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.LMSst_title .user_No>span{
  color: #fff;
  font-size: 1rem;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.user-cur-datas .user-cur-data{
  background-color: #f7f7f7;
  padding: 3px 5px;
  border-radius: 5px;
  display:flex;
  justify-content:space-between;
  width:100%;
  height:auto;
  margin-bottom: 5px;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.user-cur-datas .user-cur-data>.cur{
  font-size: 0.8rem;
  margin: 0;
}
#LMSst_outer #LMSst_contents #COMPANY_area.admincheck .sub-contents.member_box .contents .item>.box>.user-cur-datas .user-cur-data>.day{
  font-size: 0.8rem;
  margin: 0;
}