/* addstyles-nui.css */
@charset "utf-8";

/* ネイティブのパスワード表示ボタン無効 */
::-ms-reveal {
    display: none;
}

/*TOP雑誌参照*/
#jm-jisho-modal .bu-container.jm-jisho-modal-kekka .jm-jisho-modal-kekka-rows {
  max-height: 300px;
  overflow-y: scroll;
  line-height:20px;
}

#jm-jisho-modal .bu-container.jm-jisho-modal-kekka .jm-jisho-modal-kekka-rows span.jm-jisho-count {
  text-align: right;
  display: block;
}
/* 辞書モーダル検索結果 accordion */
#jm-jisho-modal .jm-jisho-kekka-row-parent, #jm-jisho-modal .jm-jisho-kekka-row-parent a {
  line-height:16px;
}
#jm-jisho-modal .jm-jisho-kekka-row-parent span.acc-open-btn {
  font-size:16px;
  margin-left:0.5rem;
  cursor: pointer;
}
#jm-jisho-modal .jm-jisho-kekka-row-parent span.acc-open-btn::after {
  content: '\f078';
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size:12px;
}
#jm-jisho-modal .jm-jisho-kekka-row-parent span.acc-open-btn.active::after {
  content: '\f077';
}
#jm-jisho-modal .jm-jisho-kekka-row-parent span:hover.acc-open-btn::after {
  color:#77B6E0;
}
#jm-jisho-modal ul.jm-jisho-kekka-row-child {
  display: none;
}
#jm-jisho-modal ul.jm-jisho-kekka-row-child li {
  margin-left:1rem;
}



/* 下部submitボタン */
.jm-lower-submit {
  display: flex;
  justify-content: center;
}

/* kango submit btn  */
.jm-lower-submit button.jm-th-submit-button {
  height:40px;
  border:none;
  border-radius:4px;
  font-size:14px;
  line-height:40px;
  color:#FFF;
  background-color: #205EA5;
  cursor: pointer;
  padding:0 30px;
  width:fit-content;
  width: -moz-fit-content!important;
}
.jm-lower-submit button.jm-th-submit-button:hover {
  background-color: #77B6E0;
}

/* サーチエリアボディ */
.nu-rbody-subtitle {
  background-color: #F4F4F4;
  padding:15px 22px;
  margin:0;
  line-height:30px;
}
.nu-rbody-subtitle i {
  font-size: 22px;
}
.nu-rbody-subtitle-text {
  font-size: 17px;
}

/* カートページ */
.nu-cart {
  font-weight: 500;
}
/* カートページ・プログレストラッカー */
.nu-pt-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding:0 30px;;
}
.nu-pt-item {
  width:25%;
}
.nu-pt-item .nu-pt-title {
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-pt-item .nu-pt-title.active {
  color: #EE6261;
}
@media screen and (max-width: 768px) {
  .nu-pt-list {
    padding:0;
  }
  .nu-pt-item .nu-pt-title {
    font-size: 10px;
  }
}
.nu-pt-item .nu-pt-num {
  background-color: #8c8c8c;
  border-radius: 50%;
  width:24px;
  height: 24px;
  flex-shrink: 0;
  display:flex;
  justify-content: center;
  align-items: center;
}
.nu-pt-item .nu-pt-num {
  color: #FFF;
  font-weight: bold;
}
.nu-pt-item .nu-pt-line {
  height: 4px;
  background-color: #8c8c8c;
}
.nu-pt-item .nu-pt-line.half {
  width:calc(50% - 12px);
}
.nu-pt-item .nu-pt-line.hidden {
  width:calc(50% - 12px);
  visibility: hidden;
}
.nu-pt-num.done,
.nu-pt-line.done {
  background-color: #EE6261;
}

/* カートコメント */
.nu-cart-comment {
  padding-bottom:20px;
  border-bottom: solid 2px #FFF;
}
.nu-cart-comment-num {
  padding-bottom:20px;
  /* border-bottom: solid 2px #FFF; */
}

.nu-cart-dl-link {
  color: #3D97D3;
}

.nu-cart-comment-dl {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: white;
  /* border-bottom: solid 2px #FFF; */
}


/* カート・リスト　タイトル */
.nu-cart-list-title {
  display: flex;
  justify-content: space-between;
}
.nu-cart-list-title .cart-list-title2 {
  display: flex;
}
.nu-cart-list-title .cart-list-title2 .cart-sort {
  color: #205EA5;
  cursor: pointer;
}
.nu-cart-list-title .cart-list-title2 .cart-sort:hover {
  color:#77B6E0;
}

/* カートリスト・columnsバージョン */
#nu-cart-tb-col .bu-column {
  background:none;
}
/* カートリスト・PC版タイトル行 */
#nu-cart-tb-col .bu-column.tb-head.tb-no,
#nu-cart-tb-col .bu-column.tb-head.tb-data .bu-column {
  background-color:#EEE;
  letter-spacing: -0.05rem;
}
#nu-cart-tb-col .bu-column.tb-head.tb-no {
  font-weight: normal;
  color:#333;
}

/* カートリスト・データ部スタイル */
#nu-cart-tb-col .tb-data {
  flex-grow: 1;
}
#nu-cart-tb-col .tb-data .bu-columns .bu-column {
  background-color: #FFF;
  margin-right:2px!important;
  margin-bottom:2px;
  padding:10px!important;
}
#nu-cart-tb-col .tb-data.tb-pdf .bu-columns .bu-column {
  background-color: #EEE;
}
#nu-cart-tb-col .bu-column.tb-no {
  background-color: #77B6E0;
  color:#FFF;
  font-weight:bold;
  width:44px;
  margin-bottom:2px;
  margin-right:2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#nu-cart-tb-col .bu-column.tb-no.tb-pdf {
  background-color: #CCC;
  color:#EE6261;
  width:44px;
  margin-bottom:2px;
  margin-right:2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#nu-cart-tb-col .bu-column.tb-pdf span img {
  width: 22px;
}

#nu-cart-tb-col .tb-data .tb-title {
  width:290px;
  flex-grow: 1;
  flex-shrink: 1;
}
#nu-cart-tb-col .tb-data .tb-author {
  min-width:85px;
}
#nu-cart-tb-col .tb-data .tb-mgtitle {
  width:150px;
  flex-shrink: 1;
}
#nu-cart-tb-col .tb-data .tb-kan {
  width:60px;
}
#nu-cart-tb-col .tb-data .tb-page {
  width:80px;
}
#nu-cart-tb-col .tb-data .tb-nen {
  width:60px;
}
#nu-cart-tb-col .tb-data .tb-bunken {
  width:70px;
}
#nu-cart-tb-col .tb-data .tb-trash {
  width:30px;
}

@media screen and (min-width: 769px) {
  #nu-cart-tb-col .tb-title-mob {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #nu-cart-tb-col .tb-data {
    background-color: #FFF;
    margin-bottom: 2px;
    width: calc(100% - 34px);
  }
  #nu-cart-tb-col .bu-column.tb-no,
  #nu-cart-tb-col .bu-column.tb-no.tb-pdf
  {
    width:30px;
    margin:0;
    margin-bottom: 2px;
  }
  #nu-cart-tb-col .tb-data .bu-columns .bu-column {
    margin: 0!important;
    width: 100%;
  }
  #nu-cart-tb-col .tb-data .tb-trash {
    text-align: right;
  }
  #nu-cart-tb-col .tb-title-mob {
    width: 120px;
    flex-shrink:0;
    font-weight:bold;
  }
  #nu-cart-tb-col .tb-title div.tb-title-mob::before {
    content:'標題\03B副標題';
  }
  #nu-cart-tb-col .tb-author div.tb-title-mob::before {
    content:'著者名';
  }
  #nu-cart-tb-col .tb-mgtitle div.tb-title-mob::before {
    content:'雑誌名';
  }
  #nu-cart-tb-col .tb-kan div.tb-title-mob::before {
    content:'巻(号)';
  }
  #nu-cart-tb-col .tb-page div.tb-title-mob::before {
    content:'ページ';
  }
  #nu-cart-tb-col .tb-nen div.tb-title-mob::before {
    content:'発行年';
  }
  #nu-cart-tb-col .tb-bunken div.tb-title-mob::before {
    content:'文献No.';
  }
}

/* カートリスト・tableバージョン */
#nu-cart-tb-tb table {
  width: 100%;
}
#nu-cart-tb-tb table,
#nu-cart-tb-tb th,
#nu-cart-tb-tb td {
  border-collapse: collapse;
  border:solid 2px #DCDCDC;
}
#nu-cart-tb-tb th,
#nu-cart-tb-tb td {
  padding:10px;
}
#nu-cart-tb-tb th {
  background-color:#EEE;
}
#nu-cart-tb-tb td {
  background-color:#FFF;
  font-weight: normal;
}
#nu-cart-tb-tb td.tb-no {
  background-color: #77B6E0;
  color:#FFF;
  width:44px;
  text-align: center;
  vertical-align: middle;
}
td.tb-title {
  max-width:300px;
  min-width:120px;
}
td.tb-author {
  min-width:70px;
}
td.tb-mgtitle {
  min-width:100px;
}
td.tb-kan {
  min-width:60px;
}
td.tb-page {
  min-width:80px;
}
td.tb-nen {
  min-width:60px;
}
td.tb-bunken {
  min-width:70px;
}

#nu-cart-tb-tb tr.tb-tb-pdf td  {
 background-color: #EEE!important;
}
#nu-cart-tb-tb tr.tb-tb-pdf td.tb-no  {
  background-color: #CCC!important;
 }
 @media screen and (max-width: 768px) {
  #nu-cart-tb-tb tr.tb-tb-pdf td.tb-no {
    height:28px;
    padding:5px 0;
  }
  #nu-cart-tb-tb tr.tb-tb-pdf td.tb-no span img {
    height:18px;
  }
 }


@media screen and (max-width: 768px) {
  #nu-cart-tb-tb table,
  #nu-cart-tb-tb td {
    width:100%!important;
    border: none;
  }
  #nu-cart-tb-tb td {
    display: block;
    min-width:100%;
    padding: 7px 10px;
  }
  #nu-cart-tb-tb td.tb-no {
    padding:5px 0;
  }
  #nu-cart-tb-tb td.tb-trash {
    text-align: right;
  }
  #nu-cart-tb-tb td div::before {
    display:block;
    content: '';
    font-weight: bold;
    margin-bottom: 3px;
  }
  #nu-cart-tb-tb td.tb-title div::before {
    content:'標題\03B副標題';
  }
  #nu-cart-tb-tb td.tb-author div::before {
    content:'著者名';
  }
  #nu-cart-tb-tb td.tb-mgtitle div::before {
    content:'雑誌名';
  }
  #nu-cart-tb-tb td.tb-kan div::before {
    content:'巻(号)';
  }
  #nu-cart-tb-tb td.tb-page div::before {
    content:'ページ';
  }
  #nu-cart-tb-tb td.tb-nen div::before {
    content:'発行年';
  }
  #nu-cart-tb-tb td.tb-bunken div::before {
    content:'文献No.';
  }
}



/* カート・明細 */
#nu-cart-meisai {
  font-size:14px;
  font-weight: normal;
  line-height:32px;
}
.nu-cart-meisai-box {
  padding:25px;
  background-color: #FFF;
}
#nu-cart-meisai .cart-mtitle {
  height:100%;
  display: flex;
  line-height:24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#nu-cart-meisai .meisai-item div {
  flex-grow: 1;
  flex-shrink: 0;
}
#nu-cart-meisai .meisai-num div {
  padding-right:1rem!important;
  background-color:#ECF5FB;
  text-align: right;
  font-weight: 500;
}
#nu-cart-meisai .meisai-ken {
  flex-shrink: 0;
}
#nu-cart-meisai .meisai-soryo div,
#nu-cart-meisai .meisai-subtotal div {
  max-width:150px;
  padding-right:5px!important;
  text-align: right;
  flex-grow: 0;
}
#nu-cart-meisai .meisai-soryo div {
  background-color:#F8F8F8;
  font-weight: 500;
}
#nu-cart-meisai .meisai-subtotal div {
  background-color:#ECF5FB;
  font-weight: 500;
}
#nu-cart-meisai .meisai-row {
  font-weight: normal;
  padding: 5px 0;
  margin-bottom:0;
  border-top: solid 1px #EAEAEA;
}
#nu-cart-meisai .meisai-row:last-child {
  border-bottom: solid 1px #EAEAEA;
}
@media screen and (max-width: 768px) {
  #nu-cart-meisai {
    font-size:13.5px;
  }
  .nu-cart-meisai-box {
    padding:0;
  }
  .bu-columns.meisai-row {
    margin-bottom: 0!important;
    border-bottom: solid 1px #EAEAEA!important;
  }
  .bu-columns.meisai-row .bu-column {
    padding:10px 0!important;
  }
  #nu-cart-meisai .meisai-item div {
    padding-left:10px;
  }
}

/* カート・明細（cart4） */
#nu-cart-meisai.cart4 .nu-cart-meisai-box {
  padding:25px 100px 0 100px;
  background-color: #FFF;
}
#nu-cart-meisai.cart4 .bu-columns {
  margin:0;
}
#nu-cart-meisai.cart4 .bu-columns.pb25 {
  padding-bottom:25px!important;
}
#nu-cart-meisai.cart4 .cart4-mtitle {
  background-color: #F4F4F4;
  height:100%;
  display: flex;
  line-height:24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#nu-cart-meisai.cart4 ul {
  list-style-type: disc;
  padding-left: 10px;
}
#nu-cart-meisai.cart4 ul li {
  line-height: 16px;
  margin-bottom: 10px;
}
#nu-cart-meisai.cart4 ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #nu-cart-meisai.cart4 .nu-cart-meisai-box {
    padding:25px 10px;
  }
}


/* カート・ボタン */
#nu-cart-btn-area.jm-bg-white {
  margin-top:30px;
  padding:24px 22px;
}
#nu-cart-btn-area .cart-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#nu-mod-cart-alart .cart-btn .bu-button,
#nu-mod-cart-kakunin .cart-btn .bu-button,
#nu-cart-btn-area .cart-btn .bu-button {
  background-color: #205EA5;
  color: #fff;
  font-weight: 500;
  border: none;
  line-height: 22px;
  height: 44px;
}
#nu-mod-cart-alart .cart-btn .bu-button.ok,
#nu-mod-cart-kakunin .cart-btn .bu-button.ok,
#nu-mod-cart-kakunin .cart-btn .bu-button.cancel,
#nu-cart-btn-area .cart-btn .bu-button.return {
  width: 100px;
}
#nu-cart-btn-area .cart-btn .bu-button.next {
  width: 240px;
}
#nu-cart-btn-area .cart-btn .bu-button.clear {
  width: 180px;
}
#nu-cart-btn-area .cart-btn .bu-button.next.off {
  background-color: #AAA;
}
#nu-mod-cart-kakunin .cart-btn .bu-button.cancel,
#nu-cart-btn-area .cart-btn .bu-button.clear {
  background-color: #EAEAEA;
  color: #333;
}
#nu-cart-btn-area .cart-btn .note {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  margin-top:10px;
}

/* カート・要項 */
#cart-btn-yoko.yoko-container {
  margin-top:20px;
  padding:30px;
  background-color: #F4F4F4;
  font-size:12px;
  font-weight: normal;
  line-height: 16px;
}
#cart-btn-yoko .yoko-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#cart-btn-yoko .yoko-subtitle {
  margin-top: 18px;
  font-size: 14px;
  font-weight: 500;
}
#cart-btn-yoko ul {
  list-style: none;
}
#cart-btn-yoko li {
  position: relative;
  padding-left: 1.2rem;
}
#cart-btn-yoko li::before {
  content: '\f111';
  font-family: "Font Awesome 6 Free";
  position: absolute;
  left: 0px;
}
#cart-btn-yoko ul.yoko-hani li::before {
  content: '＊';
  position: absolute;
  left: 0px;
}

/* カート・送付先テーブル・内容確認テーブル */
#nu-cart-sofu-tb table {
  width: 100%;
  line-height: 30px;
}
#nu-cart-sofu-tb table,
#nu-cart-sofu-tb th,
#nu-cart-sofu-tb td {
  border-collapse: collapse;
  border:solid 2px #DCDCDC;
}
#nu-cart-sofu-tb th,
#nu-cart-sofu-tb td {
  padding:10px;
}
#nu-cart-sofu-tb th {
  background-color:#EEE;
  width:200px;
}
#nu-cart-sofu-tb td {
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  #nu-cart-sofu-tb th {
    width:110px;
    padding:10px 5px;
    line-height:14px;
    vertical-align: middle;
  }
}

#nu-cart-sofu-tb td {
  background-color:#FFF;
}
#nu-cart-sofu-tb input.w400 {
  max-width: 400px;
}
#nu-cart-sofu-tb input.w56 {
  width: 56px;
}

/* カート画面・セレクトボックス */
#nu-cart-sofu-tb select {
  border: solid 1px #DCDCDC;
  font-size: 12px;
  color:#333;
  line-height: 30px;
  padding:0px 10px;
  width:150px;
}
#nu-cart-sofu-tb .bu-select::after {
  content: '\f078';
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: 25%;
}

/* カート完了コメント */
.nu-cart4-thanks {
  background-color: #EEE !important;
  margin-top: 24px;
  padding:15px;
  font-size:16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .nu-cart4-thanks {
    font-size:15px;
    line-height: 20px;
    text-align: left;
  }
}

/* カート画面モーダル（アラート、申込み確認） */
#nu-mod-cart-kakunin .bu-modal-card,
#nu-mod-cart-alart .bu-modal-card {
  background-color: #FFF;
  padding:20px;
}
#nu-mod-cart-kakunin .nu-mod-close i,
#nu-mod-cart-alart .nu-mod-close i {
  font-size:18px;
  color:#FFF;
  line-height:30px;
}
#nu-mod-cart-kakunin .nu-mod-cart-title,
#nu-mod-cart-alart .nu-mod-cart-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color:#EE6261;
  border-bottom: solid 1px #DCDCDC;
  padding-bottom:14px;
}
#nu-mod-cart-kakunin .nu-mod-cart-content,
#nu-mod-cart-alart .nu-mod-cart-content {
  display: flex;
}
#nu-mod-cart-kakunin .nu-mod-cart-content,
#nu-mod-cart-alart .nu-mod-cart-content {
  flex-direction: column;
  align-items: center;
}
#nu-mod-cart-alart .bu-modal-card ul {
  list-style: none;
  width: fit-content!important;
}
#nu-mod-cart-alart .bu-modal-card li {
  color:#EE6261;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-left: 30px;
}
#nu-mod-cart-alart .bu-modal-card li::before {
  content: '\f071';
  font-weight:900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  left: 0px;
}

@media screen and (max-width: 768px) {
  #nu-mod-cart-kakunin .bu-modal-card,
  #nu-mod-cart-alart .bu-modal-card {
    width:80%;
    margin:0 auto;
  }
  #nu-mod-cart-alart .bu-modal-card li {
    font-size: 12px;
    line-height: 18px;
  }
  #nu-mod-cart-kakunin .bu-modal-card,
  #nu-mod-cart-alart .bu-modal-card {
    width:90%;
  }
  #nu-mod-cart-kakunin .nu-mod-cart-content {
    font-size: 11px;
    line-height: 18px;
  }
}

/*カート・チェックボックス*/
.nu-cart-checkbox {
  line-height:18px;
}
.nu-cart-checkbox input[type="checkbox"] {
  display: none;
}
.nu-cart-checkbox input[type="checkbox"] + span::before
{
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  font-size:12px;
  content: '\f111';
  cursor: pointer;
  margin:0;
  margin-right:0.5rem;
  padding:0;
}
.nu-cart-checkbox input[type="checkbox"]:checked + span::before
{
  font-weight: 900;
  content: '\f058';
  color: #76B6E0;
}

#nu-cart-sofu-tb span.validate-error
{
  color: #EE6261;
  margin-left: 10px;
  /* font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 5px; */
}
#nu-cart-sofu-tb input.validate-error
{
  background-color: pink;
  color: black;
  /* font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 5px; */
}

.bu-navbar-brand {
  margin-left: 0!important;
}