body {
  font-size: 12px;
  color:#333333;
}

/* layout */
.body-fixed {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
#jm-container-login,
#jm-container
  {
  flex: 1;
}


input[type="text"],
input[type="password"],
textarea
 {
  border:solid 2px #B0A8A1!important;
  padding:0 0.5rem;
}
input[type="text"].thin,
input[type="password"].thin {
  border:solid 1px #DCDCDC!important;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus
 {
  outline: none ;
  border:solid 2px #DCDCDC;
  box-shadow: none!important;
}
input[type="text"].thin:focus,
input[type="password"].thin:focus
 {
  border:solid 1px #B0A8A1!important;
}
select
 {
   border:solid 2px #B0A8A1;
}
select.thin
 {
   border:solid 1px #B0A8A1!important;
}
select:focus
{
  outline:none!important;
  box-shadow: none!important;
}

.bu-select select option {
  background-color: #FFF;
  color:#333;
}

.bu-select::after {
  border:none!important;
  transform:initial!important;
  content:"\f078"!important;
  font-family: "Font Awesome 6 Free"!important;
  font-weight:900!important;
}
.bu-button:hover,
.bu-button:focus,
.bu-button:active
 {
  outline:none!important;
  box-shadow: none!important;
  border:none!important;
}
.jm-modout-btn .bu-button {
  border-width: 0px!important;
  border-radius: 2px!important;
}

/* linkui */
#jm-container-login .linkui {
  width: 95%;
  margin:0 auto;
  background-color: #EFEEEC;
  padding:1rem;
  margin-bottom:1rem;
}
#jm-container-login .linkui.linkui-r {
  max-width:840px;
  padding:2rem;
  background-color: #fce7e7;
}
.linkui-r li {
  list-style: none;
}
.linkui-r li::before {
  content:"※";
  position: absolute;
  left:2rem;
}
.linkui-r a {
  font-weight:bold;
  text-decoration: underline;
}
.linkui-r a:hover {
  color:#77B6E0;
  opacity: 0.7;
}
#jm-container-login .linkui .linkui-lo-title {
  font-weight:bold;
  font-size:15px;
}


/* login-select */
#jm-container-login .jm-login-sel-container {
  font-size: 14px;
  line-height:18px;
  width: 260px;
}
#jm-container-login .jm-login-sel-title {
  height:18px;
  text-align: center;
}
#jm-container-login div.jm-login-sel-btn {
  margin-top:12px;
  padding:15px;
  height:45px;
  border-radius: 4px;
  background-color: #EAEAEA;
  cursor: pointer;
}
#jm-container-login div.jm-login-sel-btn:hover {
  background-color: #77B6E0;
  color:#FFF;
}
#jm-container-login div.jm-login-sel-btn p {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  text-align: center;
}

/* login-note */
#jm-container-login .jm-login-note {
  max-width:640px;
  margin-bottom:30px;
  font-size: 14px;
  line-height: 22px;
}
a.login-note-link {
  color:#3D97D3;
  text-decoration:underline;
  font-weight:500;
}
a.login-note-link:hover {
  color:#77B6E0;
  text-decoration:underline;
  font-weight:500;
}

/* loginパスワード可視 */
#jm-container-login .jm-login-pass-visual{
  display: none;
}
#jm-container-login .jm-login-pass-visual i {
  font-size:18px;
  color: #ccc;
  padding-top:15px;
  cursor: pointer!important;
  pointer-events: auto!important;
}

#jm-container-login .jm-login-pass-visual:hover i{
  color: #666;
}


/* login */
#jm-container-login a:hover {
  color:#77B6E0;
  opacity: 0.7;
}
#jm-container-login {
  background-color: #DCDCDC;
  margin:0;
  min-height:calc(100vh - 128px);
  padding:120px 0 50px;
}
#jm-container-login .jm-login-wrap {
  max-width:840px;
  margin:0 auto;
  padding:30px 0;
  background-color: #FFF;
  border-radius:5px;
}
#jm-container-login .jm-login-title {
  font-size:17px;
  font-weight:500;
  line-height:25px;
  text-align:center;
}
#jm-container-login .jm-login-title2 {
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  margin-top:10px;
}
#jm-container-login .jm-login-comment,
#jm-container-login .jm-login-comment-center {
  font-size:15px;
  line-height:21px;
  vertical-align:middle;
  text-align:center;
  margin-bottom:40px;
}
#jm-container-login hr.hr-20 {
  border-top:solid 1px #EAEAEA;
  border-bottom:solid 1px #EAEAEA;
  max-width:640px;
  margin:20px auto;
}
#jm-container-login hr.hr-30 {
  border-top:solid 1px #EAEAEA;
  border-bottom:solid 1px #EAEAEA;
  max-width:640px;
  margin:30px auto;
}
#jm-container-login .bu-columns.jm-login-form {
  margin-bottom: 18px!important;
}
#jm-container-login .bu-columns.jm-login-form-mb {
  margin-bottom: 32px!important;
}

@media screen and (max-width: 768px) {
  #jm-container-login .linkui {
    width: 100%;
  }
  #jm-container-login {
    padding:80px 10px!important;
  }
  #jm-container-login .jm-login-wrap {
    padding:20px 40px;
  }
  #jm-container-login hr {
    border-top:solid 1px #EBE9E7;
    border-bottom:solid 1px #EBE9E7;
    width:100%!important
  }
  #jm-container-login .jm-login-comment {
    margin-bottom:20px;
    text-align:center;
  }
  #jm-container-login .jm-login-comment-center {
    margin-bottom:20px;
    text-align:center;
  }
  #jm-container-login div.jm-login-label {
    text-align:left!important;
    line-height:15px!important;
    height:25px!important;
    padding-bottom:10px!important;
  }
  #jm-container-login div.jm-login-input input,
  #jm-container-login div.jm-login-submit button {
      width:100%!important;
  }
}
#jm-container-login .jm-login-form div.bu-column {
  height:46px;
  margin:0;
  padding:0;
}
#jm-container-login .jm-login-form div.jm-login-label {
  text-align:right;
  line-height:44px;
  vertical-align:middle;
}
#jm-container-login .jm-login-form .bu-column.jm-login-input {
  min-width: 280px;
}
#jm-container-login .jm-login-input input {
  width:280px!important;
  height:44px;
  margin:0;
}
#jm-container-login .jm-login-submit {
  /* margin-top:18px; */
  display: flex;
  justify-content: center;
}
#jm-container-login .jm-login-submit button {
  background-color:#205EA5;
  color:#FFF;
  font-size:15px;
  font-weight:500;
  width: 280px;
  height:44px;
  line-height:44px;
  vertical-align: middle;
  border:none;
  border-radius:3px;
}
#jm-container-login .jm-login-submit button:hover {
  background-color:#77B6E0;
  opacity: 0.7;
}
#jm-container-login .jm-login-guide {
  margin-bottom:22px;
}
#jm-container-login .jm-login-guide a {
  color:#205EA5;
  font-size:14px;
  line-height:22px;
}
#jm-container-login .jm-login-guide a:hover {
  color:#77B6E0;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #jm-container-login .jm-login-guide a {
    font-size:14px;
    line-height:30px;
    vertical-align:middle;
  }
  #jm-container-login .jm-login-guide {
    margin-bottom:16px;
  }
}

/* login-hojin */
#jm-container-login .jm-login-hojin-container {
  font-size: 14px;
  line-height:18px;
  margin-top:20px;
  margin-bottom:30px;
  width: 260px;
}


/* login personal */
#jm-login-personal .bu-container {
  max-width:640px;
  margin:0 auto;
  padding:0 30px;
}
#jm-login-personal.jm-pt-10 {
  padding-top:10px;
}
#jm-login-personal .medicalpack a {
  text-decoration: underline;
}
#jm-login-personal .medicalpack a:hover {
  color:#77B6E0;
}
#jm-container-login .jm-login-submit-p div {
  padding-left:30px;
}
#jm-container-login .jm-login-submit-p button {
  background-color:#205EA5;
  color:#FFF;
  font-size:15px;
  font-weight:500;
  width:100%;
  height:44px;
  line-height:44px;
  vertical-align: middle;
  border:none;
  border-radius:3px;
}
#jm-container-login .jm-login-submit-p button:hover {
  background-color:#77B6E0;
  opacity: 0.7;
}
#jm-login-personal .login-btn-personal div {
  margin-left:20px;
}
#jm-login-personal .login-btn-personal button {
  background-color:#FFF;
  border:solid 1px #DCDAD7;
  border-radius:4px;
  font-size:13px;
  font-weight:500;
  width: 100%;
  height:44px;
  line-height:44px;
  vertical-align: middle;
}
#jm-login-personal .login-btn-personal button:hover {
  border:solid 1px #77B6E0!important;
  color:#77B6E0;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #jm-login-personal {
    margin:0;
  }
  #jm-container-login .jm-login-submit-p div {
    padding-left:0;
  }
  #jm-login-personal .jm-mt-10 {
    margin-top:10px;
  }
  #jm-login-personal .medicalpack {
    text-align:center;
  }
}


/* logout */
#jm-container-login .jm-logout-wrap {
  max-width:640px;
  margin:0 auto;
  padding:124px 0;
  background-color: #FFF;
  border-radius:5px;
}
#jm-container-login hr.logout-hr {
  border-top:solid 1px #EBE9E7;
  border-bottom:solid 1px #EBE9E7;
  max-width:440px;
  margin:0 auto;
}
#jm-container-login .jm-logout-comment {
  height:32px;
  margin:22px 0;
  padding:0;
  font-size:22px;
  line-height:32px;
  font-weight:400;
  vertical-align:middle;
  text-align:center;
}
#jm-container-login .jm-logout-note {
  font-size:15px;
  text-align: center;
  margin-top:25px;
}
#jm-container-login .jm-logout-note a:hover {
  color:#77B6E0;
  opacity: 0.7;
}

/* top page info area */
#jm-top-info-area,
#jm-top-contents
{
  background: #fff;
}
#jm-top-info-area .bu-box {
  box-shadow:none;
  border-radius: 0!important;
}
#jm-top-info-area .jm-toplink {
  width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  background-color:#AFA8A1;
  margin:0 auto;
  cursor: pointer;
}
#jm-top-info-area i.jm-toplink {
  font-size:15px;
  line-height:40px;
  vertical-align:middle;
  color:#FFF;
  margin:0;
}
#jm-top-info-area .jm-toplink:hover {
  opacity: 0.8;
}
#jm-top-info-area .bu-select::after {
  font-size:10px;
  line-height:10px;
}

/*通知バッチ*/
#jm-nav .jm-nav-badge {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  min-width: 38px;
  height: 22px;
  border-radius: 20px;
}

/*logout button*/
.jm-logout-mr {
  margin-right:20px;
}
@media screen and (min-width: 769px) and (max-width: 900px) {
  .jm-logout-mr {
    margin-right:10px;
  }
}
.jm-logout-btn {
  background-color: #AAA;
  border: none;
  height: 26px;
  width: 72px;
}
.jm-logout-btn:hover {
  background-color: #77B6E0;
  opacity: 0.7;
}
.jm-logout-btn span {
  font-size: 11px;
  color: #fff;
}

/*jm-main-sectionのボーダー*/
#jm-main-section {
  border-right: solid 1px #ebe9e7;
}
@media screen and (max-width: 768px) {
  #jm-main-section {
    border: none;
  }
}

/* toggle button style*/
input[type=checkbox].jm-top-search-joken-cb {
  display: none; /* checkboxを非表示にする */
}
input[type="checkbox"].jm-top-search-joken-cb:checked + label {
  background: #77B6E0;
  border-color:#77B6E0;
  color: #ffffff!important;
}

/* link class (menulink) */
.cursor-pt,
.menulink
 {
  cursor:pointer!important;
}

/* tosei-select page */
#jm-tosei-select-wrap .bu-container.th-comment {
  margin:0;
  padding:20px 10px;
  color: #333;
  background-color: #EFEEEC;
}
#jm-tosei-select-wrap .bu-columns {
  margin:0 0 30px 0;
}
#jm-tosei-select-wrap .bu-column {
  margin-bottom:2px;
  font-size:13px;
  line-height:20px;
  vertical-align:middle;
  display:flex;
  align-items: center;
}

/* oshirase page */
#jm-oshirase-wrap .bu-container {
  background-color: #FFF;
  padding:30px;
  margin-bottom: 2px;
  color: #333;
}
#jm-oshirase-wrap .jm-oshirase-date {
  font-weight:300;
  font-size:13px;
  height:22px;
  line-height:22px;
}
#jm-oshirase-wrap .jm-oshirase-date span.bu-tag,#jm-oshirase-wrap .jm-oshirase-title span.bu-tag {
  color:#FFF;
  background-color: red;
  margin-left:0.5rem;
  height:20px;
}
#jm-oshirase-wrap .jm-oshirase-title {
  font-weight:700;
  font-size:16px;
  line-height:30px;
}
#jm-oshirase-wrap .jm-oshirase-text {
  word-break : break-all;
  font-weight:400;
  font-size:14px;
}
#jm-oshirase-wrap .jm-oshirase-text a {
  text-decoration: underline;
  color:#77B6E0;
  opacity: 0.7;
}

/*top page*/
.jm-main-search-area {
  margin-top: 59px !important;
}
@media screen and (max-width: 768px) {
  .jm-main-search-area {
    margin-top: 110px !important;
  }
}

/* 下部の隙間を埋めるためのflexbox */
#jm-main-section .jm-main-search-container {
  display:flex;
  flex-direction: column;
  height:100%;
}
#jm-main-section .jm-main-search-container div#jm-top-joken {
  flex-grow: 1;
}

/*top search*/
.jm-top-search {
  display: flex;
  align-items: flex-end;
}
button.jm-top-search-btn {
  padding: 0 1.5rem;
  background-color: #205EA5;
  color: #fff!important;
  border: none;
  height: 54px;
}
button.jm-top-search-btn span {
  font-size: 20px;
  padding: 0 2rem;
}
button.jm-top-search-btn:hover
 {
  background-color: #77B6E0!important;
  border-color: #77B6E0!important;
  color: #fff!important;
}
.jm-top-search-box {
  background-color: #fff;
  font-size: 12px;
}
.jm-top-search-box .bu-column {
  padding:14px 0 14px 14px;
  font-size: 12px;
}
.jm-top-search-box2 {
  background-color: #efeeec;
  font-size: 12px;
  line-height:30px;
  vertical-align: middle;
  height:30px;
}
#jm-top-shiborikomi-s .jm-top-search-box2 {
  font-size: 13px;
}
#jm-kekka-joken-div .jm-top-search-box2 {
  font-size:12px;
}
.jm-top-search-input {
  height: 54px;
}
#jm-search-form-area .bu-control.bu-has-icons-right .bu-icon.bu-is-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#jm-search-form-area .bu-control.bu-has-icons-right .bu-icon.bu-is-right i {
  font-size:12px;
}
#jm-search-form-area .bu-control input,
#jm-search-form-area .bu-control select
 {
   border:solid 2px #AAA;
   border-right:solid 1px #AAA;
}

/* モバイル版検索フォーム */
#nui-searchform-mob #sform-mob1 select {
  width:50vw;
  border:solid 2px #AAA;
}

/* 検索フォーム */
#jm-search-form-area select.search-form-select-item {
   color:#333333;
   line-height: 1.5rem;
}
#jm-search-form-area select.search-form-select-item:hover {
  background-color: #ECF5FB;
}


/* switch button style*/
a.bu-button.jm-toggle {
  color:#333;
  background-color:#EBE9E7;
  border:none;
}
a.bu-button.jm-toggle.selected
 {
   background-color: #77B6E0!important;
   color:#FFF!important;
   border:none;
}


/* 絞り込み条件・input text 共通 */
#jm-top-shiborikomi-s input[type="text"],
#jm-top-shiborikomi-l input[type="text"],
#jm-mod-shiborikomiall input[type="text"]
{
  height: 34px;
  line-height:34px;
  width: 50px;
}

/* 絞り込み条件・select chevron-down設定 */
#jm-top-shiborikomi-l .bu-select::after {
  color:#333;
  font-size:10px;
  line-height:34px!important;
  width: 12px;
  height: 34px;
  top: 5px;
}

/* 絞り込み条件・発行年input-year（共通） */
#jm-top-shiborikomi-s input[type="text"].input-year,
#jm-top-shiborikomi-l input[type="text"].input-year,
#jm-mod-shiborikomiall input[type="text"].input-year
{
  width: 55px;
}
@media screen and (min-width:830px) {
  #jm-top-shiborikomi-s .jm-joken-hakkonen {
    display:flex;
  }
}
@media screen and (max-width:829px) {
  #jm-top-shiborikomi-l .jm-joken-hakkonen {
    flex-direction: column;
  }
}

/* 絞り込み条件　発行年（発行年2段表示） */
@media screen and (max-width:520px) {
  #jm-top-shiborikomi-s .jm-joken-hakkonen input[type="text"],
  #jm-top-shiborikomi-l .jm-joken-hakkonen input[type="text"],
  #jm-mod-shiborikomiall .jm-joken-hakkonen input[type="text"]
   {
    width: 40px;
  }
}
#jm-top-shiborikomi-l .jm-shiborikomiall-ymd,
#jm-mod-shiborikomiall .jm-shiborikomiall-ymd {
  display:flex;
  margin:0;
}
@media screen and (max-width:925px) {
  #jm-top-shiborikomi-l .jm-shiborikomiall-ymd,
  #jm-mod-shiborikomiall .jm-shiborikomiall-ymd {
      margin:0.5rem 0 0;
  }
}

/*絞り込み条件（結果・モバイル版）*/
#jm-kekka-shiborikomi-sm {
  display: none;
}
#jm-kekka-shiborikomi-sm input.jm-hakkonen-input {
  width: 4rem;
  height: 34px;
  margin-right: 5px;
}



/*トップページ・絞り込み条件（全て表示）*/
#jm-top-shiborikomi-l {
  display: none;
}
#jm-top-shiborikomi-l .jm-bg-grayl {
  color: #333;
}
#jm-top-shiborikomi-l input.input-year {
  width:70px;
}
#jm-top-shiborikomi-l .jm-top-search-joken .bu-select {
  height:34px;
}
#jm-top-shiborikomi-l .jm-top-search-joken .bu-select select {
  height:34px;
  margin-right:5px;
}
#jm-top-shiborikomi-l .jm-top-search-joken .bu-select select option {
  line-height:34px;
  vertical-align: middle;
}
#jm-top-shiborikomi-l input[type="text"] {
  margin:0 5px;
}
#jm-top-shiborikomi-l input[type="text"].input-date,
#jm-top-shiborikomi-l input[type="text"].input-date {
  width: 30px!important;
}


/*検索結果ページ・検索条件more*/
.jm-kekka-joken-more {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 10;
  position: relative;
}
.jm-kekka-joken-more,
.jm-kekka-joken-more .jem-kekka-joken-more-up span {
  height: 20px;
  line-height: 20px;
}
.jm-kekka-joken-more:hover
  .jm-kekka-joken-more-up:hover
  .jm-kekka-joken-more-text {
  display: block;
  height: 52px;
}
.jm-kekka-joken-more
  .jm-kekka-joken-more-up
  .jm-kekka-joken-more-text {
  display: none;
  height: 52px;
}
.jm-kekka-joken-more:hover .jm-kekka-joken-more-up span {
  display: none;
}
.jm-kekka-joken-more:hover + #jm-kekka-joken-btm-expadxx {
  display: none;
}
.jm-kekka-joken-more-text,
.jm-kekka-joken-more:hover .jm-kekka-joken-more-text {
  height: 0;
  overflow: hidden;
  transition: height 0.25s;
  text-align: center;
}
.jm-kekka-joken-more-text {
  color: #205EA5;
  line-height: 20px;
  vertical-align: center;
}
.jm-kekka-joken-more:hover .jm-kekka-joken-more-text {
  padding: 16px;
  color: #fff;
}
.jm-kekka-joken-more {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 10;
  position: relative;
}
.jm-kekka-joken-more .jm-kekka-joken-more-up {
  background-color: #205EA5;
  text-align: center;
}
.jm-kekka-joken-more .jm-kekka-joken-more-up a {
  color: #fff !important;
}
.jm-kekka-joken-more span {
  margin: 0;
}

.jm-joken-title {
  height:22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  vertical-align: middle;
  color: #5A5A5A;
}

.jm-joken-area-column .bu-columns {
  margin:2px 0 0 0;
}

/*top search boxのgap（モバイルのみ）*/
@media screen and (min-width: 769px) {
  .jm-top-search-box-gap {
    padding-right: 2px!important;
  }
}


/* トップページ簡易版絞り込み条件 */
#jm-top-shiborikomi-s .nu-shiborikomi-s-container {
  display: flex;
  margin-bottom:2px;
}
#jm-top-shiborikomi-s .nu-shiborikomi-s-container-2 {
  display: flex;
  margin-bottom:2px;
}

#jm-top-shiborikomi-s .nu-shiborikomi-s-item1 {
  margin-right:2px;
  width:45%;
  display:flex;
}
#jm-top-shiborikomi-s .nu-shiborikomi-s-item2 {
  background-color: #FFF;
  flex-grow: 1;
}

#jm-top-shiborikomi-s .nu-shiborikomi-s1 {
  min-width:115px;
  background-color:#FFF;
  padding:0 15px;
  line-height:50px;
}
#jm-top-shiborikomi-s .nu-shiborikomi-s2 {
  flex-grow:1;
  background-color:#FFF;
}
#jm-top-shiborikomi-s .nu-shiborikomi-s2 .jm-top-search-joken {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height:50px;
  padding:9px 0;
}
#jm-top-shiborikomi-s .nu-shiborikomi-s2 .jm-top-search-joken-w {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height:50px;
  padding:9px 0;
}
@media screen and (max-width: 930px) {
  #jm-top-shiborikomi-s .nu-shiborikomi-s-container-2 {
    flex-direction: column;
  }
  #jm-top-shiborikomi-s .nu-shiborikomi-s-item1 {
    margin-right: 0;
    margin-bottom:2px;
    width:100%;
  }
  .wrap-mob {
    flex-wrap: wrap!important;
  }
}

/* トップページ全件表示絞り込み条件（PCアコーディオン） */
#jm-top-shiborikomi-l .nu-shiborikomi-l1 {
  color: #5A5A5A;
  background-color: #EEE;
  min-width:115px;
  padding:0 15px!important;
  line-height:50px;
}
#jm-top-shiborikomi-l .nu-shiborikomi-l2 {
  flex-grow:1;
  background-color:#FFF;
}
#jm-top-shiborikomi-l .nu-shiborikomi-l2 .jm-top-search-joken {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height:50px;
  padding:9px 0;
}

/* 絞り込み条件見出し */
.jm-top-search-cl1 {
  /* flex: none !important; */
  color:#5A5A5A;
  font-weight:500;
}
/* モバイル版・絞り込み条件モーダル見出し */
#jm-top-shiborikomi-l .jm-mod-shiborikomiall-col1 {
  color: #5A5A5A;
}

/*絞り込み条件のタブ*/
#jm-top-shiborikomi-s .bu-button.jm-top-search-joken-tab,
#jm-top-shiborikomi-l .bu-button.jm-top-search-joken-tab,
#jm-kekka-shiborikomi-s .bu-button.jm-top-search-joken-tab,
#jm-kekka-shiborikomi-l .bu-button.jm-top-search-joken-tab,
#jm-kekka-shiborikomi-sm .bu-button.jm-top-search-joken-tab
 {
  font-size: 13px;
  line-height:26px;
  vertical-align: middle;
  height:26px;
  padding:0 12px;
  color:#333;
}

.jm-top-search-joken-tab {
  background-color: #EAEAEA;
  border: none;
}
.jm-top-search-joken-tab:hover {
  opacity: 0.7;
}

/* 結果ページ・絞り込み条件簡易表示（PC） */
#jm-kekka-shiborikomi-s .jm-top-search-joken input[type="text"] {
  width:55px;
  height:34px;
  margin-right:5px;
}

#jm-kekka-shiborikomi-s .jm-top-search-joken {
  display: flex;
  flex-wrap: wrap;
}

#jm-kekka-shiborikomi-s .jm-top-search-joken-w {
  display: flex;
  flex-wrap: wrap;
}

/* 結果頁・検索フォーム */
.jm-kekka-kekka-area #jm-kekka-form {
  padding: 0 20px 0 10px;
}
.jm-kekka-kekka-area {
  padding-bottom:0;
}
#jm-kekka-joken #jm-kekka-form {
  padding: 0;
  margin-bottom: 20px;
}

#jm-kekka-joken .jm-kekka-joken-pad {
  padding:0 20px;
}

/* nui用expandボタンshrinkボタン */
.nu-expand,
.nu-shrink {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  cursor: pointer;
}
.nu-expand-text,
.nu-shrink-text {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  cursor: pointer;
}

.nu-expand .nu-expand-btn {
  width: 22px;
  height: 22px;
  background: url(../img/expand-btn.png) no-repeat;
  background-size:cover,0 0;
}
.nu-expand .nu-expand-btn:hover {
  width: 22px;
  height: 22px;
	background: url(../img/expand-btn-hv.png) no-repeat;
  background-size:cover,0 0;
  transition: 0.3s ease;
}
.nu-expand .nu-expand-btn-wh {
  width: 22px;
  height: 22px;
  background: url(../img/expand-btn-wh.png) no-repeat;
  background-size:cover,0 0;
}

.nu-expand .nu-shrink-btn {
  width: 22px;
  height: 22px;
  background: url(../img/shrink-btn.png) no-repeat;
  background-size:cover,0 0;
}
.nu-expand .nu-shrink-btn:hover {
  width: 22px;
  height: 22px;
	background: url(../img/shrink-btn-hv.png) no-repeat;
  background-size:cover,0 0;
  transition: 0.3s ease;
}


/* 検索結果・辞書参照 */
.jm-joken-title-expand {
  display: flex;
  justify-content: space-between;
  align-items: center!important;
}
.jm-joken-title-expand div div {
  height: 22px;
  font-size: 12px;
  line-height:22px;
  vertical-align:middle;
  cursor: pointer;
}

/*検索結果・絞り込み条件アコーディオン*/
.jm-kekka-joken-accbtn span::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
}
.jm-kekka-joken-accbtn span:hover::after {
  color: #77B6E0;
}


@media screen and (max-width: 768px) {
  /*white border*/
  .jm-acc-btm-border {
    border-bottom: solid 2px #fff;
  }
  .jm-acc-btm-border.active {
    display: none !important;
  }
  /*acc btn for mobile*/
  #jm-jisho-acc.active .jm-kekka-joken-accbtn span::after,
  #jm-shiborikomi-acc.active .jm-kekka-joken-accbtn span::after,
  #jm-rireki-mb-acc.active .jm-kekka-joken-accbtn span::after,
  #jm-shiborikomi-pm-acc.active .jm-kekka-joken-accbtn span::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
  }
  /*辞書参照詳細とshiborikomi条件詳細*/
  #jm-kekka-jisho-dt,
  #jm-kekka-shiborikomi-s {
    display: none;
  }
}


/* 検索結果 */
.jm-kekka-right-area {
  padding-top: 3rem;
}
.jm-kekka-kekka-area {
  padding: 0;
}
#jm-kekka-wrap {
  margin-top: 3rem;
  padding: 0 0 0 10px;
}

/* for clip board*/
#jm-kekka-clip-wrap {
  padding: 0px;
}
.jm-clip-note {
  height:36px;
  line-height:36px;
  font-size: 13px;
  text-align:center;
}
.clip-number {
  font-size:18px;
  font-weight:bold;
  padding:0 0.5rem;
}

@media screen and (max-width: 768px) {
  .jm-kekka-kekka-area {
    width: 100%;
    margin: 0;
  }
  #jm-kekka-wrap {
    margin-top: 0;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .jm-kekka-joken-area {
    width: 310px !important;
    padding-bottom: 0px;
    padding-right: 0px;
  }
}

/* clip board right-area */
#jm-kekka-clipboard {
  padding:10px 0 0;
}
#jm-kekka-clipboard > div.bu-column {
  padding-right: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #jm-kekka-clipboard > div.bu-column {
    margin:0;
    padding:0;
}
}

/* 検索結果ページ・履歴表示 for mobile */
@media screen and (max-width: 768px) {
  #jm-rireki-mb {
    padding:0 20px 5px;
  }
}

/* 検索結果ページ・履歴表示 for pc */

#jm-rireki .jm-rireki-body {
  margin-bottom:20px;
}
#jm-rireki .jm-rireki-body .rireki-kensu {
  width:100px;
}
#jm-rireki .jm-rireki-body .jm-p-7 {
  padding:7px;
}
#jm-rireki .jm-rireki-body .jm-rireki-row .bu-column {
  line-height:16px;
}
#jm-rireki .jm-rireki-body .jm-rireki-row:nth-child(n+2) > div.bu-columns {
  margin-top:2px!important;
  margin-bottom:0!important;
}
#jm-rireki .jm-rireki-body label {
  font-size:14px;
  line-height:16px;
}
#jm-rireki .jm-rireki-body .jm-rireki-no,
#jm-rireki-dt-mb .jm-rireki-no {
  font-size:12px;
  line-height:16px;
  height:16px;
}
#jm-rireki .jm-rireki-col1 {
  margin-right:10px;
  width:75px;
  line-height:16px;
  display:flex;
}


/*履歴select,履歴submitボタン*/
#jm-rireki .jm-rireki-select select,
#jm-rireki .jm-rireki-select select option,
 .jm-rireki-button button {
  background-color: #205EA5;
  color: #fff;
  border: none;
  line-height:18px;
  height:30px;
}
#jm-rireki .jm-rireki-button a:hover {
	background-color:#77B6E0;
	color:#FFF;
}
#jm-rireki-mb .jm-rireki-select select,
#jm-rireki-mb .jm-rireki-select select option,
#jm-rireki-mb .jm-rireki-button button {
  background-color: #205EA5;
  color: #fff;
  border: none;
  line-height:18px;
  height:30px;
}

.jm-rireki-button button span {
  color:#FFF!important;
  font-size:12px;
  font-weight:500;
  line-height:18px;
}
.jm-rireki-button button span i {
  font-size:16px;
  padding-left:10px;
  padding-right:0;
  margin-right:0!important;
  border-left:solid 1px #FFF;
}

.jm-rireki-select::after {
  border-color: #fff !important;
}
.jm-rireki-button button:hover {
  background-color: #77B6E0;
  color: #fff;
}
/* 履歴フッターアイコン */
.jm-rireki-footer-icon {
  margin-left: auto;
  font-size: 16px;
}
.jm-rireki-footer-icon i {
  margin: 0 15px 0 0;
}
@media screen and (max-width: 800px) {
  .jm-rireki-footer-icon i {
    margin: 0 8px;
  }
}
.jm-rireki-footer-icon .jm-tooltip a {
  color: #205EA5;
}
.jm-rireki-footer-icon .jm-tooltip a:hover {
  color: #77B6E0;
}

/*チェックボックス*/
/*デフォルト消去*/
input[type="checkbox"].jm-chkbox {
  display: none;
}
/*label 通常表示*/
input[type="checkbox"].jm-chkbox + label,
input[type="checkbox"].jm-chkbox + label::before
 {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  margin:0px 10px 0px 0px;
  padding:0;
  line-height: 16px;
  height:16px;
  width:16px;
  vertical-align: middle;
}

input[type="checkbox"].jm-chkbox + label::before {
  display: block;
  background: #fff;
  border: solid 1px #B0A8A1;
  content: '';
  font-size: 13px;
  font-weight: 900;
}
input[type="checkbox"]:checked.jm-chkbox + label::before {
  background: #77B6E0;
  border: solid 1px #77B6E0;
  font-size: 13px;
  content: "\e876";
  font-family: 'Material Icons';
  font-weight:bold;
  color:#FFF;
}
.jm-rireki-col1 span.jm-rireki-no {
  margin-left:10px;
}

/*モバイル版の履歴表示部*/
#jm-rireki-dt-mb .jm-rireki-col1-mb {
  display:flex;
}
#jm-rireki-dt-mb .jm-rireki-col1-mb span.jm-rireki-no {
  margin-left:5px;
}
/* #jm-rireki-dt-mb input[type="checkbox"].jm-chkbox + label::before {
  margin-right:5px;
} */


/*結果表示icon area*/
.jm-kekka-icon-area {
  display: flex;
  align-items: center;
  margin: 0;
}
.jm-kekka-icon-area img {
  height: 24px;
  position: relative;
  top: 5px;
}

/* 結果表示ページング */
.nu-kekka-paging-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  line-height:30px;
}
@media screen and (max-width:768px) {
  .nu-kekka-paging-container {
    justify-content: center;
  }
}

#jm-kekka-paging-area {
  border-bottom: solid 1px #dcdad7;
}
#jm-kekka-paging-area select {
  border: none;
}
#jm-kekka-paging-area .bu-select::after {
  color:#605143!important;
  content:"\e5cf"!important;
  font-family: "Material Icons"!important;
  font-size: 16px;
  line-height:1.2rem;
}
#jm-kekka-paging-area input[type="text"].thin {
  border:solid 1px #B0A8A1!important;
}

.jm-kekka-paging {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  line-height:30px;
  height:30px;
}
.jm-kekka-paging span {
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle;
}
.jm-kekka-paging span.material-icons {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.jm-page-go-btn {
  color: #fff;
  background-color: #205EA5;
  border: none;
  height: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
}
.jm-page-go-btn:hover {
  background-color: #77B6E0;
  color: #fff;
}

/*結果表示body*/
.jm-kekka-title a {
  font-weight: bold;
  font-size: 15px;
  color: #333333;
  text-decoration: underline;
}
.jm-kekka-title a:hover {
  color: #333333;
  opacity: 0.7;
}
.jm-kekka-title span.jm-doc-title {
  font-weight: bold;
  font-size: 15px;
  color: #333333;
  /* text-decoration: underline; */
}


.jm-kekka-info a {
  color: #3D97D3;
  text-decoration: underline;
  /* opacity: 0.7; */
}
.jm-kekka-info a:hover {
  color: #3D97D3;
  opacity: 0.7;
}

.jm-kekka-text a {
  color: #77B6E0;
  text-decoration: underline;
}
.jm-kekka-banner span img {
  border: solid 1px #dcdad7;
  /* height: 29px; */
  /* https://ichushi-kg.backlog.com/view/KANGO-16#comment-469414624 */
}
.jm-kekka-border {
  border-bottom: solid 1px #dcdad7;
}
#jm-kekka-body div:last-of-type {
  border-bottom: 0px;
}

/* 結果checkbox共通 */
.kekka-checkbox {
  display:flex;
  height:16px;
  line-height:16px;
}

/* 結果表示　column調整(tablet以上) */
@media screen and (min-width:769px) {
  #jm-kekka-body .bu-column.bu-is-1-tablet.kekka-checkbox {
    margin-right:10px;
    width:60px;
  }
}

/*結果チェックボックス*/
#jm-kekka-chk, #jm-kekka-chk-md {
  padding: 3rem;
  align-items: center !important;
}
#jm-kekka-chk.bu-columns, #jm-kekka-chk-md.bu-columns {
  padding: 15px !important;
  margin-bottom: 0px;
}
#jm-kekka-chk .jm-chkbox label, #jm-kekka-chk-md .jm-chkbox label {
  font-size: 14px;
  line-height: 15px;
  vertical-align: middle;
  margin:0;
  padding:0;
}
.kekka-chk-subete {
  line-height:16px;
  margin-left:5px;
  }
#jm-kekka-chk span.export-icon:not(:last-child) {
    margin:0 0.5rem 0 0;
}


/*結果・icon group modal （for mobile only） */
.jm-kekka-body-ticon-mob {
	display: flex;
}
@media screen and (max-width:768px) {
  .jm-mod-kekka-icon-output div.bu-modal-background,
  #jm-mod-kekka-icon-share div.bu-modal-background
  {
    opacity:0.2;
    height:100vh!important;
  }

	.jm-mod-kekka-icon-output .bu-modal-card,
  #jm-mod-kekka-icon-share .bu-modal-card
  {
    width: 60%;
    margin:0;
    box-sizing: content-box;
	}
	.jm-mod-kekka-icon-output .bu-modal-card header,
  #jm-mod-kekka-icon-share .bu-modal-card header
  {
    display:flex;
    justify-content: space-between;
    padding:0;
    font-size:13px!important;
  }
  .jm-mod-kekka-icon-output .bu-modal-card header .jm-mod-kekka-icon-output-title,
  #jm-mod-kekka-icon-share .bu-modal-card header .jm-mod-kekka-icon-share-title
  {
    color:#382514;
    font-size:15px;
    line-height:18px;
    font-weight:500;
    vertical-align:middle;
  }
  .jm-mod-kekka-icon-output .bu-modal-card header div.jm-mod-close span,
  #jm-mod-kekka-icon-share .bu-modal-card header div.jm-mod-close span
  {
    font-size:18px;
    color:#382514;
    line-height:18px;
    vertical-align: middle;
  }
  .jm-mod-kekka-icon-output .bu-modal-card .bu-modal-card-body,
  #jm-mod-kekka-icon-share .bu-modal-card .bu-modal-card-body
   {
    padding:0px!important;
  }
  .jm-mod-kekka-icon-output .bu-modal-card-body .bu-container,
  #jm-mod-kekka-icon-share .bu-modal-card-body .bu-container
  {
    margin:0;
    display:flex;
    flex-direction: row;
    justify-content: center;
  }
  .jm-mod-kekka-icon-output.jm-mod-kekka-icon-output-conbox {
    padding:0px 20px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    background-color:#FFF;
  }
  .jm-mod-kekka-icon-output .jm-kekka-body-icon2,
  #jm-mod-kekka-icon-share .jm-kekka-body-icon2
  {
    padding:0.5rem;
  }
  .jm-mod-kekka-icon-output .jm-kekka-body-icon2 i {
    font-size:22px;
    line-height:40px;
  }
  #jm-mod-kekka-icon-share .jm-kekka-body-icon2 i {
    font-size:22px;
    line-height:40px;
  }
}

/* 結果upper icon group（for mobile only） */
.jm-kekka-top-icon {
  justify-content: space-between;
  margin-bottom: 1rem;
}

/* 結果upper icon group - shoshi-scm, pubmed */
#jm-kekka-body.shoshi-scm .jm-kekka-top-icon div {
  height:40px;
}


.jm-kekka-body-ticon {
  height: 30px;
  display: flex;
  flex-direction: row-reverse;
}
.jm-kekka-body-ticon .jm-kekka-body-icong-bg {
  height: 30px;
  width: auto !important;
  border-radius: 15px !important;
  padding: 0;
  margin-left: 2rem;
  display: none;
}
.jm-kekka-body-ticon .jm-kekka-body-icong-bg .jm-kekka-body-icon2 {
  width: 30px;
  margin-left: 20px;
}

/* 結果・右アイコングループ（PC） */
#jm-kekka-body .jm-kekka-body-ricon {
  width: 30px;
  margin-left: 10px;
}
.jm-kekka-body-icon1,
.jm-kekka-body-icon2 {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
}
.jm-kekka-body-icon1 {
  background-color: #EEE;
  border-radius: 50%;
  margin-bottom: 10px;
}
.jm-kekka-body-icon2 {
  margin-bottom: 5px;
}
.jm-kekka-body-icon1 a,
.jm-kekka-body-icon2 a {
  color:#3D97D3;
}
.jm-kekka-body-icon1 a:hover,
.jm-kekka-body-icon2 a:hover {
    color: #363636;
  }
.jm-kekka-body-icong-bg {
  width: 30px;
  border-radius: 15px !important;
  padding: 10px 0;
  margin-bottom: 10px;
  display: none;
}
.fb {
  color: #315096;
}
.tw {
  color: #55acee;
}
.line {
  color: #00c300;
}
.linkedin {
  color: #0a66c2;
}
.gplus {
  color: #dd4b39;
}
.rgate {
  color: #00c6b5;
}

/*結果表示・件数表示 for mobile only*/
#jm-kekka-kensu-mb p {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#jm-kekka-kensu-mb .kekka-kensu-mb-label::after {
  content: '\020';
}

/*結果タブメニュー(slick)*/
#jm-kekka-tabmenu div, #jm-kekka-tabmenu-md div {
  height: 50px;
  margin-bottom: 0.5rem;
}
#jm-kekka-tabmenu .slick-prev:before,
#jm-kekka-tabmenu .slick-next:before,
#jm-kekka-tabmenu-md .slick-prev:before,
#jm-kekka-tabmenu-md .slick-next:before {
  color: #605143;
  font-family: "Material Icons";
  font-weight: 900;
  height: 50px;
  border: solid 1px #605143;
  line-height: 50px;
  display: inline-block;
  margin: 0;
}
#jm-kekka-tabmenu .slick-prev:before, #jm-kekka-tabmenu-md .slick-prev:before {
  content: "\e408";
  left: 0 !important;
}
#jm-kekka-tabmenu .slick-next:before, #jm-kekka-tabmenu-md .slick-next:before {
  content: "\e409";
  right: 0 !important;
}
#jm-kekka-tabmenu .slick-prev,
#jm-kekka-tabmenu .slick-next,
#jm-kekka-tabmenu-md .slick-prev,
#jm-kekka-tabmenu-md .slick-next {
  height: 0px !important;
  top: 0 !important;
}
#jm-kekka-tabmenu, #jm-kekka-tabmenu-md {
  margin: 0 30px;
}

#jm-kekka-tabmenu .jm-tab-slider div .jm-tab-slider-item div, #jm-kekka-tabmenu-md .jm-tab-slider div .jm-tab-slider-item div {
  display:flex;
  flex-direction:column;
  align-items:center;
}
#jm-kekka-tabmenu .jm-tab-slider div .jm-tab-slider-item, #jm-kekka-tabmenu-md .jm-tab-slider div .jm-tab-slider-item {
  border-right: solid 1px #dcdad7;
  padding: 5px 1rem;
}
#jm-kekka-tabmenu .jm-tab-slider div .jm-tab-slider-item[data-select="true"], #jm-kekka-tabmenu-md .jm-tab-slider div .jm-tab-slider-item[data-select="true"] {
  border-bottom: solid 4px #77B6E0;
}


/*slick navi 表示*/
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
  display:none!important;
}


/*検索フォーム*/
#jm-search-form-area select {
  font-size: 13px;
  height: 54px;
}
#jm-search-form-area select.search-select-option option {
  background-color:#FFF;
}
#jm-search-form-area div.bu-select.bu-is-large::after {
  color:#382514;
  font-size:12px;
  line-height:1.5rem!important;
  width: 12px;
  height:1.5rem;
  top: calc(50% + 2px);
}
#jm-search-form-area input::placeholder {
  font-size: 13px;
}

/*辞書参照のスタイル*/
#jm-kekka-jisho-dt a {
  color:#205EA5;
  font-weight:500;
}
#jm-kekka-jisho-dt .bu-column {
  padding-top:0;
  padding-bottom:0;
}
#jm-kekka-jisho-dt .jm-jisho-item {
  font-size:13px;
  margin:10px 0 14.5px;
}
.jm-top-search-jisyo a {
  border-bottom: solid 2px #5679B3;
}
.jm-top-search-jisyo a:hover {
  color: #77B6E0!important;
  border-bottom: solid 2px #77B6E0;
}

/*top-searchのform*/
.jm-top-search-form {
  border: solid 1px #dbdbdb;
  border-radius: 0;
}

/*jm-top-info-box*/
.jm-search-info-box {
  display: flex;
  align-items: stretch;
}
.jm-search-info-box .bu-box {
  border: solid 2px #e7e5e3;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.jm-search-info-box-bottom {
  margin-top: auto;
}
.jm-info-content
{
  max-height:35vh;
  overflow:auto;
}

/*tab menu(only mobile)*/
#jm-tab-menu-wrap {
  margin-top: 54px !important;
}
#jm-tab-menu.bu-columns {
  margin:0;
}
#jm-tab-menu div.bu-column {
  /* width: 20%; */
  padding: px 0 6px 0;
  position: relative;
  background-color: #205EA5;
  cursor: pointer;
}
#jm-tab-menu div.bu-column.selected {
  background-color: #5679B3;
}
#jm-tab-menu div.bu-column:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: solid 5px #EE6261;
}
#jm-tab-menu i {
  color: #fff;
  font-size: 20px;
  line-height: 1;
}
#jm-tab-menu .jm-top-menu-text {
  font-size: 10px;
  color: #fff;
}
#jm-tab-menu #jm-tmenu-yurufuwa span {
  display: inline-block;
  line-height:0.4;
}
#jm-tab-menu #jm-tmenu-yurufuwa span i {
  height:20px;
  margin:0;
  padding:0
}


/*page top*/
#jm-page-top {
  position: fixed;
  bottom: 0;
  background-color: #205EA5;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  box-sizing: content-box;
}
/* 大きさ指定 */
@media screen and (max-width: 768px) {
  div #jm-page-top {
    width:60px;
    height:58px;
  }
}
@media screen and (min-width: 769px) {
  div #jm-page-top {
    width:72px;
    height:66px;
  }
}

#jm-page-top i {
  line-height: 20px;
  text-align: center;
}

/* 表示位置計算 */
@media screen and (min-width: 1200px) {
  #jm-page-top {
    right: calc(calc(100vw - 1200px) / 2 - 7px);
  }
}
@media screen and (min-width: 1120px) and (max-width: 1215px) {
  #jm-page-top {
    right: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1119px) {
  #jm-page-top {
    right: calc(calc(100vw - 978px) / 2);
  }
}
@media screen and (max-width: 1023px) {
  #jm-page-top {
    right: 0;
  }
}
#jm-page-top a {
  color: #fff;
}
#jm-page-top:hover {
  background-color: #77B6E0;
}

/*footer*/
#jm-footer {
  z-index: 30;
  font-size:12px;
  border-top: solid 2px #fff;
  box-sizing: content-box;
}
@media screen and (min-width: 769px) {
  #jm-footer footer.bu-container {
    display: flex;
    flex-direction:row;
    padding-left: 20px;
    max-width: 1200px;
    height: 68px;
    line-height: 68px;
  }
}
@media screen and (max-width: 768px) {
  #jm-footer footer.bu-container {
    display: flex;
    flex-direction:column;
    justify-content: center;
    height: 74px;
  }
  #jm-footer footer div {
    text-align: center;
    line-height: 18px;
    height:18px;
  }
  #jm-footer footer div.bu-ml-3 {
    margin-left:0!important;
  }
}

/*general*/
.gen-vcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gen-height100 {
  height: 100%;
}

/*color*/
.jm-bg-grayb {
  background-color: #b0a8a1;
}
.jm-bg-darkb {
  background-color: #205EA5;
}
.jm-bg-brgreen {
  background-color: #77B6E0 !important;
}
.jm-bg-grayl {
  background-color: #ebe9e7 !important;
}
.jm-bg-grayd {
  background-color: #DCDCDC !important;
}
.jm-bg-grayd-pubmed {
  background-color: #dcdad7 !important;
  min-height:80vh;
}

.jm-bg-footer {
  background-color: #5679B3 !important;
}
.jm-bg-footer-dark {
  background-color: #205EA5 !important;
}
.jm-bg-white {
  background-color: #fff !important;
}
.jm-bg-grayll {
  background-color: #EEE !important;
}
.jm-bg-grayf4 {
  background-color: #F4F4F4 !important;
}

/* form background */
#jm-top-form {
  background: linear-gradient(#ffffff, #dcdad7);
  padding-top: 2rem;
}
@media screen and (max-width: 768px) {
  #jm-top-form {
    padding-top: 18px!important;
    background: #dcdad7;
  }
}

/*modal style*/
.bu-modal {
  z-index:888;
}
.bu-delete,
.bu-modal-close {
  background: none;
  border: none;
  color: #205EA5;
}
.bu-modal-card {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0,0.5);
  margin:0;
}
.bu-modal-card-foot {
  border:0!important;
}
.bu-modal-background {
  background: rgba(51,51,51,0.80)!important;
}
.bu-modal-card-title {
  color:#333;
}
.jm-mod-close {
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  height: 18px;
}
.jm-modal .bu-modal-card-head {
  background-color: #fff;
}
.jm-modal .bu-modal-card-body,
.jm-modal .bu-modal-card-foot {
  background-color: #DCDCDC !important;
}
.jm-mod-subtitle {
  font-size: 14px;
  font-weight:bold;
}

/*modal footer button*/
.jm-modal-btn {
  background-color: #382514;
  color: #fff;
}
.jm-modal-btn:hover {
  background-color: #77B6E0;
  color: #fff;
}

/*output modal*/
#jm-mod-print div.bu-modal-background,
#jm-mod-download div.bu-modal-background,
#jm-mod-sendmail div.bu-modal-background,
#jm-mod-direct-export div.bu-modal-background
{
  opacity: 0.7;
}
#jm-mod-print .bu-modal-card,
#jm-mod-download .bu-modal-card,
#jm-mod-sendmail .bu-modal-card,
#jm-mod-direct-export .bu-modal-card
 {
  width:80%;
  margin:0;
}
 @media screen and (max-width: 768px) {
  #jm-mod-direct-export .bu-modal-card
  {
    width: 95%;
    margin:0;
  }
}
#jm-mod-direct-export .bu-container {
  margin: 20px 0;
}
#jm-mod-direct-export .bu-container .bu-columns {
  padding: 25px 50px 10px;
}
#jm-mod-print .bu-modal-card .bu-modal-card-body,
#jm-mod-download .bu-modal-card .bu-modal-card-body,
#jm-mod-sendmail .bu-modal-card .bu-modal-card-body
  {
  padding-top:20px!important;
  padding-bottom:10px!important;
}
#jm-mod-print .bu-column,
#jm-mod-download .bu-column,
#jm-mod-sendmail .bu-column
 {
  line-height:15px;
}
/* modal out btn */
.bu-modal-card-body .jm-modout-btn {
  text-align: center!important;
  margin-top:20px!important;
}
.bu-modal-card-body .jm-modout-btn .bu-button {
  background-color: #205EA5;
  color:#FFF!important;
  margin:0 10px;
}
.bu-modal-card-body .jm-modout-btn .bu-button:hover {
  background-color: #77B6E0!important;
}
.bu-modal-card-body .jm-modout-btn .bu-button span {
  font-size:14px!important;
  padding:10px!important;
}

/*modal direct-export*/
#jm-mod-direct-export figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50px;
}
#jm-mod-direct-export figure img {
  object-fit: contain;
}
#jm-mod-direct-export figure figcaption {
  text-align: center;
}


/*radio button style*/
.bu-modal.jm-modal .jm-radio-wrap, .bu-modal.jm-modal .jm-input-wrap {
  padding:0.75rem!important;
}
.bu-modal.jm-modal .jm-radio-wrap span, .bu-modal.jm-modal .jm-input-wrap span {
  line-height:15px;
}
input[type="radio"] {
  display:none;
  margin-left:8px;
}
.jm-radio-title p {
  font-weight:bold;
  font-size:14px;
  line-height:14px;
  padding:0.75rem;
}
@media screen and (max-width: 768px) {
  .bu-modal.jm-modal .bu-control.jm-radio-wrap {
    display:flex;
    flex-direction: column!important;
    margin-left:10px;
  }
  .bu-radio + .bu-radio{
    margin-left:0!important;
  }
  .bu-radio {
    line-height:18px!important;
  }
  .bu-radio span.jm-radio {
    margin-right:5px;
  }
}
input[type=radio] + span.jm-radio {
  font-family: "Font Awesome 5 Free";
  font-size:15px;
  line-height:15px;
  width: 15px;
  height: 15px;
}
input[type=radio] + span.jm-radio::before{
  content: '\f111';
  transition: all 0.5s 0s ease;
}
input[type=radio] + span.jm-radio:hover::before{
  content: '\f111';
  font-weight: 400;
}
input[type=radio]:checked + span.jm-radio::before{
  display: none;
}
input[type=radio] + span.jm-radio::after{
  content: '\f058';
  font-weight: 900;
  color: #77B6E0;
  transition: all 0.5s 0s ease;
  /* margin-left:-15px; */
  display: none;
}
input[type=radio]:checked + span.jm-radio::after{
  display:inline-block;
}

.jm-open-conmenu i {
  cursor: pointer!important;
}
.bu-modal.jm-mod-context .bu-modal-background,
.bu-modal.jm-mod-context2 .bu-modal-background
{
    opacity: 0.3!important;
}
.bu-modal.jm-mod-context .bu-modal-card,
.bu-modal.jm-mod-context2 .bu-modal-card
{
  width: fit-content!important;
  width: -moz-fit-content!important;
}
.bu-modal.jm-mod-context .bu-modal-card .bu-column.conmenu-col,
.bu-modal.jm-mod-context2 .bu-modal-card .bu-column.conmenu-col
{
  white-space: nowrap;
  margin-right:5px;
}
.bu-modal.jm-mod-context .bu-modal-card,
.bu-modal.jm-mod-context2 .bu-modal-card
 {
  border-radius: 0.25rem;
  box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
  position:absolute;
  margin:0;
}
.bu-modal.jm-mod-context .bu-modal-card {
  font-size:14px;
  line-height:25px;
  background-color: #FFF;
  color:#382514;
  margin:0;
}
.bu-modal.jm-mod-context2 .bu-modal-card {
  background-color: rgba(51,51,51,0.8);
  color:#FFF;
  margin:0;
}
/* .bu-modal.jm-mod-context2 .bu-modal-card .bu-modal-card-title,
.bu-modal.jm-mod-context2 .bu-modal-card .jm-mod-close .material-icons
{
  color:#FFF;
  font-size:16px!important;
  line-height:16px!important;
} */
.bu-modal.jm-mod-context .bu-modal-card header span.jm-mod-close {
  color:#382514;
}

.jm-mod-context .bu-column {
  padding:0;
}
.jm-mod-context a:hover {
  color:#77B6E0;
}

/*modal chkalart*/
#jm-mod-chkalart .bu-modal-card-body .bu-container > div {
  font-size:16px;
}
#jm-mod-chkalart .bu-modal-card-body i {
  font-size:20px;
}

/*modal rireki all (pc only)*/
#jm-mod-rirekiall .bu-modal-card {
  width:722px;
  margin:0;
}
#jm-mod-rirekiall .jm-joken-title-expand {
  margin-bottom:20px;
}

/*jm-rireki-fotter*/
.jm-rireki-footer select {
  padding:6px 10px!important;
  margin:0!important;
  width:54px!important;
  height:30px!important;
}
#jm-rireki .jm-rireki-footer .bu-select::after,
#jm-rireki-mb .jm-rireki-footer .bu-select::after {
  font-size:10px;
  line-height:18px;
  color:#FFF;
  border:none;
  transform:none;
  right:10px;
}
.jm-rireki-footer select {
  font-size:12px!important;
  line-height:18px!important;
}
.jm-rireki-footer .jm-rireki-button a {
  font-size:12px;
}
.jm-rireki-footer .jm-rireki-button a.bu-button {
  height:30px!important;
}

/* modal jisho style (収載誌・統制語・所属機関) */
#jm-jisho-modal .bu-modal-card
 {
  width: 66vw;
  margin:0;
}
@media screen and (max-width: 1023px) {
  #jm-jisho-modal .bu-modal-card {
    width: 90vw;
    margin:0;
  }
}

#jm-jisho-modal .jm-bg-grayl {
  color: #333;
}
#jm-jisho-modal input[type="text"].jm-mod-jisho-input,
#jm-jisho-modal .bu-control button.jm-top-search-btn,
#jm-jisho-modal .bu-control button.bu-button
{
  height:34px;
}
#jm-jisho-modal .jm-mod-jisho-rbtn .bu-button {
  width: 70px;
  height:34px;
}
#jm-jisho-modal .jm-mod-jisho-rbtn .bu-field.bu-has-addons input {
  border-color: #d0d1cd;
  border-right: none;
}
#jm-jisho-modal .jm-mod-jisho-rbtn .bu-field.bu-has-addons input:hover {
  border: none;
}
#jm-jisho-modal .bu-modal-card-head {
  padding: 24px;
}
#jm-jisho-modal .bu-modal-card-title {
  font-size: 18px;
}
#jm-jisho-modal .jm-mod-close span {
  font-size: 22px;
  margin: 0;
  padding: 0;
  color:#205EA5;
}
#jm-jisho-modal section .bu-container.jm-bg-white {
  margin-top: 38px;
}

/* モバイル用・絞り込み条件全件表示（モーダル） */
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-pad {
  padding: 3rem !important;
}
#jm-mod-shiborikomiall {
  z-index: 4000;
}
#jm-mod-shiborikomiall .jm-bg-grayl {
  color: #333;
}
#jm-mod-shiborikomiall .bu-modal-card {
  width: 90vw;
  margin:0;
}
@media screen and (max-width: 1023px) {
  #jm-mod-shiborikomiall .bu-modal-card {
    width: 98vw;
    margin:0;
  }
  #jm-mod-shiborikomiall .jm-mod-shiborikomiall-pad {
    padding: 1.5rem !important;
  }
}

#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col1 {
  background-color: #EEEEEE !important;
  margin-bottom: 0;
  margin-right: 0rem;
}
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 {
  background-color: #fff !important;
}
.jm-mod-shiborikomiall-col2 input[type="text"].thin {
  width:40px;
}
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 {
  background-color: #fff !important;
}
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 .jm-top-search-joken {
  display: flex;
  flex-wrap: nowrap;
}



@media screen and (max-width: 1023px) {
  .jm-mod-shiborikomiall-col1 {
    margin-right: 0rem;
  }
}
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 .jm-top-search-joken-tab {
  font-size: 13px;
  line-height: 26px;
  vertical-align: middle;
  height: 26px;
  padding: 0 12px;
  color: #333;
}
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 select,
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 input[type="text"] {
    height:34px;
}
/* select chevron-down 設定 */
#jm-mod-shiborikomiall .jm-mod-shiborikomiall-col2 .bu-select::after {
  color:#605143;
  font-size: 10px;
  line-height:1.2rem;
}

/*accordion style*/
.jm-acc-box {
  display: flex;
  flex-direction: column;
  border: solid 1px #e3e0de;
}
/*検索結果表示の下部リンクのaccordion*/
.jm-acc-button-layout-k {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  vertical-align: middle;
  position: relative;
}

.jm-acc-button:before {
  content: "\f0fe";
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  margin-right: 6px;
}

.jm-acc-button.active:before {
  content: "\f146";
}

.jm-acc-button-layout-k:hover,
.jm-acc-button:hover,
.jm-acc-button:hover::before {
  color: #77B6E0;
  cursor: pointer;
}

.jm-acc-item {
  padding-bottom: 1rem;
  display: block;
}

/*tool tip*/
#powerTip {
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  #powerTip {
    display:none!important;
}
}

/*すべてを表示*/
.jm-expand {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/*検索結果履歴のすべてを表示*/
.nu-expand {
  position: relative;
}
.nu-expand a.nu-expand-btn .nu-expand-btn span:after {
  content: '';
  display: inline-block;
  position: absolute;
  width:22px;
  height:22px;
  background-image: url(../img/expand-btn.png);
  background-size: contain;
}

.nu-expand a.nu-expand-btn.active .nu-expand-btn span:after {
  content: '';
  display: inline-block;
  position: absolute;
  width:22px;
  height:22px;
  background-image: url(../img/shrink-btn.png);
  background-size: contain;
}

#id-top-joken .nu-expand {
  height:22px;
  line-height:22px;
  display:flex;
}

/* expand hover時 */
.nu-expand .jm-acc-open2 .jm-icon-expand2:hover span::after,
.nu-expand .jm-mod-open3 .jm-icon-expand2:hover span::after,
.nu-expand .jm-acc-open4 .nu-expand-btn:hover span::after, {
    content: '';
    width:22px;
    height:22px;
    background-image: url(../img/expand-btn-hv.png);
}

/* shrink hover時 */
.nu-expand .jm-acc-open2.active .jm-icon-expand2:hover span::after,
.nu-expand .jm-mod-open3.active .jm-icon-expand2:hover span::after,
.nu-expand .jm-acc-open4.active .nu-expand-btn:hover span::after {
    content: '';
    width:22px;
    height:22px;
    background-image: url(../img/shrink-btn-hv.png);
}

.nu-expand .jm-acc-open2 .bu-mr-3::before {
  content: "すべて表示";
}

.nu-expand .jm-acc-open2.active .bu-mr-3::before {
  content: "簡易表示";
}
.nu-expand .jm-acc-open2.active .nu-expand-btn {
    width:22px;
    height:22px;
    background: url(../img/shrink-btn.png) no-repeat;
    background-size: contain;
}

.jm-expand div a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
  height: 22px;
}
.jm-expand div div {
  font-size: 12px;
  line-height: 22px;
}

.jm-icon-shrink {
  height:22px;
}

/* トップ画面絞り込みモーダル・モバイル用shrinkボタン */
#jm-mod-shiborikomiall .jm-icon-shrink {
  width: 20px;
  height: 20px;
  background: url(../img/shrink-btn.png);
  background-size:contain;
}

#jm-mod-shiborikomiall .jm-icon-shrink:hover {
  width: 20px;
  height: 20px;
  background: url(../img/shrink-btn-hv.png);
  background-size:contain;
}

.jm-expand-g {
  display: flex;
  justify-content: flex-end;
}
.jm-expand-g div {
  display: flex;
  justify-content: center;
}
.jm-expand-g div span {
  font-size: 12px;
  line-height: 22px;
  margin-right: 0.5rem;
}
.jm-expand-g div a {
  line-height: 22px;
  height: 22px;
}
.jm-icon-expand-g:hover path.jm-icon-expand-svg {
  fill: #fff !important;
}
.jm-icon-expand-g:hover line.jm-icon-expand-svg {
  stroke: #fff !important;
}


/* help */
.jm-joken-title div.jm-help-wrap {
  height:16px!important;
  margin:3px 0!important;
}
a.jm-help {
  font-size:10px;
  line-height:16px;
  height:16px!important;
  padding:0 8px;
  letter-spacing: 0.02rem;
  color:#FFF;
  cursor: pointer;
  border-radius:8px;
  background-color:#8C8C8C;
}
a.jm-help::before {
  content:"HELP";
}

/*centering*/
.jm-vcentered {
  display: flex;
  align-items: center;
}

.jm-link,
.jm-link:hover {
  color: #77B6E0;
}
.jm-fb {
  font-weight: 900;
}
.jm-fm {
  font-weight: 500;
}

/*padding,margin*/
.jm-px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.jm-px-20 {
  padding-right: 20px;
  padding-left: 20px;
}
.jm-p-7 {
  padding:7px;
}
.jm-p-9 {
  padding:9px;
}
.jm-p-69 {
  padding:5px 9px;
}
.jm-py-2 {
  padding-top:2px!important;
  padding-bottom:2px!important;
}
.jm-py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.jm-pb-30 {
  padding-bottom: 30px!important;
}

@media screen and (max-width: 768px) {
  .jm-px-40 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.jm-pl-40 {
  padding-left:40px;
}
.jm-p-10 {
  padding:10px;
}
.jm-plr-15 {
  padding-right: 15px;
  padding-left: 15px;
}
.jm-mb-2 {
  margin-bottom:2px!important;
}
.jm-mb-15 {
  margin-bottom:15px;
}
.jm-mb-20 {
  margin-bottom:20px;
}
.jm-mt-1 {
  margin-top: 1px;
}
.jm-mt-4 {
  margin-top: 4px;
}
.jm-mt-10 {
  margin-top: 10px;
}
.jm-mt-20 {
  margin-top: 20px;
}
.jm-mt-30 {
  margin-top: 30px;
}
.jm-my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.jm-ml-20 {
  margin-left: 20px;
}
.jm-mr-2 {
  margin-right: 2px;
}
.jm-mr-10 {
  margin-right: 10px;
}
.jm-mr-100 {
  margin-right: 100px;
}

/* responsive margin */
.mb10-mob {
  margin-bottom: 0;
}
.mt20-mob {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .mb10-mob {
    margin-bottom:10px;
  }
  .mt20-mob {
    margin-top: 20px;
  }
}


/*display control*/
#jm-rireki-dt-mb .jm-dn {
  display:none;
}

.jm-number {
  white-space: nowrap;
}

/* border-style */
.border-lr0 {
  border-left:none;
  border-right:none;
}

/* width style */
.w100 {
  width:100%;
}
.w100vw {
  width:100vw;
}
.w50 {
  width:50%;
}
.w50vw {
  width:50vw;
}
.w20 {
  width: 20px;
}
.w180px {
  width: 180px!important;
}

.w44px {
  width: 44px;
}
.w300px {
  width: 300px;
}

.wauto {
  width:auto;
}

/* height style */
.h20 {
  height: 20px;
}

/* position */
.posi-rel {
  position: relative;
}
.posi-ab {
  position: absolute
}

/* 改行 */
.br-mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .br-mob {
    display: block;
  }
}