@charset "utf-8";
/*
 *
 * ===== 追加CSS =====
 *
 */

/*
 * --- 共通要素 ---
 */
:root {
    --main-color: #3BAFDA;
    --green-color:#1eb367;
    --main-color5:#ecf7fa;
    --main-color10:#d4ebf3;
    --main-color50:#8dd0e9;
    --main-color110:#19a4d8;
    --main-color150:#138CBA;
    --text-main-color:#333333;
    --text-message:#04588F;
    --text-gray-color:#7B7B7B;
    --bg-color-gray:#EFEFEF;
    --bg-color-gray10:#F7F7F7;
    --btn-color-gray:#B4B4B4;
    --btn-table-color:#2A99FB;
    --btn-main-color:#3bafda;
    --btn-main-color-text:#ffffff;
    --input-border:#04588F;
    --bg-yellow:#fffde2;
}

/*
background:var(--text-main-color);
*/

button {
    color: #fff;
}

button.chuonline_btn_kyoka {
    color: #000;
}



.chuonline_css .chu1_eng {
    background-color: #f6ba9b;
}
.chuonline_css .chu2_eng {
    background-color: #f9a981;
}
.chuonline_css .chu3_eng {
    background-color: #ff9c69;
}
.chuonline_css .chu1_math {
    background-color: #75b8f2;
}
.chuonline_css .chu2_math {
    background-color: #4ea7f5;
}
.chuonline_css .chu3_math {
    background-color: #2a99fb;
}
.chuonline_css .btn_accent_color {
    background-color: #fda449!important;
}
.chuonline_css .chu1_eng a,
.chuonline_css .chu2_eng a,
.chuonline_css .chu3_eng a,
.chuonline_css .chu1_math a,
.chuonline_css .chu2_math a,
.chuonline_css .chu3_math a {
    color: #000;
}


html {
  height: 100%;
    width: 100%;
}
body.chuonline_css {
    position: relative;
  height: 100%;
    min-height: 100%;
  margin: 0;
    padding: 0;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;

}
.clearhr hr {
    display: none;
}

a {
    color: #0066c0;
}



/*
 * --- 共通要素 ---
 */


@media screen and (min-width: 480px){
.container {
    max-width: 470px;
}
}
@media screen and (min-width: 576px){
.container {
    max-width: 530px;
}
}
@media screen and (min-width: 700px){
.container {
    max-width: 670px;
}
}
@media screen and (min-width: 992px) {
.container {
    max-width: 860px;
}
}
@media screen and (min-width: 1200px) {
.container {
    max-width: 860px;
}
}
/*復習ページcontainer*/
@media screen and (min-width: 700px){
.chuonline_review .container {
    max-width: 674px;
}
}


body.chuonline_css,
body.chuonline_css h1,body.chuonline_css h2,body.chuonline_css h3,body.chuonline_css h4,body.chuonline_css h5,
body.chuonline_css input,body.chuonline_css button,body.chuonline_css select,body.chuonline_css textarea {
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.chuonline_mb-1 {
    margin-bottom: 1rem!important;
}
.chuonline_mb-2 {
    margin-bottom: 2rem!important;
}
.chuonline_mb-3 {
    margin-bottom: 3rem!important;
}
.chuonline_mb-4 {
    margin-bottom: 4rem!important;
}
.chuonline_mb-5 {
    margin-bottom: 5rem!important;
}
.chuonline_height100{
    height: 100%;
}
.chuonline_min_height500{
    min-height:500px;
}


.chuonline_page_main_middle {
  margin-bottom: 0px;
}
.chuonline_css .chuonline_pos_relative {
    position: relative;
}
.chuonline_css .fa {
    display: inline-block !important;
    /* padding-right: 4px; */
}
.chuonline_css a img {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.chuonline_css a:hover img {
filter: brightness(108%);
}
.chuonline_css a:hover {
    opacity: .88;
}
.chuonline_css .float_right {
    float: right;
}
.chuonline_css .float_left {
    float:left;
}

.chuonline_css .inline_block_center {
    display: inline-block;
    /*margin-left: 4px;
    margin-right: 4px;*/
}
.chuonline_fz26 {
    font-size: 26px;
}
.chuonline_center {
    text-align: center;
}
.chuonline_text_message {
    color:var(--text-message);
}
button,
button::before,
button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
button:hover {
filter: brightness(110%);
}


div::-webkit-scrollbar{
  width: 10px;
}
div::-webkit-scrollbar-track{
  background: var(--bg-color-gray10);
  border: none;
  border-radius: 0px;
  box-shadow: inset 0 0 1px var(--text-main-color);
}
div::-webkit-scrollbar-thumb{
  background:var(--main-color);
  border-radius: 10px;
  box-shadow: inset 0 0 1px var(--text-main-color);
}

.js_disp_hide {
    display: none;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.chuonline_css .btn-std,.chuonline_css .btn-std:hover {
    background-color: var(--btn-color-gray);
}
.chuonline_css a .btn-std,.chuonline_css a .btn-std:hover {
    background-color: var(--btn-table-color);
}
.chuonline_css .btn {
    border-radius: .4em;
}


.chuonline_css .btn-std:active,.chuonline_css .btn:active {
    margin-top: 0px !important;
    box-shadow: 0 2px #d0d0d0;
    margin-bottom: 2px !important;
}
.chuonline_css a .btn-std:active,.chuonline_css a .btn:active {
    margin-top: 2px !important;
    margin-bottom: 0px !important;
    box-shadow: 0 0px #d0d0d0;
}



@media screen and (max-width: 480px) {
.chuonline_css .float_none480 {
    float:none;
}
.chuonline_css .float_none480 .chuonline_btn_fast_user {
    float:none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

}





/*
 * --- ナビゲーションパネル ---
 */

.chuonline_css .nav-question-parent .nav-question-label-pre {
    background-color: var(--main-color);
}

/*
 * --- ヘッダー（ナビ） ---
 */
.chuonline_css .navbar-default.chuonline_nav_header a:hover {
    color:var(--main-color);
}
.chuonline_css .navbar-default.chuonline_nav_header {
background:var(--main-color);
font-weight: normal;
    width: 100%;
    min-height: 64px;
    z-index: 999;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.chuonline_css .navbar-default.chuonline_nav_header .chuonline_navbar_back {
    display: block;
    flex-basis:auto;
}


.chuonline_css .navbar-default.chuonline_nav_header .navbar-text {
font-size: 14px;
color: #fff;
}
.chuonline_css .chuonline_nav_header.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

@media (min-width: 768px) {
.chuonline_css .chuonline_nav_header.navbar-light .navbar-nav .nav-link {
    padding-left: 2rem;
}
.chuonline_css .chuonline_nav_header.navbar-light .navbar-nav .nav-item:first-child a {
    padding-left: 0rem;
}
}

.chuonline_css .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.chuonline_css .navbar-toggler span {
    vertical-align: middle;
}
.chuonline_css .navbar-toggler i.fa {
    padding-right: 6px;
    padding-left: 6px;
}
.chuonline_css .navbar-toggler span.sp_menu {
    padding-left: 6px;
}
.chuonline_css .navbar-light .navbar-toggler {
    color:#fff;
    border-color: rgba(255,255,255,.5);
}
.chuonline_css .navbar-toggler {
    padding: .5rem .5rem;
    border-radius: 10rem;
}
.chuonline_css .chuonline_nav_header .navbar-brand {
    height: auto;
    padding: 0px 5px 0px;
    line-height:1;
}
.chuonline_css .chuonline_nav_header a img {
    transition:none;
}
.chuonline_css .chuonline_nav_header .navbar-text {
    margin-top: 18px;
}

.chuonline_css .chuonline_nav_header .navbar-toggle {
    padding: 11px 8px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: #fff;
    border:none;
    border-radius: 50%;
}
.chuonline_css .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
.chuonline_css .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: var(--text-message);
}
.chuonline_css .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--text-message);
}

@media (max-width: 767px){
    .chuonline_css .chuonline_nav_back {
        display: inline-block;
        padding-left: 10px;
    }
    .chuonline_css #navigation {
        padding-bottom: 20px;
    }

}
/*初回ヘッダー*/

.chuonline_css .navbar-default.chuonline_nav_header.chuonline_first_header {
background:#FFF;
border: none;
    padding-left: 15px;
}


/*
 * --- タイトル ---
 */


/*受験ページ*/
.chuonline_css .nav-question-child .nav-question-label-pre {
    background-color:var(--main-color);
}
.chuonline_css #section-question .nav-question-bookmark {
    display: none;
}
.chuonline_css .nav-question {
    width: 250px;
}
.chuonline_css #answer-list li .answer-index {
    height: 38px;
    line-height: 38px;
}
@media screen and (max-width: 767px) {
.chuonline_css #answer-panel {
    padding: 15px 10px 5px;
}
}

/*残り時間*/
.chuonline_css .chuonline_contents_header .chuonline_header_time {
    display:block;
}

.chuonline_css .chuonline_time {
display:inline-block;
border-radius: 8px;
border:1px solid var(--main-color);
    margin: 0 2px;
  padding: 7px 8px 5px 8px;
  font-size: 12px;
  color: var(--text-message);

}

.chuonline_css .chuonline_pause {
display:inline-block;
}
.chuonline_css .chuonline_pause button {
border-radius: 8px;
border:1px solid var(--btn-main-color);
    margin: 0 2px;
  padding: 7px 8px 5px 8px;
  font-size: 12px;
  color: var(--btn-main-color-text);
    background-color: var(--btn-main-color);
    box-shadow:none;
}
.chuonline_css .chuonline_pause button.active {
    background-color: var(--btn-color-gray);
    border:1px solid var(--btn-color-gray);
}


.chuonline_css .chuonline_contents_header .chuonline_header_time dl {
display:inline-block;
border-radius: 8px;
border:1px solid var(--main-color);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    margin: 0 2px;
    padding: 0 5px;
}

.chuonline_header_time dt,
.chuonline_header_time dd {
  display: inline-block;
  margin: 0;
  padding: 7px 5px 5px 5px;
  font-size: 12px;
  color: var(--text-message);
}

.chuonline_css .chuonline_contents_header .chuonline_header_time dl.pause {
background:var(--btn-table-color);
border:none;
}

.chuonline_css .chuonline_contents_header .chuonline_header_time dl.pause dt,.chuonline_css .chuonline_contents_header .chuonline_header_time dl.pause dd {

 color: #fff;
}



.chuonline_css .chuonline_contents_header .chuonline_header_time dl.scoring {
background:#fbc071;
border:1px solid #ffac3b;
color: var(--text-main-color);
}
.chuonline_css .chuonline_contents_header .chuonline_header_time dl.scoring dd,
.chuonline_css .chuonline_contents_header .chuonline_header_time dl.scoring dt{
    color: var(--text-main-color);
    font-weight: bold;
}
.chuonline_css .chuonline_header_left_block {
    display: inline-block;
background:var(--main-color);
    color: #fff;
    border-radius: 15px;
    padding: 5px 30px;
    margin-bottom: 6px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}

/*テスト受験*/
#page-main h2.juken {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-main-color);
}

#page-main h2.juken span {
    display: inline-block;
    border-bottom: 3px solid var(--main-color);

}
.chuonline_css_cbt #section-answer input[type=checkbox],.chuonline_css_cbt #section-answer input[type=radio] {
    display: none;
}
.chuonline_css_cbt #section-answer .check-group label {
    background-color: #fff;
    padding:6px 35px 4px 20px;
    margin-right: 3px;
}
.chuonline_css_cbt #section-answer .check-group label.active {
    background-color: #BEE293;
}



/*
 * --- フッター ---
 */


.page-footer {
    display: none;
    width: 100%;
    text-align: center;
    background-color: #CECECE;
    padding: 15px 0 15px;
  margin-top: auto;
}

@media screen and (max-width: 480px) {
    .page-footer {
        font-size: 0.9em;
    }
}
/*
 * --- コンテンツ ---
 */


.chuonline_css .div_ttl_line {
    margin: 4px auto 30px;
    width: 60%;
    height: 8px;
    border-radius: 4px;
    background-color:  var(--main-color);
}
.chuonline_css .div_ttl_line_h2 {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color:  var(--main-color);
    border-top: none;
    clear: both;
}
.chuonline_css .div_ttl_line_h2 hr {
    display: none;
}

@media screen and (max-width: 480px) {
.chuonline_css .div_ttl_line {
    width: 90%;
}
}

/*ヘッダーメニューOLT*/
.chuonline_nav_cbt #header-time-left {
    float: right;
    margin-top: 8px;
    margin-right: 15px;
}

.chuonline_nav_cbt .chuonline_contents_header .chuonline_header_time {
    display:block;
}

.chuonline_nav_cbt .chuonline_time {
    display:inline-block;
    border-radius: 8px;
    border:1px solid var(--main-color);
    /* margin: 0 2px; */
    padding: 8px 8px 7px 8px;
    font-size: 12px;
    color: var(--text-message);
    }

.chuonline_nav_cbt .chuonline_time span {/* display:inline-block; */padding: 0 3px 0;}

.chuonline_nav_cbt .chuonline_pause {
display:inline-block;
}
.chuonline_nav_cbt .chuonline_pause a {
border-radius: 8px;
border:1px solid #fff;
    margin: 0 2px;
  padding: 7px 8px 6px 8px;
  font-size: 12px;
  color: var(--text-message);
    background-color:  #fff;
    box-shadow:none;
}
.chuonline_nav_cbt .chuonline_check a {
border-radius: 8px;
border:1px solid var(--btn-main-color);
    margin: 0 2px;
  padding: 7px 8px 6px 8px;
  font-size: 12px;
  color: var(--btn-main-color-text);
    background-color: var(--btn-main-color);
    box-shadow:none;
}
/* --------------- 20221129追加--------------- */
.chuonline_nav_cbt.navbar .chuonline_time {
    position: absolute;
    width: 111px;
    text-align: center;
    background: #e9e9e9;
    border-radius: 8px;
    font-size: 16px;
    top: 20px;
    z-index: 999;
    left: -9px;
    line-height: 140%;
    border:none;
    font-size: 16px;
    color: #212529;

    }

    .pc-time {
    font-size: 22px;
    color: #7986cb;
    line-height:160%;
}


.m114{
    margin-left: 114px !important;
        margin-top: 8px;
}


.chuonline_nav_cbt.navbar #header-time-left {
    margin-top: 2px;
    margin-right: 4px;
}
.chuonline_nav_cbt.navbar .chuonline_check a {
    border-radius: 8px;
    border:none;
    margin: 0 2px;
    padding: 7px 8px 6px 8px;
    font-size: 12px;
    color: var(--text-message);
    background-color:#fff;
    box-shadow: none;
}
.chuonline_nav_cbt.navbar .chuonline_navbar_btn a {
    border-radius: 8px;
    border:none;
    margin: 0 2px;
    padding: 7px 8px 6px 8px;
    font-size: 12px;
    color: var(--text-message);
    background-color:#fff;
    box-shadow: none;
}

.chuonline_nav_cbt .chuonline_menu.navbar {
    margin-top: 0px;
}
.chuonline_nav_cbt.navbar #header-option-btn {
    padding-top: 0px;
}
.chuonline_nav_cbt #answer-list li .answer-index {
    height: 38px;
}
.chuonline_nav_cbt .nav-question-label-pre {
    padding: 8px 8px 4px 10px;
}


@media (max-width: 767px){
    .chuonline_nav_cbt.navbar .mb_none {
        display: none;
    }

/* --------------- 20221129追加--------------- */

 .chuonline_nav_cbt.navbar .chuonline_time {
    position: inherit;
    background: none;
    top: -4px;
    left: 2%;
    padding: 24px 8px 7px 16px;
    margin: 0 2px;
    font-size: 14px;
    color: #fff;
}
.pc-time {
    font-size:16px !important;
    color: #fff;
}

.m114{
    margin-left: 5px !important;

}


}

@media (max-width: 480px){
.chuonline_nav_cbt .chuonline_check a {
  padding: 7px 4px 6px 4px;
}
.chuonline_nav_cbt .chuonline_menu #header-menu-btn {
    padding: 9px 5px 6px 5px;
  font-size: 12px;
}
.chuonline_nav_cbt #header-menu-btn span {
    font-size: 12px;
}
.chuonline_nav_cbt.navbar {
    padding: .5rem 5px;
}
.chuonline_nav_cbt.navbar.chuonline_menu {
    margin-left: 5px;
}

.chuonline_nav_cbt.navbar .chuonline_menu #header-menu-btn {
    padding: 7px 8px 6px 8px;
}

}














/*ログイン*/
.chuonline_css #page-main.chuonline_page_main_middle{
padding-top: 0;
padding-bottom: 0;
    width: 100%;
}
.chuonline_css .chuonline_page_content_login {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.chuonline_css .chuonline_page_content_login input.chuonline_icon_login, input.chuonline_icon_pass {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 50%;
  height: 44px;
  margin: 0 auto;
  border-radius: 30px;
  background: #fff;
  border: 2px solid var(--text-message);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}
.chuonline_css .chuonline_page_content_login input.form-control::placeholder,
.chuonline_css .chuonline_page_content_first input.form-control::placeholder {
  color: #ACACAC;
  font-size: 16px;
}


@media screen and (max-width: 480px) {

.chuonline_css #page-main .chuonline_page_content_login h1.chuonline_login img {
  max-width: 280px;
  width: 250px;
  height: auto;
}
.chuonline_css .chuonline_page_content_login input.chuonline_icon_login, input.chuonline_icon_pass {
  width: 80%;
}
}
/*ログイン END*/


/*トップページ*/
.chuonline_css .chuonline_news_list li {
    border-bottom: 1px solid #d7d7d7;
    list-style: none;
    list-style-type: none;
}
.chuonline_css .chuonline_top_new_list {
    height: 10em;
    overflow-y: scroll;
}
.chuonline_css .chuonline_top_new_list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.chuonline_css .chuonline_top_new_list::-webkit-scrollbar-thumb {
  background: linear-gradient(to top, #b9b9b9 0%, #cccccc 100%);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.chuonline_css .chuonline_news_list li div {
    padding: 10px 0px 10px 85px;
    /*text-indent: -45px;*/
    position: relative;
}
.chuonline_css .chuonline_news_list li span.data {
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    font-size: 105%;
    color: var(--text-gray-color);
    text-indent: -85px;
}
.chuonline_css .chuonline_news_list li p {
    margin: 0;
    padding: 0;
    margin-left: -4px;
    display: inline;
    line-height: 1.5;
    vertical-align: middle;
}
.chuonline_css .chuonline_news_list li p .fa.fa-file-pdf-o {
    font-weight: bold;
    color: #D6171A;
    font-size: 105%;
    vertical-align: middle;
}
.chuonline_css .chuonline_news_list li span.new {
    display: inline-block;
    border-radius: 5px;
    padding: 4px 6px 3px;
    font-size: 85%;
    line-height: 1;
    margin-right: 4px;
    vertical-align: middle;
    color: #fff;
    background-color: #FF105D;
}

.chuonline_css .chuonline_news_list li p .fa,.fa.fa-bell {
    color: #FF105D;
}

.chuonline_css .chuonline_btn_kyoka,.chuonline_css .chuonline_btn_normal {
  width: 140px;
  height: 40px;
  padding: 5px 0px 5px;
  border-radius: 6px;
    margin-right: 8px;
    margin-bottom: 8px;
  border: none;
  font-size: 16px;
  text-align: center;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}


.chuonline_css .chuonline_btn_enter.chuonline_btn_kyoka {
    margin-left: 0;
}


/*FAQ*/

.chuonline_css .chuonline_faq_list li {
    border-bottom: 1px solid #d7d7d7;
    list-style: none;
    list-style-type: none;
    padding: 8px 15px;
}
.chuonline_css .section_wrapper.chuonline_faq_section {
    background: #f5f3f1;
    padding: 0;
}
.chuonline_css .section_wrapper.chuonline_faq_section ul li span {
    color: #333;
}

.chuonline_css .section_wrapper.chuonline_faq_section ul li a:hover span {
    color: #0066c0;
}
.chuonline_css .section_wrapper.chuonline_faq_section_qa {
    padding: 0;
    background-color:#f1f1f1;
}

.chuonline_faq_section_qa .chuonline_faq .minus {
    display: none;
}

.chuonline_faq_section_qa .open .minus {
    display: block;
}
.chuonline_faq_section_qa .open .plus {
    display: none;
}


.chuonline_faq_section_qa .chuonline_faq .faq_q:first-child {
    border-top: 1px solid #d7d7d7;
}

.chuonline_faq_section_qa .faq_q {
    position: relative;
    background-color:#f1f1f1;
    padding: 1.25em 1em 1.25em 4em;
    color: #333;
    padding-right: 30px;
}


.chuonline_faq_section_qa .faq_q .q_text {
}


.chuonline_faq_section_qa .icon_plus_minus {
    position: absolute;
    float: right;
    text-align: right;
    font-size: 20px;
    color: #4683b9;
    vertical-align: middle;
    line-height: 0;
    top: 30%;
    right: 2%;
}

.chuonline_faq_list .fa-chevron-circle-down {
    color: #4683b9;
}

.chuonline_faq_section_qa .faq_a {
    display: none;
    position: relative;
    background-color:#fff;
    padding: 1.25em 1em 1.25em 4em;
    margin:.5em 1.5em 1.5em 1.5em;
    border-radius: 5px;
}

.chuonline_faq_section_qa .faq_q::before {
    border-radius: 50%;
    background-color:var(--btn-main-color);
    position: absolute;
    top: 1em;
    left: 1em;
    display: block;
    width: 2em;
    font-weight: 400;
    font-family: Arial,sans-serif;
    line-height: 2;
    text-align: center;
    content: "Q";
    color: #fff;
}
.chuonline_faq_section_qa .faq_a::before {
    border-radius: 50%;
    background-color:#8bc34a;
    position: absolute;
    top: 1em;
    left: 1em;
    display: block;
    width: 2em;
    font-weight: 400;
    font-family: Arial,sans-serif;
    line-height: 2;
    text-align: center;
    content: "A";
    color: #fff;
}

#page_top_fixed {
    position:fixed;
    bottom:1%;
    right:1%;
    display:none;
    font-size: 58px;
    color: #4683BC;
    z-index: 100;
}

#page_top_fixed a {
    color: #4683BC;
    opacity: 0.7;
}



/*初回アクセスユーザーのコンテンツ*/

.chuonline_css .chuonline_btn_fast_user {
  width: 180px;
  height: 40px;
  padding: 5px 0px 5px;
  border-radius: 20px;
  border: none;
  font-size: 18px;
  text-align: center;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}

.chuonline_css .chuonline_btn_enter {
  background: var(--main-color);
    border: 1px solid var(--main-color);
}
.chuonline_css .chuonline_btn_enter a {
    color: #fff;
}
.chuonline_css .chuonline_btn_cancel {
  background: var(--btn-color-gray);
}
.chuonline_css .chuonline_btn_cancel,.chuonline_css .chuonline_btn_enter {
    margin-right: 10px;
    margin-left: 10px;
}
.chuonline_css .chuonline_btn_enter.chuonline_login {
    margin-bottom: 30px;
}
.chuonline_css .chuonline_btn_fast_user a {
  color: #fff;
}

.chuonline_css .chuonline_page_content_first {
  position: relative;
  top: 10px;
}

.chuonline_css .chuonline_first_box_inner {
  text-align: center;
  width: 100%;
  /*border-radius: 3em;*/
  background: #fff;
    padding: 25px 0px;
    margin-bottom: 30px;
}
.chuonline_css #page-main .chuonline_first_box h1 {
  display: block;
    margin: 0;
    padding: 0;
  text-align:center;
  color: var(--text-main-color);
  background-color: transparent;
  border-radius: 0;
    font-size: 26px;
    line-height: 1;
}
.chuonline_css #page-main .chuonline_first_box h1 i {
    color: var(--main-color);
    display: inline-block;
    padding-right: 10px;
}

.chuonline_css #page-main h3 {
    background-color:transparent;
    border:none;
    display: inline-block;
    margin: 10px auto 6px auto;
    padding: 4px 15px 2px 1px;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-main-color);
    border-radius:0;
}


/*利用規約*/

.chuonline_css .div_ttl_line hr {
    display: none;
}

.chuonline_css .policy_text {
    font-size: 14px;
    text-align: left;
    padding: 0 2.4em;
    margin: 8px 0px 8px;
}
.chuonline_css .policy_text.policy_text_bottom {
    color: #FF0000;
    font-weight: bold;
    margin: 12px 0px 16px;
}

.chuonline_css #page-main .chuonline_policy h2,.chuonline_css #page-main .chuonline_policy h3,.chuonline_css #page-main .chuonline_policy h4 {
    display: inline-block;
    text-align: left;
  color: var(--text-main-color);
    padding: 0;
    background-color: transparent;
    border-radius: 0px;
    border: none;
}
.chuonline_css #page-main .chuonline_policy h2 {
    font-size: 24px;
}
.chuonline_css #page-main .chuonline_policy h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 5px 0;
}
.chuonline_css #page-main .chuonline_policy p {
    line-height: 1.6em;
    font-size: 14px;
}
.chuonline_css #page-main .chuonline_policy ul,.chuonline_css #page-main .chuonline_policy ol {
    padding-left: 2em;
    line-height: 2em;
}
.chuonline_css #page-main .chuonline_policy_inner {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    border: 1px solid #ccc;
    overflow-y: scroll;
    text-align: left;
    padding: 2.4em;
}

.chuonline_css .chuonline_completed_registration_margin {
    margin-top: 8em;
}


@media screen and (max-width: 575px) {
.chuonline_css #answer-toggle-btn {
    /*bottom: -112px;*/
    bottom: -12em;
  }
.chuonline_css .section_answer.opened #answer-toggle-btn {
    bottom: -3.4em;
  }
}

@media screen and (max-width: 480px) {
.chuonline_css #page-main .chuonline_policy_inner {
    padding: 1em;
}
.chuonline_css .chuonline_first_box_inner {
    padding: 25px 10px;
}
.chuonline_css #page-main .chuonline_first_box h1 {
    font-size: 22px;
    line-height: 1.2em;
}
}

@media screen and (max-width: 407px) {
/*解答欄を開くが2行になるため*/

.chuonline_css #answer-toggle-btn {
    border-top: 2px solid #ccc;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
    /*bottom: -153px;*/
    bottom: -12em;
  }
.chuonline_css .section_answer.opened #answer-toggle-btn {
    bottom: -48px;
  }
}

@media screen and (max-width: 575px){
#section-answer {
    top: 48px;
}
#answer-toggle-btn {
    top: -32px;
    bottom: auto;
}

.chuonline_css #answer-toggle-btn {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  }
}


/*テスト受験　サイズ移行*/
@media screen and (min-width: 576px){

.chuonline_css #section-answer {
  position: fixed;
  width: 100%;
  left: 0;
  top: 100%;
  bottom: auto;
  z-index: 5;
  background-color: rgba(225,245,254,0.8);
}

.chuonline_css #section-answer.opened {
  top: auto;
  bottom: 0;
}

.chuonline_css #answer-panel {
  border-top: 3px solid #3bafda;
}

.chuonline_css #answer-toggle-btn {
  border: none;
  position: absolute;
  top: -32px;
  min-width: 150px;
  width: 60%;
  height: 32px;
  margin: 0 20%;
  padding: 8px 15px;
  color: #ffffff;
  background-color: #3bafda;
  border-radius: 10px 10px 0 0;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.chuonline_css #answer-toggle-btn:hover {
    background-color: #2b9fca;
}

.chuonline_css #answer-toggle-btn:hover + #answer-panel {
    border-color: #2b9fca;
}

.chuonline_css #answer-toggle-btn:before {
    content: '\f48a';
  font-family:'WebHostingHub-Glyphs';
  margin-right: 5px;
  font-size: 12px;
}

.chuonline_css #answer-toggle-btn:after {
  content: '開く';
}

.chuonline_css #section-answer.opened #answer-toggle-btn:before {
  content: '\f48b';
}

.chuonline_css #section-answer.opened #answer-toggle-btn:after {
  content: '閉じる';
}

.chuonline_css #answer-list {
  overflow-y: scroll;
  padding: 5px 15px;
  list-style: none;
  counter-reset: answerCount;
  height:200px;
}

.chuonline_css #answer-list li {
  float: left;
  width: 90px;
  margin: 5px;
}

.chuonline_css .pull li {
  float: left;
  width: 110px !important;
  margin: 5px;
}

.chuonline_css .check_list li {
  float: left;
  width: 100% !important;
  margin: 5px;
}


.chuonline_css .check_list li label{
    width: 40px;
    margin-bottom:5px !important;
}

.chuonline_css .check_list .btn-group>.btn:first-child{
    border-radius:0;
}

.chuonline_css .check_list .check-group>.btn:first-child{
    border-radius:0 5px 5px 0;
}

.chuonline_css .check-group .active.btn{
    background-color: #EFFFDD;
}

.chuonline_css #answer-list li .answer-index {
  float: left;
  width: 40px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #8BC34A;
  border: 1px solid #cccccc;
  border-right: none;
  border-radius: 8px 0 0 8px;
}

.chuonline_css #answer-list .form-control {
  font-size: 16px;
}

.chuonline_css #answer-list li input,
.chuonline_css #answer-list li p {
  float: left;
  width: 50px;
  border-radius: 0 6px 6px 0;
  background-color: #ffffff !important;
}

.chuonline_css #answer-list li select {
  float: left;
  width: 70px;
  border-radius: 0 6px 6px 0;
  background-color: #ffffff !important;
}

.chuonline_css #answer-list li.answer-ok,
.chuonline_css #answer-list li.answer-ng {
  position: relative;
}

.chuonline_css #answer-list li.answer-ok:before,
.chuonline_css #answer-list li.answer-ng:before {
  font-family:'WebHostingHub-Glyphs';
  font-size: 28px;
  position: absolute;
  left: -12px;
  top: -3px;
  opacity: 0.8;
}

.chuonline_css #answer-list li.answer-ok:before {
    content: '\f772';
  color: #da4453;
}

.chuonline_css #answer-list li.answer-ng:before {
    content: '\00d7';
  color: #434a54;
}

}

/*解答状況一覧*/

/*残り時間*/
.chuonline_css .chuonline_menu_area_list #header-time-left {
    display: block;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
}

.chuonline_css .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time {
    display:block;
}

.chuonline_css .chuonline_menu_area_list .chuonline_time {
display:inline-block;
border-radius: 8px;
border:1px solid var(--main-color);
    margin: 0 2px;
  padding: 8px 8px 5px 8px;
  font-size: 12px;
  color: var(--text-message);

}
.chuonline_css .chuonline_menu_area_list .chuonline_time span {
display:inline-block;
    padding: 0 3px 0;
}

.chuonline_css .chuonline_menu_area_list .chuonline_scoring {
display:inline-block;
}
.chuonline_css .chuonline_menu_area_list .chuonline_scoring a {
border-radius: 8px;
border:1px solid var(--btn-main-color);
    margin: 0 2px;
  padding: 7px 12px 5px 12px;
  font-size: 12px;
  color: var(--btn-main-color-text);
    background-color: var(--btn-main-color);
    box-shadow:none;
}
.chuonline_css .chuonline_menu_area_list .chuonline_scoring a.active {
    background-color: var(--btn-color-gray);
    border:1px solid var(--btn-color-gray);
}


.chuonline_css .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time dl {
display:inline-block;
border-radius: 8px;
border:1px solid var(--main-color);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    margin: 0 2px;
    padding: 0 5px;
}

.chuonline_header_time dt,
.chuonline_header_time dd {
  display: inline-block;
  margin: 0;
  padding: 7px 5px 5px 5px;
  font-size: 12px;
  color: var(--text-message);
}

.chuonline_css .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time dl.pause {
background:var(--btn-table-color);
border:none;
}

.chuonline_css .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time dl.pause dt,.chuonline_css .chuonline_contents_header .chuonline_header_time dl.pause dd {

 color: #fff;
}



.chuonline_css_cbt .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time dl.scoring {
background:#fbc071;
border:1px solid #ffac3b;
color: var(--text-main-color);
}
.chuonline_css_cbt .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time dl.scoring dd,
.chuonline_css_cbt .chuonline_menu_area_list .chuonline_contents_header .chuonline_header_time dl.scoring dt{
    color: var(--text-main-color);
    font-weight: bold;
}
.chuonline_css_cbt .chuonline_menu_area_list .chuonline_header_left_block {
    display: inline-block;
background:var(--main-color);
    color: #fff;
    border-radius: 15px;
    padding: 5px 30px;
    margin-bottom: 6px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}

/*アコーディオン*/
.chuonline_css .accordion .btn {
    box-shadow:none;
    margin-bottom: 0px !important;
    color: #0066c0;
    font-size: 16px;
}

.chuonline_css .accordion .card-header {
    padding: .25rem 1.25rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

@media screen and (max-width: 699px) {
.chuonline_css .accordion .accordion-inner img {
    width: 100%;
  }
}


/*テーブル*/
.chuonline_css .table-default-theme {
    font-size: 14px;
}
.chuonline_css .table-default-theme thead th {
    border-bottom: 1px solid var(--main-color110);
}
.chuonline_css .bootstrap-table .table {
    border: 1px solid #b5e7ff;
}
.chuonline_css .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #b5e7ff;
}
.chuonline_css .bootstrap-table .table>thead>tr>th {
    border-bottom: 1px solid #b5e7ff;
}
.chuonline_css .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--main-color5);
}
.chuonline_css .bg_color {
    /*background-color: var(--main-color5);*/
    background-color: var(--bg-yellow);
}
.chuonline_css .table-hover > tbody > tr:hover {
    background-color: #e9f6fc;
}
.chuonline_css .btn {
    font-size: 14px;
    min-width: 4.5em;
}


.chuonline_css .chuonline_table_answer_list .btn {
    max-width: 8em;
}


.chuonline_css .btn.small {
    font-size: 14px;
    min-width: auto;
    padding: .2em .6em;
}
.chuonline_css .btn.small.square {
    min-height: 50px;
}
.chuonline_css .btn.small.line1 {
    line-height: 3em;
}
.chuonline_css .bootstrap-table .table tr {
    background-color: #fbfbfb;
}
.chuonline_css .table-default-theme thead th {
    background-color: var(--main-color110);
    color: #fff;
}

.chuonline_css .fixed-table-container thead th .th-inner {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.chuonline_css .table-default-theme .btn-secondary {
    border: none;
    background-color: var(--main-color);
}

.chuonline_css .color-status-completed {
    /*background-color: var(--main-color);*/
    color: #fff;
}
.chuonline_css .table td,.chuonline_css .table th {
    vertical-align: middle;
    padding: .75rem .4rem;
    line-height: 1.4;
}

.chuonline_css .table.review td,.chuonline_css .table.review th {
    padding: .3rem .3rem;
}

.chuonline_css .chuonline_grading_info_box.info-header .input-group {
    margin-right: 15px;
    margin-bottom: 15px;
}

.chuonline_css .chuonline_grading_info_box.info-header .input-group.report_list {
    margin-right: 0px;
    padding-left: 0px;
}

.chuonline_css .label-sumi {
    border-style: solid;
    border-color: #6a923e;
    color: #6a923e;
    background-color: #fff;
}
.chuonline_css .label-misumi {
    border-style: solid;
    border-color: #fc6e51;
    color: #fc6e51;
    background-color: #fff;
}
.chuonline_css .label-misumi_color {
    color: #fc6e51;
}
.chuonline_css .label {
    display: inline-block;
    font-size: 90%;
    font-weight: normal;
    white-space: nowrap;
    line-height: 1;
    margin-right: 5px;
    padding: 4px 5px 3px 5px;
    vertical-align: middle;
}

.chuonline_css .table td .kamoku {
    font-size: 16px;
}

.chuonline_css .chuonline_page_inner .chuonline_mb_justify_pc_right {
    text-align:right;
}

/*404 NOT FOUND*/
.chuonline_404 .navbar-default.chuonline_nav_header {
  background: var(--main-color);
  font-weight: normal;
  width: 100%;
  min-height: 64px;
  z-index: 999;
  padding-top: 2px;
  padding-bottom: 2px;
}
.chuonline_404 .div_ttl_line {
  margin: 4px auto 20px;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: var(--main-color);
}
.chuonline_404 #page-main.chuonline_page_main_middle {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.chuonline_404 .chuonline_page_content_first {
  position: relative;
  top: 10px;
}
.chuonline_404 .chuonline_first_box_inner {
  text-align: center;
  width: 100%;
  /*border-radius: 3em;*/
  background: #fff;
  padding: 25px 0px;
  margin-bottom: 30px;
}

.chuonline_css #page-main .chuonline_first_box .chuonline_404 h1 {
  display: block;
  margin: 20px 2px 10px;
  padding: 0;
  text-align: left;
  color: #0079b5;
  background-color: transparent;
  border-radius: 0;
  font-size: 24px;
  line-height: 1;
}
.chuonline_page_inner p {
  font-size: 16px;
}
.chuonline_404 .div_ttl_line hr {
  display: none;
}
.calc_wrap {
  overflow: hidden;
}
.chuonline_404 .chuonline_page {
  margin-bottom: 30px;
}
.chuonline_404 .chuonline_page_inner {
  text-align: left;
}
.chuonline_404 .chuonline_page_inner p {
  text-align: justify;
}
.chuonline_404 .row > div {
  padding-left: 20px;
  padding-right: 20px;
}
.chuonline_css .chuonline_404 .chuonline_btn_fast_user {
    width: 220px;
}



/*復習ページ*/

.chuonline_css #page-main .chuonline_page_inner h2.h2_detail {
  color: var(--text-main-color);
}
.chuonline_css #page-main h2.h2_detail {
  position: relative;
  text-align: center;
    display: block;
    margin-top: 40px;
}

.chuonline_css #page-main h2.h2_detail:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 8px;
  content: '';
  background-color: var(--main-color);
    border-radius: 4px;
}

.chuonline_css #page-main h2.h2_detail span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}


.chuonline_css .chuonline_review .btn.small.square {
    min-height: auto;
    line-height: 1.8em;
}
.chuonline_css #page-main.chuonline_review .chuonline_ttl h3 {
    background-color:transparent;
    border:none;
    border-left: 4px solid;
    border-color:var(--main-color);
    display: inline-block;
    margin: 10px 0 4px 1px;
    padding: 4px 0px 4px 6px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: var(--text-main-color);
    border-radius:0;
}

.chuonline_css #page-main.chuonline_review .chuonline_ttl p {
    display: inline-block;
    margin: 10px 0 4px 0px;
    padding: 4px 15px 4px 0px;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    color: var(--text-main-color);
    border-radius:0;
}
.chuonline_css .chuonline_text_4em {
    width: 4em
}

.chuonline_css .chuonline_review_text_bg {
background:var(--main-color10);
    padding: 12px 10px 8px;
    border-radius: 4px;
}
.chuonline_css .chuonline_review_text {
    padding: 5px 10px 0px;
}

.chuonline_css .chuonline_review .chuonline_btn_review {
  width: auto;
    min-width: 4.5em;
  height: 40px;
  padding: 5px 10px;
  border-radius: 6px;
    margin-right: 8px;
    margin-bottom: 8px;
  border: none;
  font-size: 16px;
  text-align: center;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}


.chuonline_css .chuonline_review .chuonline_btn_review1 {
    background: var(--main-color);
    border: 1px solid var(--main-color);
}
.chuonline_css .chuonline_review .chuonline_btn_white {
    background:#fff;
    color:#333;
    border: 1px solid var(--main-color);
}
.chuonline_css .chuonline_review .chuonline_btn_green {
    background:var(--green-color);
    color:#fff;
    border: 1px solid var(--green-color);
}
.chuonline_css .chuonline_review .min_w_11em {
    min-width: 11em;
}
.chuonline_css .chuonline_review .min_w_17em {
    min-width: 17em;
}
.chuonline_css .chuonline_main_btn_white {
    background:#fff;
    border: 1px solid var(--main-color);
    color: var(--btn-main-color);
    margin-left: 10px;
    margin-right: 10px;
}




.chuonline_css .not_bg {
    background-color: #ffffe4;
}

.chuonline_css .a_text {
    display: inline-block;
    text-decoration: underline!important;
    padding: 6px;
    font-size: 16px;
}


.chuonline_css .a_text.bottom {
    display: inline-block;
    padding: 8px 10px 4px;
    font-size: 16px;
}

@media screen and (max-width: 700px){
.chuonline_css .a_text.bottom {
    padding: 4px 10px 14px;
}
}

@media screen and (max-width: 575px){
.chuonline_css .chuonline_grading_info_box.info-header-border {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
.chuonline_css .chuonline_grading_info_box .input-group ,.chuonline_css .chuonline_grading_info_box.info-header-border {
    width: 300px;
}
    .chuonline_css .chuonline_grading_info_box.info-header .input-group {
        margin-left: 0;
        margin-right: 0;
    }

.chuonline_css .chuonline_info_box_select_box .input-sm {
    width: 95px;
}
}

@media screen and (min-width: 670px){
.container.chuonline_container_table {
    max-width: 100%;
}
}
@media screen and (min-width: 870px) {
.container.chuonline_container_table {
    max-width: 840px;
}
}
@media screen and (min-width: 700px){
.chuonline_css .chuonline_review .chuonline_scroll-table {
    overflow:inherit;
}
}



/*テーブル END*/






/*成績情報管理BOX*/


.chuonline_css .nav-tabs>li.active>a,.chuonline_css .nav-tabs>li.active>a:focus, .chuonline_css .nav-tabs>li.active>a:hover {
    color: var(--text-main-color);
    background-color: #C7E77E;
    border:none;
    border-bottom:none;
    border-bottom-color: transparent;
    font-weight: bold;
}
.chuonline_css .nav > li > a.li-tab {
    background-color: #75A7CF;
    border-bottom:none;
    color: var(--text-main-color);
    border-radius: 0px;
        padding: 10px 18px !important;
    margin-right: 5px;
}
.chuonline_css .nav > li.active > a.li-tab {
    background-color: #C7E77E;

}
.chuonline_css .info-header-border.chuonline_grading_info_box {
    margin-top: 15px;
}
.chuonline_css .chuonline_grading_info_box .table {
    border:none;
    border-top: 1px solid #707070;
    border-radius: 0;
    margin-bottom: 2px;
}
.chuonline_css .chuonline_grading_info_box .table.table-default-theme.fixed-column-c {
    border-top: none;
}
.chuonline_css .chuonline_grading_info_box .table.table-default-theme.fixed-column-c th {
    border-top: 1px solid #707070;
}
.chuonline_css .chuonline_grading_info_box .table.table-default-theme {
}
.chuonline_css .fixed-table-container {
    border:none;
    border-radius: 0;
}
.chuonline_css .chuonline_grading_info_box .table-default-theme thead th {
    border-radius: 0;
    border-left: 1px solid #707070;
}
.chuonline_css .bad{
    background: #f9c7c68f;
}
.chuonline_css .good{
    background:#d5f0f7;
}
.chuonline_css .chuonline_info_box_select_box .input-group-chuonline {
    color: #fff;
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
    border-radius: 10px 0px 0px 10px ;
}
.chuonline_css .chuonline_info_box_select_box .form-control.chuonline_info_box_select {
    color: var(--text-main-color);
    background-color: #fff;
    border: 2px solid var(--main-color);
    border-radius: 0px 10px 10px 0px ;

    background: url(../img/registration_select_icon.png) no-repeat right center;
    background-size: 11px;
    background-position: right 5px bottom 4px;
    border-left: none;


}

.chuonline_css .chuonline_info_box_select_box .input-group-chuonline.chuonline_sub_color {
    background-color: var(--main-color150);
    border: 2px solid var(--main-color150);
}
.chuonline_css .chuonline_info_box_select_box .input-group-chuonline.chuonline_kyoka_color {
    background-color: var(--green-color);
    border: 2px solid var(--green-color);
}
.chuonline_css .chuonline_info_box_select_box .form-control.chuonline_info_box_select.chuonline_kyoka_color {
    border: 2px solid var(--green-color);
}



/*セレクトボックス*/
.chuonline_css .chuonline_info_box_select_box select.input-sm {
    height: 25px;
    line-height: 20px;
    padding: 2px 25px 2px 15px;
    -webkit-appearance: none;
　-moz-appearance: none;
　appearance: none;
}
.chuonline_css .chuonline_info_box_select_box select::-ms-expand {
　display: none;
}

.chuonline_css .chuonline_info_box_select_box .input-sm {
    height: 25px;
    padding: 2px 15px;
    appearance:none;
}
.chuonline_css .chuonline_report_list .chuonline_info_box_select_box {
    padding: 0 8px;
}
.chuonline_css .chuonline_report_list .chuonline_info_box_select_box span.input-sm {
    width: 7em;
    text-align: center;
}


.chuonline_css .chuonline_grading_info_box.info-header-border {
    margin-bottom: 20px;
    padding: 10px 0px 5px 0px;
    background-color: #ffffff;
    border:none;
    border-radius: 0;
}



@media screen and (max-width: 575px) {
.chuonline_css .policy_text.policy_text_bottom {
    margin: 12px 0px 16px;
    padding-left: 0;
    padding-right: 0;
}
}


@media screen and (max-width: 480px) {

.chuonline_css .nav > li > a.li-tab {
    padding: 4px 8px !important;
    margin-right: 7px;
}
}
@media screen and (max-width: 375px) {

.chuonline_css .nav > li > a.li-tab {
    padding: 4px 6px !important;
    margin-right: 4px;
}
}
/*成績情報管理BOX END*/





/*
 * --- 会員情報登録・変更 ---
 */


 /*ページタイトル*/
 .chuonline_css .registration_text{
    font-size: 14px;
    text-align: center;
    padding: 0 2.4em;
    margin: 8px 0px 3px;
     color: var(--text-message);
 }
 .chuonline_css .registration_fa-size{
    font-size: 22px;
    color: #707070;
    margin: 0 7px;
 }

 .chuonline_css .registration_text.registration_text_top{
    color: #FF0000;
    font-weight: bold;
    margin: 0px 0px 10px;
 }
 .chuonline_css .registration_text.registration_text_bottom{
    color: #FF0000;
    font-weight: bold;
    margin: 0px 0px;
 }
 .chuonline_css .chuonline_user_registration .div_ttl_line {
     margin-bottom: 10px;
 }
.chuonline_complete_fa {
    font-size: 90px;
    color:var(--green-color);
    font-weight: normal;
}
.chuonline_complete_fa.normal {
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-color:#fff;
  -webkit-text-stroke-width:4px
}

.chuonline_css .chuonline_btn_fast_user.chuonline_btn_long {
    width: 340px;
}

 /*入力フォーム*/
.chuonline_css .chuonline_registration_box{
    overflow: hidden;
    padding: 0 .5em;
    margin-bottom: 30px;
    font-size: 16px;
}

.chuonline_css .chuonline_registration_left,
.chuonline_css .chuonline_registration_right{
    text-align: left;
    width: 45%;
    padding-top: 11px;
}
.chuonline_css .chuonline_registration_left{
    float: left;
}
.chuonline_css .chuonline_registration_right{
    float: right;
}

.chuonline_css .chuonline_user_registration .chuonline_registration_left {
    width: 50%;
}
.chuonline_css .chuonline_user_registration .chuonline_registration_right {
    width: 45%;
}


.chuonline_css .chuonline_registration_title{
    font-size: 18px;
    color: var(--text-message);
    text-align:center;
    border-bottom:2px solid #04588F;
    padding-bottom: 3px;
    width: 95%;
    margin: 15px auto 15px;
}

@media screen and (min-width: 768px) {
.chuonline_css .chuonline_registration_box{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}
.chuonline_css .chuonline_registration_title{
    width: 100%;
}
}

/*共通部分*/
.chuonline_css .registration_input_group{
    /*display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;*/
    margin-bottom: 18px;
}

.chuonline_css .registration_input_group:after{
    display: table;
    content: " ";
    clear: both;
}

.chuonline_css .chuonline_registration_label{
    font-weight: normal;
    color: var(--text-message);
    width: 50%;
    position: relative;
    padding-left: 10px;
    float: left;
}
.chuonline_css .chuonline_registration_label span{
    color: #FF0000;
    position: absolute;
    left: 0px;
}

.chuonline_css .chuonline_registration_input_box{
    width: 50%;
    float: left;
}
/*input、select関係*/
.chuonline_css .chuonline_registration_input_box input,
.chuonline_css .chuonline_registration_input_box select{

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 1px solid #707070;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 18px;
}

.chuonline_css .chuonline_registration_input_box.registration_half input{
    width: calc(50% - 6px);
}
.chuonline_css .chuonline_registration_input_box.registration_half input:first-child{
    margin-right: 6px;
}

.chuonline_css .chuonline_registration_input_box.registration_full input{
    width: 100%;
}

/*年・月・日*/
.chuonline_css .chuonline_registration_date_box{
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
}


.chuonline_css .chuonline_registration_date_select{
    display: inline-block;
    width: 50%;
}
.chuonline_css .chuonline_registration_date_select select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 65%;
    margin-right: 5px;
    background: url(../img/registration_select_icon.png) no-repeat right center;
    background-size: 11px;
    background-position: right 5px bottom 6px;
}


.chuonline_css .chuonline_registration_date_select:first-child{
    width: 100%;
    margin-bottom: 6px;
}
.chuonline_css .chuonline_registration_date_select:first-child select{
    width: 50%;
}
.chuonline_css .chuonline_registration_date_select:not(:first-child) {
    flex: 1;
}



@media screen and (max-width: 1200px) {
    .chuonline_css .registration_text.registration_text_bottom{
        float: none;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .chuonline_css .chuonline_user_registration .chuonline_registration_left,
    .chuonline_css .chuonline_user_registration .chuonline_registration_right{
        float: none;
        width: 100%;
    }
    .chuonline_css .chuonline_registration_right{
        border-top: 0px;
        padding-top: 0px;
    }
    .chuonline_css .chuonline_registration_box{
        margin-bottom: 20px;
    }
}


@media screen and (min-width: 768px) {

    .chuonline_css .chuonline_first_box_inner.chuonline_user_registration {
        width: 690px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 576px) {

.chuonline_css .chuonline_registration_input_box.wide{
    width: 65%;
}

.chuonline_css .chuonline_registration_label.min{
    width: 35%;
}
.chuonline_css .chuonline_registration_input_box.wide textarea{
    width: 100%;
}
}
@media screen and (max-width: 575px) {
    .chuonline_css .registration_text,
    .chuonline_css .chuonline_registration_box{
        padding: 0 0.5em;
    }
    .chuonline_css .chuonline_registration_date_select select{
        margin-right: 0px;
    }

.chuonline_css .chuonline_registration_input_box.wide{
    width: 65%;
}

.chuonline_css .chuonline_registration_label.min{
    width: 35%;
}
.chuonline_css .chuonline_registration_input_box.wide textarea{
    width: 100%;
}

}


/*
 * --- 会員情報登録・変更 END---
 */

@media screen and (max-width: 992px) {
    .chuonline_css .chuonline_course_list_box .course_list_table tr td:nth-child(1){
        width: 10%;
    }
    .chuonline_css .chuonline_course_list_box .course_list_table tr td:nth-child(2){
        width: 30%;
    }
    .chuonline_css .chuonline_course_list_box .course_list_table tr td:nth-child(1){ width: 5%; }
    .chuonline_css .chuonline_course_list_box .course_list_table tr td:nth-child(2){ width: 20%; }
    .chuonline_css .chuonline_course_list_box .course_list_table tr td:nth-child(3){ width: 25%; }
    .chuonline_css .chuonline_course_list_box .course_list_table tr td:nth-child(4){ width: 35%; }

}
@media screen and (max-width: 767px) {

    .chuonline_css .chuonline_course_list_box{
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
    }
    .chuonline_css .chuonline_course_list_box .course_list_table{
        min-width: 650px;
    }

}

@media screen and (max-width: 992px) {
    .chuonline_css .chuonline_course_details_box .course_details_select_table tr td:nth-child(2){
        width: 30%;
    }
}

@media screen and (max-width: 767px) {
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(3),
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(4),
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(5){
        padding: 3px 5px;
    }
    .chuonline_css .course_details_list_table .chuonline_course_details_btn{
        width: 80px;
    }
}

@media screen and (max-width: 480px) {
    .chuonline_css .chuonline_course_details_box .course_details_select_table tr{
        display: inline-block;
        width: 100%;
        padding: 10px;
        border: 0px;
        font-size: 0px;
    }
    .chuonline_css .chuonline_course_details_box .course_details_select_table tr td{
        display: inline-block;
        width: 100%;
        border: 0px;
    }
    .chuonline_css .chuonline_course_details_box .course_details_select_table tr td:nth-child(1){
        width: 20%;
        padding-right: 10px;
        text-align: left;
    }
    .chuonline_css .chuonline_course_details_box .course_details_select_table tr td:nth-child(2){
        width: 80%;
    }
    .chuonline_css .chuonline_course_details_box .course_details_select_table tr td:last-child{
        width: 100%;
        padding: 5px 0px 0px 0px;
    }
    .chuonline_css .chuonline_course_details_box .details_big_icon{
        margin: 0px auto;
        width: 100%;
        max-width: 75px;
        font-size: 16px;
    }
    .chuonline_css .chuonline_details_table_select{
        width: 100%;
        font-size: 16px;
        background-position: right 10px bottom 7px;
    }
    .chuonline_css .chuonline_course_label_attendance, .chuonline_css .chuonline_course_label_exam{
        width: calc(30% - 10px);
    }
    .chuonline_css .chuonline_progress_box_attendance, .chuonline_css .chuonline_progress_box_exam{
        width: 68%;
    }


    /* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(1){
        width: 8%;
        padding: 0px 4px;
    }
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(3),
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(4),
    .chuonline_css .chuonline_course_details_box .course_details_list_table tr td:nth-child(5){
        padding: 3px;
    }
    .chuonline_css .chuonline_show_480{
        display: block;
    }
    .chuonline_css .course_details_list_table .chuonline_course_details_btn{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        line-height: 1.2;
    }
}
/*
 * --- 講座詳細 END---
 */




/*
 * --- 動画視聴---
 */

.chuonline_video {
        top:0;
        width: 100%;
        height: 100%;
        background: var(--text-main-color);
}

.calc_wrap {
    overflow: hidden;
}
@media screen and (max-width: 768px) {
.chuonline_video {
    position: relative;
    left: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
}
}



/*
 * --- テーブル---
 */
.chuonline_table {
    margin-bottom: 0;
}
.chuonline_table thead {
  background:var(--main-color10);
}
.chuonline_table th{
    min-width: 80px;
}
.chuonline_table th,.chuonline_table td {
    white-space: nowrap;
    text-align: center;
}
.chuonline_scroll-table {
  overflow: auto;
  white-space: nowrap;
}
.chuonline_table_report thead th {
    vertical-align: middle;
}


/*
 * --- テーブル　END---
 */


/*タブ*/
.chuonline_css .tab-pane {
    border:none;
}
.chuonline_css .nav-tabs {
    /*border:none;*/
}
.chuonline_css .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #008bbf;
    border-color: #dee2e6 #dee2e6 #fff;
}
.chuonline_css .nav-item.chuonline_sub_text {
    float: right;
    flex: auto;
    width: 50%;
    padding:0 0 0 10px;
}

@media screen and (max-width: 993px) {
.chuonline_css .chuonline_page_inner .chuonline_mb_justify_pc_right {
    text-align: justify;
    padding-top: 0!important;
    }
}




/* 入力フォームが配置されるインナー 　*/
.chuonline_css #page-main .chuonline_passchg_inner {
    width: 100%;
    height: auto;
    margin-top: 2.5em;
    padding-top: 0em;
    /*padding-bottom: 2em;*/
}


/* 入力フォーム*/

.chuonline_css .chuonline_passchg_inner .chuonline_passchg_form-group,.chuonline_css .chuonline_login_inner .chuonline_login_form-group {
    text-align:center;
}
.chuonline_css .chuonline_login_inner .chuonline_login_form-group.long input.chuonline_icon_pass,
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long .custom-select {
    width: 70%;
}
.chuonline_css .chuonline_passchg_inner input.chuonline_icon_pass,.chuonline_css .chuonline_login_inner input.chuonline_icon_pass {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 30%;
  height: 44px;
  margin: 0 auto;
  border-radius: 8px;
  background: #fff;
  border: 2px solid var(--input-border);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    padding: 1.5rem 1.5rem;
    color: #333;
}
.chuonline_css .chuonline_login_inner .chuonline_login_form-group.long .custom-select {

  border: 2px solid var(--input-border);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
  height: 54px;
  border-radius: 8px;
}

.chuonline_css .chuonline_login_inner input.chuonline_icon_pass.form-control:focus {
    color: #495057;
    background-color: #fffff3;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 4px 0.2rem rgb(0 123 255 / 25%);
    border: 2px solid #1779b9;

}


.chuonline_css .chuonline_login_inner .chuonline_name {
    display: inline-block;
    font-size: 16px;
    padding:0 10px 0 0;
}
.chuonline_css .chuonline_login_inner .chuonline_login_3column {
    display: inline-block;
    font-size: 16px;
    padding:0 3px;
    width: 23%;
}
.chuonline_css .chuonline_login_inner .chuonline_login_form-group.long .chuonline_login_3column input.chuonline_icon_pass {
    width: 100%;
}
.chuonline_css .chuonline_login_inner .chuonline_name.chuonline_right {
    padding-left: 25px;
    padding:0 10px;
}

.chuonline_css .chuonline_passchg_inner input.chuonline_icon_pass, .chuonline_css .chuonline_login_inner input.chuonline_icon_pass {
        text-align: center;
}

/* 入力フォーム左のテキスト */
.chuonline_css .chuonline_passchg_text {
    float:none;
    width: 40%;
    font-size: 18px;
    text-align: center;
    padding: 0 2.4em;
    margin: 8px auto 8px;
    color:var(--text-message);
}
.chuonline_css .chuonline_passchg_text .sub_text {
    font-size: 14px;
    color:#3B3B3B;
    display: inline-block;
    padding-left: 10px;
}

@media screen and (max-width:699px) {
.chuonline_css .chuonline_login_inner input.chuonline_icon_pass {
    width: 34%;
    }
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long input.chuonline_icon_pass,
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long .custom-select {
    width: 95%;
}
.chuonline_css .chuonline_login_inner .chuonline_login_3column {
    width: 31%;
}
    .chuonline_css .chuonline_passchg_inner input.chuonline_icon_pass, .chuonline_css .chuonline_login_inner input.chuonline_icon_pass {
    padding: 1.5rem 0.5rem;
}
}
@media screen and (min-width:992px) {
.chuonline_css .chuonline_login_inner input.chuonline_icon_pass {
    width: 20.5%;
    }
.chuonline_css .chuonline_login_inner input.chuonline_icon_pass.chuonline_icon_name {
    width: 20.5%;
    }
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long input.chuonline_icon_pass {
    width: 70%;
}
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long input.chuonline_icon_pass.chuonline_icon_student,
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long .custom-select {
    width: 50%;
}
    .chuonline_css .chuonline_login_inner .chuonline_login_form-group.long .chuonline_login_3column input.chuonline_icon_pass {
    width: 100%;
}
}



/*　パスワード再入力エラーメッセージ */


.chuonline_css #page-main .chuonline_first_box .chuonline_passchg_error{
    display: none;
    float: left;
    text-align: left;
    padding-left: 2.5em;
    padding-bottom: 1.5em;
    margin: 0 auto;
}


.chuonline_css #page-main .chuonline_first_box .chuonline_passchg_error h1{
    color: red;
    font-size: 18px;
}


/*  キャンセル, 変更ボタンのwrapper */
.chuonline_css #page-main .chuonline_first_box .chuonline_passchg_btn_wrapper{
    float: right;
}



/* サイズ別 */

@media screen and (min-width: 992px) {
body.chuonline_css .chuonline_logo_h1 img {
        /*width:671px;*/
    }
}

@media screen and (min-width: 768px) {

.chuonline_css .chuonline_passchg_inner input.chuonline_icon_pass {
  width: 40%;
    }
    .chuonline_css .chuonline_logo_h1 img {
        /*width:80%;*/
    }
}

@media screen and (max-width: 767px) {

    .chuonline_css .chuonline_passchg_inner input.chuonline_icon_pass {
        width: 50%;
        height: 44px;
    }

    .chuonline_css .chuonline_passchg_text {
        width: 40%;
        padding: 0;
    }

    .chuonline_css #page-main .chuonline_first_box .chuonline_passchg_error{
        padding: 0;
        margin-bottom: 2em;
    }

    .chuonline_css #page-main .chuonline_first_box .chuonline_passchg_error h1{
        font-size: 16px;
    }
    .chuonline_css .chuonline_logo_h1 img {
        width:90%;
    }
}

@media screen and (max-width: 480px) {
    .chuonline_css #page-main .chuonline_passchg_inner {
        height: 100%;
        padding: 0em;
    }

    .chuonline_css .chuonline_passchg_inner input.chuonline_icon_pass {
        width: 80%;
        height: 32px;
    }

    .chuonline_css .chuonline_passchg_text {
        width: 50%;
        font-size: 16px;
        padding: 0;
    }

    .chuonline_css #page-main .chuonline_first_box .chuonline_passchg_btn_wrapper{
        float: none;
    }
    .chuonline_css .chuonline_passchg_inner .chuonline_passchg_form-group {
    margin-bottom: 40px;
}
    .chuonline_css .chuonline_logo_h1 img {
        width:100%;
    }
}
@media screen and (max-width: 375px) {}


/*
* パスワード変更完了 (passchg_complete.html)
*/


/* 他のページと統一性を持つようにボックスのheightを調節 */
.chuonline_css #page-main .chuonline_passchg_complete_blank {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    padding: 2.4em;
}

/* テキスト */
.chuonline_css .chuonline_passchg_complete_text {
    font-size: 14px;
    text-align: left;
    padding: 0 2.4em;
    margin: 8px 0px 8px;
}


/* XSサイズ */
@media screen and (max-width: 480px) {
    .chuonline_css #page-main .chuonline_passchg_complete_blank {
        padding: 1em;
    }
}

/*成績順位グラフ*/
.c3-region.bg_color {
  fill:#FFEE95;
}
.c3-region.bg_color rect {
    opacity: 1!important;
    fill-opacity: 1!important;
}
.c3-legend-item {
    pointer-events: none;
}



/* DP0160画面追記 */

.point｛

    font-size: 28px !important;
    padding:0 8px !important;
    color:#ec3d64 !important;

｝

.seiseki{
        width: 250px !important;

}



/*受験ページ*/

.chuonline_css .chuonline_juken {
    margin-bottom: 40px;
}
.chuonline_css .chuonline_juken_inner {
    text-align: left;
}
.chuonline_css .chuonline_juken_inner p {
    text-align:justify;
}

/*生活アンケートページ*/
.chuonline_questionnaire p {
    text-align:justify;
}
.chuonline_questionnaire_box {
    margin: 15px 0;
    padding: 10px 0 10px;
    border-bottom: 1px solid var(--bg-color-gray);
}
.chuonline_questionnaire_box .form-check {
    padding: 5px 0px 5px 25px;
}

.chuonline_css .floating-banner .chuonline_btn_fast_user.chuonline_btn_long {
    left: 50%;
    border: 0;
    transform: translate(-50%, 0%);
    position: fixed;
    z-index: 99;
    top: unset;
    right: 0;
    bottom: 0px;
    width: 300px;
}
.chuonline_css .floating-banner {
    background-color: rgba(255,255,255,.8);
    border: 0;
    position: fixed;
    z-index: 98;
    top: unset;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
}
.chuonline_css .floating-banner .chuonline_btn_fast_user {
    margin-bottom: 20px;
}
.chuonline_css .floating-banner .chuonline_btn_fast_user.chuonline_btn_long {
    width: 230px;
}

/*生活アンケートページ iframe*/
.chuonline_css .chuonline_gforms_wrapper {
  position: relative;
  width: 100%;
  height: 800px;
  overflow-y: scroll;
}

.chuonline_css .chuonline_gforms_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-height: 813px) {
.chuonline_css .chuonline_gforms_wrapper {
  height: 660px;
}
}

@media screen and (max-height: 737px) {
.chuonline_css .chuonline_gforms_wrapper {
  height: 580px;
}
}

@media screen and (max-height: 668px) {
.chuonline_css .chuonline_gforms_wrapper {
  height: 500px;
}
}


/*通常汎用ページ*/
.chuonline_css .chuonline_page {
    margin-bottom: 30px;
}
.chuonline_css .chuonline_page_inner {
    text-align: left;
}
.chuonline_css .chuonline_page_inner p {
    text-align:justify;
}
.chuonline_css #page-main .chuonline_page_inner h2 {
    font-size: 20px;
    line-height: 1.5;
    color: var(--text-main-color);
    padding-left: 0;
}

.chuonline_number p {
padding-left:30px;
text-indent:-30px;
    margin-bottom: 1em;
    line-height: 1.5;
    text-align: justify;
}

.chuonline_number p span {
display: inline-block;
height:20px;
 width:20px;
 border-radius:50%;
 line-height:20px;
 text-align:center;
    margin-right: 10px;
    background-color: var(--btn-main-color);
    color: var(--btn-main-color-text);
text-indent:0px;
}

/*デザイン追加*/
.chuonline_css .section_wrapper,.chuonline_css .section_wrapper_top {
padding: 10px 15px;
background-color: #fff;
box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
border: 1px solid #ccc;
border-top: 6px solid var(--main-color);
    border-radius: 4px;
}
.chuonline_css .section_wrapper_top {
border-top:none;
border: 1px solid #ccc;
margin: 0 5.5em;
}
.chuonline_css .chuonline_news_list li:last-child {
    border-bottom: none;
}

.chuonline_css #page-main .chuonline_page_inner h2 {
    color:#2196c1;
}
.chuonline_css .chuonline_passchg_text {
    width: 100%;
}

@media screen and (max-width: 768px) {
.chuonline_css .section_wrapper_top {
margin: 0 2em;
}
}
@media screen and (max-width: 414px) {
.chuonline_css .section_wrapper_top {
margin: 0 0em;
}
body.chuonline_css .div_ttl_line {
    width: 100%;
}
}







/* XSサイズ */
  @media screen and (max-width: 480px) {

  .chuonline_css #page-main .chuonline_page_content_main h1.chuonline_login img {
    max-width: 280px;
    width: 250px;
    height: auto;
  }

  .chuonline_css #page-main .chuonline_page_content_main h1.chuonline_main {
    padding: 5px 5px 2px 5px;
  }


  .chuonline_css .chuonline_page_content_main .chuonline_main_box_inner {
    padding-top: 25px;
  }

  .chuonline_css .chuonline_page_content_main .chuonline_main_box .chuonline_main_box_inner .chuonline_main_btn {
    width: 75%;
    margin-bottom: 25px;

  }
  .chuonline_css .chuonline_page_content_main .chuonline_main_box .chuonline_main_box_inner .chuonline_main_btn span {
    padding-left: 15px;
    text-align: center;
  }

  .chuonline_css .chuonline_page_content_main .chuonline_main_box .chuonline_main_box_inner .chuonline_main_btn .chuonline_main_btn_icon {
    width: 15%;
    font-size: 1.5em;
  }
  .chuonline_css .chuonline_page_content_main .chuonline_main_box .chuonline_main_box_inner .chuonline_main_btn .chuonline_main_btn_text {
    width: 80%;
    font-size: 1.5em;
  }

  .chuonline_css .chuonline_main_notice{
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
  }

.chuonline_css .chuonline_btn_fast_user.chuonline_btn_long {
    width: 300px;
}

}

@media screen and (max-width: 768px) {
.navbar-nav {
    margin-top: 10px;
}
.navbar-nav li {
    padding-left: 10px;
}
}