@charset "UTF-8";
/* ==========================================================================
 Layout
========================================================================== */
/* Base
----------------------------------------------------------------- */
body {
  font-size: 12px;
  font-size: 1.2rem;
}
img {
  max-width: 100%;
}


/* Header
----------------------------------------------------------------- */
#header {
  background: #004832;
}


/* Footer
----------------------------------------------------------------- */
#footer {
  padding-bottom: 15px;
  border-top: 1px solid #57565b;
}


/* pageTop
----------------------------------------- */
#pageTop {
  z-index: 100;
  position: fixed;
  text-align: right;
}


/* Main
----------------------------------------------------------------- */


/* ==========================================================================
 Parts
========================================================================== */
/* heading
----------------------------------------------------------------- */
/* mainHead */
.mainHead {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mainHead.horizontal .h1Title {
	vertical-align: middle;
}
.mainHead.horizontal .mainHeadLink01 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2rem;
  text-align: right;
}
.mainHead.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainHead.flex .mainHeadLink01 {
  display: flex;
  align-items: center;
}
.mainLead01 {
  margin: 0 17px 20px;
  font-size: 1.2rem;
}

/* h1Title */
.h1Title {
  overflow: hidden;
  color: #004831;
  font-weight: bold;
}

/* h2Title */
.h2Title01,
.h2Title01_2 {
  overflow: hidden;
  font-weight: bold;
}

/* h3Title01 */
.h3Title01 {
  overflow: hidden;
  font-weight: bold;
}

/* titleSup */
.titleSup {
  float: right;
  font-weight: normal;
}


/* block
----------------------------------------------------------------- */
/* grayBlock01 */
.grayBlock01 {
  background: #f6f5f3;
}

/* accountContents */
.accountContents h2 {
  margin: 0 0 20px 17px;
  font-weight: bold;
  font-size: 1.8rem;
}
.accountContents .accordionWrap + .accordionWrap {
  margin-top: 1px;
}
.accountContents .accordionWrap:last-child .accordionContents {
  margin-bottom: 0;
}
.accountContents .accordionTitle {
  margin: 0;
}

/* contactPanel */
.contactPanel_body {
  padding: 0 17px;
  text-align: center;
}
.contactPanel_body h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  color: #004831;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.contactPanel_body h3::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
}
.contactPanel_body h3.internet::before {
  background: url('../images/icon_internet.svg') no-repeat center center;
}
.contactPanel_body h3.tel::before {
  background: url('../images/icon_tel.svg') no-repeat center center;
}
.contactPanel_body h3.bank::before {
  background: url('../images/icon_bank.svg') no-repeat center center;
}
.contactPanel_body > div:last-child {
  border-bottom: 1px solid #d4d8BB;
}

.contactPanel01,
.contactPanel02,
.contactPanel03 {
  padding: 30px 0 35px;
  background-color: #fff;
  border-top: 1px solid #d4d8BB;
  border-left: 1px solid #d4d8BB;
  border-right: 1px solid #d4d8BB;
}

.contactPanel01 p img,
.contactPanel02 p img,
.contactPanel03 p img {
  margin: 0 auto;
}

.contactPanel01 .mt {
  margin-top: 20px;
}

.contactPanel02 .tel01 {
  margin-bottom: 20px;
}
.contactPanel01 .text,
.contactPanel02 .text {
  margin-bottom: 10px;
  font-weight: bold;
}
.contactPanel02 .tel02 {
  margin-top: 8px;
}
.contactPanel02 .listType03 {
  display: inline-block;
  font-size: 1.1rem;
  margin: 25px 0;
}

.contactPanel03 {
  padding-bottom: 45px;
}
.contactPanel03 h4 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.1em;
  margin: 25px 0;
}

.contactPanel  a.cvBtnGreen span:after{
  border-left: 7px solid #c4d701;
}
a.cvBtnGreen {
  position: relative;
  color: #004832;
  width: 464px;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 24px;
  line-height: 1.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  background-color: #C4D701;
  border: solid 1px #C4D701;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}
a.cvBtnGreen span {
  font-size: 2.6rem;
  font-weight: bold;
}
a.cvBtnGreen.long span {
  font-size: 2.4rem;
}
a.btnGreen {
  position: relative;
  color: #004832;
  width: 392px;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 18px;
  line-height: 1.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  background-color: #C4D701;
  border: solid 1px #C4D701;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}
a.btnGreen span {
  font-size: 2.0rem;
  font-weight: bold;
}
a.cvBtnGreen:hover,
a.btnGreen:hover {
  opacity: 0.7;
}


/* box
----------------------------------------------------------------- */
/* discBox */
.discBox {
	border: solid 1px #d7d7d7;
	clear: both;
}
.discBox p {
  display: inline-block;
  background: url(../images/ico_disclaimer_001.png) 0 0.4em no-repeat;
  color: #004831;
  font-weight: bold;
}
.discBox p a {
  color: #004831;
  text-decoration: underline;
}
.discBox p a:hover {
  text-decoration: none;
}

/* borderBox01 */
.borderBox01 {
  border: solid 1px #dddcdb;
}
.borderBoxTitle {
  background: #f6f5f3;
  font-weight: bold;
}

/* compBox01 */
.compBox01 {
  background: #efefef;
  color: #666666;
  text-align: center;
}


/* accordion
----------------------------------------------------------------- */
.accordionTitle {
  position: relative;
  background: #ebe7e3;
  font-weight: bold;
}
.accordionTitle::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
}


/* tab
----------------------------------------------------------------- */
/* tabBlock */
.tabBlock {
  border-bottom: solid 3px #007f51;
  text-align :center;
}
.tabBlock ul {
  display: table;
  margin: 0 auto;
}
.tabBlock ul li {
  display: table-cell;
  vertical-align: middle;
}
.tabBlock ul li .active {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border:1px solid #007f51 !important;
  border-radius: 4px 4px 0 0;
  background: #007f51;
  color: #fff;
  font-weight: bold;
}
.tabBlock ul li a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #333;
}
.tabBlock ul li a,
.tabBlock ul li span {
  border:1px solid #dddddc;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}


/* table
----------------------------------------------------------------- */
.wFund { width: 26% !important; }
.wTarget { width: 12% !important; }
.wArea { width: 11% !important; }
.wCurrency { width: 6.5% !important; }
.wValue { width: 12% !important; }
.wRate { width: 8% !important; }
.wRisk { width: 8% !important; }
.wComparison { width: 4.5% !important; }
.wPurchase { width: 6% !important; }
.wFavorite { width: 6% !important; }
/* 運用実績 */
.wFund_2 { width: 24% !important; }
.wUpDown { width: 9% !important; }
.wUpDownSmall { width: 8% !important; }
.wDeviation { width: 8% !important; }
.wSharpRatio { width: 8% !important; }
.wComparison_2 { width: 6% !important; }
.wPurchase_2 { width: 7% !important; }
.wFavorite_2 { width: 6% !important; }
/* 申込詳細 */
.wCompany { width: 16.5% !important; }
.wCurrency_3 { width: 9% !important; }
.wPrice { width: 15.5% !important; }
.wPolicy { width: 12% !important; }
.wComparison_3 { width: 7% !important; }
.wPurchase_3 { width: 7% !important; }
.wFavorite_3 { width: 7% !important; }

/* resultTable01 */
.resultTable01 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: solid 1px #dddddc;
  border-bottom: none;
  font-size: 1.4rem;
  table-layout: fixed;
}
.resultTable01 thead {
  background: #998C7F;
}
.resultTable01 thead th,
.resultTable01 tbody td {
  border-left: dotted 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
}
.resultTable01 thead th:first-child,
.resultTable01 tbody td:first-child {
  border-left: none;
}
.resultTable01 thead th {
  padding: 10px 0 8px;
  background: #998C7F;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
}
.resultTable01 thead th.thSort span {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
.resultTable01 thead th.thSort .thSortBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 3px;
}
.resultTable01 thead th.thSort .thSortBtn a {
  display: block;
  width: 12px;
  height: 12px;
}
.resultTable01 thead th.thSort .thSortBtn a img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.resultTable01 tbody {
  text-align: center;
}
.resultTable01 tbody td {
  padding: 10px;
  vertical-align: middle;
  line-height: 1.4;
}
.resultTable01 tbody td:nth-child(1) {
  background: #f1f5f6;
  text-align: left;
}
.resultTable01 tbody td:nth-last-child(-n+3){
  padding: 0;
}
.resultTable01 tbody td:first-child a {
  color: #394e73;
  text-decoration: underline;
  font-weight: bold;
}
.resultTable01 tbody td:first-child a:hover {
  color: #394e73 !important;
  text-decoration: none !important;
}
.resultTable01 tbody .iconList01 li {
  font-size: 1.2rem;
}

/* normalTable01 */
.normalTable01 table {
  width: 100%;
  border: solid 1px #dddcdb;
  border-collapse: collapse;
}
.normalTable01 th,
.normalTable01 td {
  padding: 10px;
  border: solid 1px #dddcdb;
  text-align: left;
}
.normalTable01 th {
  background: #f6f5f3;
  font-weight: bold;
  vertical-align: middle;
}
.normalTable01 th.flexCell > div {
  display: flex;
  align-items: center;
}


/* list
----------------------------------------------------------------- */
/* iconList01 */
.iconList01 {
  font-size: 0;
}
.iconList01 li {
  display: inline-block;
  border: solid 1px #9c9c9c;
  color: #57565b;
}

/* iconList02 */
.iconList02 li {
  margin-top: 12px;
}
.iconList02 li:first-child {
  margin-top: 0;
}

/* textList01 */
.textList01 {
  list-style: none;
  padding-top: 5px;
  margin: 0;
  font-size: 1.2rem;
}
.textList01 li {
  padding-left: 1em;
  text-indent: -1em;
}
.textList01 li:before {
  content: "•";
  padding-right: 8px;
}


/* link
----------------------------------------------------------------- */
/* normalLink01 */
.normalLink01 {
  display: inline-block;
  position: relative;
}
.normalLink01::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../images/ico_arrow_001.gif) 0 0.2em no-repeat;
}


/* icon
----------------------------------------------------------------- */
/* iconQuestion01 */
a.iconQuestion01 { color: #333; }
a.iconQuestion01:hover { text-decoration:underline; }

.iconQuestion01 {
  display: inline-block;
}
.iconQuestion01::after {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../images/ico_qa_001.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  vertical-align: middle;
}
.iconQuestion01:hover {
  opacity: .7;
}

/* iconQuestion02 */
a.iconQuestion02 {
  color: #333;
  text-decoration: underline;
}
a.iconQuestion02:hover {
  text-decoration: none;
}
.iconQuestion02 {
  display: inline-block;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.iconQuestion02::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 8px;
  margin-top: 1px;
  background: url(../images/ico_qa_001.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: middle;
}

/* iconPc */
.iconPc01 {
  position: relative;
}
.iconPc01::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../images/ico_pc_001.gif) 0 0 no-repeat;
  vertical-align: middle;
}

/* iconStore */
.iconStore01 {
  position: relative;
}
.iconStore01::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../images/ico_store_001.gif) 0 0 no-repeat;
  vertical-align: middle;
}

/* iconTel */
.iconTel01 {
  position: relative;
}
.iconTel01::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../images/ico_tel_002.gif) 0 0 no-repeat;
  vertical-align: middle;
}


/* form
----------------------------------------------------------------- */
/* text */
.formTextbox01 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #9ca1b7;
}

/* checkbox */
.formCheckbox01 {
  position: relative;
}
.formCheckbox01 input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.formCheckbox01 > span {
  display: inline-block;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #dddcdb;
  background: #fff;
  text-align: center;
}
.formCheckbox01 input[type="checkbox"]:checked + span {
  background: #dedad4;
}

/* riskLevelList01 */
.riskLevelList01 {
  font-size: 0;
}
.riskLevelList01 li {
  display: inline-block;
}
.riskLevelList01 input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.riskLevelList01 li label > span {
  display: inline-block;
  padding: 5px 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dddcdb;
  color: #fff;
  font-weight: bold;
}
.riskLevelList01 li label > input[type="checkbox"]:checked + span {
  background: #dedad4;
  color: #333;
}
.riskLevelList01 li:first-child label > span {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  background: #394e73;
}
.riskLevelList01 li:nth-child(2) label > span {
  background: #5b5276;
}
.riskLevelList01 li:nth-child(3) label > span {
  background: #6a5478;
}
.riskLevelList01 li:nth-child(4) label > span {
  background: #765679;
}
.riskLevelList01 li:nth-child(5) label > span {
  background: #80577a;
}
.riskLevelList01 li:nth-child(6) label > span {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  background: #8a587b;
}

/* radio */
.formRadio01 > input {
  display: none;
}
.formRadio01 > input + span {
  position: relative;
  padding-left: 20px;
}
.formRadio01 > input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 1px solid #9ca1b7;
  border-radius: 50%;
}
.formRadio01 > input:checked + span {
  color: #333;
}
.formRadio01 > input:checked + span::before {
  border: 1px solid #00A8E1;
}
.formRadio01 > input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background: #00A8E1;
  border-radius: 50%;
}

/* formSelect01 */
.formSelect01 select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  color: #000;
}

/* placeholder */
:placeholder-shown {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999;
}


/* pulldownMenu
----------------------------------------------------------------- */
.pulldownMenu {
  display: none;
  position: relative;
  margin-bottom: 5px;
  width: 400px;
  font-size: 1.4rem;
}

.pulldownMenu,
.pulldownMenu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pulldownSelected {
  padding: 6.81px 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #9ca1b7;
  color: #000;
  cursor: text;
}

.pulldownMenu.open .pulldownSelected {
  border-radius: 4px 4px 0 0;
}

.pullDownOptions {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 400px;
  max-height: 300px;
  border: solid 1px #9ca1b7;
  border-top: none;
  background: #fff;
  overflow-y: auto;
  z-index: 10;
}

.pullDownOptions li {
  padding: 10px;
  line-height: 1.2;
  cursor: pointer;
}

.pullDownOptions li:hover {
  background-color: #0E71EB;
}


/* pulldownSearch
----------------------------------------------------------------- */
.pulldownSearch {
  position: relative;
  margin-bottom: 5px;
  width: 295px;
  font-size: 1.4rem;
}

.pulldownSearch,
.pulldownSearch * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pulldownSearchSelected {
  padding: 4.14px 25px 4.14px 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #9ca1b7;
  color: #000;
  background: #fff url(../images/ico_select_001.png) right 10px top 50% no-repeat;
  background-size: 9px 9px;
  border: 1px solid #767676;
  cursor: pointer;
}

.pulldownSearch.open .pulldownSearchSelected {
  border-radius: 4px 4px 0 0;
}

.pulldownSearchOptions {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 295px;
  max-height: 300px;
  border: solid 1px #9ca1b7;
  border-top: none;
  background: #fff;
  overflow-y: auto;
  z-index: 10;
}

.pulldownSearchOptions li {
  padding: 10px;
  line-height: 1.2;
  cursor: pointer;
}

.pulldownSearchOptions li:hover {
  background-color: #0E71EB;
  color: #fff;
}


/* baseData
----------------------------------------------------------------- */
.baseData p.indent {
  margin-left: 1em;
}


/* ==========================================================================
 Utility
========================================================================== */
/* width
----------------------------------------------------------------- */
.w01p { width: 1% !important; }
.w02p { width: 2% !important; }
.w03p { width: 3% !important; }
.w04p { width: 4% !important; }
.w05p { width: 5% !important; }
.w06p { width: 6% !important; }
.w07p { width: 7% !important; }
.w08p { width: 8% !important; }
.w09p { width: 9% !important; }
.w10p { width: 10% !important; }
.w11p { width: 11% !important; }
.w12p { width: 12% !important; }
.w13p { width: 13% !important; }
.w14p { width: 14% !important; }
.w15p { width: 15% !important; }
.w16p { width: 16% !important; }
.w17p { width: 17% !important; }
.w18p { width: 18% !important; }
.w19p { width: 19% !important; }
.w20p { width: 20% !important; }
.w21p { width: 21% !important; }
.w22p { width: 22% !important; }
.w23p { width: 23% !important; }
.w24p { width: 24% !important; }
.w25p { width: 25% !important; }
.w26p { width: 26% !important; }
.w27p { width: 27% !important; }
.w28p { width: 28% !important; }
.w29p { width: 29% !important; }
.w30p { width: 30% !important; }
.w31p { width: 31% !important; }
.w32p { width: 32% !important; }
.w33p { width: 33% !important; }
.w34p { width: 34% !important; }
.w35p { width: 35% !important; }
.w36p { width: 36% !important; }
.w37p { width: 37% !important; }
.w38p { width: 38% !important; }
.w39p { width: 39% !important; }
.w40p { width: 40% !important; }
.w41p { width: 41% !important; }
.w42p { width: 42% !important; }
.w43p { width: 43% !important; }
.w44p { width: 44% !important; }
.w45p { width: 45% !important; }
.w46p { width: 46% !important; }
.w47p { width: 47% !important; }
.w48p { width: 48% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w51p { width: 51% !important; }
.w52p { width: 52% !important; }
.w53p { width: 53% !important; }
.w54p { width: 54% !important; }
.w55p { width: 55% !important; }
.w56p { width: 56% !important; }
.w57p { width: 57% !important; }
.w58p { width: 58% !important; }
.w59p { width: 59% !important; }
.w60p { width: 60% !important; }
.w61p { width: 61% !important; }
.w62p { width: 62% !important; }
.w63p { width: 63% !important; }
.w64p { width: 64% !important; }
.w65p { width: 65% !important; }
.w66p { width: 66% !important; }
.w67p { width: 67% !important; }
.w68p { width: 68% !important; }
.w69p { width: 69% !important; }
.w70p { width: 70% !important; }
.w71p { width: 71% !important; }
.w72p { width: 72% !important; }
.w73p { width: 73% !important; }
.w74p { width: 74% !important; }
.w75p { width: 75% !important; }
.w76p { width: 76% !important; }
.w77p { width: 77% !important; }
.w78p { width: 78% !important; }
.w79p { width: 79% !important; }
.w80p { width: 80% !important; }
.w81p { width: 81% !important; }
.w82p { width: 82% !important; }
.w83p { width: 83% !important; }
.w84p { width: 84% !important; }
.w85p { width: 85% !important; }
.w86p { width: 86% !important; }
.w87p { width: 87% !important; }
.w88p { width: 88% !important; }
.w89p { width: 89% !important; }
.w90p { width: 90% !important; }
.w91p { width: 91% !important; }
.w92p { width: 92% !important; }
.w93p { width: 93% !important; }
.w94p { width: 94% !important; }
.w95p { width: 95% !important; }
.w96p { width: 96% !important; }
.w97p { width: 97% !important; }
.w98p { width: 98% !important; }
.w99p { width: 99% !important; }
.w100p { width: 100% !important; }
.wAuto { width: auto !important; }



/* margin
----------------------------------------------------------------- */
/*all*/
.m00 { margin: 0 !important; }
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m25 { margin: 25px !important;}
.m30 { margin: 30px !important;}

/*auto*/
.mAuto { margin-right: auto !important; margin-left: auto !important; }

/*top*/
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

/*bottom*/
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

/* left */
.ml00 { margin-left: 0 !important; }


/* text
----------------------------------------------------------------- */
/* color */
.cBlue01 {
  color: #0279a5 !important;
}
.cRed01 {
  color: #fc5f00 !important;
}

/* text-align */
.aCenter {
  text-align: center !important
}
.aRight {
  text-align: right !important
}
.aLeft {
  text-align: left !important
}

/* font-weight */
.wBold {
  font-weight: bold;
}
.wNormal {
  font-weight: normal;
}


/* ==========================================================================
 search.html
========================================================================== */
/* searchNumber01 */
.searchNumber01 {
  text-align: center;
}
.searchNumberTxt {
  margin-top: 1em;
  font-size: 1.2rem;
  text-align: right;
}

/* searchResultNumber */
.searchResultNumber dt,
.searchResultNumber dd,
.searchResultNumber ol,
.searchResultNumber li {
  display: inline-block;
}
.searchResultNumber li::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1.0em;
  margin: 0 4px 0 8px;
  background: #999;
  vertical-align: middle;
}
.searchResultNumber li:last-child::after {
  display: none;
}
.searchResultNumber em {
  font-weight:bold;
}

/* searchListText01 */
.searchListText01 {
  margin-top: 10px;
}

/* pagination01 */
.pagination01 ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
}
.pagination01 ol li {
  border: 1px solid #ddd;
  border-radius: 50%;
  cursor: pointer;
}
.pagination01 ol li,
.pagination01 ol li * {
  line-height: 1.6rem;
  transition: none;
}
.pagination01 ol li + li {
  margin-left: 16px;
}
.pagination01 ol li a,
.pagination01 ol li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
}
.pagination01 ol li.active,
.pagination01 ol li:hover {
  background: #394F73;
}
.pagination01 ol li.active span,
.pagination01 ol li:hover a {
  color: #fff;
}
.pagination01 ol li:first-child,
.pagination01 ol li:last-child {
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.pagination01 ol li:first-child {
  background: url(../images/ico_arrow_002.png) 50% 50% no-repeat;
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
}
.pagination01 ol li:first-child:hover {
  background: url(../images/ico_arrow_002_r.png) 50% 50% no-repeat;
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
  background-color: #394F73;
}
.pagination01 ol li:last-child {
  background: url(../images/ico_arrow_003.png) 50% 50% no-repeat;
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
}
.pagination01 ol li:last-child:hover {
  background: url(../images/ico_arrow_003_r.png) 50% 50% no-repeat;
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
  background-color: #394F73;
}


/* ==========================================================================
 detail.html & chart.html
========================================================================== */
/* chartList01 */
.chartList01 {
  overflow: hidden;
}
.chartList01 li {
  float: left;
  margin-right: 1px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #ccc;
  background: #fff;
  font-size: 1.2rem;
  text-align: center;
}
.chartList01 li.active {
  background: #b0b8c7;
  color: #000;
  cursor: default;
  pointer-events: none;
}
.chartList01 li:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.chartList01 li:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#chart .chartList01 {
  margin-bottom: 0;
  color: #666;
}
/* .chartList01 wide */
.chartList01.wide {
  margin-bottom: 10px !important;
}
.chartList01.wide li {
  padding: 2px 0;
  width: 158px;
}
/* chartFundList */
.chartFundList {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  line-height: 2;
}
.chartFundList li {
  flex: 1 1 40%;
  font-weight: bold;
}
.chartFundList li.blue { color: #0039b7; }
.chartFundList li.orange { color: #ef7622; }
.chartFundList li.green { color: #005f5f; }
.chartFundList li.red { color: #a50032; }
.chartFundList li.navy { color: #394e73; }

/* TCID 191112 */
#header {
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  border: none;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5.4px 0.6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5.4px 0.6px rgba(0, 0, 0, 0.1);
}

#header.header-nav-fix {
  position: static;
  z-index: 1000000;
}

#header.header-nav-fix .fg-header {
  display: table;
  width: 100%;
  background-color: #004831;
  border-bottom: 3px solid #c4d700;
  margin-bottom: 110px;
}

.popup-header-lang .fg-header {
  margin-bottom: auto !important;
}

#header.header-nav-fix .fg-header p {
  display: table-cell;
  width: 50%;
  padding: 0;
  vertical-align: middle;
  line-height: 0;
  height: 37px;
  box-sizing: border-box;
}

#header.header-nav-fix .fg-header p:first-child {
  text-align: left;
  padding: 5px 0 5px 10px;
}

#header.header-nav-fix .fg-header p:last-child {
  text-align: right;
  padding-right: 20px;
}

#header.header-nav-fix #header-fix-block .header-fix-block-inner {
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 66px;
  text-align: left;
  margin: 0 auto;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 1.4px 0.6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1.4px 0.6px rgba(0, 0, 0, 0.1);
}

#header.popup-header .header-content .hdg__site-title {
  margin: 0 36px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  height: auto;
}

#header.popup-header.popup-header-lang .header-content .hdg__site-title img.header_logo, #header.popup-header.popup-header-lang .header-content .hdg__site-title img.header_logo_en {
  width: 160px;
}

.popup-header-lang .header-content .hdg__site-title {
  margin: 2px 6px 0 !important;
}

/* common.css */
.tabBlock ul li {
  margin-right:2px;
  float:left;
}

.btnColumn02 {
  text-align: right;
  width:100%;
}
.btnColumn02 li {
  display: inline-block;
  margin: 0 2px 2px;
  font-size:12px;
}
.btnColumn02 > p {
  font-size: 1rem;
}

.btnBrown02 {
  display: inline-block;
  padding: 10px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #a89a8b;
  color: #fff !important;
  text-align: center;
  width:150px;
}

.hdg__site-title{
  padding: 3px 0 ;
}

.brCustom{
  display: none;
}

#header .fg-header_logo_01 {
  height: 26px;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
}

#header.header-nav-fix .fg-header .fg-header_logo_02 {
  height: 11px;
  width: auto;
}

a:link.uLine {
  text-decoration: underline;
}

a:link.uLine:hover {
  text-decoration: none;
}

@media screen and (max-width: 655.98px){
  #header.header-nav-fix .fg-header .fg-header_logo_01{
      padding: 2px 0;
  }

  #header.header-nav-fix .fg-header p:first-child {
    text-align: left;
    padding: 5px 0 5px 10px;
  }

  #header.header-nav-fix .fg-header .fg-header_logo_02 {
    height: 11px;
  }

  #header.header-nav-fix .fg-header p:last-child {
    text-align: right;
    padding-right: 20px;
  }
  #header.popup-header.popup-header-lang .header-content .hdg__site-title img.header_logo, #header.popup-header.popup-header-lang .header-content .hdg__site-title img.header_logo_en {
    width: 130px;
  }

  .popup-header-lang .header-content {
    padding-top: 5px !important;
  }

  .popup-header-lang .header-content .hdg__site-title {
    margin: 3px 3px 0 !important;
  
  }
  #header.header-nav-fix .fg-header .fg-header_logo_01 {
    height: 26px;
    width: auto;
    padding: 0;
  }

  #header.header-nav-fix #header-fix-block .header-fix-block-inner {
    height: 67px;
    box-sizing: border-box;
  }

  .mainHead{
    display: block;
  }

  .mainHead .h1Title{
    padding-bottom: 15px;
  }

  .mainHead.flex .h1Title{
    padding-bottom: 0;
  }

  .btnColumn02 {
    text-align: center;
  }

  .btnColumn02 li{
    width: 30%;
    margin-right: 2%;
  }

  .btnColumn02 li:last-child{
    margin-right: 0;
  }

  .btnColumn02 li a{
    width: 100%;
  }

  .brCustom{
    display: block;
  }
}

.loading {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: .3s;
}
@keyframes loadingKf {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.loadingCircle {
	animation: 3s linear loadingKf infinite;
	height: 25vmin;
	width: 25vmin;
	border: 2vmin solid rgba(256, 256, 256, .5);
	border-top: 2vmin solid transparent;
	border-radius: 50%;
	content: "";
	margin-bottom: 3vmin;
}

.backInHead {
	display: inline-block;
}
.btnPrev02 {
	display: inline-block;
	padding: 9px 34px 9px 44px;
	border: 1px solid #394e73;
	background: #fff;
	box-sizing: border-box;
	color: #394e73 !important;
	text-align: center;
	font-weight: 700;
	position: relative;
	border-radius: 4px;
}

.btnPrev02::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 5px;
	height: 10px;
	margin-top: -5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4OGQwNDc0Mi1lODBkLWUwNDEtYTNlZi0zODFiYTkwYjdiNGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY4Nzk2NEE4OTY2MTFFNzlCOTFFQTY1MDNGQkM2OTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzY4Nzk2NDk4OTY2MTFFNzlCOTFFQTY1MDNGQkM2OTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDU1YTM4OTgtYzQ4ZS05ZjQ2LTgzZGUtMTIxMWEyY2M3MGNlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODhiZWI2ZjQtN2NjOC0xMWU3LTk3NTAtOTZiNzZkOTIyMDkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1+05YQAAAQ9JREFUeNpi/P//PwM+YOVfwgek2FgYCANjIJZiwWMSM5BSAuI0INbCZ6I+EOcAsQsQC7HgME0DSEUAcTwQMwHxNxYsitSAVDEQe0IVgcAfFjRFpkAqDIgDgVgYSQqiEOpwaSBOBOJYIOZBs4iRBcnhKUDsg0URGDDvOv/FC0iHAnEqyHc4QuAHyMQ8IDYAhT6+UAf56gkQvyYUPSCFbUA8HYjvAvFfnAqPbey5B6Q3AnEnEJ/DZyIDUPFTILUIiFcA8Q0g/odVIVTxT6jCHqhi7Aqhip8BqfVAPAeITyFJsTKh6wQqfgekZgHxPGiI/MeqEKr4K5DaAsTdQHwTiH/jS4/PgXgbEIMSyleAAAMAuylAeVOba9QAAAAASUVORK5CYII=) 50% 50% no-repeat;
	background-size: 5px 10px;
}

.fundSearchBlock input#name { margin-bottom: 5px; display: none; }
.btnAdd {
	min-height: inherit;
	min-width: 210px;
	padding: 10px 14px;
	border: 1px solid #57565B;
	cursor: pointer;
	border-radius: 4px;
	background: #23527c;
	text-align: center;
	display: block;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
  font-family: 'Noto Sans JP', Roboto, 'Yu Gothic', YuGothic, メイリオ, sans-serif;
}

.favoriteDisclaimer {
  padding: 0 17px 20px 17px;
  font-size: 1.2rem;
}

.favoriteDisclaimer > li {
  padding-left: 1em;
  text-indent: -1em;
}


/* ==========================================================================
 chart.html
========================================================================== */
.chartFlex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.chartDataForm select {
  padding: 4px 25px 4px 10px;
  width: 134px;
  height: 24px;
  border: 1px solid #E6E6E6;
  background:url('../images/ico_select_002.svg') no-repeat 95% 50%/11px 6px #F6F5F3;
  color: #151515;
  font: bold 12px 'Noto Sans JP', Roboto, 'Yu Gothic', YuGothic, メイリオ, sans-serif;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor: pointer;
}

.chartDataForm select.daily {
  margin-left: 24px;
}

.chartDataForm span {
  margin: 0 4px;
  font-size: 12px;
}

.chartMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 10px;
  font-size: 12px;
}

.chartMenu li {
  display: flex;
  align-items: center;
  color: #394E73;
  cursor: pointer;
}

.chartMenu li::before {
  content: '';
  display: block;
  margin-right: 8px;
  width: 15px;
  height: 15px;
}

.chartMenu > li + li {
  margin-left: 20px;
}

.chartMenu li.fund::before {
  display: none;
}
.chartMenu li.reset::before {
  background: url('../images/ico_chart_reset.svg') no-repeat center center/contain;
}
.chartMenu li.csv::before {
  background: url('../images/ico_chart_csv.svg') no-repeat center center/contain;
}

.chartMenu li.fund {
  color: #000;
  padding: 2px 8px;
  border: 1px solid #DDDCDB;
  border-radius: 4px;
  box-sizing: border-box;
}

.chartMenu li.fund.on {
  background: #b0b8c7;
  border: 1px solid #CCCCCC;
}

.chartMenu li.reset:hover,
.chartMenu li.csv:hover {
  text-decoration: underline;
}


/* modal
----------------------------------------------------------------- */
.modalDialog {
  visibility: hidden;
  position: fixed;
  top: 30px;
  left: calc(50% - 200px);
  opacity: 0;
  transition: all .3s ease-out;
  z-index: 1050;
}

.modalDialog.fade {
  visibility: visible;
  opacity: 1;
}

.modalDialog .modalDialogBox {
  width: 400px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
  transform: translate(0,-25%);
  transition: all .3s ease-out;
}

.modalDialog.fade .modalDialogBox {
  transform: translate(0,0);
}

.modalDialog .modalBody {
  padding: 25px;
}

.modalDialog .modalFooter {
  display: flex;
  justify-content: right;
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}

.modalDialog .modalFooter * {
  font: 14px 'Noto Sans JP', Roboto, 'Yu Gothic', YuGothic, メイリオ, sans-serif;;
}

.modalDialog .modalFooter .modalClose {
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
}

.modalDialog .modalFooter .modalClose:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* modalBg */
.modalBg {
  visibility: hidden;
  padding-right: 15px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all .15s linear;
  z-index: 1040;
}
.modalBg.fade {
  visibility: visible;
  background: rgba(0, 0, 0, .5);
}