/* 2021.12.23追加 */
@-moz-document url-prefix() {
  #headerTable td input {
    -moz-transform: inherit;
  }
}
.top_index .ss_contents {
    width: 100%;
  }
  .ss_contents {
    width:80%;
  }

  @media only screen and (max-width: 1595px) {
    .ss_contents {
      width:90%;
    }
  }
  /* 検索欄 */
  .hero-inner .search-form .search {
    width: 25%;
}
body{
  font-size: 16px;
}

#left_menu {
  width: 30%;
  margin-top: 30px;
  margin-left: 45px;
}
.top_index #right_contents {
  width:80%;
  margin-top: 30px;
}
#right_contents {
  width: 70%;
  margin-top: 30px;
}
.subject {
  font-weight: bold;
}
/* 有償保守からのお知らせ */

.news h3{
  background: url(../img/news1.png);
  position: relative;
  padding: 0 0 0 40px;
  background-repeat: no-repeat;
  background-position: 0px;
  background-size:contain;                      
  width:100%;                                          
  height:30px; 
  display: inline;
  vertical-align: middle;
}
.news {
  width: 75%;
  margin-bottom: 20px;;
}
.news ul {
  padding: 12px;
  border: solid 2px #ccc;
  border-radius: 8px;
  list-style: none;
  margin: auto;
}
.news ul li{
  border-bottom: 1px dotted #cccccc;
  padding: 8px;
}
.news h2{
  display: none;
}
.menu_news_preview #ss_wrapper {
  text-align: left;
  width: 100%;
  margin-top: 20px;
  padding: 0px;
}
.menu_news_preview #ss_contentsNoMenu {
  font-size: 0.8em;
  margin: 0 auto;
  width: 90%;
  border: 5px dotted #dddddd;
  padding: 15px;
}
.menu_news_preview .ss_titlePop {
  font-size: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.menu_news_preview .ss_preBox {
  margin-bottom: 25px;
  padding: 0px;
  width: 90%;
}
.menu_news_preview .ss_inputBoxCen {
  width: 100%;
}
/* 新着ナレッジ */
.new_arrivals {
  width: 75%;
  margin-bottom: 50px;;
}
.new_arrivals h3{
  background: url(../img/new_arrival.png);
  position: relative;
  padding: 0 0 0 40px;
  background-repeat: no-repeat;
  background-position: 0px;
  background-size:contain;                      
  width:100%;                                          
  height:30px; 
  display: inline;
  vertical-align: middle;
}
.new_arrivals table {
  padding: 12px;
  border: solid 2px #ccc;
  border-radius: 8px;
  margin: 0;
  border-collapse: unset;
  border-spacing: revert;
  width: 100%;
  line-height: 30px;
}
.new_arrivals tr{
border-bottom: 1px dotted #cccccc;
color: #0088cc;
}
.new_arrivals tr:hover {
  color: #005580;
  cursor: pointer;
}

.new_arrivals a {
  text-decoration: none;
}
.new_arrivals td.date{
  width: 15%;
  border-bottom: none;
}
.new_arrivals td{
  border-bottom: 1px dotted #cccccc;
  color: #0088cc;
}
span.type {
  padding: 5px;
  background-color: #ff0000;
  font-size: 0.9em;
  color: #ffffff;
  margin-right: 7px;
  padding:3px 8px;
}
span.type:empty {
  display: none;
}

/* ヘッダー */
header.header {
  width: 100%;
  left: 0px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  height: 72px;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 6px solid #001F4C;
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.logo a img{
  max-width: 141px;  
  padding-left: 15%;

}
.ss_public.public_main{
  display: flex;
}
#left_menu #search_btn{
  margin-left: 5px;
}
/* 検索欄 */
@media screen and (max-width: 1000px){
  .new_arrivals td.date {
    width: auto;
}
}

#left_menu .search-form button{
  margin-left: 5px;
}
input#query {
  background: url(../img/search.png);
  position: relative;
  padding: 0 0 0 40px;
  background-repeat: no-repeat;
  background-position: 0px;
  background-size:contain;                      
  width: auto;                                        
  height:30px; 
  display: inline;
  vertical-align: middle;
}
.search-form{
  margin: 20px 20px 20px 0;
  display: flex;
}
.search_box ul {
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* column-count: 5; */

}
.search_box ul li{
  margin-right: 10px;
}
ul.search_cateT {
  margin: 5px 0 10px 0px;
}
.search_cateT li{
  display: flex;
}
.ss_public.public_main_search #right_contents{
  width: 90%;
  margin-top: 30px;
  margin: auto;
}
.ss_public.public_main_search{
  display: block;
}
.public_main_search p.navi {
  width: 90%;
  margin:15px auto;
}
.ss_public.public_main_search .search_box_area {
  padding: 25px;
  border: solid 2px #ccc;
  border-radius: 8px;
  margin: 0;
  border-collapse: unset;
  border-spacing: revert;
  width: 98%;
  line-height: 30px;
}
.ss_public.public_main_search h3 {
  font-size: 30px;
}
.ss_public.public_main_search .search_box {
  float:left;
  width:20%;
}
.ss_public.public_main_search .search_results{
  float:right;
  width: 70%;
}
#right_contents::after {
  content:'';
  display: block; 
  clear:both;
}
#right_contents .navi{
  padding-top:10px;
}

.public_main_search .btn-primary
{
    /*color: #000000;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);*/

    background-color: #6B8E23;
    background-image: -moz-linear-gradient(top, #BCCC9B, #6B8E23);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BCCC9B), to(#6B8E23));
    background-image: -webkit-linear-gradient(top, #BCCC9B, #6B8E23);
    background-image: -o-linear-gradient(top, #BCCC9B, #6B8E23);
    background-image: linear-gradient(to bottom, #BCCC9B, #6B8E23);
    background-repeat: repeat-x;
    border-color: #6B8E23 #6B8E23 #009955;
}

.filter_condition{
  margin-top: 35px;
  margin-bottom: 0.2rem;
    padding: 0.3rem;
    border-left: 10px solid;
    color: #333;
    font-weight: bold;
    font-size: 19px;
    padding-left: 10px;
    margin-bottom: 15px;
}
.search_smp{
  margin-bottom: 0.2rem;
  padding: 0.3rem;
  border-left: 10px solid;
  color: #333;
  font-weight: bold;
  font-size: 19px;
  padding-left: 10px;
  margin-bottom: 15px;
}
.word_search{
  margin-top: 35px;
  margin-bottom: 0.2rem;
  padding: 0.3rem;
  border-left: 10px solid;
  color: #333;
  font-weight: bold;
  font-size: 19px;
  padding-left: 10px;
  margin-bottom: 15px;
}
.search_smp_cate{
  margin-top: 35px;
  margin-bottom: 0.2rem;
  padding: 0.3rem;
  border-left: 10px solid;
  color: #333;
  font-weight: bold;
  font-size: 19px;
  padding-left: 10px;
  margin-bottom: 15px;
}

.btn_area {
  text-align:center;
  margin-top: 30px;
}
span.catel_name {
  background-color: #ff8c00db;
  color: #fff;
  padding: 3px 8px;
  margin-right: 7px;
  font-size:0.9em;
}
span.catet_name {
  background-color: #1E9100;
  color: #fff;
  padding: 3px 8px;
  margin-right: 7px;
  font-size:0.9em;
}
.new_arrivals span.catel_name , .new_arrivals span.catet_name , .top5 span.catel_name , .top5 span.catet_name {
	font-size:0.9em;
}
.search-results-list h2 a {
  font-size: 20px;
}
/* 検索TOP5 */
.top5 ul{
border: solid 2px #ccc;
border-radius: 8px;
list-style: none;
margin: 0;
padding: 12px;
line-height: 30px;
}
.top5 h3{
  background: url(../img/TOP5.png);
  position: relative;
  padding: 0 0 0 40px;
  background-repeat: no-repeat;
  background-position: 0px;
  background-size:contain;                      
  width:100%;                                          
  height:30px; 
  display: inline;
  vertical-align: middle;
}
.top5 {
  width: 75%;
}
/* .top5 ul li{
border-bottom: 1px dotted #cccccc;
margin: 15px;
} */
.top5 table {
  padding:12px;
  border: solid 2px #ccc;
  border-radius: 8px;
  margin: 0;
  border-collapse: unset;
  border-spacing: revert;
  width: 100%;
  line-height: 30px;
}
.top5 td {
  border-bottom: 1px dotted #ccc;
}


/* カテゴリ */
.category ul {
  list-style: none;
  margin: 0;
}
.category ul li{
margin: 10px;
}
/* 困った時は*/
.trouble {
  margin: 20px 0px 20px 0;
}
.trouble ul {
  margin: 0;
  list-style: none;
}
.trouble ul li{
  margin: 10px;
}
/* 利用方法 */
.how_to .subject a{
  color: #333333;
}
.how_to{
  margin-bottom: 20px;
}
.navbar.public_title{
  display: none;
}
/* はじめての方はこちら */
p.contents_note {
  text-align: center;
  padding: 100px 0px 20px 0px;
  font-size: xx-large;
}
p.contents_bottom {
  text-align: center;
}
/* 検索結果 */
.search-results-list li{
  padding: 12px;
  border: solid 2px #ccc;
  border-radius: 8px;
  /* margin-top: 15px; */
  margin-bottom: 15px;
  border-collapse: unset;
  border-spacing: revert;
  width: 100%;
  line-height: 30px;
}
.search-results-list{
list-style: none;
margin: 0;
}
.search-results-list li a h2 {
  font-size: 24px;
}
.search_box p {
  margin: 10px 10px 10px;
  font-size: 20px;
}
.search_box {
  margin-bottom: 50px;
}
/* 検索BOX */
.search_box input[type="text"] {
  width: 90%;
}
.right_contents .search_box_area{
  padding: 12px;
  border: solid 2px #ccc;
  border-radius: 8px;
  border-collapse: unset;
  border-spacing: revert;
  width: 85%;
  line-height: 30px;
}
.search-form input#query {
  width: 50%;
}
.right_contents .search_box_area .search-form input#query {
  width: 80%;
  margin-right: 100px;
}
.search_box button#clear_btn {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C5C5C5), to(#808080));
  background-color: #808080;
}

/* ナレッジページ*/
.navbar-inner_knowledge{
  font-size: 1.75rem;
}
.ss_contents .ss_summary {
  margin: 50px 0;
}
.navbar-inner_knowledge {
  margin-top: 20px;
}

.ss_document ul li{
  position: relative;
  line-height: 26px;
  padding-left: 20px;
  border-bottom: dashed 1px #448ccb;
}
.ss_remarks {
  background-color: #F4F3EB;
  padding: 20px;
  border-radius: 4px;
  position: relative;
  display: block;
  margin: 20px 20px 20px 0px;
}
  .modal_win_knowledge .ss_contents {
    width: 60%;
}
/* ログイン画面*/
.admin_login_plain .ss_contents, .reminder_index .ss_contents, .reminder_finish .ss_contents, .account_setting_index .ss_contents, .account_setting_finish .ss_contents, .change_password_index .ss_contents, .change_password_change .ss_contents, .change_password_finish .ss_contents, .password_expired_index .ss_contents, .sb_expiration_plain .ss_contents, .exception_terminate .ss_contents, .mypage_auth_data_add .ss_contents{
  margin-top: 200px;
  width: 40%;
  min-height: calc(43vh - 93px);
  padding-bottom: 0px;
}

@media screen and (max-width: 1595px){
.admin_login_plain .ss_contents, .reminder_index .ss_contents, .reminder_finish .ss_contents, .account_setting_index .ss_contents, .account_setting_finish .ss_contents, .change_password_index .ss_contents, .change_password_change .ss_contents, .change_password_finish .ss_contents .password_expired_index .ss_contents, .sb_expiration_plain .ss_contents, .exception_terminate .ss_contents, .mypage_auth_data_add .ss_contents{
  min-height: calc(43vh - 93px);
  padding-bottom: 0px;
  margin-top: 22px;
}
}
.admin_login_plain .navbar-inner, .reminder_index .navbar-inner, .reminder_finish .navbar-inner, .account_setting_index .navbar-inner, .account_setting_finish .navbar-inner, .change_password_index .navbar-inner, .change_password_change .navbar-inner, .change_password_finish .navbar-inner, .password_expired_index .navbar-inner, .sb_expiration_plain .navbar-inner, .exception_terminate .navbar-inner, .mypage_auth_data_add .navbar-inner{
  background-color: #044ca4;
  background-image: linear-gradient(to bottom,#044ca4, #044ca4);
}
.admin_login_plain .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] ,.reminder_index .btn-primary:hover, .account_setting_index .btn-primary:hover,.change_password_index .btn-primary:hover,.change_password_change .btn-primary:hover,.mypage_auth_data_add .btn-primary:hover{
  color: #FFFFFF;
}
.admin_login_plain .btn-primary, .reminder_index .btn-primary, .account_setting_index .btn-primary, .change_password_index .btn-primary, .change_password_change .btn-primary, .mypage_auth_data_add .btn-primary{
  color: #FFFFFF;
  background-color: #044ca4;
  background-image: linear-gradient(to bottom, #044ca4, #044ca4);
  border-color: #044ca4;
}
.menu_news_preview .ss_titlePop{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.menu_news_preview .ss_preBox{
  font-size: 14px;
}
button#btnClick {
  background-color: #2fa2dc;
  border: solid 2px #2fa2dc;
  margin: 10px;
  color: white;
}
button#btnClick::before{
  content:"▼";
  color:white;
  font-weight:bold;
  }
.mypage_auth_data_add .ss_contents {
  margin-top: 125px;
}
  
/* レスポンシブ*/
@media screen and (max-width: 768px) {
  .ss_public.public_main{
    display: block;
  }
  .top_index .ss_contents {
    width: 94%;
    padding: 10px;
}
.top_index #right_contents {
  width: 100%;
  margin-top: 30px;
}
footer.footer .footer-inner {
  padding: 0px 10px 30px 10px;
}
.admin_login_plain .ss_contents, .reminder_index .ss_contents, .reminder_finish .ss_contents, .account_setting_index .ss_contents, .account_setting_finish .ss_contents, .change_password_index .ss_contents, .change_password_change .ss_contents, .change_password_finish .ss_contents, .password_expired_index .ss_contents, .sb_expiration_plain .ss_contents, .exception_terminate .ss_contents, .mypage_auth_data_add .ss_contents{
  width: 94%;
}
.ss_public.public_main_search #right_contents {
  width: 88%;
}
.search-results-list h2 a {
  font-size: 15px;
  line-height: initial;
}
.search-results-list li {
  padding: 4px;
  width: auto;
  line-height: 13px;
}
.ss_public.public_main_search h3 {
  font-size: 20px;
}
.news h3 {
  font-size: 20px;
}
.new_arrivals h3{
  font-size: 20px;
}
.ss_public.public_main_search .search_box_area {
  width: auto;
}
span.catet_name {
  font-size: 15px;
}
span.catel_name {
  font-size: 15px;
}
  #left_menu {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
}
  #right_contents{
    width: 100%;
  }
  .ss_contents{
    width: 100%;
  }
  #left_menu{
    width: 100%;
  }
  .news{
    width: 100%;
  }
  .new_arrivals{
    width: 100%;
  }
  .top5{
    width: 100%;
  }
  .search_box ul {
    column-count: 1;
}
.ss_public.public_main_search .search_box_area {
  padding: 12px;
}
}
/* loading */
.loading_space {
  margin:100px auto 0 auto;
  text-align: center;
}
span.loading03, span.loading03:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-image:
  -webkit-gradient(radial,4 center,0,4 center,4,from(#cccccc),color-stop(0.5,#cccccc),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,center 4,0,center 4,4,from(#cccccc),color-stop(0.5,#cccccc),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,46 center,0,46 center,4,from(#cccccc),color-stop(0.5,#cccccc),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,center 46,0,center 46,4,from(#cccccc),color-stop(0.5,#cccccc),color-stop(0.9,transparent),to(transparent));
  background-image:
  -webkit-radial-gradient(10% 50%, 4px 4px, #cccccc, #cccccc 95%, #cccccc 95%, transparent),
  -webkit-radial-gradient(50% 10%, 4px 4px, #cccccc, #cccccc 95%, #cccccc 95%, transparent),
  -webkit-radial-gradient(90% 50%, 4px 4px, #cccccc, #cccccc 95%, #cccccc 95%, transparent),
  -webkit-radial-gradient(50% 90%, 4px 4px, #cccccc, #cccccc 95%, #cccccc 95%, transparent);
  background-image:
  radial-gradient(4px 4px at 10% 50%, #cccccc, #cccccc 95%, transparent),
  radial-gradient(4px 4px at 50% 10%, #cccccc, #cccccc 95%, transparent),
  radial-gradient(4px 4px at 90% 50%, #cccccc, #cccccc 95%, transparent),
  radial-gradient(4px 4px at 50% 90%, #cccccc, #cccccc 95%, transparent);
}
span.loading03 {
  position: relative;
  margin: 0 10px;
  vertical-align: middle;
  -webkit-animation: animation03 2s linear infinite;
  animation: animation03 2s linear infinite;
}
span.loading03:after {
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@-webkit-keyframes animation03 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes animation03 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}