@charset "utf-8";
/*
{
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

html,body{
    height: 100%;
}

a{
    color: #006996;
}
a:hover {
    color: #004664;
}
a.disable{
    color: #707070 !important;
    text-decoration: none !important;
}
*/
/*コースパワー共通部品*/
/*下余白*/
.cpMargin{
    margin-bottom: 20px !important;
}
.cpMargin:after{
    content: "";
    display: block;
    clear: both;
}

/*テーブル*/
.cpTable{
    display: table;
}
.cpCell{
    display: table-cell;
}
.cpTable.fixed{
    table-layout: fixed;
}
.cpTable.top > .cpCell{
    vertical-align: top;
}
.cpTable.middle > .cpCell{
    vertical-align: middle;
}
.cpTable.bottom > .cpCell{
    vertical-align: bottom;
}

[id^="HTMLEditor"] ul,
[id^="HTMLEditor"] ol {
    margin:0;
    padding-left:50px;
    padding-right:3px;
    line-height:normal;
}

[id^="HTMLEditor"] * {
    line-height:normal;
}

.htmlwordbreak {
    width:97%;
}
/* 文字自動改行 */
.htmlwordbreak *{
    word-break:break-all;
    word-wrap:break-word;
    line-height:normal;

}
.htmlwordbreak table{
    width:97%;
}
.htmlwordbreak tr,
.htmlwordbreak td{
    word-break:break-all;
    word-wrap:break-word;
    line-height:normal;
}
.htmlwordbreak ul,
.htmlwordbreak ol {
    margin:0;
    padding-left:50px;
    padding-right:3px;
    line-height:normal;
}
.htmlwordbreak span *{
    word-break:beak-all;
    word-wrap:break-word;
    line-height:normal;
}

/*サイズ関連*/
.full{
    width: 100%;
}
.box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*折り返さない*/
.nowrap{
    white-space: nowrap;
}

/*ラベルスタイル*/
.cpLabel{
    font-size: 16px;
    padding: 2px 0px;
    border-bottom: 2px solid #a8a8a8;
    margin-bottom: 20px;
}
.cpLabel.noBorder{
    border-bottom: 0px;
    margin-bottom: 10px;
}
.cpLabel:before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 20px;
    background-color: #ddd;
    vertical-align: bottom;
}
.cpLabel.blue:before{
    background-color: #0c8bc2;
}
.cpLabel.orange:before{
    background-color: #f8691a;
}

/*ボタン*/
.cpButton,
input.cs_submitBt,
input.cs_Bt,
input.reload,
input.cs_searchBt{
    display: inline-block;
    min-width: 104px;
    height: 32px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 10px;
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.cpButton span{
    color: #232323;
    vertical-align: middle;
    line-height: 1;
}
/*「前へ」と「次へ」ボタン*/
.prev,.next{
    display: inline-block;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 10px;
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.prev span,.next span{
    color:#232323;
}
.centerLabel{
    line-height: 3rem;
    text-align: center;
    /*float: left;*/
    height: 3rem;
    width: 10rem;
    /*font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
    /*font-weight: bold;*/
    padding: 0 1rem;
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*ハイライト（強調）*/
.cpButton.highlight,
input.cs_submitBt.highlight{
    border: 2px solid #FC8D3A;
    line-height: 2.8rem;
    color: #C44500;
}
.cpButton.highlight span{
    color: #C44500;
}
.cpButton span.highlight{
    color: #C44500;
}

/*大きいボタン*/
.cpButton.big{
    height: 4.4rem;
    line-height: 3.7rem;
    text-decoration: none;
}
.cpButton.big span{
    font-size: 1.4rem;
}

/*クリッカー*/
.cpButton.clicker{
    border-radius: 15px;
}

/*横幅固定*/
.cpButton.fixed{
    width: 140px;
}

.cpButton.just{
    min-width: initial;
    min-width: auto;
}

/*状態変化*/
.cpButton:focus,
input.cs_submitBt:focus,
input.cs_Bt:focus,
input.reload:focus,
input.cs_searchBt:focus{

}
.cpButton:hover,
input.cs_submitBt:hover,
input.cs_Bt:hover,
input.reload:hover,
input.cs_searchBt:hover{
   background-color: #eeeeee;
   border-color: #808080;
}
.cpButton:active,
input.cs_submitBt:active,
input.cs_Bt:active,
input.reload:active,
input.cs_searchBt:active{
   background-color: #e2e2e2;
}
.cpButton:visited,
input.cs_submitBt:visited,
input.cs_Bt:visited,
input.reload:visited,
input.cs_searchBt:visited{
    color: #232323;
}

.cpButton.highlight:focus{

}
.cpButton.highlight:hover{
    background-color: #fff5ef;
    border-color: #f8691a;
}
.cpButton.highlight:active{
   background-color: #f7e5db;
}
.cpButton.highlight:visited{
    color: #c44500;
}

/* ocupレスポン連携 */
.cpButton.respon{
    border: 2px solid #00ff40;
    line-height: 28px;
    color: #008000;
}

.cpButton.respon{
    border-radius: 15px;
}

.cpButton.respon:focus{

}
.cpButton.respon:hover{
    background-color: #f0fff0;
    border-color: #00ff40;
}
.cpButton.respon:active{
   background-color: #d9ffd9;
}
.cpButton.respon:visited{
    color: #008000;
}


/*disableスタイル*/
.cpButton.disable,
.cpButton.disable:hover,
.cpButton.disable:active,
.cpButton.disable:focus,
.cpButton.disable:visited{
    background-color: #fefefe;
    cursor: default;
    border-color: #bfbfbf;
    box-shadow: none;
}
.cpButton.disable span{
    color: #9c9c9c;
}

/*フォーム系テーブル*/
.cpFormTable{
    line-height: 44px;
    font-size: 14px;
}
.cpFormTable table{
    width: 100%;
    border-spacing: 0;
}
.cpFormTable table th,
.cpFormTable table td{
    vertical-align: top;
    padding: 0 8px;
    border: 1px solid #a8a8a8;
    border-bottom: 0 none;
}
.cpFormTable table tr:last-child th,
.cpFormTable table tr:last-child td{
    border-bottom: 1px solid #a8a8a8;
}
.cpFormTable table th{
    text-align: right;
    font-weight: normal;
    background-color: #ededed;
    border-right: 0 none;
    border-left: 0 none;
}
.cpFormTable table th:first-child{
    border-left: 1px solid #a8a8a8;
}
.cpFormTable label{
    margin-right: 20px;
    display: inline-block;
}

/*カレンダーボタン*/
.calender_button{
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-radius: 8px;
    padding: 4px;
    margin-right: 10px;
}
.calender_button img{
    vertical-align: middle;
}

/*インプット関連*/
.calend_year{
    width: 4em !important;
}
.calend_month,
.calend_day,
.calend_hour,
.calend_minits,
.inputNum{
    width: 2em !important;
}
.calend_year,
.calend_month,
.calend_day,
.calend_hour,
.calend_minits,
.inputNum{
    margin-right: 4px;
}
.inputNum{
    margin-left: 4px;
}

/*アコーディオンスタイル*/
/*ベースはライトグレー*/

.accordionHeader .accordionMark:before{
    content: "\e92a";
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    text-align: center;
    color: #6D6D6D;
}
.accordionHeader.on .accordionMark:before{
    content: "\e928";
    color: #6D6D6D;
}

.accordionHeader.dark .accordionMark:before{
    content: "\e92a";
    vertical-align: baseline;
}
.accordionHeader.on.dark .accordionMark:before{
    content: "\e928";
}

.accordionHeader.white .accordionMark:before{
    content: url("");
}
.accordionHeader.on.white .accordionMark:before{
    content: url("");
}

.clickable{
    cursor: pointer;
}
/*ボタンのときは中央を合わせる*/
.cpButton .accordionMark:before{
    padding-top: 3px;
    margin-left: -12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordionMark + span{
    vertical-align: middle;
}


/*レイアウトベース*/
.base{
    /*min-width: 990px;*/
    padding-top: 118px;
    position: relative;
    color: #232323;
    width:99%;
}
/*固定領域*/
.headerContents{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 990px;
    height: 118px;
    text-align: left;
    z-index: 1;
    padding-top: 4px;
    background-color: #38a3d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*ヘッダー*/
.headerContents .header{
    position: relative;
    width: 100%;
    height: 48px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
    padding-left: 16px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header:after{
    content: "";
    display: block;
    clear: both;
}

.titleLogo{
    float: left;
    height: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.titleLogo a{
    color: #232323;
    text-decoration: none;
}

/*ユーザーアクション*/
.userAction{
    float: right;
    height: inherit;
    font-size: 12px;
}
.userAction > ul,
.userAction > ul > li{
    height: inherit;
}
.userAction > ul{
    display: table;
}
.userAction > ul > li{
    display: table-cell;
    border-left: 1px solid #d9d9d9;
    padding: 0 0.8rem;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header > form > .userAction > ul > li{
    padding: 8px 12px;

}
.userAction > ul > li:first-child{
    padding-left: 8px;
}
.userAction > ul > li:last-child{
    /*padding-right: 16px;*/
}
.userAction ul li a{
    color: #232323;
    text-decoration: none;
}

/*セレクトボックス*/
.selectListSettei>li:hover{
    background-color: rgba(0, 0, 0, 0.06);
}
.selectBox .clickable.on:before ,.selectBoxSettei .clickableSettei.on:before{
    /*background-color: rgba(0, 0, 0, 0.1);*/
}
.selectBox .clickable.on:hover:before ,.selectBoxSettei .clickableSettei.on:hover:before{
    /*background-color: rgba(0, 0, 0, 0.1);*/
}

.selectBox .clickable:hover:before ,.selectBoxSettei .clickableSettei:hover:before{
    /*background-color: rgba(0, 0, 0, 0.06);*/
}
.selectBox .clickable.changeRole2:hover:before{
    background-color: transparent;
}
.selectBox .clickable.changeRole2.on:before{
    background-color: transparent;
}
.selectBox ,.selectBoxSettei{
    position: relative;
}
.selectBox .clickable:before ,.selectBoxSettei .clickableSettei:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.selectBox .selectList ,.selectBoxSettei .selectListSettei{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    height: auto;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.3);
    overflow: visible;
    background-color: #fff;
}
@media screen and (max-width: 750px) {
     .selectBoxSettei .selectListSetteiSp {
        position:absolute !important;
        right:0px !important;
   }
}
@media screen and (max-width: 950px) {
     .selectBoxSettei .selectListSetteiSp950 {
        position:absolute !important;
        right:0px !important;
   }
}
.selectBox .selectList li ,.selectBoxSettei .selectListSettei li{
    display: inline-block;
    width: 100%;
    line-height: 40px;
    white-space: nowrap;
    padding: 0;
    border: 1px solid #ccc;
    border-bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.selectBox .selectList li a,.selectBoxSettei .selectListSettei li a{
    width: auto;
    padding: 0 8px;
    display:block;
}

.selectBox .selectList li span{
    padding:0 8px;
}

.selectBox .selectList li a.selectListLeft,.selectBoxSettei .selectListSettei li a.selectListSetteiLeft{
    text-align:left;
}

.selectBox .selectList li.current{
    background-color: rgba(220, 239, 247,0.4);
}

.selectBox .selectList li.noCurrent:hover{
    background-color: rgba(0, 0, 0, 0.06);
}

.selectBoxSettei .selectListSettei{
    left:initial;
    left:auto;
    right:auto;
    z-index:1000;
}

.lms-header-menu .selectBoxSettei .selectListSettei {
    right: 0;
}

.selectBoxSettei .clickableSettei{
    cursor: pointer;
}

.userAction .selectBoxSettei .clickableSettei{
    height:18px;
    width:40px;
    padding:6px 0 8px 0;
}

.userAction .selectBox{
    height:14px;
    width:100px;
    /*padding:9px 0;*/
    padding:0 0;
}

.selectBox .clickable{
    /*padding:9px 0 9px 0;*/
    padding:0 0;
}

/*ログアウトボタン*/
.header>form>.userAction>ul>.logoutButtonFrame{
    border-right: 1px solid #d9d9d9;
    padding:0 ;
    display:inline-block;
}

.logoutButton{
    display:inline-block;
    vertical-align:middle;
    padding:18px 12px 8px 12px;
    height:22px;
}
.logoutButtonFrame:hover{
    background-color: rgba(0, 0, 0, 0.06);
}

/*レスポンHOME用のボタンmouseoverの処理*/
.header>form>.userAction>ul>.responHomeFrame{
    padding:0 ;
}

.responHomeButton{
    display:inline-block;
    vertical-align:middle;
    padding:18px 12px 8px 12px;
    height:22px;
}
.responHomeFrame:hover{
    background-color: rgba(0, 0, 0, 0.06);
}

/* パンくずリストのレスポン連携ボタンのマウスオーバー処理 */
.cpButton.respon_mouseover {
    background: url("") no-repeat;
    padding:0;
    border:none;
}
.cpButton.respon_mouseover a:hover img {
    visibility: hidden;
}

/*ぱんくずリスト*/
.breadCrumbBar{
    width: 100%;
    padding: 4px 16px;
    background-color: #c4e2ef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.breadCrumbBar:after{
    content: "";
    display: block;
    clear: both;
}
.breadCrumb li{
    display: block;
    float: left;
    position: relative;
    height: 20px;
    padding: 0px 2px 0 8px;
    margin: 0 7px 0 0;
    font-size: 12px;
    text-align: center;
    background-color: #f4fcff;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 22%;
}
.breadCrumb li:first-child{
    padding-left: 4px;
}
.breadCrumb li:first-child:before{
    display: none;
}
.breadCrumb li:before,
.breadCrumb li:after{
    content: "";
    border: 10px solid transparent;
    border-left-width: 6px;
    border-right-width: 0px;
    position: absolute;
    top: 0;
}

.breadCrumb li:before{
    border-left-color: #c4e2ef;
    left: 0;
}
.breadCrumb li:after{
    border-left-color: #f4fcff;
    right: -6px;
    z-index: 1;
}

.breadCrumb li a{
    line-height: 21px;
    color: #006996;
    text-decoration: none;
    vertical-align: middle;
}

.breadCrumb li.current{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.breadCrumb li.current:before,
.breadCrumb li.current:after{
    content: none;
}
.breadCrumb li.current a{
    color: #232323;
    cursor: default;
}

/*コース名周り*/
.courseMenu{
    display: table;
    width: 100%;
    height: 38px;
    background-color: #dceff7;
    border-bottom: 1px solid #c4e2ef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.courseName,
.courseControls{
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
}
.courseName{
    font-size: 16px;
    text-align: left;
    max-width: 420px;
}
.courseControls{
    text-align: right;
}
.courseControls .cpButton{
    font-size: 16px;
    margin-right: 15px;
    line-height: 28px;
}
.courseControls form:last-child .cpButton{
    margin-right: 0px;
}

/*メイン部分*/
.mainContents{
    text-align: left;
    display: table;
    width: 100%;
}
/*メニューとコンテンツ*/
.menuColumn,
.contentsColumn{
    display: table-cell;
    vertical-align: top;
    border-bottom: 1px solid #bfbfbf;
}
.menuColumn{
    width: 168px;
    min-width: 240px;
    max-width: 240px;
    font-size: 14px;
    padding-bottom: 60px;
    background-color: #eeeeee;
    border-right: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*メニュー*/
.menuColumn ul li a{
    display: block;
    padding: 16px 8px;
    color: #232323;
    text-decoration: none;
    border-bottom: 1px solid #bfbfbf;
}

.menuColumn li.current > a{
    background-color: #0072a4;
    color: #ffffff;
}
.menuColumn li.current > a:hover{
    background-color: #0072a4;
}
.menuColumn li.trigger > a{
    padding-left: 32px;
}
.menuColumn li:last-child > a:last-child{
    border-bottom-width: 0px;
}

.menuColumn > ul{

}
.menuColumn > ul > li{

}
.menuColumn > ul > li > a{
    background-color: #e3e3e3;
}
.menuColumn > ul > li > ul{
    /*display: none;*/
    border-bottom: 1px solid #bfbfbf;
}
.menuColumn > ul > li > ul > li{
    padding-left: 24px;
    background-color: #eeeeee;
}
.menuColumn > ul > li > ul > li > a{
}
.menuColumn > ul > li > ul > li > a:hover{
    background-color: #9ec7d9;
}
/*
.menuColumn .accordionHeader .accordionMark:before{
    content: url("icon_sidemenu_close.png");
    margin-right: 5px;
}
.menuColumn .accordionHeader.on .accordionMark:before{
    content: url("icon_sidemenu_open.png");
    margin-right: 5px;
}
*/

/*コンテンツ*/
.contentsColumn{
    padding: 16px;
    padding-bottom: 60px;
}


/*教材追加*/
.addItemBox{
    background-color: #fffcf1;
    border: 1px solid #cbb677;
    border-radius: 6px;
}
.addItemBox .accordionHeader{
    padding: 6px;
}
.addItemBox .accordionContents{
    padding: 6px;
    padding-top: 0px;
    overflow: hidden;
}
.itemBox{
    float: left;
    position: relative;
    width: 95px;
    height: 64px;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.itemBox:hover{
    background-color: #fff3c7;
    text-decoration: underline;
}
.itemBox .itemImage{
    width: 100%;
    height: 44px;
}
.itemBox .itemTitle{
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 1.2rem;
    color: #C44500;
}

/*下書き￥*/
.draftBoxTable{
    width: 100%;
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
    font-size: 12px;
}
.draftBoxTable table{
    width: 100%;
    border-spacing: 0;
    border: 0;
}
.draftBoxTable .accordionHeader{
    background-color: #F8F8F8;
}
.draftBoxTable .accordionContents{
    background-color: #F8F8F8;
}
.draftBoxTable th{
    height: 42px;
    min-height: 42px;
    text-align: left;
    font-weight: normal;
    padding-left: 0.2rem;
    vertical-align: middle;
}
.draftBoxTable .accordionContents > td{
    padding-left: 18px;
}
.draftBoxTable .accordionContents > td table th,
.draftBoxTable .accordionContents > td table td{
    padding: 0 8px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.draftBoxTable .accordionContents > td table th{
    height: 32px;
    min-height: 32px;
    border-bottom: 1px solid #d1d1d1;
    color: #707070;
}
.draftBoxTable .accordionContents > td table td{
    height: 43px;
    border-bottom: 1px solid #d1d1d1;
}
.draftBoxTable .accordionContents > td table tr:last-child td{
    border-bottom: 0px;
}

/*チェックボックスのセル*/
.draftBoxTable .accordionContents > td table td:first-child,
.draftBoxTable .accordionContents > td table th:first-child{
    width: 32px;
    text-align: center;
}

.draftBoxTable .accordionContents > td table td a.tempLink{
    font-size: 14px;
    vertical-align: middle;
}


/*下書き ヘッダーパーツ*/
.draftLabel{
    font-size: 14px;
    vertical-align: middle;
}
.quantity,
.explain{
    font-size: 12px;
    vertical-align: baseline;
}
.quantity{
    color: #707070;
}

.dateCell,
/*.updateCell,*/
.orderCell,
.publicationCell,
.editCell
{
    text-align: center !important;
    white-space: nowrap;
}

.shitagakiCell,
.checkBoxCell,
.jyugyoNameCell,
.kyozaiNameCell
{
    text-align: left !important;
    white-space: nowrap;
}

.shitagakiCell{
    width: 85%;
}

.jyugyoNameCell{
    width: 44%;
}

.kyozaiNameCell{
    width: 48%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.courseTitleCell a,
.kyozaiNameCell a{
    margin-left: 5px;
}

.ellipsisCell{
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jyugyoNoteEllipsisCell{
    display: inline-block;
    width: 49%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align:middle;
}

.dateCell,
.updateCell{
    width: 18%;
}
.orderCell{
    width: 10%;
}
.publicationCell{
    width: 20%;
}
.editCell{
    width: 10%;
}

.updateCell{
    text-overflow: ellipsis;
    overflow: hidden;
}

/*公開・非公開ラベル*/
.publicLabel,
.privateLabel{
    display: inline-block;
    width: 66px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
.privateLabel{
    background-color: #797979;
    color: #ffffff;
}

/*ボタンライン*/
.buttonLine{
    display: table;
    width: 100%;
}
.buttonLineCenter{
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.leftButtons,
.centerButtons,
.rightButtons{
    display: table-cell;
    vertical-align: middle;
}
.leftButtons{
    text-align: left;
    padding-right: 4px;
}
.rightButtons{
    text-align: right;
    padding-left: 4px;
}
.centerButtons{
    text-align: center;
}

/*アイコンテキスト*/
.iconText img{
    vertical-align: middle;
}
.iconText span{
    vertical-align: middle;
}

a.iconText.underLine{
    text-decoration: none;
}
a.iconText.underLine span{
    text-decoration: underline;
}

a.iconText.underLine img{
    vertical-align: sub;
}

/*授業作成*/
.courseListTable{
    width: 100%;
    /*font-size: 1.3rem;*/
    font-size: 1.4rem;
    border-bottom: 1px solid #CCCCCC;
}
.courseListTable table{
    width: 100%;
    border-spacing: 0;
    border: 0;
}
.courseListTable th{
    height: 32px;
    color: #707070;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
.courseListTable .accordionHeader th,
.courseListTable .accordionHeader td{
    /*padding: 0 8px;*/
    padding: 0 8px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}
.courseListTable .accordionHeader td{
    height: 4.8rem;
    min-height: 4.8rem;
    /*height: 42px;
    min-height: 42px;*/
    /*padding-top:5px;*/
    border-top: 1px solid #CCCCCC;
    /*text-align: center;*/
    word-wrap: break-word;
}
/*教材名は左寄せ*/
.courseListTable .accordionHeader td:first-child{
    text-align: left;
    padding: 0px 8px;
}
.courseListTable .accordionContents > td{
    padding-left: 18px;
}
.courseListTable .accordionContents > td table th,
.courseListTable .accordionContents > td table td{
    padding:3px 8px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.courseListTable .accordionContents > td table th{
    height: 32px;
    min-height: 32px;
    border-bottom: 1px solid #d1d1d1;
    color: #707070;
}
.courseListTable .accordionContents > td table td{
    height: 43px;
    border-bottom: 1px solid #d1d1d1;
}
.courseListTable .accordionContents > td table tr:last-child td{
    border-bottom: 0px;
}

/*チェックボックス周り*/
.courseListTable .accordionContents > td table tr.checked{
    background-color: #dceff7;
}
/*チェックボックスのセル*/
.courseListTable .accordionContents > td table td:first-child,
.courseListTable .accordionContents > td table th:first-child{
    width: 32px;
    text-align: center;
}
/*リンクテキスト*/
.courseListTable .accordionContents > td table td a.tempLink{
    font-size: 14px;
    vertical-align: middle;
}
/*必要に応じてクラスをつけるなどの対処をしてください*/
.courseListTable .accordionContents > td table td:nth-last-child(2) {
    text-align: center;
}

.courseListTable .accordionContents > td table td.jyugyeditCell.lms-align-left {
    text-align: left;
}

/*授業作成 パーツ*/
.accordionFolderIcon{
    width: 2.2rem;
    height: 2.2rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
    position: relative;
}
.accordionFolderIcon:before{
    content: "\e9ac";
    font-size: 2.2rem;
    color: #6D6D6D;
    display: block;
}
.on .accordionFolderIcon:before{
    content: "\e9ab";
}
.accordionFolderIcon.draft:before{
    content: "\e9ac";
    display: block;
}
.accordionFolderIcon.draft:after {
    content: "\e987";
    color: #6D6D6D;
    position: absolute;
    top: 0px;
    left: 10px;
}
.on .accordionFolderIcon.draft:before{
    content: "\e9ab";
}



.courseFolderName{
    font-size: 14px;
    vertical-align: middle;
}
.courseNameLabel{
    margin-right: 36px;
}
.courseListItemMenu .iconText{
    cursor: pointer;
    margin-right: 6px;
    margin-left: 6px;
    float: left;
    text-align: center;
}
.courseListItemMenu .courseListMenu{
    cursor: pointer;
    text-decoration: underline;
}
/*編集ボタン*/
.courseEditButton{
    text-align: center;
}


/*すべて開く*/
.allOpen {
    margin-right: 30px;
    text-decoration: none;
}
a.allOpen + span {
    vertical-align: middle;
}
a.allOpen:hover {
    text-decoration: none;
}
.allOpenIcon {
    display: inline-block;
    vertical-align: middle;
}
.allOpenIcon:before {
    content: url("../img/pc/icon_all_open.png");
    display: block;
}
.on .allOpenIcon:before {
    content: url("../img/pc/icon_all_close.png");
}
.allOpenText {
    display: inline-block;
    width: 7em;
    color: #232323;
    vertical-align: middle;
}

/*教材追加のステップ表記*/
.addMaterialStep{
    display: table;
}
.addMaterialStepRow{
    display: table-row;
    white-space:nowrap;
}
.addMaterialStepCell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-width: 40px;
    padding-top: 6px;
}
.addMaterialStepLabel{
    font-size: 12px;
    text-align: left;
    padding-bottom: 2px;
    border-bottom: 2px solid #a8a8a8;
}
.addMaterialStepLabel.highlight{
    border-color: #38a3d1;
}
.addMaterialStepItem {
    display: inline-block;
    min-width: 104px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    color: #006996;
    background-color: #dceff7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}
@media screen and (max-width: 750px) {
    ..addMaterialStep {
        clear: both;
    }
    .cpButton.fixed.lms-material-Status {
        width: 10rem;
    }
    .addMaterialStepCell:nth-child(2n) {
        min-width: 24px;
    }
    .addMaterialStepItem {
        min-width: 6rem;
        max-width: 6rem;
        height: auto;
        line-height: 1.6rem;
        padding: 5px 4px;
        font-size: 13px;
        white-space: normal;
        vertical-align: middle;
    }
}

@media screen and (max-width: 402px) {
    .lms-tst-MaterialStep .addMaterialStepItem {
        width:min-content;
        min-width: 4.5rem;
    }
}

@media screen and (max-width: 360px) {
    .lms-src-MaterialStep .addMaterialStepItem {
        min-width: 5rem;
        max-width: 5.7rem;
    }
    .lms-dis-MaterialStep .addMaterialStepItem {
        min-width: 5rem;
        max-width: 5.7rem;
    }
    .lms-lrn-MaterialStep .addMaterialStepItem {
        min-width: 5rem;
        max-width: 5.7rem;
    }
    .lms-rpt-MaterialStep .addMaterialStepItem {
        min-width: 5rem;
        max-width: 5.7rem;
    }
}
.addMaterialStepItem.disabled{
    background-color: transparent;
    color: #9c9c9c;
    text-decoration: none;
    cursor: default;
}
.addMaterialStepItem.current{
    background-color: #0072a4;
    color: #ffffff;
    text-decoration: none;
    cursor: default;
}
.addMaterialStepMark{
    vertical-align: middle;
}

/*教材追加時の教材ステータス*/
.materialStatus{
    float: left;
    margin-right: 10px;
    padding-top: 6px;
}
.statusArea{
    margin-bottom: 6px;
    text-align: center;
    padding: 4px;
    font-size: 14px;
}
.statusBlankArea{
    margin-bottom: 20px !important;
    width:140px
}
.private .statusArea{
    background-color: #797979;
    color: #ffffff;
}
.materialStatus.private .cpButton{
    border: 2px solid #f8691a;
}
.materialStatus .cpButton.big.fixed{
    cursor: default;
    background-color: #ffffff;
}
.materialStatusHelp{
    float: left;
    margin-right: 30px;
    padding-top: 4px;
}

/*カウントがあるフルサイズのテキストボックス*/
.countInput{
    position: relative;
    padding-right: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.countInput input{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.countArea{
    position: absolute;
    top: 0;
    right: 0;
}


.hide{
    display: none;
}




/*HOME画面*/
.base.home{
    padding-top: 52px;
    width:99%;
}
.base.home .headerContents{
    height: 52px;
}
.home .contentsColumn{
    background-color: #fbfbfb;
}

/*プロフィールカラム*/
.homeProfHeader{
    background-color: #0072a4;
    padding: 10px;
    color: #ffffff;
}
.changeRole{
    float: right;
}
.changeRole a{
    color: #ffffff;
}

/*プロフィールコンテンツ*/
.homeProfContents{
    padding: 20px 30px;
    background-color: #ffffff;
    text-align: center;
    font-size: 14px;
}
.homeProfImage{
   margin: auto;
   height:100px;
   width: 100px;
   line-height:100px;
}
.homeProfImage img,
.lms-home-prof-image img {
   max-height: 10rem;
   max-width: 10rem;
   vertical-align: middle;
}
.homeProfName{
    font-size: 16px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    color: #232323;
    text-decoration: none;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
.homeProfNameLink{
    color: #232323;
    text-decoration: none;
}
.homeProfNameKaigyo{
    font-size: 16px;
    text-overflow:ellipsis;
    overflow:hidden;
}

.homeProfPost{
    font-size: 12px;
}
.homeProfDetail{
    color: #006996;
}
/*最終ログイン*/
.last_login_date{
    padding: 14px 24px;
    font-size: 12px;
}

/*お知らせ関連*/
.newsArea{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.newsArea a{
    color: #006996;
}
.newsBlock{
    display: table-cell;
    background-color: #e6f7ff;
    width: 100%;
    padding: 12px 8px;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
.newsBlock:first-child{
    border-left: 0px none #ffffff;
}
.newsBlock:last-child{
    border-right: 0px none #ffffff;
}
.newsTitle{
    color: #5d5d5d;
    margin-bottom: 12px;
    font-size: 12px;
    position: relative;
}
.newsTitle .allDisp{
    position: absolute;
    right: 0;
}
.newsTitle .allDisp:after{
    content: ">";
}
.newsLine{
    white-space: nowrap;
    margin-bottom: 10px;
}
.newsLine:last-child{
    margin-bottom: 0;
}
.newsLine:after{
    content: "";
    display: block;
    clear: both;
}
.newsDate{
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 12px;
}
.newsSub{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

/*検索バー*/
.courseSearchBar{
    display: table;
    width: 100%;
}
.courseSearchBar .cpCell{
    color: #ffffff;
    white-space: nowrap;
    padding: 10px 20px;
}
.courseSearchBar .cpCell:first-child{
    border-radius: 5px 0 0 5px;
}
.courseSearchBar .cpCell:last-child{
    border-radius: 0 5px 5px 0;
}

/*検索バー個別*/
.csbList{
    background-color: #4a4a4a;
}
.csbStr{
    width: 100%;
    background-color: #0072a4;
}
.csbSearch{
    background-color: #125470;
}

/*テーブル装飾*/
.courseSearchRules .cpFormTable table th{
    width: 16%;
    min-width: 16%;
    white-space: nowrap;
}

/*検索エリア*/
.courseSearchSubmitButton{
    text-align: center;
}

/*カードエリア（右マージンを相殺）*/
.courseCardArea{
    margin-right: -12px;
}
.courseCardArea:after{
    content: "";
    display: block;
    clear: both;
}
/*カード*/
.courseCard{
    float: left;
    background-color: #ffffff;
    border: 1px solid #2eb9f5;
    border-radius: 8px;
    width: 200px;
    font-size: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    min-height: 152px;
    color: #232323;
    position:relative;
}
a.courseCard,
a:visited.courseCard{
    color: #232323;
    text-decoration: none;
    font-weight: normal;
}

.courseCardInfo {
    padding: 10px 8px;
    background-color: #ebf2f5;
    border-radius: 8px 8px 0 0;
}
.courseCardInfo:after{
    content: "";
    display: block;
    clear: both;
}

.courseCardContents{
    padding: 10px 8px;
}
.courseCardName{
    font-size: 16px;
    color: #006996;
    min-height: 36px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.courseCardName,
.courseCardRole{
    margin-bottom: 10px;
}
.courseCardContents .courseCardName a{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
}
.courseCardRole{
    min-height: 16px;
}
.courseCardRole .iconText{
    margin-right: 4px;
}
.courseCardRole .iconText img{
    vertical-align: bottom;
    margin-right: -4px;
}
.courseCardUser{
    position: relative;
    margin-bottom: 4px;
    min-height: 13px;
}
/*非公開ラベル*/
.courseCard .private{
    position: absolute;
    top: -4px;
    right: -8px;
    padding: 4px 12px;
    background-color: #797979;
    color: #ffffff;
}
/*利用不可ラベル*/
.courseCard .unavailable{
    position: absolute;
    top: -4px;
    right: -8px;
    padding: 4px 12px;
    background-color: #d0d0d0;
    color: #232323;
}

/*カード内テキスト*/
.courseCard .period{
    font-size: 16px;
}
.courseCard .period:after{
    font-size: 12px;
}
.courseCard .term{
    float: right;
    line-height: 18px;
}

/*disableStyle*/
.courseCard.disable{
    border: 1px solid #dbdbdb;
    color: #707070;
    cursor: default;
}
.courseCard.disable .courseCardInfo{
    background-color: #f5f5f5;
}
.courseCard.disable .courseCardName{
    color: #707070;
}

/*ログイン*/
.base.login{
    position: relative;
    padding-top: 52px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.base.login .headerContents{
    height: 52px;
}
.cpPopup{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 564px;
    padding-bottom: 20px;
    border: 1px solid #a8a8a8;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cpPopup.fixed{
    width: 564px;
    margin-left: -282px;
    height: 392px;
    margin-top: -196px;
}

.cpPopup.useHeader{
    padding-top: 54px;
}
.cpPopup.useFooter{
    padding-bottom: 80px;
}
.cpPopup.login{
    border-radius: 10px;
    text-align: left;
    margin-top: 50%;
    margin-left: 50%;
}
.cpPopup.useHeader .cpPopupHeader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 54px;
    padding: 16px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cpPopup.login .cpPopupHeader{
    border-radius: 10px 10px 0 0;
    background-color: #0072a4;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.cpPopupContents{
    height: 100%;
    overflow-y: auto;
    padding: 16px 30px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cpPopup.login .cpPopupContents{

}

.cpPopup.useFooter .cpPopupFooter{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    padding: 16px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cpPopup.login .cpPopupFooter{
    text-align: center;
}

.loginOption{
    text-align: right;
    font-size: 12px;
    margin-bottom: 16px;
}
.loginOption.left{
    text-align: left;
}
.cpPopup.login .cpPopupFooter .loginOption{
    font-size: 12px;
    margin-bottom: 0;
}

.login .cpPopupFooter .cpButton.fixed{
    width: 220px;
}
/* トピックス*/
.topic {
    background-color: #e6f7ff;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*min-width: 504px;*/
    /*margin-left: -252px;*/
    /*padding-bottom: 0.1rem;*/
    width: 48rem;
    position: relative;
    margin: 1rem auto 0;
    border-radius: 0.5rem;
    border: 1px solid #a8a8a8;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topic.topicsNewsBlock{
    position: absolute;
    display: table-cell;
    border-radius: 15px;
    background-color: #e6f7ff;
    width: 100%;
    padding: 20px 10px;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
.topicsNewsTitle{
    margin-left:10px;
    width:90%;
    color: #5d5d5d;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
    text-align:left;
}
.topicsNewsContents{
    margin-left:10px;
    position: relative;
    text-align:left;
    width:90%;
    margin-bottom: 10px;
}

.dataBox{
    border: 1px solid #2eb9f5;
    background-color: #f1f5f7;
    padding: 30px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
}
.lms-login .dataBox{
    border: none;
    padding-bottom: 0;
}
.dataBoxRow{
    display: table-row;
}
.dataBoxRow .cpCell{
    padding-bottom: 20px;
    vertical-align: middle;
}
.lms-login .dataBoxRow .cpCell{
    padding-top: 1.5rem;
    padding-bottom: 0;
    vertical-align: middle;
}
.dataBoxRow:last-child .cpCell{
    padding-bottom: 0;
}
.errorText{
    padding-top: 20px;
    color: #c44500;
    text-align: center;
    display: none;
}
.dataBoxTitle{
    margin-top: -16px;
    margin-bottom: 1px;
}


#loginForm{
    height: 100%;
    margin: 0;
}



/*FXS様追記部分*/
.ui-igpopover > .ui-widget-content {
    text-align:left;
    padding: 5px;
}

.spanText {
    margin-left: 5px;
    margin-right: 5px;
    /*font-family: "Segoe UI", Arial, sans-serif;*/
    outline: none;
    font-size: 1.4rem;
}

.resizable{
    margin-top: 3px;

}

.trHeader{
    background-color: #F8F8F8;
}
.trContents{
    background-color: #F8F8F8;
}

div.div_out{
float: left;
height: 23px;
width: 95px;
position:relative;

}

div.div_in{
text-align:center;
padding-top:0px;
font-size:15px;
/*font-weight:800*/
}

input.inputstyle{
width: 106px;
height: 31px;
cursor: pointer;
font-size: 30px;
outline: medium none;
position: absolute;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
left:0px;
top: 0px;
}

/*お知らせとTOPICS画面*/
.base.noHome{
    padding-top: 80px;
    width:99%;
}
.base.noHome .headerContents{
    height: 80px;
}

/*授業別表示*/
.tableFixedSet {
    table-layout: fixed;
 }

.jyugytitleCell {
    text-align: left !important;
    width: 52%;
}
.jyugytitleEllipsisCell{
    display: inline-block;
    max-width: 76%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jyugyeditCell {
    text-align: center !important;
    /*width: 16%;*/
    white-space: nowrap;
    width: 14rem;
}

.jyugystatusCell {
    text-align: center !important;
    white-space: nowrap;
    width: 10rem;
}

.kyozaititleCell {
    /*text-align: left !important;
    width: 67%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 48rem;
    line-height: 1.8rem;
}

.subKyozaititleCell {
    width: 100%;
    padding: 1rem 0 0;
    /*margin-top:1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.cpMargin2{
    margin-bottom: 10px !important;
}

/*学習実績*/
.study{
    background-color: #ffffff;
    padding: 14px 24px;
    font-size: 12px;
    text-align: center;
}

/*役割変更*/
.menuColumn ul li span,
.lms-menu-column ul li span {
    display: block;
    color: #232323;
    text-decoration: none;
}

/*セレクトボックス*/
.changeRole2{
    position: relative;
}
.changeRole2 a,
.lms-menu-column .changeRole2 a {
    color: #FFFFFF;
}
/*授業状況画面*/
.kougiJyokyoTableWidth{
    width: 100%;
}
.thBackColor{
    background-color: #e8e8e8!important;
}
.riyoujyokyoViewBtn{
    margin-right: 37%!important;
}
.fontCenter{
    text-align: center!important;
}
/*メッセージ領域*/
.addMessBox p{
    background-color: #ffdcb9;
    padding: 4px 8px;
    border: 1px solid #fa9158;
    line-height:20px;
    color: #b54000;
    text-align:left;
    margin-top: 0.4rem;
    /*font: normal "ＭＳ Ｐゴシック", sans-serif;*/
}
/*ヘルプ*/
.helpTop{
    vertical-align: sub;
}
.helpImg{
    vertical-align: top;
    padding-top: 2px;
}

.helpImgMarginRight{
    vertical-align: top;
    padding-top: 2px;
    margin-right: 2px;
}

.current_cors{
    background-color: #D7EDF6 !important;
    /*background-color: #0072a4!important;
    color: #FFF;*/
}
li.tab_active.current_cors i {
    /*color: #FFFFFF;*/
    /*color: #FFFFFF !important;*/
}

span.grayblock {
    background-color: #BCBCBC;
}
span.orangeblock {
    background-color: #f9c6aa;

}
span.blueblock {
    background-color: #c4e2ef;
}
.materialLabe{
    margin-top: -10px;
    display: inline-block;
    width: 88px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}

div#cs_rightVox1 {
  margin-top:1px;
}

div.cs_tab_area_second {
  border-left:none!important;
  /*margin-top:20px;*/
  /*margin-left:10px;*/
  padding-top: 1.5rem;
  padding-left: 1.5rem;
}
div.cs_tab_area_second li {
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #a8a8a8;
}
.radiusleft{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.radiusright{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.kyozai_table th{
   /*vertical-align:bottom;*/
}
.homeProfHeader table{
    width: 100%;
}

img.calender_button{
    vertical-align: middle;
}

/*ヘッダーアイコンテキスト*/
.headerIconText{
    max-width:300px;
    min-width:130px
}

.headerIconText #headImgLink{
    float:left;
    display:block;
    padding:8px 3px 8px 4px;
}

.headerIconText #headUserNameLink{
    float:right;
    display:block;
    height:32px;
    padding:8px 12px 8px 3px;
    max-width:230px;
    min-width:67px
}

.headerIconText img{
    max-height: 32px;
    max-width: 32px;
    vertical-align: middle;
}

.headerIconTextFrame:hover{
    background-color: rgba(0, 0, 0, 0.06);
}
a.headerIconText.underLine{
    text-decoration: none;
}
a.headerIconText.underLine span{
    text-decoration: underline;
}

.header>form>.userAction>ul>.headerIconTextFrame{
    padding:0 ;
    display:inline-block;
}

div.headProfImg {
    height:32px;
    width:32px;
    line-height:32px;
}
/*PCで講義教員名「…」の対応*/
.courseCardUser2{
    position: relative;
    margin-bottom: 4px;
    min-height: 13px;
    width:50%;
}
.courseCardUser2 .newsSub{
    font-size: 12px;
}
.courseCard .private2{
    position: absolute;
    top: -4px;
    right: -110%;
    padding: 4px 12px;
    background-color: #797979;
    color: #ffffff;
}
/*PCでお知らせとtopics名「…」の対応*/
.newsSubO{
    overflow: hidden;
    text-overflow: ellipsis;
    width:89%;
}
/*スマートフォンで講義教員名「…」の対応*/
.newsSub2{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    width:65%;
}
.cpCellWidth{
    width: 80px;
}

/*授業状況*/
.jyugyoDateCell,
.jyugyoRitsuCell,
.jyugyoJyokyoCell,
.courseHyokaTitleCell,
.courseJyokyoTitleCell
{
    text-align: center !important;
    white-space: nowrap;
}

.jyugyotitleCell,
.courseTitleCell
{
    text-align: left !important;
    white-space: nowrap;
}

.jyugyotitleCell{
    width: 52%;
}
.jyugyoDateCell{
    width: 16%;
}

.jyugyoRitsuCell{
    width: 16%;
}
.jyugyoJyokyoCell{
    width: 16%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.courseTitleCell{
    width: 51%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.courseHyokaTitleCell{
    width: 33%;
}

.courseJyokyoTitleCell{
    width: 16%;
}
div.sankoFileDiv{
     float: left;
}
div.sankoFileName {
    width:120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    margin: 0px 10px;
    background-color: #FFFFFF;
    font: normal 80% "ＭＳ Ｐゴシック", sans-serif;
    line-height: 150%;
    text-align: left;

}
div.box01 {
    padding: 10px;
    border: solid 1px #D4D4D4;
    margin: 0px 10px 10px 10px;
    background-color: #FFFFFF;
    /*font: normal 80% "ＭＳ Ｐゴシック", sans-serif;*/
    line-height: 150%;
    text-align: left;
    *height: 1%;
}
/*役割設定*/
.cs_mid{
   padding: 10px;
   text-align:center;
   margin-top: 5px;
}

@media screen and (max-width: 750px) {
    .cs_mid{
       padding-top: 46px;
       padding-bottom: 5px;
    }
}
.
/*クリッカー登録・編集*/
.cpFormTable.clickerTbl {
    line-height: 0px;
}
.cpFormTable table td.clickerTd {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

/*クリッカー回答*/
input.cs_submitBt.clickerBtn {
    background-color: #0076a9;
    color: #ffffff;
    border-color: #185a7d;
}
.cpFormTable.clickerAnsTbl {
    line-height: 0px;
}
.cpFormTable table td.clickerAnsTd {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

/* グループワークカード */
.gtilMargin {
  margin-right: -20px;
  width: 100vmin;
}

.gtilCardInfoTop {
  padding-top: 4px;
}

.gtilNoMember {
  padding-top: 30px;
  text-align: right;
  padding-right: 10px;
}

.gtilMember {
  padding-top: 6px;
  padding-bottom: 6px
}

.gtilMemberFloat {
  float: left;
  width: 69%
}

.gtilImg {
  padding: 4px 6px 4px 6px;
}

.gtilMemberLink {
  padding-top: 30px;
  text-align: center;
}

.groupworkCard {
    /*float: left;*/
    background-color: #FFFFFF;
    border: 1px solid #2eb9f5;
    width: 28rem;
    font-size: 1.2rem;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
    min-height: 14rem;
    height: auto;
    color: #232323;
}

.groupworkCard .gtilCardInfoTop,
.groupworkCard .gtilMemberLink a {
    font-size: 1.3rem;
}



@media screen and (max-width: 583px) {
    .groupworkCard{
        width: 100%;
        margin: 5px 5px 5px 5px;
    }
/*
    .cpGroupWorkListTable .accordionContents > td table td{
        width: 100%;
    }
*/
    .groupworkCard .groupworkCardInfo p.textoverflow {
        min-width: 98%;
        width: 220px;
    }
}



a.groupworkCard,
a:visited.groupworkCard{
    color: #232323;
    text-decoration: none;
    font-weight: normal;
}

.groupworkCardInfo {
    padding: 4px 4px;
    height: 56px;
    background-color: #ebf2f5;
/*    border-radius: 8px 8px 0 0;*/
}

.groupworkCard .groupworkCardInfo:hover {
    cursor: pointer;
}

.groupworkCard:after{
    content: "";
    display: block;
    clear: both;
}

.groupworkCard .private{
    position: absolute;
    top: -4px;
    right: -8px;
    padding: 4px 12px;
    background-color: #797979;
    color: #ffffff;
}

.groupworkCard .unavailable{
    position: absolute;
    top: -4px;
    right: -8px;
    padding: 4px 12px;
    background-color: #d0d0d0;
    color: #232323;
}

.groupworkCard.disable{
    border: 1px solid #dbdbdb;
    color: #707070;
    cursor: default;
}

.groupworkCard.disable .groupworkCardInfo{
    background-color: #f5f5f5;
}

/* グループワーク作成 */
.cpGroupCard {
    /*float: left;*/
    background-color: #FFFFFF;
    border: 1px solid #2eb9f5;
    width: 27rem;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
    min-height: 8.2rem;
    color: #232323;
}

table.lms-cpGroupCard-wrap .lms-gwmember-image {
    width: 30%;
}

table.lms-cpGroupCard-wrap .lms-gwmember-name {
    width: 70%;
}

a.cpGroupCard,
a:visited.cpGroupCard{
    color: #232323;
    text-decoration: none;
    font-weight: normal;
}

.cpGroupCard a:hover {
    text-decoration: none;
}

.cpGroupCardInfo {
    padding: 10px 8px;
    background-color: #ebf2f5;
/*    border-radius: 8px 8px 0 0; */
}

.cpGroupCardGpwsMygl {
    /*float: left;*/
    background-color: #ffffff;
    border: 1px solid #0c8bc2;
    /*width: 270px;*/
    font-size: 12px;
    margin-top: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    min-height: 152px;
    color: #232323;
}

.cpGroupCardGpwsMygl p.textoverflow,
.cpGroupCardGpwsMyglDisable p.textoverflow {
    width: 27rem;
}

.cpGroupCardGpwsMyglSP {
    float: left;
    background-color: #ffffff;
    border: 1px solid #0c8bc2;
    width: 100%;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    min-height: 152px;
    color: #232323;
}
.cpGroupCardInfoGpwsMygl {
    padding: 1rem 0.8rem;
    background-color: #73BEDE;
    color: #FFFFFF;
    padding-left: 0.8rem;
    font-size: 1.6rem;
}

.cpGroupCardInfoGpwsMyglDisable {
    padding: 1rem 0.8rem;
    background-color: #eeeeee;
    padding-left: 0.8rem;
    font-size: 14px;
    height: 20px;
}

.cpGroupCardGpwsMyglDisable {
    /*float: left;*/
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    /*width: 270px;*/
    font-size: 12px;
    margin-top: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    min-height: 152px;
    color: #232323;
}

.cpGroupCardGpwsMyglSPDisable {
    /*float: left;*/
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    width: 100%;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    min-height: 152px;
    color: #232323;
}

/*
.cpGroupCardInfo:after{
    content: "";
    display: block;
    clear: both;
}
*/

.cpGroupWorkListTable{
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #a8a8a8;
}
.cpGroupWorkListTable table{
    width: 100%;
    border-spacing: 0;
    border: 0;
}
.cpGroupWorkListTable .accordionHeader td{
    padding: 0 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    min-height: 42px;
    border-top: 1px solid #a8a8a8;
    text-align: center;
    vertical-align: middle;
}
.cpGroupWorkListTable .accordionHeader td:first-child{
    text-align: left;
    font-size: 16px;
    padding-left: 0.4rem;
}

.cpGroupWorkListTable .accordionHeader td:first-child p.textoverflow{
    display: inline-block;
    width: 90%;
    vertical-align: middle;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.cpGroupWorkListTable .accordionContents > td{
    padding-left: 1px;
}

.cpGroupWorkListTable .accordionContents > td table td{
    padding: 2px 2px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
}
.cpGroupWorkListTable .infoGroupName{
    font-size: 12px;

}
.cpGroupWorkListTable .accordionContents > td table tr.cpGroupCardInfo td{
    height: 36px;
}
.cpGroupWorkListTable .accordionContents > td table tr.cpGroupCardInfo td:nth-child(2){
    text-align: right;
    padding: 0 8px;
}

.cpGroupWorkListTable .member td:first-child{
    vertical-align: top;
    /*width: auto;*/
}

.cpGroupWorkListTable  .member td{
    vertical-align: top;
    height: 2px;
}

.cpGroupWorkListTable .member td.shimei p.textoverflow {
    width: 90px;
}

.cpGroupWorkListTable .accordionContents > td table tr.cpGroupCardInfo td p {
    display: inline-block;
    font-size: 14px;
}

.cpGroupWorkListTable .accordionContents > td table tr.cpGroupCardInfo td p.editButton {
    float: right;
    margin-right:5px;
}

.cpGroupWorkListTable .accordionContents  .cpGroupCardInfo p.textoverflow{
    width: 220px;
}

/* グループワーク作成 */
@media screen and (max-width: 601px) {
    .cpGroupCard {
        width: 100%;
        margin: 5px 0 5px 0;
    }
/*
    .cpGroupWorkListTable .accordionContents > td table td{
        width: 100%;
    }
*/
    .cpGroupWorkListTable .accordionContents .cpGroupCardInfo p.textoverflow {
        min-width: 90%;
    }
    table.lms-cpGroupCard-wrap .lms-gwmember-image {
        width: 20%;
    }
    table.lms-cpGroupCard-wrap .lms-gwmember-name {
        width: 80%;
    }
}

/* COGS02 マイグループ登録 開始 */
.gpwsMyglTable{
    width: 100%;
    font-size: 12px;
}
.gpwsMyglTable table{
    /*width: 100%;*/
    width: 270px;
    border-spacing: 0;
    border: 0;
}

.gpwsMyglTable .accordionHeader td{
    padding: 0 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    min-height: 42px;
    border-top: 1px solid #a8a8a8;
    text-align: center;
}
.gpwsMyglTable .accordionHeader td:first-child{
    text-align: left;
    font-size: 16px;
}

.gpwsMyglTable .accordionHeader td:first-child p.textoverflow{
    display: inline-block;
    width: 96%;
    vertical-align: middle;
}

.gpwsMyglTable .accordionContents > td{
    padding-left: 1px;
}

.gpwsMyglTable .accordionContents > td table td{
    padding: 2px 2px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
}
.gpwsMyglTable .infoGroupName{
    font-size: 12px;

}
.gpwsMyglTable .accordionContents > td table tr.cpGroupCardInfo td{
    height: 36px;

}
.gpwsMyglTable .accordionContents > td table tr.cpGroupCardInfo td:nth-child(2){
    text-align: right;
    padding: 0 8px;
}

.gpwsMyglTable .member td:first-child{
    /*vertical-align: top;*/
    /*width: auto;*/
}

.gpwsMyglTable .member td{
    vertical-align: middle;
    height: 2px;
}

.gpwsMyglTable .member td.shimei p.textoverflow {
    width: 90px;
}

.gpwsMyglTable .member td.shimeiSP p.textoverflow {
    min-width: 90px;
    width: 99%;
}

.lms-gwmember-image {
    width: 20%;
}

.lms-gwmember-name {
    width: 30%;
}

/* マイグループ登録 */
@media screen and (max-width: 599px) {
    .cpGroupCardGpwsMygl,
    .cpGroupCardGpwsMyglDisable {
        width: 100%;
        margin-right: 0;
    }
    .gpwsMyglTable table {
        width: 100%;
        table-layout: fixed;
    }
    .cpGroupCardGpwsMygl td > p.textoverflow,
    .cpGroupCardGpwsMyglDisable td > p.textoverflow {
        width: 100%;
    }
	.gpwsMyglTable .member td.shimei p.textoverflow,
    .gpwsMyglTable .member td.shimei p.textoverflow {
        width: 95%;
    }
    .lms-gwmember-image {
        width: 14%;
    }
    .lms-gwmember-name {
        width: 36%;
    }
}
/* マイグループ登録 */
/*
@media screen and (max-width: 599px) {
    .cpGroupCardGpwsMygl,
    .cpGroupCardGpwsMyglDisable {
        width: 100%;
        margin-right: 0;
    }
    .gpwsMyglTable table {
        width: 100%;
        table-layout: fixed;
    }
    .cpGroupCardGpwsMygl td > p.textoverflow,
    .cpGroupCardGpwsMyglDisable td > p.textoverflow {
        width: 100%;
    }
}
*/

.gpwsMyglTable .accordionContents > td table tr.cpGroupCardInfo td p {
    display: inline-block;
    font-size: 14px;
}

.gpwsMyglTable .accordionContents > td table tr.cpGroupCardInfo td p.editButton {
    float: right;
}

.gpwsMyglTable .accordionContents  .cpGroupCardInfo p.textoverflow{
    width: 220px;
}

.gpwsMyglPadding {
  padding-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.gpwsMyglPaddingSP {
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 18px;
}

.gpwsMyglNoMemberHeight {
  height: 32px;
}

.gpwsMyglMinHeightForBottomSpace {
  min-height: 116px;
}
/* COGS02 マイグループ登録 終了 */


table.cs_iFr_table02 td p.gmarshimei{
    width: 144px;
}

.cpGroupWorkListTable .accordionHeader td:first-child span.textoverflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100px;
}

.cpGroupWorkListTable .accordionHeader i.fj-icon-gear,
.cpGroupWorkListTable .cpGroupCard i.fj-icon-gear {
    font-size: 1.8rem;
    color: #6D6D6D;
}

p.textoverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cpFormTable table td.gwTd {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.displayKikan_button{
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-radius: 8px;
    padding:40px;
    margin-right: 10px;
}
.displayKikan_button img{
    vertical-align: middle;
}

/*グループワーク状況*/
.cpmTableStyleAllGrpTtl{
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-spacing: 0;
    border-collapse: collapse;
}
.cpmTableStyleAllGrpTtl td,
.cpmTableStyleAllGrpTtl th{
    border: 1px solid #a8a8a8;
    padding: 8px;
}
.cpmTableStyleAllGrpTtl td{.
}
.cpmTableStyleAllGrpTtl th{
    background-color: #eee;
    white-space: nowrap;
    font-weight: normal;
}
.cpmTableStyleAllGrpTtl td:nth-child(n+3){
    text-align: right;
}

/*パンくず*/
.headBread{
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    max-width:60%;
    display:inline-block;
    vertical-align:middle;
}

.defaultimgsize {
    width: 32px;
    height: 32px;
}

.cpFormTable table tr:last-child td.allGrpTd {
    border-bottom: none;
}

/*グループワーク(共通)*/
.gpwcListTable {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
}
.gpwcListTable table {
    width: 100%;
    border-spacing: 0;
    border: 0;
}
.gpwcListTable th {
    height: 32px;
    color: #707070;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #a8a8a8;
    font-size: 80%;
}
.gpwcListTable  th,
.gpwcListTable  td {
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gpwcListTable  td {
    height: 42px;
    min-height: 42px;
    vertical-align: middle;
    border-bottom: 1px solid #a8a8a8;
}

/*グループトーク*/
div#gwTalkBody {
    width: 100%;
}

div#gwTalkBody div#cateBodyLeftRec {
    height: 340px;
    *height: 350px;
    width: 240px;
    *width: 250px;
    float: left;
    padding: 5px;
    overflow: auto;
}

div#gwTalkBody div#gwTalkBodyRight {
    height: 490px;
    overflow: auto;
    border: 1px solid #CCCCCC;
}

div#gwTalkBody div#gwTalkBodyRightRec {
    /*margin-left: 260px;*/
}


div.gwTalkResVox {
    padding: 5px;
    margin-bottom: 10px;
}

div.gwTalkResInvox {
    margin-top: 10px;
}

div.gwTalkResLeft {
    padding: 5px;
    float: left;
    width: 74px;
}
div.gwTalkResRight {
    margin-left: 74px;
}

ul.gwTalkMenuList {
    margin: 10px 0px;
}
ul.gwTalkMenuList li {
    display: inline;
    margin-right: 20px;
    font: normal 80% "ＭＳ Ｐゴシック", sans-serif;
}
ul.gwTalkMenuList li.date {
    font-weight: bold;
}
ul.gwTalkMenuList li.title {
    font-weight: bold;
}
ul.gwTalkMenuList li.lkMess {
    font: normal 80% "ＭＳ Ｐゴシック", sans-serif;
    margin-left: 15px;
    line-height: 1.5em;
}
ul.gwTalkMenuList li.lkImg {
    margin: 15px;
}


.gwTalkMenuList .talkDate{
    font-size: 14px;
    padding: 8px 12px 0;
}
.gwTalkMenuList .talkDate span{
    display: inline-block;
    padding: 1px 4px;
    background-color: #e6e6e6;
}
p.box02 ul,
p.box02 ol {
    margin:0;
    padding:20px;
    padding-left:50px;
    padding-right:3px;
}

.ccGwGrpTlkAll{
    float: left;
    background-color: #ffffff;
    border: 1px solid #2eb9f5;
    border-radius: 0px;
    width: 228px;
    font-size: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    color: #232323;
}
.ccGwGrpTlkAll table {
    width: 228px;
}
.ccGwGrpTlkAll table td.zenbu a {
    width: 223px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.courseClear {
    visibility:hidden;
}
select.overFlowSelect {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
li.selectCateColor {
    background-color: #CCCCCC;
}

/* 評価参照 */
.gpwsGrarHeader {
    width: 100%;
    background-color: #e8e8e8;
}

.gpwsGrarHeader table{
    width: 95%;
    border-spacing: 0;
    border: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.gpwsGrarHeader th{
    height: 42px;
    min-height: 42px;
}

.gpwsGrarComment {
    width: 100%;
}

.gpwsGrarComment table {
    width: 100%;
    border-spacing: 0;
    border: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.gpwsGrarComment td:first-child{
    width: 36px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #a8a8a8;
}

.gpwsGrarComment td{
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #a8a8a8;
}

.login >.headerContents >.header > form > .userAction > ul > li{
    padding: 18px 12px 15px 12px;

}
.ui-resizable-s {
    height:12px !important;
    z-index: 0 !important;
}

/* グループ評価-グループ グループコメント見出し*/
.gpwtGgglForError {
  background-color: #FFDFE9;
}

.gpwtGgglGroupHeader {
    width: 100%;
}

.gpwtGgglGroupHeader table{
    width: 98%;
    border-spacing: 0;
    border: 0;
}

.gpwtGgglGroupHeader th{
    border-bottom: 3px solid #a8a8a8;
}

.gpwtGgglGroupHeader td{
    width: 160px;
    border-bottom: 3px solid #a8a8a8;
}

/* グループ評価-グループ グループコメント*/
.gpwtGgglGroupComment {
    width: 95%;
    padding-left: 4rem;
    padding-right: 0;
    padding-bottom: 6px;
    margin: 0.6rem 0;
    border-bottom: 1px solid #DDDDDD;
}

.gpwtGgglGroupComment table{
    width: 95%;
    border-spacing: 0;
    border: 0;
}

.gpwtGgglGroupCommentLabel{
    width: 180px;
    height: 25px;
    vertical-align: bottom;
}

.gpwtGgglGroupCommentLabelSpace{
    height: 96px;
}

.gpwtGgglGroupCommentBottom{
    height: 180px;
    padding-right: 0;
    vertical-align: middle;
}
.gpwtGgglGroupComment textarea{
    width: 95%;
    height: 160px;
}

/* グループ評価-グループ 個人コメント見出し*/
.gpwtGgglKojinHeader {
    width: 100%;
}

.gpwtGgglKojinHeader table{
    width: 96%;
    border-spacing: 0;
    border: 0;
}

.gpwtGgglKojinHeader td{
    border-bottom: 1px solid #a8a8a8;
}

/* グループ評価-グループ 個人コメント*/
.gpwtGgglKojinComment {
    width: 95%;
    padding-left: 4rem;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.gpwtGgglKojinComment table{
    width: 95%;
    border-spacing: 0;
    border: 0;
}

.gpwtGgglKojinCommentProf{
    width: 40px;
    height: 40px;
    /*text-align: center;*/
    vertical-align: middle;
}

.gpwtGgglKojinCommentName{
    width: 130px;
    height: 25px;
    vertical-align: bottom;
}

.gpwtGgglKojinCommentId{
    width: 130px;
    height: 25px;
    vertical-align: top;
}

.gpwtGgglKojinCommentSyozoku{
    width: 200px;
}

.gpwtGgglKojinComment textarea{
    width: 95%;
    height: 16rem;
}

.gpwtGgglKojinCommentLabel{
    width: 180px;
    height: 96px;
    vertical-align: top;
}

.gpwtGgglKojinCommentTATD{
    height: 16rem;
    padding-right: 0;
    vertical-align: middle;
}

.gpwtGgglKojinCommentBottom {
    width: 95%;
    height: 0.6rem;
    border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 750px) {
    .gpwtGgglGroupComment,
    .gpwtGgglKojinComment {
        width: 100%;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    .gpwtGgglGroupComment textarea,
    .gpwtGgglKojinComment textarea{
        width: 100%;
    }
    .gpwtGgglKojinCommentBottom {
        width: 100%;
    }
    form[name="gpwtGgglActionForm"] .lms-footer-contents.lms-horizontal-between {
        justify-content: space-between;
    }
    form[name="gpwtGgglActionForm"] .lms-footer-contents .lms-footer-right button:nth-child(1) {
        margin-right: 0;
    }
}

/* クリッカー回答 */
.clickerBoxList{

}
.clickerBoxList:after{
    content: "";
    display: block;
    clear: both;
}
.clickerBox{
    margin-bottom: 20px;
}
.clickerBox .cs_submitBt_Cllr{
    display: inline-block;
    margin-right: 16px;
    min-width: 60px;
    vertical-align: middle;
}
.clickerBoxList.horizontal .clickerBox{
    float: left;
}
.clickerBoxList.horizontal .clickerBox:nth-child(5n+1){
    clear: left;
}
.clickerBoxList.horizontal .clickerBox > label{
    display: none;
}
.clickerBoxList.vertical .clickerBox{

}
.clickerBox .cs_submitBt_Cllr.on{
    background-color: #0076a9;
    color: #ffffff;
    border-color: #185a7d;
}

/* クリッカー回答(SP) */
.clickerBoxList4SP{

}
.clickerBoxList4SP:after{
    content: "";
    display: block;
    clear: both;
}
.clickerBox4SP{
    margin-bottom: 20px;
}
.clickerBox4SP .cs_submitBt_Cllr{
    display: inline-block;
    margin-right: 16px;
    min-width: 60px;
    vertical-align: middle;
}
.clickerBoxList4SP.horizontal .clickerBox4SP{
    float: left;
}
.clickerBoxList4SP.horizontal .clickerBox4SP:nth-child(3n+1){
    clear: left;
}
.clickerBoxList4SP.horizontal .clickerBox4SP > label{
    display: none;
}
.clickerBoxList4SP.vertical .clickerBox4SP{

}
.clickerBox4SP .cs_submitBt_Cllr.on{
    background-color: #0076a9;
    color: #ffffff;
    border-color: #185a7d;
}

.cpButtonPushDownCollar{
    background-color: #0076a9;
    color: #ffffff;
    border-color: #185a7d;
}
.cpButton span2{
    color: #232323;
}

/* グループワーク-グループメンバー */
.gpwtGtmlListTableGNameDiv {
    height: 32px;
    color: #707070;
    text-align: left;
    font-weight: normal;
}

.gpwtGtmlFirstDiv {
  border-top: 1px solid #a8a8a8;
  width: 100%;
  margin-bottom: 1px !important;
}

.gpwtGtmlLastDiv {
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
  width: 100%;
  margin-bottom: 1px !important;
}

.gpwtGtmlMidDiv {
  border-top: 1px solid #a8a8a8;
  width: 100%;
  margin-bottom: 1px !important;
}

.gpwtGtmlProfImg {
  margin: 8px 6px 6px 6px;
}

.gpwtGtmlProfImgSP {
  margin: 18px 6px 6px 6px;
}

.gpwtGtmlName {
  margin: 6px;
  width: 70vmin;
}

.gpwtGtmlUserID {
  margin: 6px;
}

.gpwtGtmlSyozoku {
  margin: 6px;
}

/* 共通ボタンのCSS対応 */
.cpButton span2{
    color: #c44500;
}
.cpButton span3{
    color: #232323;
}

div.blue2{
    color: #3366FF;
    font-weight: bold;
}

/*グループワーク実施*/
.balloon-leftbottom{
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    padding: 1rem;
    margin-bottom: 1.6rem;
    position: relative;
    font-size: 1.5rem;
    float:left;
}
.balloon-leftbottom:before{
    content: "";
    position: absolute;
    left: 60px;
    top: 100%;
    margin-top: 1px;
    margin-left: -9px;
    border-top: 16px solid #DDDDDD;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0 solid transparent;
}
.balloon-leftbottom:after{
    content: "";
    position: absolute;
    left: 60px;
    top: 100%;
    margin-left: -8px;
    border-top: 16px solid #ffffff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 0 solid transparent;
    z-index: 2;
}

.balloon-leftbottom .cpCell:first-child{
    padding-right: 1rem;
}
.balloon-leftbottom .cpCell:last-child{
    border-left: 1px solid #DDDDDD;
    padding-left: 1rem;
}
.balloontext{
    float:left;
    padding:0.1rem 0.8rem 0 0;
}
.balloonIcons{
    color: #c44500;
    float:left;
}
.balloonIcons .noticeIconText{
    display: inline-block;
}

.balloonIcons .noticeIconText span{
    margin-left: -0.3rem;
    margin-right: 0.3rem;
    font-size: 1.4rem;
    vertical-align: middle;
}

.gwjlform {
    float: right;
    font-size: 12px;
    height: inherit;
}

.gwjlform  .myGroupBar > ul > li {
    border-left: 1px solid #d9d9d9;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle;
}

.moriagariGroupArea{
   margin-right: -12px;
}
.moriagariGroupArea:after{
    content: "";
    display: block;
    clear: both;
}
/*盛り上がりグループカード*/
.moriagariGroupCard{
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #2EB9F5;
    width: 32%;
    min-width: 27rem%;
    font-size: 1.4rem;
    margin-right: 12px;
    margin-bottom: 12px;
    min-height: 132px;
    height: auto;
    color: #232323;
}

@media screen and (max-width: 615px) {
    .moriagariGroupCard {
        width: 100%;
    }
}

a.moriagariGroupCard,
.gwjlform  a:visited.moriagariGroupCard{
    color: #232323;
    text-decoration: none;
    font-weight: normal;
}

.moriagariGroupCard .groupName {
    float: left;
    width: 100%;
    font-size: 1.6rem;
}

.moriagariGroupCard .poster {
    float: right;
    padding-top: 0.4rem;
    width: 100%;
    text-align: right;
}

.moriagariGroupCardInfo {
    padding: 1rem 0.8rem 0.4rem;
    background-color: #EBF2F5;
}

.moriagariGroupCardInfo:hover {
    cursor: pointer;
}

/*
.balloon-leftbottom:after {
    content: "";
    display: block;
    clear: both;
}
*/

.balloon-leftbottom-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.moriagariGroupCardInfo:after {
    content: "";
    display: block;
    clear: both;
}

.moriagariGroupCardContents i.fj-icon-repeat {
    color: #6D6D6D;
}

.balloon-leftbottom i.fj-icon-favorite,
.moriagariGroupCardContents i.fj-icon-favorite {
    color: #67C4E9;
}

.balloon-leftbottom i.fj-icon-education,
.moriagariGroupCardContents i.fj-icon-education {
    color: #FC8D3A;
}

.balloon-leftbottom i.fj-icon-comment-right {
    color: #6D6D6D;
}

.moriagariGroupCardContents{
    padding: 1rem 0.8rem 2.4rem 0.8rem;
}

.moriagariGroupCardContents .parentPostInfo {
    display: table;
    padding: 2px 2px;
}

.moriagariGroupCardContents .postInfo {
    display: table-cell;
    vertical-align: middle;
    padding: 0.4rem;
}
.moriagariGroupCardContents .postInfo span {
    padding: 2px 2px;
}

.moriagariGroupCardContents .title {
    font-weight: bold;
    margin-bottom: 0.4rem;
}

.moriagariGroupCardContents .content {
    min-height: 14px;
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
    word-break:break-all;
    margin-bottom: 0.2rem;
    padding-bottom: 0.4rem;
    line-height: 1.8rem;
}

.moriagariGroupCardContents .talkCategory {
    background-color: #e6e6e6;
    float: left;
    width: auto;
    max-width: 100%;
}

.moriagariGroupCardContents .lastTalkDy {
    display: inline-block;
    float: right;
}

.groupIchiranArea{
   margin-right: -12px;
}
.groupIchiranArea:after{
    content: "";
    display: block;
    clear: both;
}
/*グループ一覧カード*/
#cs_rightTabinVox.lms-groupIchiranArea-wrap {
    padding-right: 0;
}

.groupIchiranCard {
    /*float: left;*/
    background-color: #ffffff;
    border: 1px solid #2eb9f5;
    width: 28rem;
    font-size: 1.6rem;
    margin-right: 12px;
    margin-bottom: 12px;
    height: 86px;
    color: #232323;
}

@media screen and (max-width: 615px) {
    .groupIchiranCard {
        width: 100%;
        margin-right: 0;
    }
    #cs_rightTabinVox.lms-groupIchiranArea-wrap {
        padding-left: 0;
    }
    .groupIchiranCard .groupIchiranCardInfo span.textoverflow {
        min-width: 98%;
        width: 220px;
    }
}

a.groupIchiran,
 a:visited.groupIchiranCard{
    color: #232323;
    text-decoration: none;
    font-weight: normal;
}

.groupIchiranCardInfo {
    padding: 10px 8px;
    background-color: #ebf2f5;
}

.groupIchiranCardInfo:hover{
    cursor: pointer;
}

.groupIchiranCardInfo:after{
    content: "";
    display: block;
    clear: both;
}

.groupIchiranCardContents {
    padding: 1rem 0.8rem;
    font-size: 1.4rem;
}

input.cs_color_bt_02  {
    display: inline-block;
    min-width: 104px;
    height: 32px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 10px;
    background-color: #FFE545;
    border: 1px solid #a8a8a8;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.cs_color_bt_01 {
    display: inline-block;
    min-width: 104px;
    height: 32px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 10px;
    background-color: #FFFF93;
    border: 1px solid #a8a8a8;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*ボタンタブ*/
.cpButtonTab:after{
    content: "";
    display: block;
    clear: both;
}
.cpButtonTab .cpButton{
    float: left;
    border-radius: 0;
    border-left-width: 0;
}

.cpButtonTab .cpButton:first-child{
    border-radius: 6px 0 0 6px;
    border-left-width: 1px;
}
.cpButtonTab .cpButton:last-child{
    border-radius: 0 6px 6px 0;
}

.cpButtonTab .cpButton.current{
    background-color: #0072a4;
    border-color: #005073;
    border-left-width: 1px;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.2);
}

.cpButtonTab .cpButton.current span{
    color: #ffffff;
}

.just{
    min-width: initial;
    min-width: auto;
}

.cp_table{
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
    border-spacing: 0;
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
    font-size: 12px;
}
.cp_table td,
.cp_table th{
    border: 1px solid #a8a8a8;
    padding: 8px;
}
.cp_table td{
}
.cp_table th{
    background-color: #eee;
    font-weight: normal;
}
.cp_table thead th{
    text-align: center;
}
.cp_table tbody th{
    min-width: 4em;
}
.cp_table tbody th.groupTableLabel{
    min-width: 8em;
}
.cp_table tbody td{
    text-align: right;
}

table.cs_iFr_table02 td.overFlowGgrl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.cs_iFr_table02 td.noborderGgrl {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

/* GpwsGtkl */
/* GpwsGtkl プロフィール画像 */
.photoCell{
    width: 52px;
    max-width: 52px;
    min-width: 52px;
}
.photoCell img{
    width: 50px;
    height: 50px;
    border: 1px solid #d9d9d9;
}

/* GpwsGtkl talk関連 */
.talkThread{
    background-color: #ffffff;
    border: 1px solid #a8a8a8;
}
.talkEntry{
    padding: 10px;
    border-bottom: 1px solid #a8a8a8;
}
.talkUserName{
    font-weight: bold;
    padding: 0px 12px;
}
.talkDeleted{
    font-weight: normal;
    text-align: right;
    float:right;
/*    position: absolute;*/
    top: -4px;
    right: -8px;
    padding: 4px 12px;
    background-color: #797979;
    color: #ffffff;
}
.talkDate{
    font-size: 14px;
    padding: 8px 12px 0;
}
.talkDate .category{
    display: inline-block;
    padding: 1px 4px;
    background-color: #e6e6e6;
}

.updated{
    display: inline-block;
/*    width: 40px;*/
    text-align: center;
    background-color: none;
}

.talkContents{
    line-height: 1.5;
    padding: 10px 0;
}
.talkSubject{
    font-weight: bold;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.talkTreadShowMore{
    padding: 10px;
    border-bottom: 1px solid #a8a8a8;
    text-align: center;
}

.talkTreadFooter{
    padding: 10px;
    border-top: 0px none;
}
.replyButton.cpButton{
    width: 128px;
}
.replyButton .iconText img{
    width: 32px;
    height: 32px;
}
.talkTreadFooter .replyButton .iconText img{
    width: 16px;
    height: 16px;
}
.replyButton .iconText span{
    vertical-align: baseline;
}
.likeButton{
    margin-right: 8px;
}
.likeButton:before{
    color: #232323;
}
.likeButton.on:before{
}

.talkIconText{
    display: inline-block;
}
.talkIconText span{
    margin-left: -4px;
    font-size: 12px;
    font-weight: normal;
    vertical-align: baseline;
}
.talkIconText img{
    width: 20px;
    height: 20px;
}

/* GpwsGtkl サブツリー */
.talkEntry > .talkEntry{
    margin-top: 12px;
    border-top: 1px solid #a8a8a8;
    border-bottom: 0;
    padding: 12px 0 0;
}
.talkEntry > .talkEntry > .talkContents{
    padding-left: 44px;
}

.talkEntry > .talkEntry .photoCell{
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
}
.talkEntry > .talkEntry .photoCell img{
    width: 30px;
    height: 30px;
    border: 1px solid #d9d9d9;
}
.contextMenuButton{
    display: inline-block;
    width: 40px;
    height: 40px;
    /*background-image:url("");*/
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.contextMenuButton .fj-icon-ellipsis:before {
    font-size: 16px;
    color: #6D6D6D;
}

a.contextMenuButton:hover {
    text-decoration: none;
}

.buttonCell{
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    /*一応指定しますが、テーブルセルは伸びるためほぼ無効*/
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    text-align: center;
    /*vertical-align: middle;*/
    background-position: center;
    background-repeat: no-repeat;
}

.badgeBase{
    position: relative;
}
.alertBadge{
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background-color: #cf4600;
    border-radius: 50%;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.badgeBase .alertBadge{
    position: absolute;
    top: 40%;
    right: 10px;
    margin-top: -10px;
}

/* GpwsGtkl subMenu */
ul.subMenu{
    list-style: none;
    border-top: 1px solid #a8a8a8;
}
ul.subMenu li{
    border-bottom: 1px solid #a8a8a8;
}
ul.subMenu li a{
    display: block;
    padding: 10px 5px;
    padding-right: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}
ul.subMenu li a span:not(.alertBadge){
    color: #232323;
}
ul.subMenu li a span:not(.alertBadge):hover{
    color: #0072a4;
}

ul.subMenu li a.current{
    background-color: #dde4ec;
}

ul.subMenu li a.badgeBase .alertBadge{
    right: 20px;
}
ul.subMenu li a.locked{
    background-image: url("");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 16px;
}

.ellipsis{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* flexible box 対応 */
div.flexbox, td.flexbox {
    padding: 0;
    width: 100%;
    display: flex; /* groupwork 直下の子要素のみ影響*/
    flex-direction: row; /* 横並び */
    justify-content: flex-start; /* 開始位置側に寄せる(水平方向) */
    align-items: stretch; /* 縦いっぱい伸ばす(垂直方向) */
    flex-wrap: wrap; /* 親要素からはみ出た場合は下の段へ */
    align-content: flex-start; /*  */
}

/* gpwcLial(SP) */
.gpwcLialSP_list {
    padding-bottom: 50%;
}

.gpwcLialSP_firstMember {
    margin-bottom: 5px !important;
    width: 100%;
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

.gpwcLialSP_member {
    margin-bottom: 5px !important;
    width: 100%;
    border-bottom: 1px solid #a8a8a8;
}

.gpwcLialSP_profDIv {
  float: left;
}

.gpwcLialSP_profImg {
  margin: 10px;
}

.gpwcLialSP_detailDIv {
  padding-right: 6px;
}

.gpwcLialSP_detailItem {
  margin: 5px;
}

.syussekiJyokyoTitleCell{
    text-align: center !important;
    white-space: nowrap;
    min-width: 90px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.courseCard .private2,
.courseCard .unavailable
 {
    position: static;
    top: auto;
    right: auto;
    float: right;
}

.courseCardName,
.courseCardUser {
    height: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    word-break: break-all;
    word-wrap: break-word;
}