@charset "utf-8";

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

#review.p-entry .mainArticleWrap { font-size: 1.0em; }
#review.p-index .mainArticleWrap { font-size: 1.0em; }

}

/*--------------------------------------------------------------------
	swiper
--------------------------------------------------------------------*/

.swiperWrap { position: relative; width: 100%; height: calc(52.5vw - 28px); z-index: 1; overflow: hidden; }
.swiperWrap:before { content:""; display: block; padding-top: 52.5%; }
.swiperWrapInner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/*--------------------------------------------------------------------
	layoutHead
--------------------------------------------------------------------*/

.layoutHead { width: auto; }
.layoutHeadTitle { border-left: 8px solid #005B40; padding: 5px 15px; }
.layoutHeadSelectWrap { border: 7px solid #F0F0F0; padding: 15px; position: relative; }

.layoutHeadSelectWrap .xemLogo img { height: 20px; }
.layoutHeadSelectWrap .axoLogo img { height: 15px; }
.layoutHeadSelectWrap .tfxLogo img { height: 24px; }
.layoutHeadSelectWrap .fxpLogo img { height: 15px; }
.layoutHeadSelectWrap .fxdLogo img { height: 15px; }
.layoutHeadSelectWrap .tdtLogo img { height: 24px; }
.layoutHeadSelectWrap .ifcLogo img { height: 24px; }
.layoutHeadSelectWrap .dfxLogo img { height: 20px; }
.layoutHeadSelectWrap .trvLogo img { height: 20px; }
.layoutHeadSelectWrap .gtdLogo img { height: 24px; }

.layoutHeadSelectWrap input,.layoutHeadSelectWrap label { display: none; }
.layoutHeadSelectWrap label { display: block; cursor: pointer; color: #FFF; position: relative; }
.layoutHeadSelectWrap label:after { content: "\f078"; color: #D1D1D1; position: absolute; top: 50%; margin-top: -10px; right: 0; font-size: 1.2em; font-family: FontAwesome; }
.layoutHeadSelectWrap input:checked + label:after { content: "\f077"; font-family: FontAwesome; }
.layoutHeadSelectWrap ul { position: absolute; z-index: 100; width: 100%; margin: 10px 0 0 -20px; border: 3px solid #F0F0F0; box-sizing: border-box; }
.layoutHeadSelectWrap ul li { background-color: #FFF; }
.layoutHeadSelectWrap ul li a { padding: 10px; display: block; border-bottom: 1px solid #F0F0F0; }
.layoutHeadSelectWrap ul li:last-child a { border-bottom: none; }
.layoutHeadLicense { font-size: 1.0em; }
.layoutHeadBroker { color: #383838; font-size: 2.0em; line-height: 1.2em; margin-top: 15px; font-weight: bold; }
.layoutHeadBrokerLogo { border: 7px solid #F0F0F0; height: 65px; box-sizing: border-box; text-align: center; }

.xemCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 11px; }
.axoCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 15px; }
.tfxCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 10px; }
.fxdCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 15px; }
.fxpCat .layoutHeadBrokerLogo { background-color: #F41112; padding-top: 10px; }
.tdtCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 11px; }
.ifcCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 6px; }
.dfxCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 11px; }
.trvCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 9px; }
.gtdCat .layoutHeadBrokerLogo { background-color: #FFF; padding-top: 14px; }

.xemCat .layoutHeadBrokerLogo img { height: 28px !important; }
.axoCat .layoutHeadBrokerLogo img { height: 18px !important; }
.tfxCat .layoutHeadBrokerLogo img { height: 32px !important; }
.fxdCat .layoutHeadBrokerLogo img { height: 20px !important; }
.fxpCat .layoutHeadBrokerLogo img { height: 32px !important; }
.tdtCat .layoutHeadBrokerLogo img { height: 28px !important; }
.ifcCat .layoutHeadBrokerLogo img { height: 36px !important; }
.dfxCat .layoutHeadBrokerLogo img { height: 28px !important; }
.trvCat .layoutHeadBrokerLogo img { height: 32px !important; }
.gtdCat .layoutHeadBrokerLogo img { height: 24px !important; }

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

.layoutHeadBrokerLogo01 { width: 201px; padding-left: 20px; }

}

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

.layoutHeadBrokerLogo01 { width: 150px; padding-left: 15px; padding-top: 10px; }

}

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

.layoutHeadTitle { border-left: 6px solid #005B40; padding: 3px 10px; }
.layoutHeadLicense { font-size: 0.9em; }
.layoutHeadBroker { font-size: 1.4em; line-height: 1.4em; margin-top: 7px; }

}

/*--------------------------------------------------------------------
	layoutNavi
--------------------------------------------------------------------*/

.layoutNavi { width: 100%; margin-top: 10px; }
.layoutNavi input,.layoutNavi label,.layoutNaviTitle { display: none; }
.layoutNavi ul { display: table; }
.layoutNavi ul li { width: 139px; height: 35px; display: table-cell; position: relative; padding-right: 7px; }
.layoutNavi ul li a { width: 139px; height: 35px; line-height: 35px; display: block; box-sizing: border-box; text-align: center; padding: 0 5px; background-color: #F0F0F0; border-left: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D; border-top: 2px solid #005B40; position: absolute; }
.layoutNavi ul li.current a { height: 39px; line-height: 37px; background-color: #FFF; background-image: url("../../../common/images/common/border01.png"); background-position: center bottom; background-repeat: no-repeat; border-top: 1px solid #9D9D9D; border-bottom: 1px solid #FFF; top: -3px; }
.layoutNavi ul li.current a:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; transition-property: all; transition: 0s linear; }

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

.layoutNavi { margin-top: 10px; margin-bottom: 10px; }
.layoutNaviTitle { display: block; font-size: 1.2em; font-weight: bold; padding: 0 3px; margin-bottom: 15px; color: #383838; }
.layoutNaviTitle:before { position: relative; content: "\f0c8"; font-family: FontAwesome; color: #0C6349; margin-right: 7px; font-weight: normal; }
.layoutNaviList { height: 45px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; position: relative; }
.layoutNaviLatter .layoutNaviList { direction: rtl; }
.layoutNaviList::-webkit-scrollbar { display: none; }
.layoutNavi ul { margin-bottom: 0 !important; direction: ltr; }
.layoutNavi ul { width: auto; font-size: 0.86em; white-space: nowrap; }
.layoutNavi ul li { width: auto; height: 45px; display: table-cell; position: relative; padding-right: 0; }
.layoutNavi ul li a { width: 100%; height: 45px; line-height: 45px; display: block; box-sizing: border-box; text-align: center; padding: 0 10px; color: #383838 !important; text-decoration: none !important; background-color: #EBEBEB; border-left: 1px solid #9D9D9D; border-right: none; border-top: 1px solid #9D9D9D; border-bottom: 1px solid #9D9D9D; position: relative; }
.layoutNavi ul > li:last-child a { border-right: 1px solid #9D9D9D; }
.layoutNavi ul li.current a { height: 45px; line-height: 45px; background-color: #FFF; background-image: url("../../../common/images/common/border03.png"),url("../../../common/images/common/border03.png"),url("../../../common/images/common/border01.png"); background-position: left bottom, right bottom, center bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 5px 2px, 5px 2px, 100% 2px; border-top: 1px solid #9D9D9D; border-bottom: 1px solid #FFF; top: 0; }

}

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

.layoutNavi ul { width: 100%; font-size: 0.96em; }

}

/*--------------------------------------------------------------------
	layoutTop
--------------------------------------------------------------------*/

.layoutTop { width: auto; border-top: 1px solid #9D9D9D; border-left: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D; padding: 20px 15px; }
.layoutTopCategoryChapter { color: #FFF; background-color: #525252; border: 1px solid #D7D7D7; font-size: 1.1em; text-align: center; padding: 10px; }
.layoutTopCategoryList { background-color: #FAFFF4; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; padding: 15px 25px; font-size: 1.16em; }
.layoutTopCategoryList li { display: inline-block; padding: 8px 25px 8px 0; }
.layoutTopCategoryList li a { padding: 0 0 0 17px; line-height: 1.0em; background: url("../../../common/images/common/arrow_orange01.png") left top 5px no-repeat; }

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

.reviewContents .layoutTop { width: auto; border-top: none; border-left: none; border-right: none; }
.layoutTopCategoryChapter { display: none; }
.layoutTopCategoryList { display: none; }
.layoutTopInner { padding: 10px 0; }

}

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

.layoutTopInner { padding: 15px 15px 25px; }

}

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

.layoutTop { padding: 0; }
.layoutTop .mainArticleWrap { padding: 15px; }

}

/*-------------------------------------------------------------------- layoutContents
--------------------------------------------------------------------*/

.layoutContents { width: auto; }
.layoutContentsIndex { border: 1px solid #9D9D9D; }
.layoutContentsIndexInner { padding: 15px 11px 11px; }

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

.layoutContentsIndex { border: 1px solid #9D9D9D; }

}


/*--------------------------------------------------------------------
	layoutMain
--------------------------------------------------------------------*/

.layoutMain { width: 752px; box-sizing: border-box; float: left; }
.layoutMainInner { box-sizing: border-box; padding: 0 11px 11px; border-bottom: 1px solid #9D9D9D; border-left: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D; }
.layoutMainInnerIndex { box-sizing: border-box; border-bottom: 1px solid #9D9D9D; border-left: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D; }
.layoutMainInnerIndexWrap { padding: 0 11px 11px; position: relative; }

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

.reviewContents .layoutMainInner { border-top: 1px solid #9D9D9D; }

}

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

.layoutMain.typeB { width: 812px; }

}

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

.layoutMain { width: auto; box-sizing: border-box; float: none; }

}

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

.layoutMain { width: 100%; float: left; margin-right: -260px; }
.layoutMainInner { margin-right: 260px; }
.layoutMainInnerIndex { margin-right: 260px; }
.layoutMain.typeB { width: calc(100% - 260px); margin-right: 0; }
.layoutMain.typeB .layoutMainInner { margin-right: 0; }
.layoutMain.typeB .layoutMainInnerIndex { margin-right: 0; }

}

/*--------------------------------------------------------------------
	layoutSide
--------------------------------------------------------------------*/

.layoutSide { width: 348px; box-sizing: border-box; padding: 18px 0 0 18px; float: right; border-top: 1px solid #9D9D9D; }
.sideCategoryList { border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; background-color: #F0F0F0; padding: 10px 10px 8px; color: #383838; }
.sideCategoryList > li > p { border: 1px solid #E8E8E8; padding: 12px 12px 12px 35px; margin-bottom: 2px; position: relative; cursor: pointer; background-color: #FFF; background-image: url("../../../common/images/common/icon_toggle01_off.png"); background-position: left 15px center ; background-repeat: no-repeat; }
.sideCategoryList > li > p.active { background-image: url("../../../common/images/common/icon_toggle01_on.png"); }
.sideCategoryList > li > ul { padding: 0 0 0 15px; display: none; }
.sideCategoryList > li > ul > li { margin-bottom: 2px; }
.sideCategoryList > li > ul > li > a { border: 1px solid #E8E8E8; background-color: #FFF; padding: 12px 12px 12px 30px; position: relative; display: block; }
.sideCategoryList > li > ul > li > a:after { display: block; content: ""; position: absolute; top: 50%; left: 15px; width: 0; height: 0; margin-top: -6px; border: 5px solid transparent; border-left: 5px solid #383838; }
.sideCategoryTitle a { background-color: #005B40; }

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

.layoutSide.typeB { width: 330px; padding: 0; border-top: none; }

}

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

.layoutSide { width: auto; padding: 10px 0; float: none; border-top: none; }

}

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

.layoutSide { width: 260px; padding: 10px 0 0 10px; float: right; }
.layoutSide.typeB { width: 250px; padding: 0; border-top: none; }

}

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

.sideCategoryList { padding: 5px 5px 3px; }

}

/*--------------------------------------------------------------------
	common
--------------------------------------------------------------------*/

#review .hStyle02 { border-bottom-color: #005B40; }
#review .hStyle02a { border-bottom-color: #005B40; }
#review .hStyle03 { border-left-color: #005B40; }
#review .hStyle03a { border-left-color: #005B40; }
#review .hStyle04 {	background: url("../../../common/images/common/arrow_green02.png") left top 10px no-repeat; }
.reviewToggleInput { display: none; }
.reviewToggleWrap { overflow: hidden; }

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

#review .hStyle02 { font-size: 1.26em; }
#review .hStyle02a { border-left: none; padding: 5px 10px; font-weight: bold; width: calc(100% + 2px); padding: 7px 10px; font-size: 1.26em; color: #FFF; background: #95B518; border-bottom: none; margin: 0 0 0 -11px; }
#review .hStyle03 { font-size: 1.26em; }
#review .hStyle03a { border-left: none; padding: 5px 10px; font-weight: bold; width: calc(100% + 2px); padding: 7px 10px; font-size: 1.26em; color: #FFF; background: #95B518; border-bottom: none; margin: 0 0 0 -11px; }
#review .hStyle04 { font-size: 1.2em; background: url("../../../common/images/common/arrow_green02.png") left top 10px no-repeat; }
#review .hStyle03.reviewToggleBtn { width: calc(100% - 30px); border-left: none; background: #F8F8F8 url("../../../common/images/common/arrow18_down.png") left 12px top 50% no-repeat; padding: 11px 11px 11px 41px; margin-left: -11px; color: #383838; font-size: 1.2em; border-bottom: 1px dotted #CCC; }
#review .hStyle03.reviewToggleBtn.active { background: #F8F8F8 url("../../../common/images/common/arrow18_up.png") left 12px top 50% no-repeat; }
.reviewToggleWrap { max-height: 0; transition: .2s all ease; }
.reviewToggleWrap.close { max-height: 500em !important; }
.reviewToggleWrap.openToggle { max-height: 500em !important; }
#review .sideBtnAccount a { padding: 18px 10px; font-size: 1.1em; max-width: 330px; margin-left: auto; margin-right: auto; }
#review .sideBtnWeb a { padding: 18px 10px; max-width: 330px; margin-left: auto; margin-right: auto; }
#review.p-index .mainArticleBox01 { font-size: 1.0em; }

}

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

#review .hStyle02 { font-size: 1.16em; }
#review .hStyle02a { font-size: 1.16em; }
#review .hStyle03 { font-size: 1.16em; }
#review .hStyle03a { font-size: 1.16em; }
#review .hStyle04 { font-size: 1.1em; }
#review .hStyle03.reviewToggleBtn { font-size: 1.1em; }

}


/*--------------------------------------------------------------------
	index
--------------------------------------------------------------------*/

.borokerBox01,.borokerBox02 { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.borokerBox01 li,.borokerBox02 li { background-color: #EFF4DD; border: 1px solid #CCCCCC; list-style: none; position: relative; box-sizing: border-box; }
.borokerBox01 li { width: 32.4%; }
.borokerBox01 > li:nth-child(n+2) { margin-left: 1.4%; }
.borokerBox02 li { width: 49.2%; margin-bottom: 1em; }
.borokerBox02 > li:nth-child(odd) { margin-right: 1.6%; }
.borokerBox01Heading,.borokerBox02Heading { background-color: #94B31A; color: #FFF; text-align: center; padding: 5px; margin-bottom: 0 !important; }
.borokerBox01Inner,.borokerBox02Inner { padding: 12px; position: relative; }
.borokerBox01InnerPack,.borokerBox01InnerPack a,.borokerBox02InnerPack a { background-color: #FFF; display: block; box-sizing: border-box; position: relative; padding: 10px; }
.borokerBox01InnerPack a:hover,.borokerBox02InnerPack a:hover { text-decoration: none !important; }
.reviewCampaign { position: relative; }
.reviewCampaignBox { height: 25px; margin-right: 25px; position: relative; }
.reviewCampaignBox li { height: 25px; display: block; overflow:  hidden; margin: 0 !important; padding: 0 !important; }
.reviewCampaign .slick-prev { display: none !important; }
.reviewCampaign .slick-next { bottom: -30px; right: -35px; background: url("../../../common/images/common/arrow12_down.png") center top no-repeat; }
.borokerBoxIcon { position: absolute; top: 8px; right: 8px; }
.borokerBox01Graph { border-bottom: 2px solid #004C66; padding-bottom: 1.5em; text-align:  center; margin-bottom: 1em; }
.borokerBox01Graph > div { max-width: 360px; margin: 0 auto; }
.borokerBox01Visual a { text-align:  center; display: block; position: relative; }
.borokerBox01Visual img { max-width: 100%; height: auto; }
.borokerBox01InnerPackBtn { width: 51px; height: 51px; position: absolute; right: -10px; bottom: -35px; z-index: 10; }
.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; box-sizing: border-box; background-color: #FFF; }
.indexBrokerLogo.fxpLogo { background-color: #F41112; }
.btnAccount02review { margin: 0 90px; }

/*.iconStatus01Campaign01 {	white-space: nowrap;	overflow: hidden; }*/
.iconStatus01Campaign01,
.iconStatus01Campaign02 {
  display:block !important;
  overflow: visible;
}

@media screen and (max-width: 1024px)  {
.iconStatus01Campaign01.fs08,
.iconStatus01Campaign02.fs08 { font-size: 0.6rem !important; }
}

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

.borokerBox01 li,.borokerBox02 li { background-color: #FBFDEE; border: 1px solid #94B31A; }
.borokerBox01Inner,.borokerBox02Inner { padding: 10px; }
.btnAccount02review { margin: 0; }
.borokerBox01InnerPackBtn { display: none; }
.borokerBox01InnerPack,.borokerBox01InnerPack a,.borokerBox02InnerPack a { background: none; padding: 0; }
.borokerBox01Heading,.borokerBox02Heading { padding: 3px; font-size: 0.86em; }

}

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

.reviewCampaignBox li { font-size: 0.76em; }
.reviewCampaignBox02 { font-size: 0.76em; }
.borokerBox01Heading,.borokerBox02Heading { font-size: 0.8em; }

}

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

.borokerBox01 li,.borokerBox02 li { width: 100%; margin-bottom: 1em; }
.borokerBox01 > li:nth-child(n+2) { margin-left: 0; }
.borokerBox02 > li:nth-child(odd) { margin-right: 0; }
.terminatedBrokerUl .indexBrokerLogo { height: 47px; }
.terminatedBrokerUl .indexBrokerLogo img { width: 66px; }
.terminatedBrokerUl { border: 1px solid #CCCCCC; padding: 0; background: none; }
.borokerBoxIcon { position: relative; top: auto; right: auto; margin-bottom: 10px !important; }
.reviewIndexIcon { padding: 10px 0 0 10px; margin-bottom: 0 !important; }
.iconStatus01Campaign01.fs08,
.iconStatus01Campaign02.fs08 { font-size: 0.8em !important; }
}

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

.borokerBox01Pack { position: relative; padding: 35px 0 0; }
.borokerBox01Pack.typeA { padding-top: 0; }
.reviewIndexIcon { position: absolute; top: 10px; left: 10px; }

}


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

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

.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 .title.active:before {
  transform: rotate(-180deg);
}

.listVer2Broker > li {
  position: relative;
}

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

.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;
}

}

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

.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;
}

}


@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 {
  transition: 0.4s ease-in-out;
  overflow: hidden;
}

.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;
}

}

/*--------------------------------------------------------------------
	broker index
--------------------------------------------------------------------*/

.mainArticleWrapCommentTitle { background-color: #525252; border-left: 8px solid #005B40; padding: 10px 10px 10px 45px; color: #FFF !important; background-image: url("../../../common/images/common/icon_comment02.png"); background-position: top 6px left 7px; background-repeat: no-repeat; }
.mainArticleWrapComment { background-color: #F8F8F8; padding: 25px 20px; }
.mainArticleWrapComment > div.mainArticleBox01:last-child { padding-bottom: 0; }
.mainArticleIndexAccount { border: 1px solid #D7D7D7; background-color: #FCFCFC; padding: 25px; }
.mainArticleIndexAccountCover { padding-right: 25px; }
.mainArticleIndexAccountCoverBox { font-size: 0.76em; }
.mainArticleIndexAccountCoverGraph { border: 1px solid #C8CAC6; font-size: 0.8em; }
.graphMarry { background-color: #EEEEEE; }
.graphCover { background-color: #004C66; color: #FFF; }
.mainArticleIndexAccountPie { width: 247px; padding-left: 25px; border-left: 1px solid #D7D7D7; }
.mainArticleIndexAccountPie ul { font-size: 0.86em; }
.mainArticleIndexAccountPie ul li { margin-bottom: 0.3em; }
.mainArticleIndexAccountPieChart { max-width: 230px; margin: 0 auto; }
.mainArticleIndexEvaluationTitle { color: #FFF; background-color: #525252; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-top: 1px solid #D7D7D7; font-size: 1.1em; text-align: center; padding: 10px; }
.mainArticleIndexEvaluationBox { background-color: #FAFFF4; border: 1px solid #D7D7D7; padding: 25px; }
.mainArticleIndexEvaluationBoxDetail { background-color: #FFF; border: 1px solid #D7D7D7; padding: 15px; }
.mainArticleIndexEvaluationBoxDetailBar { margin-bottom: 8px !important; }
.mainArticleIndexEvaluationBoxDetailBar li { padding: 0 2px; }

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

.reviewDfxFlex01 > li { width: 187px; max-width: calc((100% - 3.1px) / 4); }
.reviewDfxFlex01 > li:nth-child(n+2) { margin-left: 1px; }

}

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

.mainArticleWrapComment { padding: 15px 10px; }
.mainArticleWrapComment > div.mainArticleBox01:last-child { padding-bottom: 0; }
.mainArticleIndexAccount { padding: 10px; height: 400px; box-sizing: border-box; position: relative; background-color: #FFF; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.mainArticleIndexAccount > .dispTable { width: calc(200vw - 90px); }
.mainArticleIndexAccount > .dispTable > div { width: 50%; position: relative; }
.mainArticleIndexAccount > .dispTable > div:nth-child(1) { padding-right: 20px; }
.mainArticleIndexAccount > .dispTable > div:nth-child(2) { padding-left: 10px; padding-right: 10px; }
.mainArticleIndexAccountTitle { background-color: #005B40; color: #FFF; padding: 5px; font-size: 0.9em; }
.mainArticleIndexAccountCover { padding-right: 0; padding-bottom: 15px; }
.mainArticleIndexAccountCover.toRight:after { content: url("../../../common/images/common/arrow19_right.png"); width: 25px; height: 53px; position: absolute; right: 13px; top: 50%; margin-top: -26px; z-index: 4; }
.mainArticleIndexAccountPie { width: auto; padding-left: 0; margin-top: 0; padding-top: 0; border-left: none; }
.mainArticleIndexAccountPie.toLeft:after { content: url("../../../common/images/common/arrow19_left.png"); width: 25px; height: 53px; position: absolute; left: 13px; top: 50%; margin-top: -26px; z-index: 4; }
.mainArticleIndexEvaluationTitle { display: none; }
.mainArticleIndexEvaluationBox { padding: 7px; height: 250px; position: relative; box-sizing: border-box; background-color: #FFF; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.mainArticleIndexEvaluationBox .dispTablePO { width: calc(200vw - 90px); }
.mainArticleIndexEvaluationBoxDetail { width: 230px; padding: 15px; border: none; margin: 0 auto; }
.mainArticleIndexEvaluationBoxCell01 { width: 50%; padding-right: 40px; box-sizing: border-box; position: relative; }
.mainArticleIndexEvaluationBoxCell01.toRight:after { content: url("../../../common/images/common/arrow19_right.png"); width: 25px; height: 53px; position: absolute; right: 13px; top: 50%; margin-top: -26px; z-index: 4; }
.mainArticleIndexEvaluationBoxCell02 { width: 50%; padding-left: 35px; padding-right: 10px; box-sizing: border-box; position: relative; }
.mainArticleIndexEvaluationBoxCell02.toLeft:after { content: url("../../../common/images/common/arrow19_left.png"); width: 25px; height: 53px; position: absolute; left: 13px; top: 50%; margin-top: -26px; z-index: 4; }

.reviewDfxFlex01 > li { width: 187px; max-width: calc((100% - 1.1px) / 2); }
.reviewDfxFlex01 > li:nth-child(even) { margin-left: 1px; }
.reviewDfxFlex01 > li:nth-child(n+3) { margin-top: 1px; }

}


/*--------------------------------------------------------------------
	account
--------------------------------------------------------------------*/

.h1StyleAccountPc { color: #383838; font-size: 1.6em; line-height: 1.4em; border-bottom: 3px solid #005B40; padding: 16px 22px 16px 75px; font-weight: bold; background-color: #F4F4F4; background-image: url("../../../common/images/common/icon_pc01.png"); background-position: left 15px top 15px; background-repeat: no-repeat; }
.h1StyleAccountSp { color: #383838; font-size: 1.6em; line-height: 1.4em; border-bottom: 3px solid #005B40; padding: 16px 22px 16px 75px; font-weight: bold; background-color: #F4F4F4; background-image: url("../../../common/images/common/icon_sp01.png"); background-position: left 15px top 10px; background-repeat: no-repeat; }
[class^="h1StylePay"] { color: #383838; font-size: 1.6em; line-height: 1.4em; border-bottom: 3px solid #005B40; padding: 16px 22px 16px 75px; font-weight: bold; background-color: #F4F4F4; background-position: left 15px center; background-repeat: no-repeat; }
.h1StylePayCredit { background-image: url("../../../common/images/common/icon_pay_credit01.png"); }
.h1StylePayMybit { background-image: url("../../../common/images/common/icon_pay_credit01.png"); }
.h1StylePayLocalBank { background-image: url("../../../common/images/common/icon_pay_local_bank01.png"); }
.h1StylePayCrypto { background-image: url("../../../common/images/common/icon_pay_crypto01.png"); }
.h1StylePayBank { background-image: url("../../../common/images/common/icon_pay_bank01.png"); }
.h1StylePayOverseaBank { padding: 16px 22px 16px 85px; background-position: left 5px center; background-image: url("../../../common/images/common/icon_pay_oversea_bank01.png"); }
.h1StylePayWallet { background-image: url("../../../common/images/common/icon_pay_wallet01.png"); }
.h1StylePayVirtual { background-image: url("../../../common/images/common/icon_pay_virtual01.png"); background-position: left 20px center; }
.markStep { width: 130px; background-color: #005B40; padding: 2px; text-align: center; color: #FFF; display: block; font-weight: bold; }
.markStep02 { width: 130px; background-color: #94B31A; padding: 2px; text-align: center; color: #FFF; display: block; font-weight: bold; }
.reviewUl01 { margin-left: 4.5em; margin-right: 0; }
.reviewUl01 li { position: relative; }
.reviewUl01 li.importance:before { content: "重要"; width: 50px; height: 26px; line-height: 27px; padding-left: 6px; font-size: 0.9em; box-sizing: border-box; position: absolute; left: -4.5em; color: #FFF; top: 5px; background: url("../../../common/images/common/bg_importance01.png") left top no-repeat; }

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

.markStep { width: 80px; font-size: 0.9em; font-weight: normal; }
[class^="h1StyleAccount"] { font-size: 1.16em; background: #95B518; color: #FFF; border-bottom: none; margin: 0 0 0 -11px; }
.h1StyleAccountPc { width: calc(100% - 26px); background-color: #95B518; padding: 7px 10px 7px 38px; background-image: url("../../../common/images/common/icon_pc02.png"); background-position: left 5px top 8px; background-repeat: no-repeat; background-size: 25px 16px; }
.h1StyleAccountSp { width: calc(100% - 23px); background-color: #95B518; padding: 7px 10px 7px 35px; background-image: url("../../../common/images/common/icon_sp02.png"); background-position: left 7px top 6px; background-repeat: no-repeat; background-size: 20px 22px; }
[class^="h1StylePay"] { background: #95B518; font-size: 1.16em; color: #FFF; border-bottom: none; margin: 0 0 0 -11px; }
.h1StylePayCredit { width: calc(100% - 26px); padding: 7px 10px 7px 38px; background-image: url("../../../common/images/common/icon_pay_credit02.png"); background-position: left 6px top 8px; background-repeat: no-repeat; background-size: 23px 16px; }
.h1StylePayMybit { width: calc(100% - 26px); padding: 7px 10px 7px 38px; background-image: url("../../../common/images/common/icon_pay_credit02.png"); background-position: left 6px top 8px; background-repeat: no-repeat; background-size: 23px 16px; }
.h1StylePayLocalBank { width: calc(100% - 24px); padding: 7px 10px 7px 36px; background-image: url("../../../common/images/common/icon_pay_local_bank02.png"); background-position: left 6px top 5px; background-repeat: no-repeat; background-size: 22px 21px; }
.h1StylePayCrypto { width: calc(100% - 24px); padding: 7px 10px 7px 36px; background-image: url("../../../common/images/common/icon_pay_crypto01.png"); background-position: left 6px top 5px; background-repeat: no-repeat; background-size: 22px 21px; }
.h1StylePayBank { width: calc(100% - 24px); padding: 7px 10px 7px 36px; background-image: url("../../../common/images/common/icon_pay_bank02.png"); background-position: left 6px top 5px; background-repeat: no-repeat; background-size: 20px 21px; }
.h1StylePayOverseaBank { width: calc(100% - 25px); padding: 7px 10px 7px 39px; background-image: url("../../../common/images/common/icon_pay_oversea_bank02.png"); background-position: left 4px top 5px; background-repeat: no-repeat; background-size: 31px 21px; }
[class^="h1StylePay"] { background: #95B518; font-size: 1.16em; color: #FFF; border-bottom: none; margin: 0 0 0 -11px; }
.h1StylePayWallet { width: calc(100% - 26px); padding: 7px 10px 7px 38px; background-image: url("../../../common/images/common/icon_pay_wallet02.png"); background-position: left 6px top 4px; background-repeat: no-repeat; background-size: 23px 23px; }
.h1StylePayVirtual { width: calc(100% - 26px); padding: 7px 10px 7px 38px; background-image: url("../../../common/images/common/icon_pay_virtual02.png"); background-position: left 6px top 5px; background-repeat: no-repeat; background-size: 23px 23px; }


}

/*--------------------------------------------------------------------
	document
--------------------------------------------------------------------*/

.documentChapter01 { background-color: #005B40; padding: 5px 10px; text-align: center; color: #FFF; }
.documentChapter02 { background-color: #525252; padding: 5px 10px; text-align: center; color: #FFF; }
.documentChapter03 { background-color: #000; padding: 5px 10px; text-align: center; color: #FFF; }
.documentBox01 { background-color: #FBFDEE; padding: 15px; }
.documentBox01a { background-color: #FBFDEE; padding: 15px; }
.documentBox02 { background-color: #F0F0F0; padding: 15px; }
.documentPackId01,.documentPackAddress01 { background-color: #FFF; padding: 10px; box-sizing: border-box; text-align: center; display: table; width: 100%; }
.documentPackId01 { border: 5px solid #005B40; }
.documentPackAddress01 { border: 5px solid #799315; }
.documentPackId01 p,.documentPackAddress01 p { height: 200px; display: table-cell; vertical-align: middle; margin-bottom: 0; }
.boxTableDocument01 { margin: 0 auto 1.3em; }
.boxTableDocument01 table { margin: 0 !important; }
.tableDocument01 { border-collapse: collapse; font-size: 0.9em; line-height: 1.4em; text-align: center; width: 100% !important; }
.tableDocument01 td,.tableDocument01 th { padding: 6px; vertical-align: middle; border: 1px solid #B1B1B1; }
.tableDocument01 th { background-color: #F5F5F5; font-weight: normal; }
.tableDocument01 thead td { background-color: #FCFDF1; }
.tableDocument01 tbody td { background-color: #FFF; }
.tableDocument01.tablePay01 tbody td { padding: 14px 6px; }
.tableDocument01 tbody tr td:first-child { text-align: left; width: 30%; }
.tableDocument01 tbody tr.cellOk td:nth-child(n+2) { background-color: #FFFFBF; }
.boxTableDocument02 { margin: 0 auto 1.3em; }
.boxTableDocument02 > div:first-child { border-top: 1px solid #B1B1B1; }
.tableDocument02 { width: 100%; display: table; box-sizing: border-box; border-bottom: 1px solid #B1B1B1; border-left: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; }
.tableDocument02 > div { display: table-cell; vertical-align: middle; line-height: 1.6em; position: relative; }
.tableDocument02 > div:nth-child(1) { width: 450px; border-right: 1px solid #B1B1B1; background-color: #F5F5F5; vertical-align: top; }
.tableDocument02 .Cell01a { width: 210px; padding: 10px 5px; vertical-align: top; }
.tableDocument02 .Cell01b { width: auto; padding: 10px 5px; border-left: 1px solid #B1B1B1; background-color: #FFF; text-align: center; }
.tableDocument02 > div:nth-child(2) { width: auto; padding: 10px 5px; vertical-align: top; }
.tableDocument02 > div.active { background-color: #FBFDEE; }
.tableDocument02btn { background-color: #B1B1B1; background-image: url("../../../common/images/common/arrow10_down.png"); background-position: center center; background-repeat: no-repeat; text-align: center; padding: 0; box-sizing: border-box; height: 24px; width: 210px; cursor: pointer; position: absolute; bottom: 5px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.tableDocument02btn.active { background-image: url("../../../common/images/common/arrow10_up.png"); }
.tableDocument02Detail { box-sizing: border-box; border-left: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1; padding: 10px; background-color: #FBFDEE; }
.tableDocument02DetailInner { box-sizing: border-box; border: 1px solid #B1B1B1; padding: 10px; background-color: #FFF; }
.tableDocument02DetailInner02 { box-sizing: border-box; border: 1px solid #B1B1B1; padding: 10px; background-color: #FFF; font-size: 0.86em; margin-top: 20px; line-height: 1.4em; -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); }
.tableDocument02DetailInner02 img { max-width: 100%; height: auto; }
.tableDocument02DetailInnerBox { background: url("../../../common/images/common/bg_dot02.png") left 375px top repeat-y; }
.tableDocument02DetailInnerBox02 { font-size: 0.8em; }
.tableDocument02DetailInnerBoxColor { width: 365px; padding-right: 10px; font-size: 0.8em; }
.tableDocument02DetailInnerBoxMono { width: auto; padding-left: 20px; font-size: 0.8em; }
.tableDocument02DetailInner ul { margin-bottom: 0; line-height: 1.4em; }
.tableDocument02DetailInner ul li { margin-bottom: 5px; padding-left: 15px; position: relative; }
.tableDocument02DetailInner ul li:last-child { margin-bottom: 0; }
.tableDocument02DetailInner ul li:after { display: block; content: ""; position: absolute; top: 2px; left: 2px; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #FF9E3B; }
.tableDocument02DetailChapter01 { background-color: #B1B1B1; color: #FFF; padding: 5px; text-align: center; line-height: 1.4em; }
.memoDocumentColor { padding:  0 0 0 27px; background: url("../../../common/images/common/icon_color01.png") left top 4px no-repeat; }
.memoDocumentMono { padding:  0 0 0 27px; background: url("../../../common/images/common/icon_mono01.png") left top 4px no-repeat; }

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

.tableDocument01.tablePay01.styleA,
.tableDocument01.tablePay01.styleB { table-layout: fixed; }

.tableDocument01.tablePay01.styleA thead td:nth-child(1) { width: 40% !important; }
.tableDocument01.tablePay01.styleA thead td:nth-child(2) { width: 25% !important; }
.tableDocument01.tablePay01.styleA thead td:nth-child(3) { width: 20% !important; }
.tableDocument01.tablePay01.styleA thead td:nth-child(4) { width: 15% !important; }

.tableDocument01.tablePay01.styleB thead td:nth-child(1) { width: 40% !important; }
.tableDocument01.tablePay01.styleB thead td:nth-child(2) { width: 24% !important; }
.tableDocument01.tablePay01.styleB thead td:nth-child(3) { width: 21% !important; }
.tableDocument01.tablePay01.styleB thead td:nth-child(4) { width: 15% !important; }

}

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

.boxTableDocument01 { overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.boxTableDocument01::-webkit-scrollbar { height: 5px; }
.boxTableDocument01::-webkit-scrollbar-track { background: #F1F1F1; }
.boxTableDocument01::-webkit-scrollbar-thumb { background: #BCBCBC; }
.tableDocument02 { width: 100%; display: block; border-bottom: 1px solid #B1B1B1; border-left: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; }
.tableDocument02 > div { display: block; border-bottom: 1px solid #B1B1B1; border-left: none; border-right: none; }
.tableDocument02 .Cell01a { width: auto; vertical-align: middle; }
.tableDocument02 .Cell01b { width: 110px; padding: 10px 15px; }
.tableDocument02 > div:nth-child(1) { width: auto; border-right: none; }
.tableDocument02 > div:nth-child(2) { width: auto; border-right: none; border-bottom: none; padding-bottom: 45px; }
.tableDocument02btn { height: 28px; width: 94%; left: 0; right: 0; margin: 0 auto; bottom: 10px; }
.tableDocument02DetailInnerBox { background: none; }
.tableDocument02DetailInnerBoxColor { width: auto; padding-right: 0; vertical-align: bottom !important; }
.tableDocument02DetailInnerBoxMono { width: auto; padding-left: 0; padding-top: 20px; vertical-align: bottom !important; }
.documentBox01a { padding: 7px; }
.documentPackId01 { border: 2px solid #005B40; }
.documentPackAddress01 { border: 2px solid #799315; }
.documentPackId01 p,.documentPackAddress01 p { height: 100px; display: table-cell; vertical-align: middle; margin-bottom: 0; }
.documentPackId01 p img,.documentPackAddress01 p img { height: 80px; }
.documentPack01,.documentPack02 { border: 1px solid #B1B1B1; padding: 8px; }
.documentPack01 { background-color: #FBFDEE; }
.documentPack02 { background-color: #F0F0F0; }
.documentPack01Inner,.documentPack02Inner { border: 1px solid #B1B1B1; background-color: #FFF; padding: 10px 5px 5px; }
.documentPack01 .documentBox01,.documentPack02 .documentBox02 { background-color: #FFF; padding: 10px; }

}

/*--------------------------------------------------------------------
	payin
--------------------------------------------------------------------*/

[class^="linkPay01"] { padding: 0 0 0 55px; display: block; background-repeat: no-repeat; }
.linkPay01Credit { background-image: url("../../../common/images/common/icon_pay_credit01.png"); background-size: 34px 25px; background-position: left 5px center; }
.linkPay01Mybit { background-image: url("../../../common/images/common/icon_pay_credit01.png"); background-size: 34px 25px; background-position: left 5px center; }
.linkPay01LocalBank { background-image: url("../../../common/images/common/icon_pay_local_bank01.png"); background-size: 38px 33px; background-position: left 5px center; line-height: 34px; min-height: 34px; }
.linkPay01Crypto { background-image: url("../../../common/images/common/icon_pay_crypto01.png"); background-size: 34px 33px; background-position: left 5px center; line-height: 34px; min-height: 34px; }
.linkPay01OverseaBank { background-image: url("../../../common/images/common/icon_pay_oversea_bank01.png"); background-size: 46px 33px; background-position: left center; line-height: 34px; min-height: 34px; }
.linkPay01Bank { background-image: url("../../../common/images/common/icon_pay_bank01.png"); background-size: 32px 33px; background-position: left 5px center; line-height: 34px; min-height: 34px; }
.linkPay01Wallet { background-image: url("../../../common/images/common/icon_pay_wallet01.png"); background-size: 34px 34px; background-position: left 5px center; line-height: 34px; min-height: 34px; }
.linkPay01Virtual { background-image: url("../../../common/images/common/icon_pay_virtual01.png"); background-size: 34px 34px; background-position: left 5px center; line-height: 34px; min-height: 34px; }
.iconPay01 li { padding: 0 2px; }
.iconPayServiceLogo01{ padding: 15px 10px; text-align: center; background-color: #FFF; border: 1px solid #9E9E9E; }
.linkWeb01 { padding: 0 0 0 45px; display: inline-block; background: url("../../../common/images/common/icon_web01.png") 0 3px no-repeat; }
.linkYoutube01 { padding: 0 0 0 45px; display: inline-block; background: url("../../../common/images/common/icon_youtube01.png") 0 3px no-repeat; }

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

.iconPay01 img { max-width: 1000px !important; width: auto !important; }
.linkWeb01 { padding: 0 0 0 30px; background: url("../../../common/images/common/icon_web01.png") 0 3px no-repeat; background-size: 20px 15px; }
.linkYoutube01 { padding: 0 0 0 30px; background: url("../../../common/images/common/icon_youtube01.png") 0 3px no-repeat; background-size: 20px 14px; }

}

/*--------------------------------------------------------------------
	swiper
--------------------------------------------------------------------*/

.swiper-container { margin-bottom: 1em; }
.swiper-container img { max-width: 100%; height: auto; }

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

.swiper-container { padding: 0 11px; }

}

/*--------------------------------------------------------------------
	footer
--------------------------------------------------------------------*/

.reviewFooter { width: 100%; height: 66px; position: fixed !important; bottom: 0; left: 0; z-index: 4; display: none; }
.reviewFooterInner { width: 100%; height: 60px; margin-top: 6px; box-sizing: border-box; border-top: 1px solid #94B31A; background-color: #EFF4DD; }
.reviewFooterInnerWrap { width: 1160px; height: 60px; margin: 0 auto; }
.reviewFooterInnerWrapBtnTotop { margin-top: -6px; }

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

.reviewFooter { height: 48px; }
.reviewFooterInner { width: 100%; height: 48px; margin-top: 0; }
.reviewFooterInnerWrap { width: 100%; height: 48px; margin: 0 auto; }

}


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

.reviewFooter .btnAccount02 a { font-size: 0.9em; }
.reviewFooter .btnWeb02 a { font-size: 0.9em; }

}

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

.reviewFooter .btnAccount02 a { font-size: 0.8em; }
.reviewFooter .btnWeb02 a { font-size: 0.8em; }

}


.link01 ~ .link01 {
  margin-top: -16px;
}