/* global */
.wrap_content {
  background-color: #fff;
}
.flx-content {
  max-width: 1230px;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 768px) {
  .flx-content {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 640px) {
  .flx-content {
    padding: 0 10px;
  }
}
.txt-right {
  text-align: right !important;
}

/* mainTitle */
.li01-new {
  background: url(/fundinfo/list/img/mv@2x.png);
  background-size: cover;
}
@media all and (max-width: 767px) {
  .li01-new {
    background: url(/fundinfo/list/img/mv-sp.png);
    background-size: cover;
    background-position: center;
  }
}

.li01-new.heading06 {
  height: 210px;
  vertical-align: top;
}
.heading06 .mainHeading > span {
  color: #fff;
  text-shadow: none;
  font-weight: 500;
}
.heading06 .mainHeading {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (min-width: 768px) {
  .li01-new.heading06 {
    height: 350px;
  }
  .heading06 .mainHeading {
    height: 200px;
  }
}

/* topicPath */
#topicPath{
  padding: 0 20px;
  display: block;
}

#topicPath ul {
  max-width: 1200px;
  width: 100%;
}
#topicPath ul li, #topicPath ul li a {
  color: #666;
}

/* tabList */
.tabNav {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
}
.tabNav li {
  border-bottom: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 0;
  font-size: 12px;
  opacity: 0.5;
  width: calc(100% / 3 - 14px);
}
.tabNav li.on {
  opacity: 1;
  border-color: #eb0f30;
}
.tabNav li img {
  margin-right: 10px;
}
.tabNav li a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media all and (min-width: 768px) {
  .tabNav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 0;
  }
  .tabNav li {
    font-size: 16px;
    width: auto;
    padding: 11px 0;
  }
}
@media all and (min-width: 1024px) {
  .tabNav {
    gap: 30px;
  }
  .tabNav li {
    font-size: 18px;
    padding: 15px 0;
  }
}

/* resultTitle on PC */
.resultTitle {
  display: none;
}
@media all and (min-width: 1024px) {
  .resultTitle {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
    line-height: 1;
    display: block;
  }
}

.fundInfoWrap.fundSearch {
  margin-top: 0;
}

/* add sidebar */
#searchBox h2 {
  display: none;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
}

.flx-content-left {
  width: 220px;
}
.flx-content-left .tabDetail {
  display: block !important;
}
.flx-content-left h3 {
  background: #eb0f30;
  font-size: 1.6rem;
  color: #fff;
  padding: 0 15px;
}
.flx-content-left h3 a {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  text-align: center;
  width: 100%;
  display: block;
}
.flx-content-left .keyword span {
  background: url(/fundinfo/list/img/icon-sidebar01.png) no-repeat center
    left;
  background-size: 25px auto;
  padding-left: 30px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
}
.flx-content-left .type {
  margin-top: 30px;
}
.flx-content-left .type span {
  background: url(/fundinfo/list/img/icon-sidebar02.png) no-repeat center
    left;
  background-size: 25px auto;
  padding-left: 30px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
}
.flx-content-left .tabkeyword {
  margin-top: 15px;
  position: relative;
}

.flx-content-left .tabkeyword .searchKeyword {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  background: #f0f0f0;
  margin-top: 0;
  border: 0;
  padding: 10px 50px 10px 10px;
}
.flx-content-left section {
  padding: 0;
}
.flx-content-left .tabkeyword .searchResult {
  margin: 0 !important;
}
.flx-content-left .tabkeyword .linkBtn01 {
  margin-left: 0;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  font-size: 0;
  background: #eb0f30;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.flx-content-left .tabkeyword .linkBtn01 a {
  min-width: auto;
  width: 100%;
  height: 100%;
  font-size: 0;
  padding: 0;
  background: #eb0f30 url(/fundinfo/list/img/icon-search.png) no-repeat
    center center;
  background-size: 21px auto;
}
.flx-content-left .tabkeyword .linkBtn01 a:after {
  content: none;
}

.flx-content-left .tabType {
  margin-top: 15px;
}

.flx-content-left .typeRadioField {
  display: block;
  margin-bottom: 15px;
}
.flx-content-left .typeRadioField .typeItem {
  padding: 9px;
  background: #f5f5f5;
  font-weight: 500;
  font-size: 1.4rem;
  width: 100%;
  display: block;
  text-align: center;
}
.flx-content-left .typeRadioField .checkBoxList {
  padding: 0;
}
.flx-content-left .typeRadioField .checkBoxList li,
.flx-content-left .typeRadioField .checkBoxList li:last-child {
  width: 100%;
  padding-right: 0;
}
.flx-content-left
  .typeRadioField.category
  .typeDetails
  .checkBoxList
  > li:last-child {
  width: 100%;
}
.flx-content-left .bg_checkradiobox input {
  width: 16px;
  height: 16px;
}
.flx-content-left .bg_checkradiobox input:checked + label {
  color: #eb0f30;
}
.bg_checkradiobox input[type="radio"] + label,
.bg_checkradiobox input[type="checkbox"] + label {
  background-size: 20px 20px;
  padding-left: 30px;
  background-position: left center;
}
.flx-content-left .bg_checkradiobox input[type="checkbox"]:checked + label {
  background-size: 20px 20px;
  background-position: left center;
}
.flx-content-left .tabType .searchResult .linkBtn01 {
  margin-left: 0;
  width: 100%;
}
.tabType .linkBtn01 a {
  background: #eb0f30;
  font-size: 1.6rem;
  min-width: auto;
  border-radius: 10px;
  width: 100%;
  color: #fff;
}

.tabType .linkBtn01 a:hover {
  color: #fff;
  opacity: 0.7;
}
.tabType .linkBtn01 a:after {
  background: url(/fundinfo/list/img/icon-search.png) no-repeat center
    center;
  background-size: 100% auto;
  width: 14px;
  height: 14px;
}
.flx-content-left .tabType .searchResult .clearBtn {
  margin: 20px 0 0;
  width: 100%;
  text-align: center;
}
.flx-content-left .tabType .searchResult .clearBtn a {
  border: none;
  font-size: 1.8rem;
  text-decoration: underline;
}
.flx-content-left .tabType .searchResult .clearBtn a:hover {
  text-decoration: none;
}
.btn-search_sp {
  display: none;
}

.flx-content-right {
  width: calc(100% - 220px);
  padding-left: 15px;
  padding-bottom:30px;
}

/* modal */
.tit-icon {
  font-size: 3.6rem;
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 40px;
}
.figure.figureFix {
  width: 30px;
}
.figure.figureFix img {
  height: auto;
  display: block;
}
#modal {
  padding: 0;
}
#modal .iconModalBgColumn {
  background-color: #f0f0f0;
}
#modal .iconModalColumn .iconModalBlock .text,
#modal .iconModalBgColumn .iconModalBlock .text {
  font-size: 1.6rem;
}
#modal .iconModalColumn .iconModalBlock .text span,
#modal .iconModalBgColumn .iconModalBlock .text span {
  font-size: 1.8rem;
}
#modal .iconModalColumn .iconModalBlock .text p,
#modal .iconModalBgColumn .iconModalBlock .text p {
  margin-top: 0;
}
#modal .iconModalColumn .iconModalBlock .figureLeft,
#modal .iconModalBgColumn .iconModalBlock .figureLeft {
  margin-top: 6px;
  margin-right: 17px;
}
#modal .iconModalColumn .iconModalBlock {
  margin-bottom: 35px;
  padding-right: 20px;
}
#cboxClose {
  position: absolute;
  top: -45px;
  right: 0;
  width: 23px;
  height: 23px;
  padding: 0;
  background: url(/fundinfo/list/img/icon-close.png) no-repeat center
    center;
  color: #333333;
  font-size: 1.4rem;
  text-indent: -9999px;
  left: auto;
  background-size: 100%;
}
/* custom colorbox */
#cboxContent {
  box-shadow: none;
  padding: 45px;
}
#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.35);
}

/* */
.resultTool {
  display: none;
}

/* button table */
.linkBtn03 {
  margin-bottom: 30px;
}
.linkBtn03 a {
  width: 231px;
  height: 52px;
  border-radius: 14px;
  color: #fff;
  background: #eb0f30 url(/fundinfo/list/img/icon-down-white.png) no-repeat right 40px center;
  background-size: 14px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .custom_content .linkBtn03 a {
    padding-right: 20px;
    padding-left: 0;
  }
}

/* toolbar */
.flx-ct {
  display: flex;
  justify-content: space-between;
}
.flx-ct .resultNumber {
  font-size: 1.4rem;
}
.flx-ct .resultNumber em {
  margin-right: 10px;
  font-size: 2.2rem;
  font-weight: bold;
}
.resultNote {
  display: flex;
  font-size: 1.4rem;
}
.resultNote #iconExplain #overviewBtn a {
  font-size: 1.4rem;
}
.resultNoteTool--sp {
  display: none;
}

@media all and (max-width: 1023px) {
  .c-table .tableWrap.scrollBox::before {
    display: none;
  }
  .flx-content-left {
    display: none;
  }
  .flx-content-right {
    padding-left: 0;
    padding-bottom: 60px;
    width: 100%;
  }
  

  /* */
  .resultNoteTool .resultTool {
    border: 2px solid #eb0f30;
    border-radius: 14px;
    width: 221px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #eb0f30;
    text-decoration: none;
    font-weight: 500;
  }
  .resultNoteTool .resultTool:hover {
    opacity: 0.7;
  }
  .resultNoteTool .resultTool img {
    margin-left: 10px;
    width: 14px;
  }
  /* */
  #modal .iconModalColumn .iconModalBlock,
  #modal .iconModalBgColumn .iconModalBlock {
    width: calc(100% / 3);
  }
  #modal .iconModalBgColumn .iconModalBlock:last-child {
    padding-right: 0;
  }
  #cboxContent {
    padding: 35px;
  }
  .tit-icon {
    font-size: 28px;
    margin-bottom: 30px;
  }

  /* */
  #cboxContent .flx-content-left {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  #cboxContent .tabType .searchResult .linkBtn01 {
    width: 166px;
  }
  #cboxContent .fundInfoWrap.fundSearch .searchResult {
    text-align: center;
  }
  #cboxContent .flx-content-left .typeRadioField .checkBoxList li {
    font-size: 16px;
    margin-right: 15px;
  }
  #cboxContent .flx-content-left .typeRadioField .checkBoxList li,
  #cboxContent .flx-content-left .typeRadioField .checkBoxList li:last-child {
    width: auto;
  }

  /* */
  #searchBox h2 {
    display: block;
  }

  /* */
  .flx-ct .resultNumber {
    display: none;
  }
  .resultNoteTool {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
  }
  .resultNoteTool--sp {
    display: none;
  }
  .resultNote {
    font-size: 1.2rem;
    flex-direction: column-reverse
  }
  .resultNote #iconExplain #overviewBtn a {
    font-size: 1.2rem;
    padding-right: 0;
  }
  .resultNote #iconExplain {
    text-align: right;
    margin-top: 5px;
  }
  .c-table--sp {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .resultNoteTool {
    margin: auto;
    width: auto;
  }

  .flx-content-right {
    padding-bottom: 0;
  }

  #searchResult .inner > *:first-child {
    font-size: 12px;
  }
  #searchResult .searchInfo {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #searchResult .resultNumber em {
    font-size: 12px;
  }

  #modal .iconModalColumn .iconModalBlock,
  #modal .iconModalBgColumn .iconModalBlock {
    width: 100%;
  }
  #cboxContent {
    padding: 20px;
    margin-top: 70px;
  }
  #modal .iconModalColumn .iconModalBlock {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .tit-icon {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #modal .iconModalColumn .iconModalBlock .text,
  #modal .iconModalBgColumn .iconModalBlock .text {
    font-size: 14px;
  }
  #modal .iconModalColumn .iconModalBlock .text span,
  #modal .iconModalBgColumn .iconModalBlock .text span {
    font-size: 14px;
  }
  #modal .iconModalBgColumn .iconModalBlock .text span {
    margin-top: 5px;
  }
  #modal .iconModalBgColumn {
    margin-top: 0;
    padding: 15px;
  }
  #modal .iconModalBgColumn .iconModalBlock:not(:first-child) {
    margin-top: 20px;
  }
  #modal .iconModalBgColumn .iconModalBlock:last-child img {
    width: 25px;
  }

  #searchBox h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .flx-content-left .keyword span,
  .flx-content-left .type span {
    font-size: 14px;
  }

  .fundInfoWrap.fundSearch .searchResult .linkBtn01 {
    margin-top: 0;
  }
  .flx-content-left .type {
    margin-top: 20px;
  }

  #cboxContent .flx-content-left .typeRadioField .checkBoxList li {
    font-size: 14px;
  }
  #cboxContent .flx-content-left .typeRadioField .checkBoxList li,
  #cboxContent .flx-content-left .typeRadioField .checkBoxList li:last-child {
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
  }
  .flx-content-left .typeRadioField {
    margin-left: 0;
    margin-right: 0;
  }
  .flx-content-left .typeRadioField .checkBoxList {
    margin-top: 0;
  }
  #cboxContent .tabType .searchResult .linkBtn01 {
    width: 100%;
  }
  .flx-content-left .tabType .searchResult .clearBtn {
    margin-top: 10px;
  }
  .flx-content-left .tabType .searchResult .clearBtn a {
    font-size: 14px;
  }
  /* toolbar */
  .flx-ct .resultNumber {
    display: none;
  }
  .flx-ct .resultNote {
    display: none;
  }
  .resultNoteTool--sp {
    display: block;
    margin-bottom: 10px;
  }
  .resultNoteTool--sp .resultNote {
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .resultNote #iconExplain #overviewBtn a {
    font-size: 1.2rem;
    padding-right: 0;
  }
  .resultNote {
    font-size: 1.2rem;
  }
  
}

@media all and (max-width: 640px) {
  .c-table--sp {
    display: block;
  }
}

/* clone table */
.c-table .comparisonTable {
  border: none;
}
@media (any-hover: hover) {
  .c-table .comparisonTable a {
    transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media (any-hover: hover) {
  .c-table .comparisonTable a:hover {
    opacity: 0.5;
  }
}

.c-table .comparisonTable thead tr {
  background: #666;
  height: 88px;
}
.custom_content .c-table .comparisonTable thead tr {
  height: auto;
}

.c-table .comparisonTable thead th {
  position: relative;
  padding: 12px 14px;
  color: #fff;
  text-align: center;
  background: #666;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .c-table .comparisonTable thead th {
    font-size: 1.8rem;
  }
}
.c-table .comparisonTable thead th + th::after {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  width: 1px;
  height: 13px;
  content: "";
  background: #d9d9d9;
}
@media (min-width: 1024px) {
  .c-table .comparisonTable thead th + th::after {
    top: calc(50% - 11px);
    height: 22px;
  }
}
.c-table .comparisonTable tbody tr:nth-child(2n) {
  background-color: #f0f0f0;
}
.c-table .comparisonTable tbody td {
  padding: 15px;
}
@media (min-width: 1024px) {
  .c-table .comparisonTable tbody td a[href*=pdf] {
    padding-top: 28px;
    font-size: 1.6rem;
    background-position: 50% 5px;
  }
}
.c-table .comparisonTable tbody td, .c-table .comparisonTable tbody td a[href*=pdf] {
  font-size: 14px;
}
@media (min-width: 1024px) {
  .c-table .comparisonTable tbody td .up,
  .c-table .comparisonTable tbody td .down,
  .c-table .comparisonTable tbody td .keep {
    background-position: 50% 5px;
  }
  .c-table .comparisonTable tbody td, .c-table .comparisonTable tbody td a[href*=pdf] {
    font-size: inherit;
  }
}
.c-table .comparisonTable tbody td .categoryIcon span {
  width: 24px;
  height: 24px;
  background-size: contain;
}
@media (min-width: 1024px) {
  .c-table .comparisonTable tbody td .categoryIcon span {
    width: 28px;
    height: 28px;
  }
}
.c-table .comparisonTable tbody td:not(:first-child) {
  position: relative;
}
.c-table .comparisonTable tbody td:not(:first-child)::after {
  position: absolute;
  top: calc(50% - 29px);
  left: 0;
  width: 1px;
  height: 58px;
  content: "";
  background: #d9d9d9;
}
@media (min-width: 1024px) {
  .c-table .comparisonTable tbody td:not(:first-child)::after {
    top: calc(50% - 11px);
    height: 22px;
  }
}
.c-table .comparisonTable thead th span,
.c-table .comparisonTable thead th > span {
  font-weight: 400;
}
@media (min-width: 640px) {
  .c-table .comparisonTable thead th span,
.c-table .comparisonTable thead th > span {
    font-size: 1.2rem;
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .c-table .comparisonTable thead th span,
  .c-table .comparisonTable thead th > span {
    font-size: 1.6rem;
  }
}
@media (min-width: 640px) {
  .c-table .comparisonTable tbody td .fundName {
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .c-table .comparisonTable tbody td .fundName {
    font-size: 1.8rem;
  }
}
.c-table .comparisonTable tbody td .price {
  text-align:right;
}
.c-table .comparisonTable tbody td span.up, .c-table .comparisonTable tbody td span.down, .c-table .comparisonTable tbody td span.keep {
  display: inline-block;
  padding-left: 28px;
  min-width: 22px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 22px auto;
  padding-top: 0;
}
.c-table .comparisonTable tbody td span.up {
  background-image: url(/assets/img/com_ic23.svg);
}
.c-table .comparisonTable tbody td span.up:before {
  /* content: "+"; */
}
.c-table .comparisonTable tbody td span.down {
  background-image: url(/assets/img/com_ic24.svg);
}
.c-table .comparisonTable tbody td span.down:before {
  /* content: "-"; */
}
.c-table .comparisonTable tbody td span.keep {
  min-width: 27px;
  background-image: url(/assets/img/com_ic54.svg);
  background-size: 27px;
  background-position: 3px 0;
}

.c-table .tableWrap {
  padding: 0;
  margin-top: 0;
  margin-bottom: 30px;
  border: 2px solid #f0f0f0;
}
.c-table .tablesorter-tool {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 5px;
}
.c-table .tablesorter-tool a {
  width: 22px;
}
@media all and (max-width: 1023px) {
  .c-table .tablesorter-tool a {
    width: 18px;
  }
}

/* sp table */
@media not all and (min-width: 767px) {
  .c-table .comparisonTop10 > .item > .fundData > .fundName {
    display: flex;
    align-items: center;
    padding: 12px 15px 10px;
  }
  .c-table .comparisonTop10 > .item > .fundData > .fundName a {
    grid-area: 2/1/3/3;
  }
}
@media not all and (min-width: 767px) {
  .c-table .comparisonTop10 > .item > .fundData > .fundName a {
    margin-top: 0;
    font-size: 1.4rem;
    border-right: 1px solid #d9d9d9;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
  }
}
@media not all and (min-width: 767px) {
  .c-table .comparisonTop10 > .item > .fundData > .fundName .categoryIcon {
    grid-area: 1/2/2/3;
    padding-top: 4px;
  }
  .c-table .comparisonTop10 > .item > .fundData > .fundName .categoryIcon span {
    display: inline-block;
    margin-left: 0;
  }
}
@media not all and (min-width: 767px) {
  .c-table .comparisonTop10 > .item > .fundData.numeric > .switch {
    display: flex;
    justify-content: center;
    width: 38.9333333333vw;
    margin: 20px auto 0;
    text-decoration: none;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .switch > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38.9333333333vw;
    height: 40px;
    font-size: 14px;
    color: #e60012;
    background-color: #fff;
    border: 2px solid #e60012;
    border-radius: 10px;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .switch > span::after {
    display: block;
    width: 9px;
    height: 12px;
    margin-left: 6px;
    content: "";
    background: url("/assets/img/arrow_red.svg") no-repeat 0 0;
    background-size: 8px auto;
    transform: rotate(90deg);
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .switch.open > span::after {
    transform: rotate(-90deg);
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric {
    padding: 12px 15px;
    background: #f0f0f0;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > .title {
    padding-right: 10px;
    font-size: 1.4rem;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > span {
    font-weight: normal;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .addContent {
    overflow: hidden;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > * {
    font-size: 1.4rem;
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > span.up {
    background-image: url(/assets/img/com_ic23.svg);
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > span.down {
    background-image: url(/assets/img/com_ic24.svg);
  }
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > span.up, 
  .c-table .comparisonTop10 > .item > .fundData.numeric > .dataList > li > .data > span.down {
    padding-left: 20px;
    margin-left: 10px;
    min-width: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
    padding-top: 0;
    font-size: 1.4rem;
    color: #000;
  }
}

/* paging */
.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-top: 15px;
}
.paging>span {
  display: block;
  margin: 0 10px;
}
.paging-total {
  font-weight: 500;
}
@media (min-width: 768px) {
  .paging {
    font-size: 1.4rem;
    margin-top: 28px;
  }
  .bottomBlock {
    padding-top: 25px;
    text-align: right;
    padding-bottom: 49px;
  }
  .bottomBlock #overviewBtn {
    margin-bottom: 30px;
  }
  .bottomBlock .linkBtn03 a {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
}

/* icon category  */
.categoryIcon > .ci01 { background-image: url(/fundinfo/list/img/icon-modal01.png); }
.categoryIcon > .ci02 { background-image: url(/fundinfo/list/img/icon-modal02.png); }
.categoryIcon > .ci03 { background-image: url(/fundinfo/list/img/icon-modal03.png); }
.categoryIcon > .ci04 { background-image: url(/fundinfo/list/img/icon-modal04.png); }
.categoryIcon > .ci05 { background-image: url(/fundinfo/list/img/icon-modal05.png); }
.categoryIcon > .ci06 { background-image: url(/fundinfo/list/img/icon-modal06.png); }
.categoryIcon > .ci07 { background-image: url(/fundinfo/list/img/icon-modal07.png); }
.categoryIcon > .ci08 { background-image: url(/fundinfo/list/img/icon-modal08.png); }
.categoryIcon > .ci09 { background-image: url(/fundinfo/list/img/icon-modal09.png); }
.categoryIcon > .ci10 { background-image: url(/fundinfo/list/img/icon-modal10.png); }
@media not all and (min-width: 767px) {
  .categoryIconGrid {
    display: flex;
    gap: 5px;
    padding-top: 0 !important;
  }
  .categoryIcon > span {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
  .resultNote #iconExplain {
    margin-top: 0;
  }
}

/* search */
.wrap_search {
  background-color: #F0F0F0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}
.wrap_search::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  border-top: 154px solid transparent;
  border-left: 1108px solid #DDE1E4;
  border-bottom: 0px solid transparent;
}
.wrap_search .c-search {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  padding: 20px;
  position: relative;
  z-index: 1;
  margin-top: -130px;
}
@media all and (min-width: 768px) {
  .wrap_search {
    padding-bottom: 65px;
  }
  .wrap_search .c-search {
    padding: 30px;
    margin-top: -190px;
  }
}
@media all and (min-width: 1024px) {
  .wrap_search .c-search {
    padding: 65px 70px 60px;
  }
}

.wrap_search .c-search .searchGroup:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
}
@media all and (min-width: 768px) {
  .wrap_search .c-search .searchGroup:not(:last-child) {
    padding-bottom: 30px;
  }
}

.c-search h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrap_search .c-search h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.c-search .searchType .type {
  margin-bottom: 15px;
}
#searchResult {
  display: block;
}
@media screen and (min-width: 768px) {
  .wrap_search .c-search h3 {
    font-size: 30px;
    pointer-events: none;
  }
}

.c-search .searchType .type::after {
  width: 22px;
  height: 22px;
  margin-left: 10px;
  content: "";
  background: url(/assets/img/icon_open.svg) no-repeat 0 0;
  background-size: 22px auto;
}
@media screen and (min-width: 768px) {
  .c-search .searchType .type::after {
    display: none;
  }
}

.c-search .flx-search {
  display: flex;
  align-items: center;
  gap: 15px;
}
.c-search .searchKey .flx-search {
  display: block;
}
@media all and (min-width: 768px) {
  .c-search .flx-search {
    row-gap: 0;
    gap: 13px;
  }
}

@media all and (min-width: 1024px) {
  .c-search .flx-search {
    gap: 10px 50px;
  }
}

.c-search .keyword span {
  background: url(/fundinfo/list/img/icon_search.png) no-repeat center
    left;
  background-size: 25px auto;
  padding-left: 40px;
  font-weight: 500;
  display: inline-block;
  width: max-content;
}

.c-search .tabkeyword {
  position: relative;
  width: 100%;
}

.c-search .tabkeyword .searchKeyword {
  width: 100%;
  height: 45px;
  border-radius: 14px;
  background: #f0f0f0;
  margin-top: 0;
  border: 0;
  padding: 20px;
}
.c-search .typeDetails .tabkeyword .searchKeyword {
  margin-bottom: 20px;
}

.c-search .searchResult .linkBtn01 {
  display: inline-block;
  margin: 0 0 0 20px;
}

.c-search .tabkeyword .searchResult .linkBtn01 {
  margin-left: 0;
  margin: 0 0 0 20px;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  font-size: 0;
  background: #eb0f30;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}

.c-search .tabkeyword .searchResult a {
  min-width: auto;
  width: 100%;
  height: 100%;
  font-size: 0;
  padding: 0;
  background: #eb0f30 url(/fundinfo/list/img/icon-search.png) no-repeat
    center center;
  background-size: 21px auto;
}

.c-search .tabkeyword .linkBtn01 a:after {
  content: none;
}

.c-search .searchType {
  padding-top: 20px;
}
@media all and (min-width: 768px) {
  .c-search .searchType {
    padding-top: 40px;
  }
}

.c-search .type span {
  background: url(/fundinfo/list/img/icon_search2.png) no-repeat center
    left;
  background-size: 25px auto;
  padding-left: 40px;
  font-weight: 500;
  display: inline-block;
  width: max-content;
}

.c-search .typeRadioField {
  display: block;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 768px) {
  .c-search .typeRadioField {
    margin: 0 0 30px 0;
  }
}

.c-search .searchGroup section {
  padding: 0;
}

.c-search .typeRadioField .typeItem {
  padding: 15px 20px;
  background: #FFEEF1;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-search .typeRadioField .typeItem {
    font-size: 20px;
    text-align: left;
  }
}

.c-search .typeRadioField .checkBoxList {
  padding: 0;
  flex-wrap: wrap;
}

.c-search .typeRadioField .checkBoxList li {
  padding-right: 0;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .c-search .typeRadioField .checkBoxList li {
    margin-top: 10px;
  }
}

.c-search .bg_checkradiobox input {
  width: 20px;
  height: 20px;
}

.c-search .checkBoxList li {
  width: auto !important;
}

.c-search .searchResult .clearBtn {
  margin-top: 15px;
  text-align: center;
}

.c-search .tabType .searchResult .linkBtn01 {
  margin-left: 0;
}

.c-search .searchResult--center {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.c-search .searchResult--center .clearBtn {
  position: absolute;
  top: 0;
  right: calc(-100% - 60px);
}

.c-search .searchResult--top {
  margin-top: 40px;
}

.c-search .searchResult--top .number {
  position: absolute;
  left: -200%;
  margin-top: 15px;
  margin-left: -25px;
}

.c-search .searchResult--top .number span {
  font-size: 30px;
  color: #EB0F30;
  padding: 0 5px;
  line-height: 1;
}
.scrollToSearch {
  position: fixed;
  bottom: 10%;
  right: 56px;
  background-color: #eb0f30;
  z-index: 100;
  border-radius: 40px;
  color: #fff;
  transition: all 0.3s ease;
  display: none;
}
.is-scrolled .scrollToSearch {
  display: block;
}
.scrollToSearch:hover {
  opacity: 0.7;
}
.scrollToSearch a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  font-size: 18px;
  text-decoration: none;
  width: 198px;
  height: 69px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .scrollToSearch a {
    width: 158px;
    height: 55px;
    font-size: 14px;
    gap: 20px;
  }
  .scrollToSearch a svg {
    width: 14px;
  }
  .scrollToSearch {
    right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .scrollToSearch a {
    width: 126px;
    height: 35px;
    font-size: 14px;
    gap: 10px;
    font-weight: normal;
  }
  .scrollToSearch a svg {
    width: 9px;
  }
}

@media screen and (max-width: 1023px) {
  .c-search .searchResult--top {
    margin-top: 30px;
  }
  .c-search .searchResult--top .number {
    position: static;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 16px;
  }
  .c-search .searchResult--top .number span {
    font-size: 24px;
  }
  .c-search .searchResult--center .clearBtn {
    top: auto;
    right: -130px;
    bottom: 17px;
  }
  .c-search .searchResult--bottom .clearBtn {
    right: -180px;
  }
}

@media screen and (max-width: 1023px) {
  .c-search .searchResult--top {
    margin-top: 20px;
  }
  .c-search .searchResult--center .clearBtn {
    position: static;
  }
  .c-search .searchResult--top .number {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .c-search .searchResult--top .number span {
    font-size: 18px;
  }
}

.show-sp {
  display: none;
}

.c-search .searchKey {
  position: relative;
}

.c-table .sortableTable tbody td .fundName {
  display: flex;
  text-align: left;
  font-size: 18px;
  flex-direction: column-reverse;
}

.c-table .sortableTable tbody td .fundName > * {
  display: flex;
  gap: 10px;
}

.c-table .sortableTable tbody td .categoryIcon span {
  width: 28px;
  height: 28px;
  background-size: contain;
  margin: 0;
}

.c-table .sortableTable tbody td .fundName a {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 10px;
}

.c-search .searchType label {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .c-search .searchType label {
    font-size: 18px;
  }
}


.wrap_search .bg_checkradiobox input[type="radio"]:checked + label, 
.wrap_search .bg_checkradiobox input[type="checkbox"]:checked + label {
  color: #EB0F30;
}

.wrap_search .c-search .bg_checkradiobox input[type="radio"]:checked + label, 
.wrap_search .c-search .bg_checkradiobox input[type="checkbox"]:checked + label {
  background-size: 20px 20px;
  background-position: 0;
}

.custom_content .sortableTable th {
  pointer-events: none;
}

.custom_content .tablesorter-tool a {
  pointer-events: auto;
  width: 20px;
  height: 15px;
  border: 1px solid #EB0F30;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 3px;
}

.custom_content .tablesorter-tool .sort-asc::after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #EB0F30;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom_content .tablesorter-tool .sort-asc.active {
  background-color: #EB0F30;
}

.custom_content .tablesorter-tool .sort-asc:hover {
  background-color: #EB0F30;
  opacity: unset;
}

.custom_content .tablesorter-tool .sort-asc:hover::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #FFFFFF;
}

.custom_content .tablesorter-tool .sort-asc.active::after {
  border-bottom: 8px solid #FFFFFF;
}

.custom_content .tablesorter-tool .sort-desc::after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #EB0F30;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom_content .tablesorter-tool .sort-desc.active {
  background-color: #EB0F30;
}

.custom_content .tablesorter-tool .sort-desc:hover {
  background-color: #EB0F30;
  opacity: unset;
}

.custom_content .tablesorter-tool .sort-desc:hover::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #FFFFFF;
}

.custom_content .tablesorter-tool .sort-desc.active::after {
  border-top: 8px solid #FFFFFF;
}

.ui-autocomplete {
  border: 1px solid #D3D3D3;
  background: #FFFFFF;
  padding: 22px 22px 33px 22px;
  border-radius: 0;
}

.ui-autocomplete li {
  background-color: #FFFFFF;
}

.ui-autocomplete li a {
  font-weight: 500 !important;
  color: #000000;
  line-height: 32px !important;
  font-size: 16px;
  padding: 0 !important;
  font-family: "Noto Sans JP", sans-serif !important;
}

.ui-menu .ui-menu-item a.ui-state-focus {
  background: transparent;
  border: none;
  color: #EB0F30;
  margin: 0;
}

.custom_content .pagerBlock > ul {
  display: none;
}

@media only screen and (max-width: 767px) {

  .custom_content .sectionWrap01 {
    margin: 45px 0;
    padding: 0 50px;
  }

  .custom_content .tabNav::after {
    display: none;
  }

  .custom_content .flx-ct .resultNumber {
    display: block;
  }

  .custom_content .resultNoteTool--sp .resultNote {
    flex-direction: column;
    margin-bottom: 37px;
  }

  .custom_content .resultNoteTool--sp .resultNoteTitle {
    margin-bottom: 17px;
  }

  .custom_content .resultNoteTool--sp .resultNoteTitle h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
  }

  .custom_content .resultNote #iconExplain {
    margin-top: 0;
  }

  .custom_content .resultNoteTool {
    margin: 0;
    gap: 20px
  }
  
  .c-table .sortableTable thead th + th::after {
    top: calc(50% - 15px);
    height: 30px;
  }

  .custom_content .pagerBlock {
    margin-top: 40px;
  }

  .custom_content .pagerBlock .linkBtn03 {
    margin-bottom: 0;
  }
}

@media not all and (min-width: 767px) {
  .tabDetail .u-hideSP {
    display: none !important;
  }
  .show-sp {
    display: block;
  }

  .wrap_search::after {
    border-top: 40px solid transparent;
    border-left: 280px solid #DDE1E4;
  }

  .c-search .searchType .type._searchOpen::after {
    background: url(/assets/img/icon_close.svg) no-repeat 0 0;
    background-size: 22px auto;
  }

  .custom_content .sectionWrap01 {
    margin: 20px 20px 30px;
    padding: 0;
  }

  .custom_content .resultNoteTool--sp .resultNoteTitle h3 {
    padding: 0 0 15px 0;
    font-size: 18px;
  }

  .custom_content .resultNoteTool--sp .resultNoteTitle {
    margin-bottom: 10px;
  }

  .custom_content .resultNoteTool--sp .flx-ct {
    flex-direction: column;
    gap: 40px;
  }

  .custom_content .flx-ct .resultNumber {
    font-size: 18px;
  }

  .custom_content .resultNoteTool--sp .resultNumber em {
    font-size: 28px;
  }

  .custom_content .resultNoteTool {
    margin: 0;
    gap: 20px;
    flex-direction: row-reverse;

  }
  .custom_content .resultNoteTool--sp .resultNote {
    margin-bottom: 30px;
  }

  .c-table .sortableTable thead th + th::after {
    top: 0;
    bottom: 0;
    height: 100%;
  }

  .c-table .sortableTable tbody td:not(:first-child)::after {
    top: 0;
    bottom: 0;
    height: 100%;
  }

  .search_form .c-table .sortableTable tbody td:nth-child(2):after {
    top: 30px;
    bottom: 30px;
    height: auto;
  }
  .custom_content .pagerBlock > .prev, .custom_content .pagerBlock > .next {
    display: none;
  }

  .c-table .sortableTable tbody td:not(:first-child) {
    padding: 10px;
  }

  .custom_content .c-table .tablesorter-tool {
    display: none;
  }

  .custom_content .customRow:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
  }

  .custom_content .customRow {
      text-align: right;
      padding: 15px;
      font-size: 16px;
  }

  .custom_content .customTtlHead {
    border-bottom: 1px solid #D9D9D9;
  }

  .c-table .sortableTable thead th span, .c-table .sortableTable thead th > span {
    font-size: 14px;
  }

  .custom_content .sortableTable tbody td .fundName a {
    font-size: 16px;
    line-height: 27px;
  }

  .custom_content .c-table .comparisonTable tr {
    display: grid;
    grid-template-columns: 1fr min(90px) min(60px);
    grid-template-rows: repeat(3 , auto);
  }

  .custom_content #assetsTab01 .c-table .comparisonTable th:nth-child(1),
  .custom_content #assetsTab01 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
  }

  .custom_content  .c-table .comparisonTable th:nth-child(1) {
    justify-content: center;
    display: flex;
    align-items: center;
  }

  .custom_content #assetsTab02 .c-table .comparisonTable th:nth-child(1), 
  .custom_content #assetsTab02 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 6;
  }

  .custom_content #assetsTab03 .c-table .comparisonTable th:nth-child(1), 
  .custom_content #assetsTab03 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }

  .custom_content #assetsTab04 .c-table .comparisonTable th:nth-child(1),
  .custom_content #assetsTab04 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
  }

  .custom_content #assetsTab05 .c-table .comparisonTable th:nth-child(1), 
  .custom_content #assetsTab05 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }
  
  .custom_content #assetsTab01 .c-table .comparisonTable th:last-child,
  .custom_content #assetsTab01 .c-table .comparisonTable td:last-child {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .custom_content #assetsTab02 .c-table .comparisonTable th:last-child, 
  .custom_content #assetsTab02 .c-table .comparisonTable td:last-child {
      grid-column: 3 / 4;
      grid-row: 1 / 6;
      align-items: center;
      display: flex;
      justify-content: center;
  }

  .custom_content #assetsTab03 .c-table .comparisonTable th:last-child, 
  .custom_content #assetsTab03 .c-table .comparisonTable td:last-child {
      grid-column: 3 / 4;
      grid-row: 1 / 5;
      align-items: center;
      display: flex;
      justify-content: center;
  }

  .custom_content #assetsTab04 .c-table .comparisonTable th:last-child,
  .custom_content #assetsTab04 .c-table .comparisonTable td:last-child {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
        align-items: center;
    display: flex;
    justify-content: center;
    }

  .custom_content #assetsTab05 .c-table .comparisonTable th:last-child, 
  .custom_content #assetsTab05 .c-table .comparisonTable td:last-child {
      grid-column: 3 / 4;
      grid-row: 1 / 5;
      align-items: center;
    display: flex;
    justify-content: center;
  }

  .search_form .c-table .comparisonTable tr {
    display: grid;
    grid-template-columns: min(45px) 1fr min(100px) min(70px);
    grid-template-rows: repeat(4 , auto);
  }

  .search_form #assetsTab01 .c-table .comparisonTable th:nth-child(1),
  .search_form #assetsTab01 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    border-right: 0;
  }

  .search_form #assetsTab01 .c-table .comparisonTable th:nth-child(2),
  .search_form #assetsTab01 .c-table .comparisonTable td:nth-child(2) {
    grid-column: 2 / 2;
    grid-row: 1 / 4;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .search_form #assetsTab02 .c-table .comparisonTable th:nth-child(1),
  .search_form #assetsTab02 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 6;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    border-right: 0;
  }

  .search_form #assetsTab02 .c-table .comparisonTable th:nth-child(2), 
  .search_form #assetsTab02 .c-table .comparisonTable td:nth-child(2) {
    grid-column: 2 / 2;
    grid-row: 1 / 6;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .search_form #assetsTab03 .c-table .comparisonTable th:nth-child(1),
  .search_form #assetsTab03 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    border-right: 0;
  }

  .search_form #assetsTab03 .c-table .comparisonTable th:nth-child(2), 
  .search_form #assetsTab03 .c-table .comparisonTable td:nth-child(2) {
    grid-column: 2 / 2;
    grid-row: 1 / 5;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .search_form #assetsTab04 .c-table .comparisonTable th:nth-child(1),
  .search_form #assetsTab04 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    border-right: 0;
  }

  .search_form #assetsTab04 .c-table .comparisonTable th:nth-child(2),
  .search_form #assetsTab04 .c-table .comparisonTable td:nth-child(2) {
    grid-column: 2 / 2;
    grid-row: 1 / 4;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 210px;
  }

  .search_form #assetsTab05 .c-table .comparisonTable th:nth-child(1),
  .search_form #assetsTab05 .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    border-right: 0;
  }

  .search_form #assetsTab05 .c-table .comparisonTable th:nth-child(2), 
  .search_form #assetsTab05 .c-table .comparisonTable td:nth-child(2) {
    grid-column: 2 / 2;
    grid-row: 1 / 5;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .search_form #assetsTab01 .c-table .comparisonTable th:last-child,
  .search_form #assetsTab01 .c-table .comparisonTable td:last-child {
      grid-column: 4 / 4;
      grid-row: 1 / 4;
      align-items: center;
      display: flex;
      justify-content: center;
  }
  
  .search_form #assetsTab02 .c-table .comparisonTable th:last-child, 
  .search_form #assetsTab02 .c-table .comparisonTable td:last-child {
      grid-column: 4 / 4;
      grid-row: 1 / 6;
      align-items: center;
      display: flex;
      justify-content: center;
  }

  .search_form #assetsTab03 .c-table .comparisonTable th:last-child, 
  .search_form #assetsTab03 .c-table .comparisonTable td:last-child {
      grid-column: 4 / 4;
      grid-row: 1 / 5;
      align-items: center;
      display: flex;
      justify-content: center;
    }

  .search_form #assetsTab04 .c-table .comparisonTable th:last-child,
  .search_form #assetsTab04 .c-table .comparisonTable td:last-child {
        grid-column: 4 / 4;
        grid-row: 1 / 4;
        align-items: center;
      display: flex;
      justify-content: center;
    }

  .search_form #assetsTab05 .c-table .comparisonTable th:last-child, 
  .search_form #assetsTab05 .c-table .comparisonTable td:last-child {
      grid-column: 4 / 4;
      grid-row: 1 / 5;
      align-items: center;
      display: flex;
      justify-content: center;
  }

  .c-table .comparisonTable thead th {
    padding: 12px 5px;
  }

  .search_form .c-table .comparisonTable thead th {
    padding: 12px;
  }
  

  .custom_content .comparisonTable .customDetail:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
  }

}

@media not all and (min-width: 490px) {

  .search_form .c-table .comparisonTable tr {
    grid-template-columns: min(45px) 1fr min(90px) min(60px);
  }

  .search_form .c-table .comparisonTable th:nth-child(1),
  .search_form .c-table .comparisonTable td:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
  }

  .search_form .c-table .comparisonTable thead th {
    padding: 12px 5px;
  }

  .c-table .comparisonTable tbody td span.up, .c-table .comparisonTable tbody td span.down, .c-table .comparisonTable tbody td span.keep {
    background-position: left center;
    padding-top: 0;
    padding-left: 28px;
  }

  .c-table .sortableTable thead th span, .c-table .sortableTable thead th > span {
    font-size: 14px;
  }

  .c-table .sortableTable tbody td img {
    width: 25px;
  }

  .custom_content .resultNote .resultNoteTool {
    margin-bottom: 10px;
  }

  .c-table .sortableTable tbody td:first-child {
    padding: 15px 10px !important;
  }

  .c-table .sortableTable thead th:first-child span, .c-table .sortableTable thead th:first-child > span {
    font-size: 14px;
  }

  .c-table .sortableTable thead th:last-child span, .c-table .sortableTable thead th:last-child > span {
    font-size: 12px;
  }
}

.search_page {
  padding-bottom: 0;
}
.search_page .linkBtn03 {
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  .search_page {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .search_page .resultNoteTool--sp {
    display: block;
  }
  .search_page .flx-ct--pc {
    display: none;
  }
  .search_page .resultNote {
    flex-direction: column;
  }
  .search_page .resultNoteTool--sp .resultNoteTitle {
    margin-bottom: 20px;
  }
  .search_page .flx-ct .resultNumber {
    display: flex;
    flex: 0 0 auto;
    align-items: baseline;
  }
  .search_page .resultNoteTool--sp .resultNoteTitle h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
  }
  .search_page .resultNoteTool {
    margin-bottom: 30px;
    justify-content: flex-end;
  }
  .search_page .resultNote #iconExplain {
    margin-top: 0;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .search_page .resultNoteTool--sp .resultNoteTitle {
    margin-bottom: 10px;
  }
  .search_page .resultNoteTool--sp .resultNoteTitle h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 0;
    border-bottom: 1px solid #D9D9D9;
  }
  .search_page .resultNoteTool--sp .resultNumber em {
    font-size: 18px;
  }
  .search_page .resultNoteTool {
    justify-content: space-between;
  }
}

.break {
  display: block;
}

/* add more search */
.searchList {
  display: none;
}
@media screen and (min-width: 768px) {
  .searchList {
    display: block;
  }
}
.searchGroup ul.searchList {
  margin-left: 15px;
  margin-top: 20px;
  font-size: 14px;
}
.searchGroup ul.searchList li {
  list-style: disc;
  margin-bottom: 5px;
}
.type--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchRedee {
  display: none;
}
.searchRedee-label {
  font-size: 14px;
}
.searchRedee-btn {
  border: 1px solid #666;
  border-radius: 11px;
  line-height: 1;
  padding: 7px 15px;
  font-size: 14px;
  text-decoration: none;
}
.searchRedee--sp {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .searchRedee {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .searchRedee-btn {
    padding: 7px 20px;
  }
  .searchRedee--sp {
    display: none;
  }
}
.searchRedee-btn.is-highlight {
  border-color: #EB0F30;
  background-color: #EB0F30;
  color: #fff;
}
.c-search .typeRadioField .flex-one {
  gap: 15px;
  margin-bottom: 20px;
  flex-direction: row;
  display: flex;
}
@media screen and (min-width: 768px) {
  .c-search .typeRadioField .flex-one {
    flex-direction: column;
  }
}

.typeDetails-flex {
  display: block;
  
}
.typeDetails-flex .checkBoxList {
  flex: 0 0 auto;
}
.typeDetails-flex .tabkeyword {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .typeDetails-flex {
    display: flex;
    gap: 100px;
  }
  .typeDetails-flex .tabkeyword {
    margin-top: 20px;
  }
}

.text-note {
  text-align: left;
  display: flex;
  margin-bottom: 25px;
  font-size: 12px;
}
.text-note:before {
  content: "※";
}
@media screen and (min-width: 768px) {
  .text-note {
    margin-bottom: 70px;
    font-size: 14px;
  }
}
/* search page */
.li02-new.heading06 {
  height: 210px;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .li02-new.heading06 {
    height: 350px;
  }
}
.li02-new {
  background: url(/fundinfo/search/img/mv@2x.png);
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .li02-new {
    background: url(/fundinfo/search/img/mv-sp.png);
    background-size: cover;
    background-position: center;
  }
}
.heading06 .mainHeading > span.text-white {
  color: #ffffff;
}

/* summary funds */
.summary-funds {
  background-color: #f0f0f0;
  padding: 20px 25px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .summary-funds {
    padding: 15px 20px;
    flex-direction: inherit;
  }
}
@media screen and (min-width: 1024px) {
  .summary-funds {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
  }
}

.summary-funds-label {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .summary-funds-label {
    width: auto;
  }
}
.summary-funds svg {
  margin-right: 10px;
}
.summary-funds svg:not(:first-child) {
  margin-right: 0;
}
.summary-funds a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  background-color: #fff;
  border: 1px solid #666;
  height: 60px;
  text-decoration: none;
  padding: 0 20px;
  transition: 0.3s all ease-in-out;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .summary-funds a {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .summary-funds a {
    width: auto;
  }
}

@media (hover: hover) {
  .summary-funds a:hover {
    opacity: 0.7;
  }
}

/* other */
.other {
  border-top: 1px solid #e7e7e7;
  padding-top: 30px;
  margin-top: 30px;
}
.other h3 {
  line-height: 1;
  font-size: 28px;
  margin-bottom: 30px;
}
.other a {
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
}
.other a h4 {
  background-color: #EB0F30;
  font-size: 16px;
  color: #fff;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-top: 0;
  border-radius: 0 0 14px 14px;
  transition: all 0.3s ease-in-out;
}
.other a h4 path {
  transition: all 0.3s ease-in-out;
}
.other a h4 svg {
  margin-left: 10px;
}
.other-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
}
.other-list-img {
  height: 107px;
  position: relative;
}
.other-list-img::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.other-list-img span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
  font-size: 18px;
  text-shadow: 0 0 10px #000;
  z-index: 2;
}
.other-list-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .other a:hover h4 {
    background-color: #fff;
    color: #EB0F30;
    border-color: #EB0F30;
  }
  .other a:hover h4 path {
    stroke: #EB0F30;
  }
}
@media all and (min-width: 768px) {
  .other {
    padding-top: 50px;
  }
  .other h3 {
    font-size: 36px;
    margin-bottom: 40px;
  }
  .other-list {
    gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .other-list-img {
    height: 157px;
  }
  .other a h4 {
    font-size: 18px;
  }
  .other-list-img span {
    font-size: 26px;
  }
}
@media all and (min-width: 1024px) {
  .other-list {
    gap: 50px;
  }
  .other-list-img span {
    font-size: 30px;
  }
}

/* */
.scrollBox {
  width: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  height: 200px;
  overflow: auto;
}
.scrollBox .checkBoxList {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr;
}
.tabkeyword .scrollBox:before {
  content: "";
}
.c-search .scrollBox .checkBoxList li {
  margin-top: 0;
}

@media all and (min-width: 768px) {
  .scrollBox {
    height: 160px;
  }
}
@media all and (max-width: 767px) {
  .p-fundinfo .p-fundinfoRecently .fundinfoRecently__item .item .c-button__favorite {
    font-size: 13px;
  }
  #pageTopBtn {
    display: none !important;
  }
}

/* fix button slide */
.c-button__favorite {
  display: flex;
  flex-direction: row-reverse;
  color: #000;
  border-color: #666;
  border-width: 1px;
}
.c-button__favorite::after {
  margin-right: 7px;
  margin-left: 0;
}
.c-button__favorite:visited {
  color: #000;
}
.c-button__favorite::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.08255 1.61573C9.4307 0.81285 10.5693 0.812853 10.9175 1.61573L12.7522 5.84693C12.8971 6.18108 13.2123 6.41003 13.5748 6.44458L18.1659 6.88206C19.0371 6.96507 19.3889 8.04794 18.7329 8.62716L15.2758 11.6797C15.0028 11.9207 14.8824 12.2912 14.9616 12.6467L15.9643 17.1483C16.1545 18.0024 15.2334 18.6717 14.4798 18.2268L10.5084 15.8821C10.1948 15.697 9.80525 15.697 9.49161 15.8821L5.5202 18.2268C4.76661 18.6717 3.84547 18.0024 4.03572 17.1483L5.03838 12.6467C5.11756 12.2912 4.9972 11.9207 4.72417 11.6797L1.26705 8.62716C0.611051 8.04794 0.962899 6.96507 1.83407 6.88206L6.42516 6.44458C6.78773 6.41003 7.10285 6.18108 7.24775 5.84693L9.08255 1.61573Z" fill="%23EB0F30" stroke="%23fff" stroke-width="1.5"/></svg>');
  transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (any-hover: hover) {
  .c-button__favorite:hover {
    color: #fff;
    background-color: #e60012;
    transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    border-color: #e60012;
  }
  .c-button__favorite:hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.08255 1.61573C9.4307 0.81285 10.5693 0.812853 10.9175 1.61573L12.7522 5.84693C12.8971 6.18108 13.2123 6.41003 13.5748 6.44458L18.1659 6.88206C19.0371 6.96507 19.3889 8.04794 18.7329 8.62716L15.2758 11.6797C15.0028 11.9207 14.8824 12.2912 14.9616 12.6467L15.9643 17.1483C16.1545 18.0024 15.2334 18.6717 14.4798 18.2268L10.5084 15.8821C10.1948 15.697 9.80525 15.697 9.49161 15.8821L5.5202 18.2268C4.76661 18.6717 3.84547 18.0024 4.03572 17.1483L5.03838 12.6467C5.11756 12.2912 4.9972 11.9207 4.72417 11.6797L1.26705 8.62716C0.611051 8.04794 0.962899 6.96507 1.83407 6.88206L6.42516 6.44458C6.78773 6.41003 7.10285 6.18108 7.24775 5.84693L9.08255 1.61573Z" fill="%23fff" stroke="%23EB0F30" stroke-width="1.5"/></svg>');
    transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@media (min-width: 1024px) {
  .c-button__favorite::after {
    margin-right: 10px;
  }
}
@media (min-width: 640px) {
  .c-button__favorite::after {
    margin-right: 10px;
  }
}

.tableWrap .bg_checkradiobox input[type="radio"] + label, 
.tableWrap .bg_checkradiobox input[type="checkbox"] + label {
  width: 20px;
  height: 20px;
  padding-left: 20px;
  background-size: 20px 20px;
}

#type {
  transition: all .3s ease-in-out;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
#type.is-show {
  opacity: 1;
  height: 100%;
}
@media all and (min-width: 768px) {
  #type {
    opacity: 1;
    height: 100%;
  }
}
/* 20260803 add */
@media (max-width: 1024px) {
    main.l-main {
        padding-top: unset;
    }
}