/**
 * 蜈ｱ騾�
 */
button.scroll_top_button {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  text-align: center;
  padding: 0;
}

.btn {
  white-space: nowrap;
}
.back_button_ex {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 auto;
  padding: 0.5rem;
  width: 9rem;
}
.back_button_text {
  margin-left: 0.2rem;
}
.light_button {
  border: 1px solid #333;
  background-color: #e2e6ea;
}
.light_button:hover {
  background-color: #cccccc;
}
img {
  pointer-events: none;
}

/**
 * 繝医ャ繝�
 */
/*
.bn_wrap a {
  margin-bottom: 0.3rem;
}
*/

/**
 * 險倅ｺ区､懃ｴ｢
 */
.article_pdfimage_thumbnail {
  display: block;
  width: 206px;
  height: 206px;
  line-height: 194px;
  background-color: #cccccc;
  border: 3px solid #cccccc;
  text-align: center;
  position: relative;
  z-index: 2;
}
.article_pdfimage_thumbnail:hover {
  border: 3px solid #007bff;
}
.article_pdfimage_thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.article_pdfimage_thumbnail_for_print {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.0;
  display: block;
  width: 206px;
  height: 206px;
  line-height: 194px;
  background-color: #cccccc;
  border: 3px solid #cccccc;
  text-align: center;
  z-index: 1;
}
.article_pdfimage_thumbnail_for_print img {
  max-width: 100%;
  max-height: 100%;
}
.highlight_word {
  background-color: #ffc107;
}

.tooltip-inner {
  background-color: #fff;
  color: #333;
  text-align: left;
  max-width: 250px;
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
}
.bs-tooltip-top .arrow::before {
  border-top-color: #fff;
}
.bs-tooltip-right .arrow::before {
  border-right-color: #fff;
}
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
}
.bs-tooltip-left .arrow::before {
  border-left-color: #fff;
}

.article_search_result_label {
  white-space: nowrap;
}

.article_result_list_wrap .article_headline {
  font-size: 120%;
}
.article_result_list_wrap .article_headline a:hover {
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}
.article_result_list_wrap .article_headline a:hover::after {
  background-color: #fff;
}
.article_result_list_wrap .article_info {
  font-size: 100%;
}
.article_result_list_wrap .article_body {
  font-size: 100%;
  margin-left: 30px;
}

.article_details .article_header_card .article_headline {
  font-size: 120%;
}
.article_details .article_header_card .article_info {
  font-size: 100%;
}
@media screen and (max-width: 576px) {
  .article_result_list_wrap .article_headline {
    font-size: 112.5%%;
  }
  .article_result_list_wrap .article_info {
    font-size: 87.5%;
  }
  .article_details .article_header_card .article_headline {
    font-size: 112.5%;
  }
  .article_details .article_header_card .article_info {
    font-size: 87.5%;
  }
}
.article_wrap {
  padding: 0.75rem 1.875rem;
}
.article_period {
  margin-bottom: 0.5rem;
}
.article_search_button_bottom {
  margin: 0.5rem auto 0;
}
.article_keywords_narrow {
  margin: 0.5rem auto 0.5rem;
}
.article_keywords {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
.hotword_button {
  font-size: 0.9rem;
  padding: 0.12rem 0.5rem;
}

/**
 * 縺翫☆縺吶ａ繝九Η繝ｼ繧ｹ
 */
.pickup_list .pickup_news_headline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 2.8rem;
    min-height: 5.6rem;
}
.pickup_list .dummy_card_body .dummy {
    visibility: hidden;
}
.pickup_list rt {
  margin-top: 0.5rem;
}
.pickup_list .card:nth-of-type(n + 4) {
  border-bottom: dotted 0.1875rem #000;
}
.pickup_list .card:nth-last-of-type(-n + 3) {
  border-bottom: none;
}

/**
 * 繝槭う繝壹�繧ｸ
 */
.mypage_button, .mypage_button:active, .mypage_button:focus, .mypage_button:hover {
  text-decoration: none;
}
.mypage_menu_label {
  min-width: 17.9375rem;
}
.mypage_menu_description {
  margin-right: 5px;
}
.mypage_menu_button .btn-link {
  font-size: 1.1rem;
}

.mypage_scrap_delete_button {
  width: 150px;
  height: 35px;
  color: #ffffff;
  background-color: #999999;
  text-align: center;
  white-space: nowrap;
  font-size: 0.85rem;
  border-radius: 0.5rem;
}
.mypage_scrap_delete_button:hover {
}
.mypage_scrap_pdfimage_button {
  width: 150px;
  height: 35px;
  color: #ffffff;
  background-color: #008ed1;
  text-align: center;
  white-space: nowrap;
  font-size: 0.9rem;
  border-radius: 0.5rem;
}
.mypage_scrap_pdfimage_button:hover {
}
.mypage_scrap_memo_button {
  width: 150px;
  height: 35px;
  color: #333333;
  background-color: #f0f0f0;
  text-align: center;
  white-space: nowrap;
  font-size: 0.9rem;
  border: 1px solid #333333;
  border-radius: 0.5rem;
}
.mypage_scrap_memo_button:hover {
  color: #333333;
  background-color: #dfdfdf;
  opacity: 1.0;
}
.mypage_scrap_dummy_attachment_thumbnail {
  width: 145px;
  height: 120px;
  line-height: 120px;
  font-size: 0.9rem;
  text-align: center;
  color: #666666;
  margin: 0 auto;
}
.mypage_scrap_detachfile_button {
  width: 125px;
  height: 35px;
  color: #ffffff;
  background-color: #999999;
  text-align: center;
  white-space: nowrap;
  font-size: 0.9rem;
  border-radius: 0.5rem;
}
.mypage_scrap_detachfile_button:hover {
}
.mypage_scrap_attachfile_button {
  width: 125px;
  height: 35px;
  color: #ffffff;
  background-color: #008ed1;
  text-align: center;
  white-space: nowrap;
  font-size: 0.8rem;
  border-radius: 0.5rem;
}
.mypage_scrap_attachfile_button:hover {
}

.composition_status_tab {
  color: #fff !important;
}
.composition_status_badge {
  color: #fff !important;
}
.composition_status_tab a {
  color: #fff;
}
.composition_status_tab .badge {
  background-color: #fff;
}
.composition_status_tab.composition_status_all {
  background: linear-gradient(180deg, #666, #ccc) !important;
}
.composition_status_tab.composition_status_submitted {
  background-color: #f1a73b !important;
}
.composition_status_tab.composition_status_submitted .badge {
  color: #f1a73b;
}
.composition_status_badge.composition_status_submitted {
  background-color: #f1a73b !important;
}
.composition_status_tab.composition_status_accepted {
  background-color: #14a2b9 !important;
}
.composition_status_tab.composition_status_accepted .badge {
  color: #14a2b9;
}
.composition_status_badge.composition_status_accepted {
  background-color: #14a2b9 !important;
}
.composition_status_tab.composition_status_reviewed {
  background-color: #28a743 !important;
}
.composition_status_tab.composition_status_reviewed .badge {
  color: #28a743;
}
.composition_status_badge.composition_status_reviewed {
  background-color: #28a743 !important;
}
.composition_status_tab.composition_status_posted {
  background-color: #14a2b9 !important;
}
.composition_status_tab.composition_status_posted .badge {
  color: #14a2b9;
}
.composition_status_badge.composition_status_posted {
  background-color: #14a2b9 !important;
}
.composition_status_tab.composition_status_error {
  background-color: #dc3545 !important;
}
.composition_status_tab.composition_status_error .badge {
  color: #dc3545;
}
.composition_status_badge.composition_status_error {
  background-color: #dc3545 !important;
}
.composition_status_badge {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  width: 6.7rem;
  padding: 0.6rem 0;
}

.composition-list .title:hover {
    cursor: pointer;
}
.composition_search .form-control.invalid {
  border-color: #dc3545;
}
.composition_search .input_grade {
  width: 3rem;
}
.composition_search .input_class_name {
  width: 3rem;
}
.composition_search_btn {
  margin-top: 2.15rem;
  margin-left: 1rem;
}
@media screen and (max-width: 1280px) {
  .composition_search_btn {
    margin-top: 2.15rem;
    margin-left: 0;
  }
}
@media screen and (max-width: 1263px) {
  .composition_search_btn {
    margin-left: 0;
    margin-top: 0;
  }
}

.composition_result .list-group-item {
  padding: 1rem 0.5rem;
}
.composition_result .card-header {
  border-bottom: 10px solid #ffffff;
}
.composition_result .card-header.composition_status_all {
  border-bottom: 10px solid #cccccc;
}
.composition_result .card-header.composition_status_submitted {
  border-bottom: 10px solid #f1a73b;
}
.composition_result .card-header.composition_status_accepted {
  border-bottom: 10px solid #14a2b9;
}
.composition_result .card-header.composition_status_reviewed {
  border-bottom: 10px solid #28a743;
}
.composition_result .card-header.composition_status_posted {
  border-bottom: 10px solid #14a2b9;
}
.composition_result .card-header.composition_status_error {
  border-bottom: 10px solid #dc3545;
}
.composition_input .form-group input.dateRangeInput {
  width: 8rem;
  font-size: 1.08rem;
}

.composition_wrap .composition_input_btn .edit_button {
  border: 1px solid #333;
  background-color: #e2e6ea;
}
.composition_wrap .composition_input_btn .edit_button:hover {
  background-color: #cccccc;
}

/**
 * 豢ｻ逕ｨ莠倶ｾ�
 */
.app-main .container.page_casestudy {
  padding-bottom: 1rem;
}
.page_casestudy .card-header {
  font-size: 1.25rem;
}
.page_casestudy .card-body {
  padding: 0.8rem;
}
.page_casestudy .card-body a {
  font-size: 1.25rem;
}
.nie_casestudy_es .card-body a {
  padding: 1.5rem 0;
}
.nie_casestudy_jhs .card-body a {
  padding: 1.5rem 0;
}
.nie_casestudy_hs .card-body a {
  padding: 1.5rem 0;
}
.nie_casestudy_subject .card-body a {
  padding: 0.2rem 0;
}
.casestudy_pdf_button {
  /*
  background-color: #ffc107;
  */
  background-color: #ff6600;
  font-size: 1rem;
  border-radius: 0.625rem;
  padding: 0.5rem 1.875rem;
}

/**
 * 繝ｯ繝ｼ繧ｯ繧ｷ繝ｼ繝�
 */
.worksheet_search .card-body .form-group {
  margin-right: 0.5rem;
}
.worksheet_search .card-body .form-group label {
  margin-right: 0.5rem;
}
img.worksheet_thumbnail {
  cursor: pointer;
}
.worksheet_wrap_student .card-body, .worksheet_wrap_teacher .card-body {
  padding: 0.5rem 1.25rem;
}
.worksheet_badge .badge {
  font-size: 1rem;
  margin-left: 0.5rem;
}
.worksheet_thumbnail_modal .modal-dialog {
  margin: 0 auto;
}

/**
 * 菴懈枚
 */
.composition_input .form-group.composition_input_s {
  margin-bottom: 0.3rem;
}
.composition_input .form-group.composition_input_m {
  margin-bottom: 0.3rem;
}
.composition_input .form-group.composition_input_subject {
  margin-bottom: 0.3rem;
}
.composition_flow {
  margin: -3rem auto 0.5rem;
}
.composition_form_confirm_button {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}

.composition_wrap {
  padding: 1rem 1rem;
}
.composition_input_info {
  padding-right: 1rem;
  margin-right: 1rem;
}

@media screen and (max-width: 1065px) {
  .composition_wrap .btn_composition_continuation {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
  .composition_form_confirm_button {
    position: relative;
    bottom: 0;
    right: 0;
    display: block;
    margin-right: 0;
    margin-left: auto;
  }
}

/**
 * 譁ｰ閨槭ｒ菴懊ｋ
 */
@media screen and (max-width: 576px) {
  .mynp_template_item {
    width: calc(100% - 2rem);
    /*
    min-width: calc(100% - 2rem);
    */
    min-width: unset;
    margin: 0 1rem;
  }
}

.mynp_edit_wrap .prevform_button {
  border: 1px solid #333;
  background-color: #e2e6ea;
}
.mynp_edit_wrap .prevform_button:hover {
  background-color: #cccccc;
}
.mynp_wrap .card-header .mynp_edit_btn .btn-light.prevform_button {
  border: 1px solid #333;
  background-color: #e2e6ea;
}
.mynp_wrap .card-header .mynp_edit_btn .btn-light.prevform_button:hover {
  background-color: #cccccc;
}

.mynp_edit_tool_input span.mincho {
    font-family: 'Mincho';
}
.mynp_edit_tool_input span.gothic {
    font-family: 'Gothic';
}

.mynp_edit_tool_input span.pattern0 {
    background-image: none;
    font-weight: bold;
    padding: 5px 10px;
}
.mynp_edit_tool_input span.pattern_d01 {
    background-image: url('/doshindb/static/doshindb/mynp/bg_images/title_bg/d01_icon.png');
    display: inline-block;
    width: 100%;
    font-weight: bold;
    padding: 5px 10px;
}
.mynp_edit_tool_input span.pattern_d03 {
    background-image: url('/doshindb/static/doshindb/mynp/bg_images/title_bg/d03_icon.png');
    display: inline-block;
    width: 100%;
    font-weight: bold;
    padding: 5px 10px;
}
.mynp_edit_tool_input span.pattern_d04 {
    background-image: url('/doshindb/static/doshindb/mynp/bg_images/title_bg/d04_icon.png');
    display: inline-block;
    color: #ffffff;
    width: 100%;
    font-weight: bold;
    padding: 5px 10px;
}
.mynp_edit_tool_input span.pattern_d05 {
    background-image: url('/doshindb/static/doshindb/mynp/bg_images/title_bg/d05_icon.png');
    display: inline-block;
    width: 100%;
    font-weight: bold;
    padding: 5px 10px;
}
.mynp_edit_tool_input span.pattern_d06 {
    background-image: url('/doshindb/static/doshindb/mynp/bg_images/title_bg/d06_icon.png');
    display: inline-block;
    color: #ffffff;
    width: 100%;
    font-weight: bold;
    padding: 5px 10px;
}
.mynp_edit_tool_input span.pattern_d08 {
    background-image: url('/doshindb/static/doshindb/mynp/bg_images/title_bg/d08_icon.png');
    display: inline-block;
    width: 100%;
    font-weight: bold;
    padding: 5px 10px;
}

.savePdfOverlayContent {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}

/**
 * 縺ｾ縺ｪbell縺ｮ菴ｿ縺�婿
 */
.embed_youtube {
  aspect-ratio: unset;
}

.file_droparea_hover {
    background-color: #ABE1FA;
}

p.news_list_date span.year {
    display: none;
}
.news_list_date .year::after {
    display: none;
}
#selectSaveDataModal .custom-file-input:focus~.custom-file-label {
    /*
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    */
    border-color: #ced4da;
    box-shadow: none;
}
#selectSaveDataModal .custom-file-input:hover~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.news_list_status {
  display: inline;
  color: #fd0200;
  position: absolute;
  left: 0.875rem;
  margin-right: 0.5625rem;
}
@media screen and (max-width: 576px) {
  .news_list_status {
    left: 0.15rem;
    margin-right: 0.25rem;
  }
}

.ex_textarea {
  position: relative;
  display: inline-block;
}
.ex_textarea .pull-tab {
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/exp_type_e.svg);
  height: 20px;
  width: 15px;
  pointer-events: none;
  z-index: 2;
}
.ex_textarea textarea {
  position: relative;
  z-index: 1;
}