@charset "UTF-8";
/*--------------------------------------------------------------------
	wrapper
--------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  #container.spreadPopup {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  #rank-comp.p-entry .mainArticleWrap {
    font-size: 1em;
  }
}
#rank-comp .hStyle03a {
  border-left-color: #005B40;
}

@media screen and (max-width: 767px) {
  #rank-comp .hStyle03a {
    border-left: none;
    padding: 5px 10px;
    font-weight: bold;
    width: calc(100% + 2px);
    padding: 7px 10px;
    font-size: 1.16em;
    color: #FFF;
    background: #95B518;
    border-bottom: none;
    margin: 0 0 0 -11px;
  }
}
/*--------------------------------------------------------------------
	layoutHead
--------------------------------------------------------------------*/
.layoutHead {
  width: auto;
}

.layoutHeadWrap {
  padding: 0 30px;
}

@media screen and (max-width: 1024px) {
  .layoutHeadWrap {
    padding: 0 10px;
  }
}
/*--------------------------------------------------------------------
	layoutTop
--------------------------------------------------------------------*/
.layoutTop {
  width: auto;
  border-top: 1px solid #9D9D9D;
  border-left: 1px solid #9D9D9D;
  border-right: 1px solid #9D9D9D;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutTop img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .layoutTop {
    font-size: 1em;
  }
}
/*--------------------------------------------------------------------
	layoutContents
--------------------------------------------------------------------*/
.layoutContents {
  width: auto;
}

/*--------------------------------------------------------------------
	layoutMain
--------------------------------------------------------------------*/
.layoutMain {
  width: 750px;
  float: left;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutMainPopup {
  max-width: 750px;
  margin: 10px auto;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutMainInner {
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutMainInnerWrap {
  border: 1px solid #9D9D9D;
  padding: 15px;
}

.layoutMainInnerWrap02 {
  border: 1px solid #9D9D9D;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
  background-color: #FFF;
}

.layoutMainLarge .layoutMainInnerWrap02 {
  border: none;
}

.layoutMainInnerWrap02Box {
  padding: 30px 15px 15px;
}

.layoutMainInnerWrap02BoxA {
  padding: 0;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutMainInnerWrap02BoxAInner {
  padding: 15px;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutMainInnerWrap02Box02 {
  padding: 0 15px 15px;
}

.layoutMainInnerWrap02Box03 {
  padding: 15px;
}

@media screen and (min-width: 960px) and (max-width: 1024px) {
  .layoutMain {
    width: 100%;
    float: left;
    margin-right: -270px;
  }

  .layoutMainInner {
    margin-right: 270px;
  }
}
@media screen and (max-width: 959px) {
  .layoutMain {
    width: auto;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .layoutMainInnerWrap {
    padding: 10px;
  }

  .layoutMainInnerWrap02 {
    border: none;
  }

  .layoutMainInnerWrap02Box {
    padding: 10px 0 0 0;
  }

  .layoutMainInnerWrap02BoxA {
    padding: 0;
  }

  .layoutMainInnerWrap02BoxAInner {
    padding: 10px;
  }

  .layoutMainInnerWrap02Box02 {
    padding: 10px;
  }

  .layoutMainInnerWrap02Box03 {
    padding: 10px;
  }
}
/*--------------------------------------------------------------------
	layoutMainLarge
--------------------------------------------------------------------*/
.layoutMainLarge {
  width: 752px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

.layoutMainLargeInner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border-bottom: 1px solid #9D9D9D;
  border-left: 1px solid #9D9D9D;
  border-right: 1px solid #9D9D9D;
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}

@media screen and (max-width: 959px) {
  .layoutMainLarge {
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: none;
  }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .layoutMainLarge {
    width: 100%;
    float: left;
    margin-right: -260px;
  }

  .layoutMainLargeInner {
    margin-right: 260px;
  }
}
/*--------------------------------------------------------------------
	layoutSide
--------------------------------------------------------------------*/
.layoutSide {
  width: 330px;
  float: right;
}

.layoutSideRanking {
  width: 330px;
  position: absolute;
  top: 120px;
  right: 30px;
}

.sideCategoryList {
  font-size: 1.1em;
}

.sideCategoryList > li {
  border: 1px solid #D9D9D9;
  color: #646464;
  background-color: #FFF;
  display: block;
  margin-bottom: 5px;
}

.sideCategoryList > li:last-child {
  margin-bottom: 0;
}

.sideCategoryList > li > p > a {
  color: #646464;
  display: block;
  position: relative;
  padding: 15px 15px 15px 25px;
}

.sideCategoryList > li > p > a:after {
  content: "";
  width: 14px;
  height: 16px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  background-image: url("../../../common/images/common/arrow01.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.rankCat .sideCategoryList > li:nth-child(1) > p > a,
.spreadCat .sideCategoryList > li:nth-child(2) > p > a,
.listCat .sideCategoryList > li:nth-child(3) > p > a,
.calculationCat .sideCategoryList > li:nth-child(4) > p > a,
.downloadCat .sideCategoryList > li:nth-child(5) > p > a,
.sideCategoryList > li > p.current > a {
  padding: 15px 35px 15px 20px;
  background-color: #F2F6E3;
}

.entryID-1499 .sideCategoryList > li:nth-child(1) > p > a,
.sideCategoryList > li:first-child > p.current > a {
  border-bottom: 1px solid #D9D9D9;
}

.rankCat .sideCategoryList > li:nth-child(1) > p > a:after,
.spreadCat .sideCategoryList > li:nth-child(2) > p > a:after,
.listCat .sideCategoryList > li:nth-child(3) > p > a:after,
.calculationCat .sideCategoryList > li:nth-child(4) > p > a:after,
.downloadCat .sideCategoryList > li:nth-child(5) > p > a:after,
.sideCategoryList > li > p.current > a:after {
  content: "";
  width: 18px;
  height: 16px;
  display: block;
  position: absolute;
  left: -9px;
  top: 50%;
  margin-top: -9px;
  background-image: url("../../../common/images/common/arrow06.png");
  background-position: left center;
}

.sideCategoryList > li a {
  text-decoration: none;
  color: #646464;
}

.sideCategoryList > li a:link {
  text-decoration: none;
  color: #646464;
}

.sideCategoryList > li a:visited {
  text-decoration: none;
  color: #646464;
}

.sideCategoryList > li a:hover {
  text-decoration: none;
  color: #646464;
}

.sideCategoryList > li a:active {
  text-decoration: none;
  color: #646464;
}

@media screen and (max-width: 1024px) {
  .sideCategoryList > li > p > a {
    padding: 15px 35px 15px 15px;
  }

  .layoutSideRanking {
    width: auto;
    position: relative;
    top: auto;
    right: auto;
    margin: 20px 10px 0;
  }
}
@media screen and (max-width: 959px) {
  .layoutSide {
    width: auto;
    float: none;
    margin-top: 20px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .layoutSide {
    width: 250px;
    float: right;
    margin-top: 0;
  }

  .sideCategoryList {
    font-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  #rank-comp .sideCategoryBox {
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: none;
    padding: 0;
    color: #383838;
  }

  .sideCategoryList {
    font-size: 1em;
  }

  .sideCategoryList > li:first-child {
    margin-top: 5px;
  }

  .sideCategoryList > li > p > a {
    padding: 10px 15px 10px 15px;
  }

  .rankCat .sideCategoryList > li:nth-child(1) > p > a,
.spreadCat .sideCategoryList > li:nth-child(2) > p > a,
.listCat .sideCategoryList > li:nth-child(3) > p > a,
.calculationCat .sideCategoryList > li:nth-child(4) > p > a,
.downloadCat .sideCategoryList > li:nth-child(5) > p > a,
.sideCategoryList > li > p.current > a {
    padding: 10px 30px 10px 25px;
    background-color: #F2F6E3;
  }
}
/*--------------------------------------------------------------------
	layoutSideLarge
--------------------------------------------------------------------*/
.layoutSideLarge {
  width: 348px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 0 0 18px;
  float: right;
  border-top: 1px solid #9D9D9D;
}

@media screen and (max-width: 959px) {
  .layoutSideLarge {
    width: auto;
    padding: 10px 0;
    float: none;
    border-top: none;
  }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .layoutSideLarge {
    width: 260px;
    padding: 10px 0 0 10px;
    float: right;
  }
}
/*--------------------------------------------------------------------
	common parts
--------------------------------------------------------------------*/
#rank-comp .hStyle03 {
  border-left: 8px solid #005B40;
}

#rank-comp .hStyle04 {
  background: url("../../../common/images/common/arrow_green02.png") left top 10px no-repeat;
}

.txtBasic {
  font-size: 1.16em;
  line-height: 2em;
}

.txtIntro {
  margin: 20px 10px 0;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
  line-height: 2;
  font-size: 1.16em;
}

.layoutMainInnerWrap02Visual {
  width: auto;
  position: relative;
}

.layoutMainInnerWrap02Visual img {
  max-width: 100%;
  height: auto;
}

.layoutMainInnerWrap02VisualTxt {
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  left: 0;
  bottom: 0;
  color: #FFF;
  font-size: 1.4em;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), 1px 1px 4px rgba(0, 0, 0, 0.5);
  background-color: rgba(68, 68, 68, 0.4);
}

@media screen and (max-width: 767px) {
  #rank-comp .hStyle03 {
    border-left: 5px solid #005B40;
  }

  .txtBasic {
    font-size: 1.2em;
    line-height: 1.7em;
  }

  .layoutMainInnerWrap02VisualTxt {
    font-size: 1.06em;
    line-height: 1.4em;
    padding: 10px;
  }

  #rank-comp .hStyle04 {
    background: url("../../../common/images/common/arrow_green02.png") left top 12px no-repeat;
  }
}
@media screen and (max-width: 359px) {
  .txtBasic {
    font-size: 1.1em;
  }
}
/*--------------------------------------------------------------------
	index
--------------------------------------------------------------------*/
.rankcompIndexList {
  list-style: none;
  margin-bottom: 0 !important;
}

.rankcompIndexList > li {
  list-style: none;
  line-height: 1.7em;
  margin-bottom: 1.3em;
  background: url("../../../common/images/common/bg_stripe09.png") left top repeat;
}

.rankcompIndexList > li:last-child {
  margin-bottom: 0;
}

.rankcompIndexList > li > a.rankcompIndexListLink01, .rankcompIndexList > li > .rankcompIndexListWrap {
  padding: 20px 15px 15px;
  display: block;
}

.rankcompIndexList > li > .rankcompIndexListWrap a {
  display: block;
}

.rankcompIndexList > li a:hover {
  text-decoration: none !important;
}

.rankcompIndexListTxt01 {
  padding: 0 10px;
}

.rankcompIndexListTxt02 {
  padding: 15px 20px 15px 45px;
  margin-bottom: 0 !important;
  background: #FFF url("../../../common/images/common/icon_arrow02.png") left 15px top 19px no-repeat;
}

.rankcompIndexListInnerArrow {
  position: relative;
}

.rankcompIndexListInnerArrow:after {
  content: url("../../../common/images/common/arrow09_right.png");
  width: 51px;
  height: 51px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -25px;
  z-index: 5;
}

.rankcompIndexListInnerPhoto {
  width: 690px;
  height: 235px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #CCCCCC;
  overflow: hidden;
}

.rankcompIndexListInnerPhoto p {
  margin-bottom: 0;
}

.rankcompIndexListInnerPhoto img {
  max-width: 10000px;
  width: 688px;
  height: 236px;
}

.rankcompIndexListInnerPhoto img.rankcompIndexListInnerPhoto01 {
  margin-top: -25px;
}

.rankcompIndexListSupport {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0 !important;
}

.rankcompIndexListSupport li {
  width: 49%;
  background-color: #FFF;
}

.rankcompIndexListSupport li:nth-child(odd) {
  margin-right: 2%;
}

.rankcompIndexListSupport li:nth-child(-n+2) {
  margin-bottom: 15px;
}

.rankcompIndexListSupport li a {
  display: block;
  padding: 15px;
}

.rankcompIndexListSupport li a img {
  max-width: 100%;
  height: auto;
}

.rankcompIndexListSupport li a > p:last-child {
  margin-bottom: 0;
  padding: 0 0 0 25px;
  margin-bottom: 0 !important;
  background: #FFF url("../../../common/images/common/icon_arrow02.png") left 0 top 4px no-repeat;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rankcompIndexList > li > a.rankcompIndexListLink01 {
    padding: 15px 10px;
  }

  .rankcompIndexListInnerPhoto {
    width: auto;
    height: 200px;
  }

  .rankcompIndexListInnerPhoto img {
    width: 100%;
    height: auto;
    min-height: 235px;
  }
}
@media screen and (max-width: 767px) {
  .rankcompIndexList {
    font-size: 0.9em;
  }

  .rankcompIndexList > li > a.rankcompIndexListLink01, .rankcompIndexList > li > .rankcompIndexListWrap {
    padding: 10px 8px 8px;
    display: block;
  }

  .rankcompIndexList > li {
    list-style: none;
    line-height: 1.7em;
    margin-bottom: 1em;
    background: #FBFDEE;
    border: 1px solid #94B31A;
    position: relative;
  }

  .rankcompIndexList .hStyle03 {
    padding-top: 37px;
  }

  .rankIndexIcon {
    position: absolute;
    top: 15px;
    left: 15px;
  }

  .rankcompIndexListTxt01 {
    padding: 0;
    line-height: 1.7em;
    font-size: 1.2em;
  }

  .rankcompIndexListTxt02 {
    font-size: 1.16em;
    line-height: 1.6em;
    padding: 13px 15px 13px 35px;
    background: #FFF url("../../../common/images/common/icon_arrow02.png") left 10px top 16px no-repeat;
  }

  .rankcompIndexListInnerPhoto {
    width: auto;
    height: auto;
  }

  .rankcompIndexListInnerPhoto img {
    max-width: 100% !important;
    width: auto;
    height: auto !important;
    margin-top: 0;
  }

  .rankcompIndexListSupport li {
    width: 100%;
    margin-bottom: 10px;
  }

  .rankcompIndexListSupport li:nth-child(odd) {
    margin-right: 0;
  }

  .rankcompIndexListSupport li:nth-child(-n+2) {
    margin-bottom: 10px;
  }

  .rankcompIndexListSupport li:last-child {
    margin-bottom: 0;
  }

  .rankcompIndexListSupport li a {
    padding: 10px;
  }
}
@media screen and (max-width: 359px) {
  .rankcompIndexListTxt01 {
    font-size: 1.1em;
  }

  .rankcompIndexListTxt02 {
    font-size: 1.06em;
  }
}
/*--------------------------------------------------------------------
	calculation
--------------------------------------------------------------------*/
#lot_err {
  margin-top: 5px;
  color: #FF0000;
  font-size: 0.8em;
}

#btn1, #btn3, #resultbox {
  display: none;
}

#loadingbox {
  display: none;
  text-align: center;
  margin: 5px auto;
}

select option:disabled {
  color: #bbb;
  font-style: italic;
}

@media screen and (max-width: 767px) {
  #lot_err {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 5px;
  }
}
/*--------------------------------------------------------------------
	ranking
--------------------------------------------------------------------*/
.rankingList {
  width: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rankingList > li {
  width: 100%;
  margin-top: 30px;
}

.rankingList > li:first-child {
  margin-top: 0;
}

.rankingList > li:nth-child(-n+3) {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.rankingListHead {
  background-color: #F2F3F1;
  position: relative;
  z-index: 2;
}

.rankingListHead::after {
  content: "";
  width: 100%;
  height: 7px;
  background: #94B31A;
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.rankIcon {
  width: 220px;
}

.rankingListContents {
  border-left: 1px solid #94B31A;
  border-right: 1px solid #94B31A;
  border-bottom: 1px solid #94B31A;
  background-color: #FFF;
  position: relative;
  margin-top: -7px;
  font-size: 1.16em;
}

.rankingList > li:nth-child(-n+3) .rankingListContentsInner {
  padding: 25px;
}

.rankingList > li:nth-child(n+4) .rankingListContentsInner {
  padding: 25px;
}

.rankingList > li .rankingListTitle {
  width: auto;
  margin-bottom: 30px;
}

.rankingListTitle a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rankingList > li:nth-child(-n+3) .rankingListTitle a {
  padding-right: 230px;
}

.rankingListTitle a > div {
  border-left: 8px solid #005B40;
  padding: 10px 10px;
}

.rankingListTitle a > div p {
  font-size: 1.46em;
  font-weight: bold;
}

.rankingListTitle a:hover {
  text-decoration: none;
}

.rankingListTitleLogo {
  position: absolute;
  right: 0;
  top: 0;
}

.rankingListCatch {
  font-size: 1.3em;
  line-height: 1.4em;
  font-weight: bold;
  color: #B20000;
  margin-bottom: 10px;
}

.rankingListTxt {
  font-size: 1em;
  line-height: 1.8em;
}

.rankingListVisual a {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #FFF;
  text-align: center;
  position: relative;
  display: block;
  padding: 15px;
}

.rankingListVisual img {
  max-width: 100%;
  height: auto;
}

.rankingListVisualTxt {
  background-color: #EFF4DD;
  text-align: center;
  line-height: 1.4em;
  padding: 5px;
  margin-bottom: 0 !important;
}

.rankingListEvaluation {
  position: relative;
  border: 1px solid #CCC;
  background: url("/rank-comp/common/images/common/bg_chart.jpg");
}

.rankingListEvaluation ul {
  position: relative;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rankingListEvaluation ul li {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 15px;
}

.rankingListComment {
  background-color: #F8F8F8;
  padding: 10px 15px 10px 15px;
  line-height: 2em;
}
@media (max-width: 767px) {
  .rankingListComment {
    line-height: 2.1em;
  }
}

.rankingListBtnDetail {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: 0;
}

.rankingList > li:nth-child(n+4) .rankingListBtnDetail {
  font-size: 0.96em;
}

.rankingCommentSide {
  border-top: 3px solid #D9D9D9;
  border-bottom: 2px solid #D9D9D9;
  border-left: 3px solid #D9D9D9;
  border-right: 3px solid #D9D9D9;
}

.rankingCommentBottom {
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
}

.rankingCommentVisual {
  background-color: #000000;
  margin: 0 !important;
}

.rankingCommentVisual img {
  max-width: 100%;
  height: auto;
}

.rankingCommentTxt {
  padding: 15px;
  line-height: 1.7em;
  border-bottom: 1px solid #D9D9D9;
}

.rankingCommentTxt > p:last-child {
  padding: 0 !important;
  margin: 0 !important;
}

.rankingCommentChapter {
  padding: 5px 0 0 40px;
  min-height: 29px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  font-size: 1.06em;
  background: url("../../../common/images/common/icon_pen01.png") left top no-repeat;
}

.rankingCommentTitle {
  background: #F8F8F8 url("../../../common/images/common/arrow18_down.png") left 12px top 50% no-repeat;
  padding: 11px 11px 11px 41px;
  color: #646464;
  font-size: 1em;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
  margin: 0 !important;
}

.rankingCommentTitle.active {
  background: #F8F8F8 url("../../../common/images/common/arrow18_up.png") left 12px top 50% no-repeat;
}

.rankingCommentBottom ul > li > div {
  display: none;
}

.rankingCommentSide ul > li > div {
  display: none;
}

.rankingCommentBottom ul > li:first-child > div {
  display: block;
}

.rankingCommentSide ul > li:first-child > div {
  display: block;
}

.rankingVisualTitle {
  font-weight: bold;
  line-height: 1.4em;
  padding: 0.6em 0;
}

.rankingLogo {
  text-align: center;
}

.rankingService01 {
  border: 1px solid #DDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
  margin-top: 0;
}

.rankingServiceIcon01 {
  background-color: #EFF4DD;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rankingServiceIcon01 h3 {
  display: table-cell;
  vertical-align: middle;
}

.rankingSerice01Title01 {
  background: url("../../../common/images/common/icon_rank01.png") left top no-repeat;
  padding-left: 35px;
  min-height: 22px;
  line-height: 1.4em;
}
.rankingSerice01Title01 h2 {
  font-weight: bold;
}

.rankingTable01Detail01 > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4em;
}

.rankingComment01 > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rankingComment01 > div:first-child {
  background-color: #FF9326;
  color: #FFF;
}

.rankingComment01 > div:last-child {
  border: 10px solid #FFECD9;
  position: relative;
}

@media screen and (min-width: 768px) {
  .rankingLogo {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .rankingService01 {
    padding: 20px 15px;
  }

  .rankingServiceFlex02 > div:first-child {
    width: 150px;
  }

  .rankingServiceFlex02 > div:last-child {
    width: calc(100% - 160.1px);
    margin-left: 10px;
  }

  .rankingSerice01Title01 {
    font-size: 1.3em;
  }

  .rankingTable01 {
    border-left: 1px solid #94B31A;
    border-right: 1px solid #94B31A;
    border-bottom: 1px solid #94B31A;
  }

  .rankingTable01 > ul:nth-child(n+3),
  .rankingTable01DispNoneSP > ul {
    border-top: 1px dotted #94B31A;
  }

  .rankingTable01Detail01 > li:nth-child(1) {
    width: 65px;
  }

  .rankingTable01Detail01 > li:nth-child(2) {
    width: calc(100% - 575px);
    border-left: 1px solid #94B31A;
    border-right: 1px solid #94B31A;
  }

  .rankingTable01Detail01 > li:nth-child(n+3):nth-child(-n+8) {
    width: 70px;
    font-weight: bold;
  }

  .rankingTable01Detail01 > li:nth-child(n+3):nth-child(-n+7) {
    border-right: 1px solid #DDD;
  }

  .rankingTable01Detail01 > li:last-child {
    width: 90px;
    border-left: 1px solid #94B31A;
  }

  .rankingTable01Detail01.typeHead > li {
    min-height: 50px;
    padding: 5px;
    border-bottom: 1px solid #94B31A;
  }

  .rankingTable01Detail01.typeHead > li:nth-child(1),
  .rankingTable01Detail01.typeHead > li:nth-child(2),
  .rankingTable01Detail01.typeHead > li:last-child {
    background-color: #F8F8F8;
  }

  .rankingTable01Detail01.typeHead > li:nth-child(n+3):nth-child(-n+8) {
    background-color: #EFF4DD;
  }

  .rankingTable01Detail01.typeBody > li {
    min-height: 60px;
    padding: 5px;
  }

  .rankingTable01Detail01.typeBody > li:nth-child(n+3):nth-child(-n+8) {
    font-size: 1.2em;
  }

  .rankingTable01Detail01.typeBody > li:last-child p:last-child {
    font-size: 1.4em;
    padding-left: 10px;
  }

  .rankingComment01 > div:first-child {
    width: 110px;
    padding: 20px;
  }

  .rankingComment01 > div:last-child {
    width: calc(100% - 110.1px);
    border-left: none;
    padding: 20px 20px 20px 45px;
    position: relative;
  }

  .rankingComment01 > div:last-child:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 25px;
    border-color: transparent transparent transparent #FF9326;
    position: absolute;
    left: 0;
    top: calc(50% - 25px);
  }
}
@media screen and (min-width: 1025px) {
  .rankingVisualTitle {
    font-size: 2em;
  }

  .rankingServiceFlex01 > li {
    width: calc(50% - 15.1px);
    border-bottom: 1px dotted #DDD;
  }

  .rankingServiceFlex01 > li:nth-child(n+3) {
    margin-top: 15px;
  }

  .rankingTable01Detail01Logo01 {
    width: 100%;
  }

  .rankingTable01Detail01Logo01 > p:first-child {
    width: 120px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }

  .rankingTable01Detail01Logo01 > p:first-child:before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #CCC;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
  }

  .rankingTable01Detail01Logo01 > h3 {
    width: calc(100% - 140.1px);
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.16em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rankingVisualTitle {
    font-size: 1.7em;
  }

  .rankingServiceFlex01 > li {
    width: calc(50% - 5.1px);
    border-bottom: 1px dotted #DDD;
  }

  .rankingServiceFlex01 > li:nth-child(n+3) {
    margin-top: 15px;
  }

  .rankingTable01Detail01Logo01 > p:first-child {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .rankingTable01Detail01Logo01 > p:last-child {
    display: none;
  }

  .rankingTable01Detail01Logo01 > h3 {
    width: 100%;
    text-align: center;
  }

  .rankingLogo {
    width: 110px;
  }
}
@media screen and (max-width: 767px) {
  .rankingVisualTitle {
    font-size: 1.4em;
    padding: 0.2em 0 0.6em 0;
  }

  .rankingService01 {
    padding: 20px 10px;
  }

  .rankingServiceFlex01 > li {
    width: calc(50% - 5.1px);
  }

  .rankingServiceFlex01 > li:nth-child(n+3) {
    margin-top: 20px;
  }

  .rankingServiceFlex02 > div:first-child {
    width: 100%;
  }

  .rankingServiceFlex02 > div:last-child {
    width: 100%;
    margin-top: 10px;
  }

  .rankingSerice01Title01 {
    font-size: 1.2em;
  }

  .rankingTable01Detail01.typeBody {
    border-bottom: 1px dotted #94B31A;
    margin-top: 20px;
  }

  .rankingTable01Detail01.typeBody.typeBorderNone {
    border-bottom: 1px dotted #FFF;
  }

  .rankingTable01Detail01 > li:nth-child(1) {
    width: 50px;
  }

  .rankingTable01Detail01 > li:nth-child(2) {
    width: calc(100% - 130px);
    padding: 7px;
  }

  .rankingTable01Detail01.typeBody > li:nth-child(2) img {
    height: 25px;
  }

  .rankingTable01Detail01 > li:nth-child(n+3):nth-child(-n+8) {
    width: calc(100% / 6);
    padding: 40px 5px 5px;
    border-bottom: 1px solid #94B31A;
    background-repeat: no-repeat;
    background-position: top 5px center;
  }

  .rankingTable01Detail01 > li:nth-child(n+3):nth-child(-n+7) {
    border-right: 1px solid #DDD;
  }

  .rankingTable01Detail01 > li:nth-child(3) {
    background-image: url("../../../common/images/common/icon_rank_spread01.png");
  }

  .rankingTable01Detail01 > li:nth-child(4) {
    background-image: url("../../../common/images/common/icon_rank_bonus01.png");
  }

  .rankingTable01Detail01 > li:nth-child(5) {
    background-image: url("../../../common/images/common/icon_rank_pay01.png");
  }

  .rankingTable01Detail01 > li:nth-child(6) {
    background-image: url("../../../common/images/common/icon_rank_instruments01.png");
  }

  .rankingTable01Detail01 > li:nth-child(7) {
    background-image: url("../../../common/images/common/icon_rank_support01.png");
  }

  .rankingTable01Detail01 > li:nth-child(8) {
    background-image: url("../../../common/images/common/icon_rank_trust01.png");
  }

  .rankingTable01Detail01 > li:last-child {
    width: 80px;
    padding: 10px;
  }

  .rankingTable01Detail01.typeBody > li:last-child p:first-child {
    position: relative;
  }

  .rankingTable01Detail01.typeBody > li:last-child p:last-child {
    font-size: 1.4em;
    padding-left: 10px;
  }

  .rankingTable01Detail01Logo01 {
    width: 100%;
  }

  .rankingTable01Detail01Logo01 > p:first-child {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .rankingTable01Detail01Logo01 > p:last-child {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1em;
  }

  .rankingTable01Detail01Logo01 > h3 {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 10px;
  }

  .rankingComment01 > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .rankingComment01 > div:first-child {
    width: 100%;
    padding: 10px;
  }

  .rankingComment01 > div:last-child {
    border-width: 5px;
    padding: 40px 15px 15px;
    border-top: none;
  }

  .rankingComment01 > div:last-child:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #FF9326 transparent transparent transparent;
    position: absolute;
    left: calc(50% - 25px);
    top: 0;
  }

  .rankingLogo img {
    width: 130px;
    margin-bottom: 20px;
  }

  .rankingListHead {
    height: auto;
    padding-bottom: 0;
  }

  .rankingListHead::after {
    height: 1px;
  }

  .rankIcon {
    width: 130px;
    vertical-align: bottom;
  }

  .rankIcon img {
    width: 130px;
    vertical-align: bottom;
    margin-top: 4px;
  }

  .rankingList {
    display: block;
  }

  .rankingListHead {
    height: auto;
    padding-bottom: 0;
  }

  .rankingList > li {
    margin-top: 15px;
    display: block;
  }

  .rankingList > li:nth-child(n+4) {
    width: 100%;
  }

  .rankingList > li:nth-child(odd) {
    margin-right: 0;
  }

  .rankingList > li:nth-child(even) {
    margin-right: 0;
  }

  .rankingList > li:nth-child(-n+3) .rankingListHead {
    background: none;
    border-bottom: 1px solid #94B31A;
  }

  .rankingList > li:nth-child(n+4) .rankingListHead {
    background: none;
    border-bottom: 1px solid #94B31A;
  }

  .rankingListContents {
    padding-bottom: 0;
    margin-top: 0;
  }

  .rankingList > li:nth-child(-n+3) .rankingListContentsInner {
    padding: 8px;
  }

  .rankingList > li:nth-child(n+4) .rankingListContentsInner {
    padding: 8px;
  }

  .rankingList > li:nth-child(-n+3) .rankingListTitle {
    width: auto;
    margin-bottom: 10px;
  }

  .rankingList > li:nth-child(n+4) .rankingListTitle {
    width: auto;
    margin-bottom: 10px;
  }

  .rankingList > li:nth-child(-n+3) .rankingListTitle a {
    padding-right: 0;
  }

  .rankingListTitle a {
    padding: 5px 0;
  }

  .rankingListTitle a > div {
    border-left: 5px solid #005B40;
  }

  .rankingList > li:nth-child(-n+3) .rankingListTitle a > div {
    border-left: 5px solid #005B40;
    padding: 5px 10px 35px 10px;
  }

  .rankingListTitle a > div h3 {
    font-size: 1.06em;
  }

  .rankingListTitleIcon {
    position: absolute;
    bottom: 10px;
    left: 15px;
  }

  .rankingListTitleLogo {
    display: none;
  }

  .rankingListCatch {
    font-size: 0.96em;
    font-weight: normal;
    color: #FFF;
    background-color: #94B31A;
    padding: 8px;
  }

  .rankingListTxt {
    font-size: 0.96em;
    line-height: 1.6em;
  }

  .rankingListVisual a {
    border: none;
    padding: 0;
  }

  .rankingListVisualTxt {
    display: none;
  }

  .rankingListEvaluation {
    display: none;
  }

  .rankingListComment {
    padding: 15px 10px;
  }

  .rankingTable01DispNoneSP {
    display: none;
  }

  .rankingTable01Btn {
    border: 1px solid #DDD;
    background-color: #EFEFEF;
    padding: 8px 5px;
    text-align: center;
    cursor: pointer;
  }

  .rankingTable01Btn:not(.active) .on,
  .rankingTable01Btn.active .off {
    display: none;
  }

}
@media screen and (max-width: 959px) {
  .rankingCommentSide {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .rankingCommentBottom {
    display: none;
  }
}
@media screen and (max-width: 359px) {
  .rankingServiceFlex01 {
    font-size: 1em;
  }
}
/*--------------------------------------------------------------------*/
.rankingTop {
  width: 720px;
  padding: 30px;
}

.rankingBottomTitle {
  padding: 15px 5px;
  background: #000000;
  text-align: center;
  color: #FFF;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  border-top: 2px solid #FFF;
  font-size: 1.8em;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#1479cb));
  background: -o-linear-gradient(top, #000000 0%, #1479cb 100%);
  background: linear-gradient(to bottom, #000000 0%, #1479cb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#1479cb", GradientType=0);
}

.rankingBottomTitle span {
  display: block;
  line-height: 1em;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#999), color-stop(20%, #FFF), to(#FFF));
  background: -o-linear-gradient(top, #999 0%, #FFF 20%, #FFF 100%);
  background: linear-gradient(to bottom, #999 0%, #FFF 20%, #FFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#999", endColorstr="#FFF", GradientType=0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rankingBottom {
  padding: 30px;
  background: url("../images/common/ranking_bottom_bg.jpg") center top no-repeat;
}

.rankingBottomComment {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.7);
}

.rankingBottomCommentTitle {
  border-bottom: 1px solid #E5E5E6;
  margin-bottom: 1.2em;
  padding-bottom: 0.7em;
  -webkit-box-shadow: 0px 1px #97A0AA, 0px -2px #97A0AA inset;
          box-shadow: 0px 1px #97A0AA, 0px -2px #97A0AA inset;
}

@media screen and (max-width: 767px) {
  .rankingBottomTitle {
    padding: 10px 5px;
    font-size: 1.1em;
  }

  .rankingBottom {
    background: #CCC;
  }

  .rankingBottomComment {
    padding: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .rankingTop {
    width: auto;
    padding: 20px 10px 10px;
  }

  .rankingBottom {
    padding: 30px 10px 10px;
  }
}
.borokerBox01, .borokerBox02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.borokerBox02 {
  padding-top: 1em;
}

.borokerBox01 li, .borokerBox02 li {
  border: 1px solid #86A21A;
  list-style: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(255, 255, 0, 0.7);
  box-shadow: 0px 0px 7px 0px rgba(255, 255, 0, 0.7);
}

.borokerBox01 li {
  background-color: rgba(250, 252, 244, 0.9);
}

.borokerBox02 li {
  background-color: #F9FBF2;
}

.borokerBox01 li {
  width: 100%;
  margin-bottom: 2.5em;
}

.borokerBox01 > li:last-child {
  margin-bottom: 0;
}

.rank01 .borokerBox01Left,
.rank02 .borokerBox01Left,
.rank03 .borokerBox01Left {
  width: 330px;
}

.rank04 .borokerBox01Left,
.rank05 .borokerBox01Left,
.rank06 .borokerBox01Left,
.rank07 .borokerBox01Left {
  width: 230px;
}

.borokerBox02 li {
  width: 49.2%;
  margin-bottom: 2.5em;
}

.borokerBox02 > li:nth-child(odd) {
  margin-right: 1.6%;
}

.borokerBox02 > li:nth-lath-child(-n+3) {
  margin-bottom: 0;
}

.borokerBox01Heading, .borokerBox02Heading {
  background-color: #94B31A;
  color: #FFF;
  padding: 5px 10px;
  line-height: 1.6em;
}

.borokerBox01Inner {
  padding: 38px 12px 12px;
  position: relative;
}

.borokerBox02Inner {
  padding: 42px 12px 12px;
  position: relative;
}

.borokerBox01InnerPack, .borokerBox01InnerPack a, .borokerBox02InnerPack a {
  background-color: #FFF;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 10px;
}

.borokerBox01InnerPack a:hover, .borokerBox02InnerPack a:hover {
  text-decoration: none !important;
}

.borokerBoxRank {
  width: 160px;
  height: 45px;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 5;
  color: #FFF;
  background-color: #86A21A;
  border-top-right-radius: 100px;
  -webkit-border-top-right-radius: 100px;
  -moz-border-radius-topright: 100px;
  border-bottom-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-radius-bottomright: 100px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(255, 255, 0, 0.7);
  box-shadow: 0px 0px 7px 0px rgba(255, 255, 0, 0.7);
}

.borokerBoxRankGraph {
  background: #FFF;
  border: 1px solid #CCC;
  padding: 5px;
}

.borokerBoxIcon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.borokerBoxEvaluation {
  border: 1px solid #CCCCCC;
  background-color: #FFF;
  padding: 8px 5px;
}

.borokerBoxVisual a {
  border: 1px solid #CCCCCC;
  background-color: #FFF;
  text-align: center;
  position: relative;
  display: block;
  padding: 11px;
  margin-bottom: 1em;
}

.borokerBoxVisual img {
  max-width: 100%;
  height: auto;
}

.borokerBoxVisualTxt {
  background-color: #EFF4DD;
  text-align: center;
  line-height: 1.4em;
  padding: 5px;
  font-size: 0.9em;
  margin-bottom: 0 !important;
}

.borokerBox01Graph {
  border-bottom: 2px solid #004C66;
  padding-bottom: 1.5em;
  text-align: center;
}

.borokerBox01InnerPackBtn {
  width: 51px;
  height: 51px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -25px;
}

.borokerBox02InnerPackBtn {
  width: 51px;
  height: 51px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -25px;
}

.terminatedBrokerUl {
  border: 1px solid #CCCCCC;
  padding: 8px;
  background-color: #F0F0F0;
}

.terminatedBrokerUl > li {
  margin-bottom: 8px;
  background-color: #FFF;
  padding: 10px;
}

.terminatedBrokerUl > li:last-child {
  margin-bottom: 0;
}

.indexBrokerLogo {
  height: 77px;
  border: 1px solid #AAAAAA;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FFF;
}

.indexBrokerLogo.fxpLogo {
  background-color: #F41112;
}

.btnAccount02review {
  margin: 0 90px;
}

@media screen and (max-width: 959px) {
  .borokerBox01 li, .borokerBox02 li {
    width: 100%;
  }

  .borokerBox01 > li:nth-child(n+2) {
    margin-left: 0;
  }

  .borokerBox02 > li:nth-child(odd) {
    margin-right: 0;
  }

  .borokerBox02 > li:nth-lath-child(-n+3) {
    margin-bottom: 1em;
  }

  .borokerBox02 > li:lath-child {
    margin-bottom: 0;
  }

  .borokerBox01Inner, .borokerBox02Inner {
    padding: 40px 10px 10px;
  }

  .btnAccount02review {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .rank01 .borokerBox01Left,
.rank02 .borokerBox01Left,
.rank03 .borokerBox01Left {
    width: auto;
  }

  .rank04 .borokerBox01Left,
.rank05 .borokerBox01Left,
.rank06 .borokerBox01Left,
.rank07 .borokerBox01Left {
    width: auto;
  }

  .borokerBoxVisual a {
    border: none;
    padding: 0;
  }

  .borokerBoxVisualTxt {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rank01 .borokerBox01Left,
.rank02 .borokerBox01Left,
.rank03 .borokerBox01Left {
    width: 280px;
  }

  .rank04 .borokerBox01Left,
.rank05 .borokerBox01Left,
.rank06 .borokerBox01Left,
.rank07 .borokerBox01Left {
    width: 230px;
  }
}
@media screen and (min-width: 1025px) {
  .rank01 .borokerBoxVisual a,
.rank02 .borokerBoxVisual a,
.rank03 .borokerBoxVisual a {
    padding: 30px 11px;
  }

  .rank04 .borokerBoxVisual a,
.rank05 .borokerBoxVisual a,
.rank06 .borokerBoxVisual a,
.rank07 .borokerBoxVisual a {
    padding: 20px 11px;
  }
}
/*--------------------------------------------------------------------
	list
--------------------------------------------------------------------*/
.listTableWrap {
  width: auto;
}

.listTableWrapLeft {
  width: 160px;
  float: left;
}

.listTableWrapRight {
  width: 100%;
  float: right;
  margin-left: -160px;
}

.listTableWrapRightInner {
  margin-left: 160px;
}

.listTableWrapTh {
  width: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  background-color: #FCFDF1;
  display: table;
}

.listTableWrapLeft > div:last-child > div {
  border-bottom: 1px solid #D9D9D9;
}

.listToggleBody .listTableWrapLeft > div:first-child {
  border-top: none !important;
}

.listTableWrapTh > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.boxListTableWrapTd {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.boxListTableWrapTd::-webkit-scrollbar {
  height: 5px;
}

.boxListTableWrapTd::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.boxListTableWrapTd::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

.listTableWrapTd {
  width: 1302px;
  display: table;
}

.column6 .listTableWrapTd {
  width: 1116px;
}

.layoutTop .listTableWrapTd {
  width: 1589px;
}

.layoutTop .column6 .listTableWrapTd {
  width: 1362px;
}

.listTableWrapTd > div {
  width: 14.285%;
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  word-break: break-all;
}

.listTableWrapTd > div:nth-child(even) {
  background-color: #FAFAFA;
}

.boxListTableWrapTd > div:last-child > div {
  border-bottom: 1px solid #D9D9D9;
}

.listToggleBody .boxListTableWrapTd > div:first-child > div {
  border-top: none;
}

.listTableWrapTh.h10px > div, .listTableWrapTd.h10px > div {
  height: 10px;
}

.listTableWrapTh.h20px > div, .listTableWrapTd.h20px > div {
  height: 20px;
}

.listTableWrapTh.h30px > div, .listTableWrapTd.h30px > div {
  height: 30px;
}

.listTableWrapTh.h40px > div, .listTableWrapTd.h40px > div {
  height: 40px;
}

.listTableWrapTh.h50px > div, .listTableWrapTd.h50px > div {
  height: 50px;
}

.listTableWrapTh.h60px > div, .listTableWrapTd.h60px > div {
  height: 60px;
}

.listTableWrapTh.h70px > div, .listTableWrapTd.h70px > div {
  height: 70px;
}

.listTableWrapTh.h80px > div, .listTableWrapTd.h80px > div {
  height: 80px;
}

.listTableWrapTh.h90px > div, .listTableWrapTd.h90px > div {
  height: 90px;
}

.listTableWrapTh.h100px > div, .listTableWrapTd.h100px > div {
  height: 100px;
}

.listTableWrapTh.h110px > div, .listTableWrapTd.h110px > div {
  height: 110px;
}

.listTableWrapTh.h120px > div, .listTableWrapTd.h120px > div {
  height: 120px;
}

.listTableWrapTh.h130px > div, .listTableWrapTd.h130px > div {
  height: 130px;
}

.listTableWrapTh.h140px > div, .listTableWrapTd.h140px > div {
  height: 140px;
}

.listTableWrapTh.h150px > div, .listTableWrapTd.h150px > div {
  height: 150px;
}

.listTableWrapTh.h160px > div, .listTableWrapTd.h160px > div {
  height: 160px;
}

.listTableWrapTh.h170px > div, .listTableWrapTd.h170px > div {
  height: 170px;
}

.listTableWrapTh.h180px > div, .listTableWrapTd.h180px > div {
  height: 180px;
}

.listTableWrapTh.h190px > div, .listTableWrapTd.h190px > div {
  height: 190px;
}

.listTableWrapTh.h200px > div, .listTableWrapTd.h200px > div {
  height: 200px;
}

.listTableWrapTh.tableItem > div, .listTableWrapTd.tableItem > div {
  vertical-align: bottom;
  padding: 0;
}

.listTableCellRightBorder01 {
  background: url("../../../common/images/common/bg_gray01.png") center right repeat-y;
}

.tableItem > div > p {
  text-align: center;
  padding-bottom: 1em;
}

.listTableWrapTh.tableItem > div > p {
  text-align: left;
  padding: 0 0 1.3em 10px;
}

.tableItem ul {
  list-style: none;
  text-align: center;
}

.listTableWrapTh.tableItem ul {
  text-align: left;
}

.tableItem ul li {
  border-top: 1px solid #D9D9D9;
  padding: 3px;
}

.tableItem .dispTable.tableTool ul li:first-child {
  border-top: none;
}

.listTableWrapTh.tableItem ul li {
  background-color: #FFF8F0;
  padding: 3px 3px 3px 20px;
}

.listToggleWrap input {
  display: none;
}

.listToggleWrapLogo {
  height: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 1.5em;
}

.listToggleHead {
  border: 1px solid #D9D9D9;
  background-color: #F4F4F4;
  padding: 8px 12px;
}

.listToggleBody {
  max-height: 190em;
  overflow: hidden;
  -webkit-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  transition: 0.2s all ease;
}

input:checked + .listToggleBody {
  max-height: 0;
}

.listToggleHead .listToggleBtn {
  text-align: center;
}

.listToggleHead .listToggleBtn label {
  width: 14px;
  height: 15px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  margin: 0 auto;
}

.listToggleHead .listToggleBtn .close {
  background: url("../../../common/images/common/icon_toggle02_on.png") center center no-repeat;
}

.listToggleHead .listToggleBtn .open {
  background: url("../../../common/images/common/icon_toggle02_off.png") center center no-repeat;
}

@media screen and (min-width: 1025px) {
  .listTableWrapTh.tableItem ul {
    margin-left: 10px;
    border-left: 1px solid #D9D9D9;
  }
}
@media screen and (max-width: 767px) {
  .listTableWrapLeft {
    width: 120px;
  }

  .listTableWrapTh {
    width: 120px;
  }

  .listTableWrapRightInner {
    margin-left: 120px;
  }

  .listTableWrapRight {
    margin-left: -120px;
  }

  .listTableWrapTd {
    width: 1102px;
  }

  .listTableWrapTh.tableItem ul {
    text-align: center;
  }

  .listTableWrapTh.tableItem ul li {
    padding: 3px 3px 3px 3px;
  }
}
@media screen and (min-width: 360px) and (max-width: 767px) {
  .listTableWrapTd {
    width: 1302px;
  }

  .column6 .listTableWrapTd {
    width: 1116px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .listTableWrapLeft {
    width: 158px;
  }

  .listTableWrapTh {
    width: 158px;
  }

  .listTableWrapRightInner {
    margin-left: 158px;
  }

  .listTableWrapRight {
    margin-left: -158px;
  }

  .listTableWrapTh.tableItem ul li {
    padding: 3px 3px 3px 10px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .listTableWrapLeft {
    width: 144px;
  }

  .listTableWrapTh {
    width: 144px;
  }

  .listTableWrapRightInner {
    margin-left: 144px;
  }

  .listTableWrapRight {
    margin-left: -144px;
  }

  .listTableWrapTh.tableItem ul li {
    padding: 3px 3px 3px 10px;
  }
}


/*--------------------------------------------------------------------
	list-new
--------------------------------------------------------------------*/

.listVer2SearchBox {
  border: 1px solid #DDD;
  border-radius: 3px;
  overflow: hidden;
}

.listVer2SearchBox .title {
  background-color: #F5F5F5;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.listVer2SearchBox .title:before {
  content: "";
  position: absolute;
  top: calc(50% - 13px);
  right: 20px;
  width: 20px;
  height: 26px;
  opacity: 0.6;
  background: url("../../../common/images/common/arrow26_down.png") center center no-repeat;
  background-size: cover;
}

.listVer2SearchBox .btn {
  font-size: 0.9rem;
  display:block;
  padding: 12px 10px;
  text-align: center;
  color: #FFF;
  background-color: #005B40;
  border-radius: 5px;
  cursor: pointer;
}

.listVer2SearchBox .title.active:before {
  transform: rotate(-180deg);
}

.listVer2Broker > li {
  position: relative;
}

.listVer2Broker > li input {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.listVer2Broker > li input + label {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #DDD;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.listVer2Broker > li input:checked + label {
  background-color: #F5F5F5;
}

.listVer2Broker > li input:disabled,
.listVer2Broker > li input:disabled + label {
  cursor: default !important;
}

.check02.typeList:checked+label:after,
[type=checkbox].check02.typeList:not(:checked)+label:after {
  width: 7px;
  height: 12px;
}

.flexListVer2Spec > li {
  margin-top: 1.5em;
}

.flexListVer2Spec > li:nth-child(n-1) {
  margin-right: 1.5em;
}

.listVer2Flex {
  width: 100%;
  border-top: 1px solid #DDD;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.listVer2FlexTr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.listVer2FlexTr > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
}

.listVer2FlexTr > div:first-child {
  border-left: 1px solid #DDD;
}

.listVer2FlexTr > div:nth-child(n+7) {
  display: none;
}

.listVer2FlexTr.typeTBody > div:nth-child(n+2) > div {
  width: 100%;
}

.listVer2FlexTr > div > div > *:nth-child(n+2) {
  margin-top: 0.7rem;
}

.listVer2Flex .dispFlex {
  display: flex !important;
}

.listVer2Heading01 {
  background-color: #EBEBEB;
  padding: 4px 8px;
  border-radius: 5px;
  text-align: center;
}

@media screen and (min-width: 1025px) {

.listVer2SearchBox .title {
  padding: 20px;
  font-size: 1.2rem;
}

.listVer2SearchBox .contents {
  padding: 20px;
}

.listVer2Broker > li {
  width: calc((100% - 60.1px) / 7);
}

.listVer2Broker > li:not(:nth-child(7n)) {
  margin-right: 10px;
}

.listVer2Broker > li:nth-child(n+8) {
  margin-top: 10px;
}

.listVer2Flex > div:first-child {
  top: 40px;
}

.listVer2FlexTr > div:nth-child(1) {
  width: 160px;
}

.column1 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 160.1px) / 1);
}

.column2 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 160.1px) / 2);
}

.column3 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 160.1px) / 3);
}

.column4 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 160.1px) / 4);
}

.column5 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 160.1px) / 5);
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

.listCat #contents {
  overflow: visible;
}

.listVer2SearchBox .title {
  padding: 15px;
  font-size: 1.1rem;
}

.listVer2SearchBox .contents {
  padding: 15px;
}

.listVer2Broker > li {
  width: calc((100% - 40.1px) / 5);
}

.listVer2Broker > li:not(:nth-child(5n)) {
  margin-right: 10px;
}

.listVer2Broker > li:nth-child(n+6) {
  margin-top: 10px;
}

.listVer2Flex > div:first-child {
  top: 55px;
}

.listVer2FlexTr > div:nth-child(1) {
  width: 120px;
}

.column1 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 120.1px) / 1);
}

.column2 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 120.1px) / 2);
}

.column3 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 120.1px) / 3);
}

.column4 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 120.1px) / 4);
}

.column5 .listVer2FlexTr > div:nth-child(n+2) {
  width: calc((100% - 120.1px) / 5);
}

}

@media screen and (min-width: 768px) {

.listVer2Flex > div:first-child {
  position: sticky;
}

.listVer2FlexTr.typeCategory > div {
  width: 100% !important;
}

}

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

.listVer2SearchBox .title {
  padding: 15px 10px;
  font-size: 1.0rem;
}

.listVer2SearchBox .title:before {
  top: calc(50% - 9px);
  right: 15px;
  width: 14px;
  height: 19px;
}

.listVer2SearchBox .contents {
  padding: 15px 10px 10px;
}

.listVer2Broker {
  max-height: 170px;
  transition: max-height 0.4s ease-in-out;
  overflow: hidden;
}

.listVer2Broker.active {
  max-height: 800px;
}

.listVer2BrokerBtn {
  border: 1px solid #DDD;
  background-color: #F5F5F5;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  margin-top: -1em;
  cursor: pointer;
}

.listVer2BrokerBtn:not(.active) .on {
  display: none;
}

.listVer2BrokerBtn.active .off {
  display: none;
}

.listVer2Broker > li {
  width: calc((100% - 10.1px) / 2);
}

.listVer2Broker > li:not(:nth-child(2n)) {
  margin-right: 10px;
}

.listVer2Broker > li:nth-child(n+3) {
  margin-top: 10px;
}

.listVer2FlexTr > div:nth-child(n+2) {
  width: 100%;
  border-left: 1px solid #DDD;
  padding-left: 130px;
  position: relative;
  justify-content: start;
}

.listVer2FlexTr > div:nth-child(n+2):before {
  content:"";
  width: 120px;
  height: 100%;
  border-right: 1px solid #DDD;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFFFF4;
}

.listVer2FlexTr > div:nth-child(n+2):after {
  content:attr(data-broker);
  width: 120px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 5px;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  font-size: 0.66rem;
  text-align: center;
}

.listVer2FlexTr.typeCategory > div {
  background-color: #999 !important;
  color: #FFF !important;
}

.listVer2FlexTr.typeThead {
  display: none;
}

}

/*--------------------------------------------------------------------
	redirects
--------------------------------------------------------------------*/

.redirectsBox01 { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,0.7); z-index: 200; display: none; }
.loader01 { color: #FFF; text-transform: uppercase; text-align: center; font-family: 'Arial', sans-serif; font-size: 0.76rem; letter-spacing: 2px; position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -50px; z-index: 1001; }

@keyframes opacity2 {
  0% {
    opacity: 1;
    height: 15px;
  }
  50% {
    opacity: 0;
    height: 12px;
  }
  100% {
    opacity: 1;
    height: 15px;
  }
}

.half-circle-spinner, .half-circle-spinner * { box-sizing: border-box; }
.half-circle-spinner { width: 60px; height: 60px; border-radius: 100%; position: relative; }
.half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: calc(60px / 10) solid transparent; }
.half-circle-spinner .circle.circle-1 { border-top-color: #333; animation: half-circle-spinner-animation 1s infinite; }
.half-circle-spinner .circle.circle-2 { border-bottom-color: #333; animation: half-circle-spinner-animation 1s infinite alternate; }

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);

  }
  100%{
    transform: rotate(360deg);
  }
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(64,128,128, 0.2);
  border-right: 1.1em solid rgba(64,128,128, 0.2);
  border-bottom: 1.1em solid rgba(64,128,128, 0.2);
  border-left: 1.1em solid #025C42;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------------
	追記分
--------------------------------------------------------------------*/
#contents.typeRankcomp {
  overflow: visible;
}

.rankingWrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.rankingWrap .btnAccount a,
.rankingWrap .btnWeb04 a {
  font-size: 18px;
}

.rankingContainerBottom,
.rankingContainerTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  .rankingContainerBottom,
.rankingContainerTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.rankingContainerBottom {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .rankingContainerBottom {
    margin-top: 20px;
  }
}

.rankingVisual {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 367px;
  padding: 30px 30px 30px 280px;
  color: #fff;
  color: #fff;
  background-image: url("../images/common/rank_visual01.jpg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
  background-size: cover;
}
@media (max-width: 767px) {
  .rankingVisual {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    background-position: center right;
    background-size: cover;
  }
}
.rankingVisual.open {
  max-height: 100%;
  padding: 20px 20px 50px;
}
@media (max-width: 767px) {
  .rankingVisual.close {
    max-height: 290px;
  }
}
.rankingVisual .btnToggle {
  display: none;
}
@media (max-width: 767px) {
  .rankingVisual .btnToggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100%);
    height: 32px;
    margin: 10px -20px -20px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.8);
  }
}
.rankingVisual .btnToggle.open {
  position: absolute;
  bottom: 20px;
}
.rankingVisual .btnToggle.open .arwToggle {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rankingVisual .btnToggle.close {
  position: absolute;
  bottom: 20px;
}
.rankingVisual .btnToggle.close .arwToggle {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

@media (max-width: 767px) {
  .awardImg {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .rankingVisuaHeading {
    font-size: 18px;
    text-align: center;
  }
}

.chartList {
  font-size: 14.3px;
  margin: 10px 10px 0;
  padding: 15px 0;
  border: 1px solid #ccc;
  background: #fff;
}
.chartList li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.chartList .score {
  font-size: 20px;
  color: #00593f;
}

.chartTotalScore {
  color: #004c66;
}

.boxCanvas {
  height: 290px;
}

.rankingListEvaluation,
.rankingListVisual {
  width: 330px;
  min-width: 330px;
}
@media (max-width: 1024px) {
  .rankingListEvaluation,
.rankingListVisual {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .rankingListEvaluation {
    display: none;
  }
}

.rankingListVisual img {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 14px rgba(177, 177, 177, 0.75);
          box-shadow: 0 0 14px rgba(177, 177, 177, 0.75);
}
@media (max-width: 767px) {
  .rankingListVisual .btnWeb04 {
    display: none;
  }
}

.rankingListCommentTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
  padding: 7px 10px 7px 15px;
  color: #fff !important;
  background-color: #525252;
}
.rankingListCommentTitle::before {
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  content: "";
  background-image: url("../../../common/images/common/icon_comment02.png");
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.rankingListEvaluationTotal {
  font-size: 1.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  background: #f9fee8;
}
.rankingListEvaluationTotal * {
  line-height: 1;
}

.rankingHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 52px;
}
@media (max-width: 767px) {
  .rankingHeader {
    min-height: auto;
  }
}

.headingHeightAdjust {
  line-height: 24px;
}

.rankStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 35px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .rankStatus {
    margin-right: 0;
  }
}

.rankStatusBox {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rankStatusBox * {
  line-height: 1;
}

@media (max-width: 767px) {
  .rankStatusArw {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 15px;
  }
}

.rankStatusText {
  margin-left: 25px;
}
@media (max-width: 767px) {
  .rankStatusText {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: 0;
  }
}

.rankStatusScore {
  font-size: 25px;
  font-style: normal;
  margin-left: 10px;
  color: #004c66;
}
@media (max-width: 767px) {
  .rankStatusScore {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fefe71));
    background: -o-linear-gradient(transparent 60%, #fefe71 60%);
    background: linear-gradient(transparent 60%, #fefe71 60%);
  }
}

.rankStatusPerfectScore {
  margin-left: 10px;
  color: #646464;
}
@media (max-width: 767px) {
  .rankStatusPerfectScore {
    display: none;
  }
}

.rankingCatchCopy {
  font-size: 20px;
  line-height: 1.7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1024px) {
  .rankingCatchCopy {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .rankingCatchCopy {
    font-size: 16.9px;
  }
}

.rankingArticleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 724px;
  max-height: 502px;
  margin-left: 30px;
}
@media (max-width: 1150px) {
  .rankingArticleBox {
    max-height: none;
  }
}
@media (max-width: 1024px) {
  .rankingArticleBox {
    width: 100%;
    max-height: none;
    margin-left: 0;
  }
}

.rankingWrap .ul05 {
  padding-left: 1.2em;
  letter-spacing: 0;
}
.ul05 li {
  margin-top: 4px;
}
.ul05 li:first-child {
  margin: 0;
}

.rankingBanner {
  margin-top: auto;
}
@media (max-width: 1024px) {
  .rankingBanner {
    margin: 10px auto 0;
  }
}
@media (max-width: 767px) {
  .rankingBanner {
    display: none;
  }
}
.rankingBanner img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.rankingScrollBox {
  padding: 20px;
  border: 3px solid #94b31a;
}
@media (max-width: 1024px) {
  .rankingScrollBox {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .rankingScrollBox {
    padding: 15px 10px;
    border: none;
    background: #fbfdee;
  }
}
.rankingScrollBox.hasBanner {
  min-height: auto;
}
.rankingScrollBox.ifcHeight {
  min-height: 333px;
}
@media (max-width: 1250px) {
  .rankingScrollBox.ifcHeight {
    min-height: auto;
  }
}
@media (max-width: 1250px) {
  .rankingScrollBox.fxdHeight {
    max-height: 333px;
  }
}

.rankingScrollTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: auto;
  text-align: center;
  color: #00593f;
}
@media (max-width: 767px) {
  .rankingScrollTitle {
    font-size: 16.9px;
    font-weight: normal;
    width: auto;
    margin: -15px -10px auto;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #005b40;
  }
}

.rankingScrollInner {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 140px;
  margin-top: 25px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .rankingScrollInner {
    height: auto;
  }
}
@media (max-width: 767px) {
  .rankingScrollInner {
    margin-top: 10px;
    padding-right: 0;
  }
}
.hasBanner .rankingScrollInner {
  height: 120px;
  min-height: 120px;
}
@media (max-width: 1024px) {
  .hasBanner .rankingScrollInner {
    height: auto;
  }
}
.rankingScrollInner.tdtHeight {
  height: 205px;
}
@media (max-width: 1150px) {
  .rankingScrollInner.tdtHeight {
    height: 180px;
  }
}
@media (max-width: 1024px) {
  .rankingScrollInner.tdtHeight {
    height: auto;
  }
}
.rankingScrollInner.exnHeight {
  height: 280px;
}
@media (max-width: 1024px) {
  .rankingScrollInner.exnHeight {
    height: auto;
  }
}
.rankingScrollInner.gemHeight {
  height: 280px;
}
@media (max-width: 1024px) {
  .rankingScrollInner.gemHeight {
    height: auto;
  }
}
.rankingScrollInner.tfxHeight {
  height: 280px;
}
@media (max-width: 1024px) {
  .rankingScrollInner.tfxHeight {
    height: auto;
  }
}
.rankingScrollInner.bigHeight {
  height: 280px;
}
@media (max-width: 1024px) {
  .rankingScrollInner.bigHeight {
    height: auto;
  }
}
@media (max-width: 1250px) {
  .rankingScrollInner.ifcHeight {
    height: 205px;
  }
}
.rankingScrollInner.noNote {
  height: 210px;
}
@media (max-width: 1024px) {
  .rankingScrollInner.noNote {
    height: auto;
  }
}
.rankingScrollInner.noNote.noBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 280px;
}
@media (max-width: 1024px) {
  .rankingScrollInner.noNote.noBanner {
    height: auto;
  }
}
.rankingScrollInner.noNote.noBanner.fewSentence {
  height: auto;
}
@media (max-width: 1150px) {
  .rankingScrollInner.noNote.noBanner.longSentence {
    height: 260px;
  }
}
.rankingScrollInner p {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
}
.rankingScrollInner p.adjustSpace {
  margin-top: auto;
}
@media (max-width: 1024px) {
  .rankingScrollInner p.adjustSpace {
    margin-top: 10px;
  }
}

.rankingScrollMore {
  text-align: right;
}
@media (max-width: 767px) {
  .rankingScrollMore {
    display: none;
  }
}
.rankingScrollMore a {
  text-decoration: underline;
}
.rankingScrollMore a:hover {
  text-decoration: none;
}

.rankingScrollNote {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 25px;
  color: #b20000;
}
@media (max-width: 767px) {
  .rankingScrollNote {
    margin-top: 10px;
    text-decoration: underline;
  }
}

.rankingBtnBoxTop {
  display: none;
}
@media (max-width: 767px) {
  .rankingBtnBoxTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
  }
}
.rankingBtnBoxTop .btnAccount,
.rankingBtnBoxTop .btnDetail02 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.rankingBtnBoxTop .btnAccount a,
.rankingBtnBoxTop .btnDetail02 a {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 60px;
  padding: 0;
}
.rankingBtnBoxTop .btnAccount {
  margin-right: 4px;
}
.rankingBtnBoxTop .btnDetail02 {
  margin-left: 4px;
}
.rankingBtnBoxTop .btnDetail02 span {
  margin-right: -20px;
}
.rankingBtnBoxTop .btnDetail02 a::after {
  left: 35%;
}
.rankingBtnBoxTop .btnDetail02 a::before {
  left: 35%;
}

.rankingBtnBoxBottom {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: auto;
  padding: 10px 20px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}
@media (max-width: 1024px) {
  .rankingBtnBoxBottom {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .rankingBtnBoxBottom {
    display: none;
  }
}
.rankingBtnBoxBottom.fewSentence {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .rankingBtnBoxBottom.fewSentence {
    margin-top: 10px;
  }
}

.rankCommentContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .rankCommentContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.rankCommentRanking {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 25px;
}
@media (max-width: 767px) {
  .rankCommentRanking {
    padding-right: 0;
  }
}
.rankCommentRanking::after {
  position: absolute;
  top: 0;
  right: 35px;
  bottom: 0;
  display: block;
  width: 1px;
  height: 100%;
  margin: auto;
  content: "";
  background: #ccc;
}
@media (max-width: 1250px) {
  .rankCommentRanking::after {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .rankCommentRanking::after {
    display: none;
  }
}
.rankCommentRanking em {
  font-size: 15.9px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .rankCommentRanking em {
    display: block;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .rankCommentRanking em br {
    display: none;
  }
}
.rankCommentRanking ul {
  margin-top: 10px;
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .rankCommentRanking ul {
    margin-left: 0;
  }
}
.rankCommentRanking ul li {
  font-size: 15.9px;
  line-height: 36px;
  width: 200px;
  border-bottom: 1px dotted #94b31a;
}
@media (max-width: 1024px) {
  .rankCommentRanking ul li {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .rankCommentRanking ul li {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .rankCommentRanking ul li h3 {
    width: 200px;
    margin: auto;
  }
}
.rankCommentRanking ul span {
  font-weight: bold;
  margin-right: 15px;
}

.rankCommentText {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
@media (max-width: 767px) {
  .rankCommentText {
    margin-top: 20px;
  }
}

.rankingTable01Detail01.typeHead {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  top: 42px;
  border-bottom: 2px solid #94b31a;
}
@media (max-width: 1024px) {
  .rankingTable01Detail01.typeHead {
    top: 55px;
  }
}
.rankingTable01Detail01.is-complete {
  z-index: 9;
}
.rankingTable01Detail01 a {
  width: 100%;
  color: #646464;
}
.rankingTable01Detail01 li.rank01::after, .rankingTable01Detail01 li.rank02::after, .rankingTable01Detail01 li.rank03::after {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  width: 30px;
  height: 36px;
  margin: auto;
  content: "";
  background: url("/rank-comp/common/images/common/bg_rank01.png") no-repeat;
}
@media (max-width: 767px) {
  .rankingTable01Detail01 li.rank01::after, .rankingTable01Detail01 li.rank02::after, .rankingTable01Detail01 li.rank03::after {
    content: none;
  }
}
.rankingTable01Detail01 li.rank02::after {
  background: url("/rank-comp/common/images/common/bg_rank02.png") no-repeat;
}
.rankingTable01Detail01 li.rank03::after {
  background: url("/rank-comp/common/images/common/bg_rank03.png") no-repeat;
}


@media (max-width: 767px) {
  .detailIcon {
    display: none !important;
  }
}
.detailIcon .barBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 46px;
  height: 23px;
}
.detailIcon.on span {
  position: relative;
  display: block;
  width: 6px;
  height: 8px;
  -webkit-animation: slideUp 0.7s;
          animation: slideUp 0.7s;
  background: #e9e9e9;
}
.detailIcon.on span:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 8px;
  margin: auto;
  content: "";
  -webkit-animation: clip 0.3s 1s both;
          animation: clip 0.3s 1s both;
}
.detailIcon.on span.full:after {
  background: #94b31a;
}
.detailIcon.on span.fullGreen:after {
  background: #005b40;
}
.detailIcon.on span.half:after {
  top: 4px;
  height: 5px;
  background: #94b31a;
}
.detailIcon.on span.halfGreen:after {
  top: 4px;
  height: 5px;
  background: #005b40;
}

.detailIconSP {
  padding: 5px 0 10px;
  border-bottom: 1px dotted #94B31A;
}

.detailIconSPIcon {
  width: 25px;
}

.detailIconSPNum {
  padding: 0 3px;
}

.tableHead {
  background: #f8f8f8;
}
.tableHead.broker {
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}
.tableHead.accountNum {
  width: 100%;
}


.rankingTable01Detail01Icon01 {
  font-size: 1.2em;
  line-height: 34px;
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01 {
    width: 48px;
    height: 47px;
  }
}
.rankingTable01Detail01Icon01::before {
  position: absolute;
  position: absolute;
  top: 1px;
  left: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 32px;
  height: 32px;
  content: "";
  border: 1px solid #fff;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01::before {
    content: none;
  }
}
.rankingTable01Detail01Icon01.typeA {
  background-color: #005b40;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01.typeA {
    background: none;
  }
}
.rankingTable01Detail01Icon01.typeB {
  background-color: #94b31a;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01.typeB {
    background: none;
  }
}
.rankingTable01Detail01Icon01.typeC {
  color: #94b31a;
  background-color: #fff;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01.typeC {
    background: none;
  }
}
.rankingTable01Detail01Icon01.typeC::before {
  border: 1px solid #94b31a;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01 span {
    display: none;
  }
}
.rankingTable01Detail01Icon01 img {
  display: none;
}
@media (max-width: 767px) {
  .rankingTable01Detail01Icon01 img {
    display: block;
  }
}

.detailIcon {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.detailIcon.tooltip:hover {
  position: relative;
}
.detailIcon.tooltip:hover::after {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  z-index: 1;
  top: -24px;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 25px;
  margin: auto;
  content: attr(data-tooltip);
  -webkit-animation: slideUp 0.3s;
          animation: slideUp 0.3s;
  color: #383838;
  background: rgba(255, 255, 255, 0.9);
  -webkit-filter: drop-shadow(1px 1px 1px rgba(224, 224, 224, 0.75));
          filter: drop-shadow(1px 1px 1px rgba(224, 224, 224, 0.75));
}
.detailIcon.tooltip:hover::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  -webkit-animation: slideUp 0.3s;
          animation: slideUp 0.3s;
  border: 5px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.containerForReverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .containerForReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0) scale(0.8);
            transform: translate3d(0, 20px, 0) scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0px, 0) scale(1);
            transform: translate3d(0, 0px, 0) scale(1);
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0) scale(0.8);
            transform: translate3d(0, 20px, 0) scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0px, 0) scale(1);
            transform: translate3d(0, 0px, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes clip {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes clip {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}

/* 追記 */
.tabBtn {
  margin: 40px auto 16px;
  max-width: 680px;
  display: flex;
  box-sizing: border-box;
}
.tabBtnItem {
  cursor: pointer;
  width: 50%;
  border: 2px solid #005b40;
  color: #005b40;
  box-sizing: border-box;
  padding: 16px;
  text-align: center;
  position: relative;
}
.tabBtnItem::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid #005b40;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.tabBtnItem.current {
  background: #005b40;
  color: #fff;
}
.tabBtnItem.current::before {
  border-top-color: #94b31a;
}
@media screen and (min-width: 768px) {
  .tabBtnItem {
    transition: .3s;
  }
}
@media screen and (max-width: 767px) {
  .tabBtn {
    margin: 24px auto 16px;
  }
  .tabBtnItem::before {
    content: none;
  }
}

.rankBtn a{
    border: 1px solid #D9D9D9;
    background: url("../images/common/bg_stripe04.png") center center repeat;
    box-shadow: inset 0 0 0 5px #f9fee8;
    padding: 24px 10px;
    color: #FFF!important;
    text-decoration: none!important;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
}

.rankBtnSp{
    flex: 1;
}

.rankBtnSp a{
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    background: url(../images/common/bg_stripe04.png) center center repeat;
    box-shadow: inset 0 0 0 5px #ffecd9;
    font-size: 1.1em;
    color: #FFF!important;
    text-decoration: none!important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    min-height: 60px;
}

/*------- head -------*/
.rankingTable01Detail01.typeAccountNum.typeHead {
  flex-wrap: nowrap;
}
.rankingTable01Detail01.typeAccountNum.typeHead li {
  font-weight: normal;
}
.rankingTable01Detail01.typeAccountNum.typeHead li.total,
.rankingTable01Detail01.typeAccountNum.typeHead li.accountNum {
  background: #F8F8F8;
}
/* 順位 */
.rankingTable01Detail01.typeAccountNum.typeHead li.rank {
  min-width: 64px;
}
/* ブローカー */
.rankingTable01Detail01.typeAccountNum.typeHead li.broker {
}
/* 総合評価 */
/* .rankingTable01Detail01.typeAccountNum.typeHead li.total {
  min-width: 90px;  2022 09 10変更 ランキング順に変更矢印がないVer 
} */
/* 口座開設数 */
.rankingTable01Detail01.typeAccountNum.typeHead li.accountNum {
  min-width: 510px;
  border-left: none;
}

@media screen and (max-width: 1024px) {
  /* ブローカー */
.rankingTable01Detail01.typeAccountNum.typeHead li.broker {
  min-width: 45%;
}
/* 口座開設数 */
.rankingTable01Detail01.typeAccountNum.typeHead li.accountNum {
  width: 100%;
  min-width: auto;
} 
}

@media screen and (max-width: 767px) {
  .rankingTable01Detail01.typeAccountNum.typeHead li {
    padding: 0;
    height: 40px;
  }
  /* 順位 */
  .rankingTable01Detail01.typeAccountNum.typeHead li.rank {
  }
  /* ブローカー */
  .rankingTable01Detail01.typeAccountNum.typeHead li.broker {
    border-right: 2px solid #fff;
    width: 65%;
  }
  /* 総合評価 */
  .rankingTable01Detail01.typeAccountNum.typeHead li.total {
    min-width: 64px;
    border: none;
  }
  /* 口座開設数 */
  .rankingTable01Detail01.typeAccountNum.typeHead li.accountNum {
    width: 35%;
    min-width: 85px;
  }
}

/*------- body -------*/
.rankingTable01Detail01.typeAccountNum.typeBody {
  flex-wrap: nowrap;
}
.rankingTable01Detail01.typeAccountNum.typeBody li {
}
/* 順位 */
.rankingTable01Detail01.typeAccountNum.typeBody li.rank {
  min-width: 64px;
}
/* ブローカー */
.rankingTable01Detail01.typeAccountNum.typeBody li.broker {
}
/* 総合評価 */
.rankingTable01Detail01.typeAccountNum.typeBody li.total {
  min-width: 110px;
}
/* 口座開設数 */
.rankingTable01Detail01.typeAccountNum.typeBody li.accountNum {
  min-width: 400px;
}

@media screen and (max-width: 1024px) {
  /* ブローカー */
.rankingTable01Detail01.typeAccountNum.typeBody li.broker {
  min-width: 45%;
}
/* 口座開設数 */
.rankingTable01Detail01.typeAccountNum.typeBody li.accountNum {
  width: 100%;
  min-width: auto;
}
}

@media screen and (max-width: 767px) {
  .rankingTable01Detail01.typeAccountNum.typeBody li.rank {
    width: 50px;
  }
  /* 順位 */
  .rankingTable01Detail01.typeAccountNum.typeBody li.rank {
  }
  /* ブローカー */
  .rankingTable01Detail01.typeAccountNum.typeBody li.broker {
   width: 65%;
  }
  /* 総合評価 */
  .rankingTable01Detail01.typeAccountNum.typeBody li.total {
    width: 35%;
    min-width: 85px;
  }
  /* 口座開設数 */
  .rankingTable01Detail01.typeAccountNum.typeBody li.accountNum {
    display: none;
  }

  /* iconの削除 */
  .rankingTable01Detail01.typeAccountNum.typeBody li.total,
  .rankingTable01Detail01.typeAccountNum.typeBody li.accountNum {
    background: none;
    padding: 0;
    border: none;
  }

  /* borderの削除 */
  .rankingTable01Detail01 > li:nth-child(n+3):nth-child(-n+7) {
    border: none;
  }
}

.accountNum {
  width: 100%;
  padding: 0 16px !important;
}
@media screen and (max-width: 767px) {
  .accountNum {
    padding: 0 2% !important;
  }
}
.accountNumWrap {
  width: 100%;
}
.accountNumGraph {
  background: #005b40;
  height: 24px;
}
.accountNumGraph.point80_0 { width: 80.0%; }
.accountNumGraph.point11_1 { width: 11.1%; }
.accountNumGraph.point1_3 { width: 1.3%; }
.accountNumGraph.point1_1 { width: 1.1%; }
.accountNumGraph.point1_0 { width: 1.0%; }
.accountNumGraph.point0_7 { width: 0.7%; }
.accountNumGraph.point0_6 { width: 0.6%; }
.accountNumGraph.point0_5 { width: 0.5%; }
.accountNumGraph.point0_4 { width: 0.4%; }
.accountNumGraph.point0_3 { width: 0.3%; }
.accountNumGraph.point0_2 { width: 0.2%; }
.accountNumGraph.point0_1 { width: 0.1%; }

.fs11 {
  font-size: 11px !important;
}

.updateTime {
  display: flex;
  justify-content: flex-end;
}

.rankLead {
  /*width: 80%;*/
  margin: auto;
}
@media screen and (max-width: 767px) {
  .rankLead {
    width: 100%;
  }
}

.rankLead p {
  line-height: 1.8;
}
.rankLead p ~ p {
  margin-top: 16px;
}
.rankLeadTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid #005B40;
  border-bottom: 2px solid #005B40;
  padding: 19px 0 16px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #00593F;
}
@media screen and (max-width: 767px) {
  .rankLeadTitle {
    padding: 14px 0 12px;
  }
}

.fsText {
  font-size: 1.16em;
}

.fs09 {
  font-size: 0.9rem;
}

.FcRed {
  color: #B20000!important;
}

.note01 {
  padding-left: 3em;
  text-indent: -3.1em;
  line-height: 1.6em;
  font-size: 0.9em;
  position: relative;
}

.note01:before {
  display: inline;
  content: "（※）";
}

.generationA .hStyle02.typeArticle.rankHeading {
  position: relative;
  padding: 16px 22px 16px 65px;
  border-bottom: 3px solid #005b40!important;
}

.generationA .hStyle02.typeArticle.rankHeading::before{
  content: "1";
  font-weight: normal;
  line-height: 36px;
  position: absolute;
  top: 13px;
  left: 15px;
  width: 33px;
  height: 33px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #005b40;
}

.generationA .hStyle02.typeArticle.rankHeading::after{
  position: absolute;
  z-index: 2;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  content: "";
  background-color: #005b40;
}

.generationA .hStyle02.typeArticle.rankHeading.rankHeading02::before{
  content: "2";
}