@charset "utf-8";
/* ****************************************************************************
 knowledgebank.css
 - 経済ナレッジバンク 検索ボックス
 - 経済ナレッジバンク TOP
 - 経済ナレッジバンク 検索結果
 - 経済ナレッジバンク カテゴリ一覧・詳細
 - wakaの日経、ここをこう読む by club Nikkey
****************************************************************************** */

/* -----------------------------------------------------
 経済ナレッジバンク 検索ボックス
-------------------------------------------------------- */
.sec-search {
  padding-bottom: 0;
}
[class|="box-search"] {
  background-color: #E9EFF4;
}
.item-search {
  position: relative;
}
.search-input-txt {
  display: block;
  font-weight: bold;
}
input.search-input {
  line-height: 1.6;
}
.btn-search_index a {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .box-search {
    padding: 1.31em 1.922em 2.306em;
    font-size: 3.47vw;
  }
  .item-search:not(:last-child) {
    margin-bottom: 1.153em;
    padding-bottom: 1.537em;
    border-bottom: solid 1px #C4C4C4;
  }
  .search-input-txt {
    margin-bottom: .5em;
    font-size: 92.3%;
  }
  input.search-input {
    margin-bottom: 1em;
  }
  .search-btn {
    width: 100%;
    padding: 1.192em;
  }
}
@media screen and (min-width: 768px), print {
  .box-search {
    padding: 24px 50px;
    font-size: 13px;
  }
  .pc-grid-search {
    align-items: center;
    justify-content: space-between;
  }
  .item-search {
    padding: 2px 0;
  }
  .item-search:first-child {
    width: 65%;
    border-right: solid 1px #C4C4C4;
  }
  .item-search:last-child {
    width: 28%;
  }
  .pc-grid-search-input {
    align-items: stretch;
    justify-content: flex-start;
  }
  input.search-input {
    width: 370px;
    margin-right: 1em;
  }
  .search-input-txt {
    margin: -7px 0 13px;
    font-size: 14px;
  }
  .search-btn {
    width: 67px;
    padding: 13.5px 0;
    border-radius: 4px;
  }
}


/* -----------------------------------------------------
 経済ナレッジバンク TOP
-------------------------------------------------------- */
.list-knowledgebank_index li:not(:last-child) {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 767px) {
  .lead-knowledgebank_index {
    margin-bottom: 3em;
  }
  .search-ttl {
    padding: .846em 1em;
  }
  .btn-search_index a {
    padding: 1.192em;
  }
  .list-knowledgebank_index {
    margin-bottom: 10.67vw;
  }
  .btn-knowledgebank_index a {
    padding: 1.334em 0;
    width: 56.53vw;
    font-size: 85.7%;
  }
  .btn-knowledgebank_index.wht {
    margin-top: 1.5em;
  }
  .btn-knowledgebank_index.wht a {
    padding: 1.251em 0;
  }
}
@media screen and (min-width: 768px), print {
  .lead-knowledgebank_index {
    margin-bottom: 70px;
  }
  .btn-search_index,
  .btn-search_index a {
    width: 200px;
  }
  .list-knowledgebank_index {
    margin-bottom: 40px;
  }
  .list-knowledgebank_index.two::after {
    content: "";
    display: block;
    clear: both;
  }
  .list-knowledgebank_index.two li {
    width: 50%;
    float: left;
  }
  .pc-grid-knowledgebank_index {
    align-items: center;
    justify-content: flex-start;
  }
  .btn-knowledgebank_index a {
    padding: 1.039em 0;
    margin: 0;
    font-size: 13px;
  }
  .btn-knowledgebank_index.wht {
    margin-left: 30px;
  }
  .btn-knowledgebank_index.wht a {
    padding: .962em 0;
  }
}


/* -----------------------------------------------------
 経済ナレッジバンク 検索結果
-------------------------------------------------------- */
.lead-knowledgebank_result {
  margin-bottom: 0;
}
.item-knowledgebank_result {
  border-bottom: solid 1px #ddd;
}
.ttl-line-knowledgebank_result {
  font-weight: normal;
  color: #000;
}
[class|="meta-knowledgebank_result"] {
  margin-bottom: 1.5em;
}
.link-next a {
  text-align: left;
}
.search-indices-txt::after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20style%3D%22fill%3A%23aaa%3Bfill-opacity%3A0%22%2F%3E%3Cpath%20d%3D%22M6%2C9.5%2C1.5%2C3h9Z%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
  background-size: contain;
  transition: transform .3s ease;
}
.list-search-indices {
  display: none;
}
.list-search-indices::after {
  content: "";
  display: block;
  clear: both;
}
.list-search-indices li {
  float: left;
}
.list-search-indices a {
  display: block;
  background-color: #fff;
  border: solid 1px #C4C4C4;
  border-radius: .2em;
  text-align: center;
  color: #000;
}
.list-search-indices a.is-active {
  pointer-events: none;
  color: #000;
}
.meta-knowledgebank_result-indices {
  margin-bottom: 0;
}
.ttl-line-knowledgebank_result-indices {
  margin-bottom: 0;
  border-bottom: none;
}
.list-knowledgebank_result-indices {
  border-bottom: solid 1px #ddd;
}
.item-knowledgebank_result-indices .ttl-list-knowledgebank a {
  color: #005FAE;
}
.sec-search-btm {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .item-knowledgebank_result {
    padding-bottom: 8vw;
  }
  .item-knowledgebank_result:not(:last-of-type) {
    margin-bottom: 8vw;
  }
  .knowledgebank-list-txt {
    margin-bottom: 5.6vw;
  }
  .link-next a {
    width: 20vw;
  }
  .box-search-indices {
    padding: .5em 1.922em;
    font-size: 92.3%;
  }
  .search-indices:not(:last-of-type) {
    border-bottom: solid 1px #ddd;
  }
  .search-indices-txt {
    padding: 1.316em 0;
  }
  .search-indices-txt::after {
    width: 3.2vw;
    height: 3.2vw;
  }
  .search-indices-txt.is-active::after {
    transform: rotate(-180deg);
  }
  .list-search-indices {
    margin:  0 auto;
    padding: 1em 2.66vw;
    border-top: solid 1px #ddd;
  }
  .list-search-indices li {
    max-width: 11.46vw;
    margin-right: 2.66vw;
    margin-bottom: 2.66vw;
    width: calc(20% - 2.66vw);
  }
  .list-search-indices li:nth-of-type(5n) {
    margin-right: 0;
  }
  .list-search-indices a {
    padding: .654em .5em;
  }
  .item-knowledgebank_result-indices {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 768px), print {
  .ttl-line-knowledgebank_result {
    font-size: 22px;
  }
  .item-knowledgebank_result {
    padding-bottom: 40px;
  }
  .item-knowledgebank_result:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .knowledgebank-list-txt {
    margin-bottom: 20px;
  }
  .link-next a {
    width: 80px;
  }
  .box-search-indices {
    position: relative;
    padding: 2em 42px;
    min-height: 256px;
  }
  .search-indices {
    position: absolute;
    top: 26px;
    left: 42px;
  }
  .search-indices-txt {
    position: relative;
    margin-bottom: 1.5em;
    font-size: 15px;
    color: #005FAE;
    cursor: pointer;
    z-index: 100;
  }
  .search-indices-txt::after {
    width: 12px;
    height: 12px;
  }
  .search-indices-txt.is-active {
    font-weight: bold;
    color: #000;
    cursor: text;
  }
  .search-indices-txt-02 {
    margin-left: 145px;
  }
  .search-indices-txt-03 {
    margin-left: 265px;
  }
  .list-search-indices li {
    margin-bottom: 8px;
  }
  .list-search-indices li:not(:nth-of-type(15n)) {
    margin-right: 5px;
  }
  .list-search-indices li:nth-of-type(5n) {
    margin-right: 30px;
  }
  .list-search-indices li:nth-of-type(15n) {
    margin-right: 0;
  }
  .list-search-indices a {
    padding: .808em 1.078em;
    width: 43px;
    box-sizing: border-box;
    font-size: 13px;
  }
  .list-knowledgebank_result-indices::after {
    content: "";
    display: block;
    clear: both;
  }
  .item-knowledgebank_result-indices {
    width: 48%;
    margin-bottom: 38px;
    float: left;
  }
  .item-knowledgebank_result-indices:nth-of-type(2n+1) {
    margin-right: 4%;
  }
}



/* -----------------------------------------------------
 経済ナレッジバンク カテゴリ一覧・詳細
-------------------------------------------------------- */
.knowledgebank_category-new-link a {
  display: inline-block;
}
.item-knowledgebank-glossary {
  color: #6E6E6E
}
.item-knowledgebank-glossary:not(:last-of-type) {
  margin-bottom: 1em;
}
.item-knowledgebank-menu a {
  display: block;
  border: solid 1px #ddd;
  text-align: center;
}
.knowledgebank_detail-date {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .meta-knowledgebank_category-new,
  .meta-knowledgebank_detail-header {
    margin: .5em 0 2em;
  }
  .blk-img-knowledgebank_category-new {
    margin-bottom: 2em;
  }
  .blk-txt-knowledgebank_category-new {
    margin-bottom: 2em;
  }
  .list-knowledgebank-menu {
    margin: 4.2861em auto 3.4em;
  }
  .item-knowledgebank-menu:not(:last-of-type) {
    margin-bottom: 1em;
  }
  .item-knowledgebank-menu a {
    padding: 1.429em 0;
  }
  .list-knowledgebank-glossary-new {
    margin-bottom: 3em;
  }
  .area-sns-knowledgebank {
    padding-top: 8vw;
  }
  .blk-img-knowledgebank_detail-dtl,
  .blk-txt-knowledgebank_detail-dtl {
    margin-bottom: 8vw;
  }
  .link-area-knowledgebank_detail a:first-child {
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 768px), print {
  .lead-knowledgebank_category {
    margin-bottom: 56px;
  }
  .inner-knowledgebank_category-new {
    position: relative;
  }
  .inner-knowledgebank_category-new::after {
    content: "";
    display: block;
    clear: both;
  }
  .meta-knowledgebank_category-new,
  .meta-knowledgebank_detail-header {
    margin: .5em 0 38px;
  }
  .blk-img-knowledgebank_category-new {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 48%;
    max-width: 400px;
  }
  .ttl-art-knowledgebank_category-new,
  .meta-knowledgebank_category-new,
  .blk-txt-knowledgebank_category-new,
  .knowledgebank_category-new-link {
    width: 48%;
  }
  .blk-txt-knowledgebank_category-new {
    margin-bottom: 2em;
  }
  .pc-grid-list-knowledgebank-glossary {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .knowledgebank-glossary-date {
    width: 12%;
  }
  .pc-grid-list-knowledgebank-glossary .link-pt-bfr {
    width: 78%;
  }
  .list-knowledgebank-menu {
    margin: 80px auto 4em;
  }
  .pc-grid-list-knowledgebank-menu {
    align-items: center;
    justify-content: space-between;
  }
  .item-knowledgebank-menu {
    width: 30%;
    max-width: 250px;
  }
  .item-knowledgebank-menu a {
    padding: 2em 0;
  }
  .list-knowledgebank-glossary-new {
    margin-bottom: 5em;
  }
  .area-sns-knowledgebank {
    padding-top: 40px;
  }
  .blk-img-knowledgebank_detail-dtl,
  .blk-txt-knowledgebank_detail-dtl {
    margin-bottom: 30px;
  }
  .pc-grid-knowledgebank_detail-link {
    align-items: center;
    justify-content: center;
  }
  .pc-grid-knowledgebank_detail-link a {
    margin: 0 50px;
    font-size: 15px;
  }
}




/* -----------------------------------------------------
 wakaの日経、ここをこう読む by club Nikkey
-------------------------------------------------------- */
.knowledgebank_column-pagettl-notes {
  display: block;
}
.ttl-art-knowledgebank_column {
  margin-bottom: 1em;
}
.meta-knowledgebank_column-dtl {
  margin-bottom: 2em;
}
.blk-knowledgebank_column-dtl p:not(:last-of-type) {
  margin-bottom: 3em;
}
.sec-knowledgebank_column-bg {
  text-align: center;
}
.knowledgebank_column-author-img {
  background-color: #F4F4F4;
  border-radius: 50%;
  overflow: hidden;
}
.knowledgebank_column-author-name {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .knowledgebank_column-pagettl-notes {
    margin-top: .25em;
    font-size: 61.5%;
  }
  .ttl-knowledgebank_column {
    font-size: 142.9%;
  }
  .sns-knowledgebank_column {
    margin-top: 12vw;
  }
  .knowledgebank_column-author-img {
    max-width: 150px;
    max-height: 150px;
    width: 40vw;
    height: 40vw;
    margin: 0 auto 7.2vw;
  }
  .meta-knowledgebank_column-author {
    font-size: 114.3%;
  }
  .knowledgebank_column-author-name {
    margin-bottom: .5em;
    font-size: 157.1%;
  }
}
@media screen and (min-width: 768px), print {
  .knowledgebank_column-pagettl-notes {
    margin-top: .5em;
    font-size: 16px;
  }
  .inner-knowledgebank_column-header {
    text-align: center;
  }
  .meta-knowledgebank_column-header {
    margin-left: -33%;
  }
  .ttl-knowledgebank_column {
    font-size: 20px;
  }
  .sns-knowledgebank_column {
    margin-top: 65px;
  }
  .pc-grid-knowledgebank_column-author {
    align-items: center;
    justify-content: space-between;
  }
  .col-knowledgebank_column-author-img {
    max-width: 150px;
    width: 20%;
  }
  .knowledgebank_column-author-img {
    width: 150px;
    height: 150px;
  }
  .col-knowledgebank_column-author-txt {
    max-width: 650px;
    width: 77%;
  }
  .meta-knowledgebank_column-author {
    font-size: 114.3%;
  }
  .knowledgebank_column-author-name {
    margin-bottom: .5em;
    font-size: 22px;
  }
}