@charset "UTF-8";
body {
  background: transparent;
}

main {
  padding-top: 0;
}

/*----------------------------------------------------
 icon
----------------------------------------------------*/
.--fx .triauto-rules-icon-pdf,
.--etf .triauto-rules-icon-pdf {
  background: url(../img/icon-pdf.png) no-repeat left center;
  color: #666 !important;
  padding-left: 2.5rem;
}

.--fx .triauto-rules-icon-external-link,
.--etf .triauto-rules-icon-external-link {
  background: url(../img/icon-external-link.png) no-repeat right center;
  background-size: auto 1.5rem;
  color: #FF6B00;
  display: inline-block;
  padding-right: 2.5rem;
}

.--fx .triauto-rules-icon-download,
.--etf .triauto-rules-icon-download {
  background: url(../img/icon-download.png) no-repeat right center;
  background-size: auto 1.5rem;
  color: #FF6B00;
  display: inline-block;
  padding-right: 2.5rem;
}


/*----------------------------------------------------
 タブ
----------------------------------------------------*/
.triauto-rules-tab {
  width: 100%;
}

.triauto-rules-tab-each {
  margin-right: 2rem;
  margin-bottom: 2rem;
}

/* 表示 */
.triauto-rules-each {
  display: none;
}
/* 初期値なので表示 */
#triauto-rules {
  display: block;
}

.triauto-rules-tab-each span {
  border-bottom: 2px solid #fff;
  color: #989898;
  cursor: pointer;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: .5rem;
}

.triauto-rules-tab-etf span.triauto-rules-tab-active {
  border-bottom-color: #ff187a;
  color: #ff187a;
}
.triauto-rules-tab-fx span.triauto-rules-tab-active {
  border-bottom-color: #FF6B00;
  color: #FF6B00;
}
.triauto-rules-tab-cfd span.triauto-rules-tab-active {
  border-bottom-color: #2B73DF;
  color: #2B73DF;
}

@media (min-width: 940px) {
  .triauto-rules-tab {
    margin: 0 auto;
    min-width: 900px;
  }
}

/* etf method */
.triauto-rules-method-tab {
  margin-bottom: 4rem;
  max-width: 300px;
}

.triauto-rules-method-tab-each:nth-child(1) {
  margin-right: 1rem;
}
.triauto-rules-method-tab-each:nth-child(2) {
  margin-left: 1rem;
}

/* 表示 */
#triauto-rules-method-manual {
  display: none;
}

.triauto-rules-method-tab-each span {
  border-bottom: 2px solid #fff;
  color: #989898;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: .5rem;
}

.triauto-rules-method-tab-each span.triauto-rules-method-tab-active {
  border-bottom-color: #ff187a;
  color: #ff187a;
}

/*----------------------------------------------------
 triauto用カスタム
----------------------------------------------------*/
body.--triauto .filter__list .filter__list--item .filter__list--item-label {
  align-items: flex-start;
}

body.--triauto .filter__list .filter__list--item .filter__list--item-label::after {
  background-image: url("../img/icon-nav-arrow-gray.svg");
  width: 1.5rem;
}
body.--triauto .filter__list .filter__list--item .filter__list--item-label.--is-active::after {
  background-image: url("../img/icon-nav-arrow-white.svg");
}

body.--triauto .filter__list .filter__list--item .filter__list--item-label:hover::after {
  background-image: url("../img/icon-nav-arrow-white.svg");
}
body.--triauto .pages__section--block-title::before {
  content: none;
}
body.--triauto .pages__section--block-title {
    align-items: center;
    flex-wrap: wrap;
}

body.--triauto .pages__section--block-title > * {
    margin-bottom: .5rem;
    margin-right: 2rem;
}
body.--triauto .pages__section--block-title img {
    max-height: 3rem;
}

body.--triauto .--pages.section__contents--block {
  padding-bottom: 0;
}

/* fx */
.--fx .--pages.section__contents--block .pages__section--block-title {
  color: #FF6B00;
}

/* etf */
.--etf .filter__list .filter__list--item .filter__list--item-label.--is-active {
  background-color: #ff187a;
}
.--etf .filter__list .filter__list--item .filter__list--item-label:hover {
  background-color: #ff187a;
}
.--etf .filter__list .filter__list--item .filter__list--item-label {
  background-color: #e9e7e8;
}
.--etf .--pages.section__contents--block .pages__section--block-title {
  color: #ff187a;
}
/* cfd */
.--cfd .filter__list .filter__list--item .filter__list--item-label.--is-active {
  background-color: #2B73DF;
}
.--cfd .filter__list .filter__list--item .filter__list--item-label:hover {
  background-color: #2B73DF;
}
.--cfd .filter__list .filter__list--item .filter__list--item-label {
  background-color: #e9e7e8;
}
.--cfd .--pages.section__contents--block .pages__section--block-title {
  color: #2B73DF;
}

/*----------------------------------------------------
 rules each
----------------------------------------------------*/
.triauto-rules-each {
  display: none;
}

.triauto-rules-active {
  display: block;
}

/*----------------------------------------------------
 triauto-rules-body
----------------------------------------------------*/
.triauto-rules-body  {
    line-height: 1.7;
}

.triauto-rules-text-orange {
  color: #FF6B00;
}

.triauto-rules-center {
  margin-left: auto;
  margin-right: auto;
}

.triauto-rules-spacer-s {
  margin-bottom: 1rem;
}
.triauto-rules-spacer-m {
  margin-bottom: 2rem;
}
.triauto-rules-spacer-l {
  margin-bottom: 3rem;
}

.triauto-rules-body .triauto-horizontal-scroll,
.triauto-rules-body .triauto-horizontal-scroll--small {
  overflow-x: auto;
}

.triauto-rules-body .triauto-horizontal-scroll > * {
  min-width: 940px;
}

.triauto-rules-body .triauto-horizontal-scroll--small > * {
  min-width: 600px;
}

* + .triauto-rules-body-each {
  margin-top: 3rem;
}
* + .triauto-rules-body-each--space-wide {
  margin-top: 6rem;
}

.--fx .triauto-rules-body a {
  color: #FF6B00;
}
.--cfd .triauto-rules-body a {
  color: #2B73DF;
}
.--etf .triauto-rules-body a {
  color: #FF187A;
}


.triauto-rules-body strong {
  font-weight: bold;
}

.triauto-rules-body th {
  white-space: nowrap;
}

.triauto-rules-body td > div + div {
  margin-top: 1.5rem;
}

/*----------------------------------------------------
 table
----------------------------------------------------*/
/* common */
.table-bg-gray {
  background: #F2F2F2;
}

.table-text-center > * > tr > *,
.table-text-center > tr > *,
.table-text-center > * {
  text-align: center;
}
.table-vertical-center > * > tr > *,
.table-vertical-center > tr > *,
.table-vertical-center > * {
  vertical-align: middle;
}

.table-text-center-th > * > tr > th,
.table-text-center-th > tr > th,
.table-text-center-th > th {
  text-align: center;
}

.table-vertical-center-th > * > tr > th,
.table-vertical-center-th > tr > th,
.table-vertical-center-th > th {
  vertical-align: middle;
}

.table-text-center-td > * > tr > td,
.table-text-center-td > tr > td,
.table-text-center-td > td {
  text-align: center;
}


/* 横並びにする場合 */
.table-flex > table + table {
  margin-left: 0;
}

@media (min-width: 940px) {
  .table-flex > table + table {
    margin-left: 2rem;
  }
}


/* normal */
.table-normal {
  color: #000;
}
.table-normal > * > tr > * {
  border: 1px solid #666;
  padding: 1.5rem;
}
/* narrow */
.table-normal--narrow > * > tr > * {
  padding: .5rem 1.5rem;
}
/* noborderは2列専用 */
.table-normal--noborder > * > tr > th,
.table-normal--noborder > * > tr > td {
  border-left: 0;
  border-right: 0;
}
.table-normal--noborder > * > tr > td {
  padding: 2.5rem .5rem 2.5rem 3rem;
}
/* bg color */
.table-normal--stripe > * > tr:nth-child(even) > * {
  background: #E6E6E6;
}
.--fx .table-normal > * > tr > th {
  background: #FFEFDD;
}
.--etf .table-normal > * > tr > th {
  background: #FFD3E6;
}
.--cfd .table-normal > * > tr > th {
  background: #bBe3fF;
}

/* simple */
.table-simple > * > tr + tr > th,
.table-simple > * > tr + tr > td {
  padding-top: 1.5rem;
}

.table-simple > * > tr > td {
  padding-left: 1rem;
}

/* border */
.table-border > * > tr > * {
  border: 1px solid #666;
  padding: 1rem 2rem 1rem;
}
.table-border > * > tr > *.table-border-right-none {
  border-right: 0;
}
.table-border > * > tr > *.table-border-right-none + * {
  border-left: 0;
}

/* gray */
.table-gray > * > tr > th,
.table-gray > * > tr > td {
  border: 2px solid #000;
  padding: .5rem;
}

.table-gray > * > tr > th {
  background: #F2F2F2;
}

/* orange */
.table-orange > * > tr > th,
.table-orange > * > tr > td {
  border: 1px solid #333;
  padding: 1rem 2rem 1rem;
}

.table-orange > thead > tr > th {
  background: #FF6A33;
  color: #fff;
}

.table-orange > tbody > tr > th {
  background: #FFEFDD;
}

/* pink */
.table-pink > * > tr > th,
.table-pink > * > tr > td {
  border: 1px solid #333;
  padding: 1rem 2rem 1rem;
}

.table-pink > thead > tr > th {
  background: #FF5791;
  color: #fff;
}

.table-pink > tbody > tr > th {
  background: #FFD3E6;
}

/* blue */
.table-blue > * > tr > th,
.table-blue > * > tr > td {
  border: 1px solid #333;
  padding: 1rem 2rem 1rem;
}

.table-blue > thead > tr > th {
  background: #2B73DF;
  color: #fff;
}

.table-blue > tbody > tr > th {
  background: #bBe3fF;
}

/*----------------------------------------------------
 triauto-rules-app
----------------------------------------------------*/
.triauto-rules-app {
  padding-top: 2rem;
  text-align: center;
}
.triauto-rules-app-each + .triauto-rules-app-each {
  margin-top: 3rem;
}
.triauto-rules-app-link {
  padding: 1rem 0 .5rem;
}

@media (min-width: 940px) {
  .triauto-rules-app-each + .triauto-rules-app-each {
    margin-top: 0;
  }
  .triauto-rules-app-each + .triauto-rules-app-each {
    margin-left: 6rem;
  }
}

/*----------------------------------------------------
 remittance_payment-img1
----------------------------------------------------*/
.triauto-rules-remittance_payment-img1 img {
  margin-bottom: 2rem;
}

@media (min-width: 940px) {
  .triauto-rules-remittance_payment-img1 {
    position: relative;
  }
  .triauto-rules-remittance_payment-img1 img {
    margin-bottom: 0;
  }
  .triauto-rules-remittance_payment-img1 p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}

/*----------------------------------------------------
 table-summary1
----------------------------------------------------*/
.table-summary1 td:nth-child(3) {
  text-align: left !important;
}

/*----------------------------------------------------
 triauto-rules-keep-flex
----------------------------------------------------*/
.triauto-rules-keep-flex > div {
  margin-bottom: 2rem;
}

@media (min-width: 940px) {
  .triauto-rules-keep-flex > div:first-child {
    margin-right: 1rem;
  }
  .triauto-rules-keep-flex > div:last-child {
    margin-left: 1rem;
  }
}