.tabs-list {
	clear:both;
	overflow: hidden;
	margin-top: 20px;
}

.home_ranking_menu { margin: 40px 0 25px;}

.home_ranking_menu li {
  width: 150.5px;
  height: 130px;
  float: left;
  margin-right: 10px;
  display: block;
  font-size: 14px;
  padding: 3px 18.8px;
  letter-spacing: 1px;
  background: #f0efe9;
  border-radius: 3px;
  transition-duration: 300ms;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.home_ranking_menu li:before,
.ranking_menu li:before {
  display: block;
  font-family: icomoon;
  font-size: 50px;
  font-weight: normal;
  height: 80px;
  margin-top: 5px;
  color: #484848;
}

.home_ranking_menu li.tab-active:before,
.home_ranking_menu li:hover:before,
.ranking_menu li.tab-active:before,
.ranking_menu li:hover:before { color:#fff;}

.home_ranking_menu .tab1:before,
.ranking_menu .tab1:before {
  content: "\eaee";
  font-size: 52px;
}

.home_ranking_menu .tab2:before,
.ranking_menu .tab2:before {
  content: "\eaf4";
}

.home_ranking_menu .tab3:before,
.ranking_menu .tab3:before {
  content: "\f1ad";
  font-family: FontAwesome;
  font-size: 48px;
}

.home_ranking_menu .tab4:before,
.ranking_menu .tab4:before {
  content: "\eb00";
}

.home_ranking_menu .tab5:before,
.ranking_menu .tab5:before {
  content: "\eaf3";
  font-size: 48px;
}

.home_ranking_menu .tab6:before,
.ranking_menu .tab6:before {
  content: "\e99f";
}

.home_ranking_menu li:nth-child(2){
padding: 3px 15px;
}

.tab_label {
	overflow:hidden;
	margin-top: 15px;
}

.tab_label li {
	padding: 5px 0;
	background: #484848;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	letter-spacing: 3px;
}

.tab_label li:nth-of-type(1) {
	width: 59.3%;
	float: left;
}

.tab_label li:nth-of-type(2) {
	width: 39.3%;
	float: right;
}

.compare_memu{
	overflow:hidden;
	margin-top: 20px;
}

/*.ranking_menu li,*/
.top_caption ul.ranking_menu {
  width: 1060px;
}

.topContent_ranking .top_caption p {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 60px;
  padding: 20px 0 0;
}

.compare_memu a {
	float:left;
	width:133px;
	margin-right:10px;
	display: block;
	font-size: 16px;
	padding: 10px 0;
	letter-spacing: 1px;
	background:#f0efe9;
	border-radius:40px;
	transition-duration: 300ms;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

.ranking_menu li {
  float:left;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  background: rgba(221, 221, 221, 0);
  margin-right:20px;
  display: block;
  font-size: 16px;
  padding: 10px 0;
  letter-spacing: 1px;
  transition-duration: 300ms;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  color: #fff;
  position: relative;
}

.ranking_menu li:before { color: #fff;}

.ranking_menu li.tab-active,
.ranking_menu li:hover {
  border-color: #fff !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.compare_memu a{
	color:#333;
	opacity:1;
}

.ranking_menu li:last-child,
.home_ranking_menu li:last-child,
.compare_memu li:last-child a{
	margin-right:0;
}


	/* 絞込検索tab */

.serch_type .tabs-list li{
width: 31.5%;
float: left;
margin: 5px;
padding: 10px;
text-align: center;
border-radius: 5px;
background: #fff;
cursor: pointer;
font-weight: bold;
letter-spacing: 1px;
}

/*
.serch_type .hTab .panel-1{
	border:1px solid #13b0ab;
}

.serch_type .hTab .panel-2{
	border:1px solid #00a0e9;
}

.serch_type .hTab .panel-3{
	border:1px solid #936abe;
}

.serch_type .hTab .panel-4{
	border:1px solid #dd4b39;
}

.serch_type .hTab .panel-5{
	border:1px solid #e7b322;
}

.tabs-list li:last-child{
	margin-right:0;
}
*/
.serch_type .hTab .panel-1,
.serch_type .hTab .panel-2,
.serch_type .hTab .panel-3,
.serch_type .hTab .panel-4,
.serch_type .hTab .panel-5,
.serch_type .hTab .panel-6 {
	padding: 15px 15px 0;
	clear: left;
	margin: 20px 0 25px;
}



.hTab .tab_inner {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

.serch_type .hTab .tab_inner{
	background:transparent;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 10px;
	display: none;
}

.tab-content {
	display: none;
	/*overflow: hidden;*/
}

.resp-content-active, .resp-accordion-active {
		display: block;
}

/* 横タブ */

#vTab {
	margin-top: 20px !important;
	margin-bottom:30px!important;
	overflow:hidden;
}

#vTab .v_margin{
	margin-top:30px;
}

#vTab .tabs-list{
	overflow:visible;
}

#vTab .basic_menu{
	width:70px;
	float:left;
	margin-top: 0 !important;
}

#vTab .basic_menu li{
	height:70px;
	clear:both;
	cursor:pointer;
	background: #484848;
	position:relative;
	border-bottom:1px solid rgba(255,255,255,0.1);
}

#vTab .basic_menu li:last-child{
	border-bottom:none;
}

#vTab .tab_inner{
	width:636px;
	height:350px;
	float:left;
	clear:none;
	background:#f6f5f1;
	padding: 15px 30px;
	position:relative;
}

#vTab .tab_inner img{
	width: 200px;
	height: 160px;
	float:left;
	margin-right:20px;
}

#vTab .tab_inner p{
	font-size: 16px;
	margin-top: 15px;
}

#vTab .tab_inner a{
	display:block;
	clear:both;
	transition: 0.4s;
}

/*#vTab h3*/
#vTab h2{
	font-size:26px;
	margin-bottom: 10px;
}

/*#vTab h3 span*/
#vTab h2 span{
  width:100px;
  display:inline-block;
}

#vTab .basic_menu li.tab-active:after{
left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-width: 10px;
	margin-top: -10px;
	z-index: 2;
		}

#vTab .basic_menu li.tab1.tab-active:after{
	border-left-color: #13b0ab;
}

#vTab .basic_menu li.tab2.tab-active:after{
	border-left-color: #00a0e9;
}

#vTab .basic_menu li.tab3.tab-active:after{
	border-left-color: #936abe;
}

#vTab .basic_menu li.tab4.tab-active:after{
	border-left-color: #dd4b39;
}

#vTab .basic_menu li.tab5.tab-active:after{
	border-left-color: #e7b322;
}


#vTab .panel-1 span{
	color:#13b0ab;
	font-weight:bold;
}

#vTab .panel-2 span{
	color:#00a0e9;
	font-weight:bold;
}

#vTab .panel-3 span{
	color:#936abe;
	font-weight:bold;
}

#vTab .panel-4 span{
	color:#dd4b39;
	font-weight:bold;
}

#vTab .panel-5 span{
	color:#e7b322;
	font-weight:bold;
}


/* title */

.tab_inner h3 {
	line-height: 1.7;
}

.tab_inner h4 {
	line-height: 1.7;
}

.tab0.tab-active,
.tab0:hover,
#vTab .panel-0 a:hover{
	background:#1c9c72!important;
	color:#fff!important;
	border-color:#1c9c72!important;
}

.tab1.tab-active,
.tab1:hover,
#vTab .panel-1 a:hover{
	background:#13b0ab!important;
	color:#fff!important;
	border-color:#13b0ab!important;
}

.tab2.tab-active,
.tab2:hover,
#vTab .panel-2 a:hover{
	background:#00a0e9!important;
	color:#fff!important;
	border-color:#00a0e9!important;
}

.tab3.tab-active,
.tab3:hover,
#vTab .panel-3 a:hover{
	background:#936abe!important;
	color:#fff!important;
	border-color:#936abe!important;
}

.tab4.tab-active,
.tab4:hover{
	background:#b83070!important;
	color:#fff!important;
	border-color:#b83070!important;
}

.tab5.tab-active,
.tab5:hover{
	background:#dd4b39!important;
	color:#fff!important;
	border-color:#dd4b39!important;
}

.tab6.tab-active,
.tab6:hover,
#vTab .panel-6 a:hover{
	background:#e7b322!important;
	color:#fff!important;
	border-color:#e7b322!important;
}

.tab7.tab-active,
.tab7:hover,
#vTab .panel-7 a:hover{
	background:#40bd73!important;
	color:#fff!important;
	border-color:#40bd73!important;
}

/* 初めての方 4番目と5番目のタブ */

#vTab .tab4.tab-active,
#vTab .tab4:hover,
#vTab .panel-4 a:hover{
	background:#dd4b39!important;
	border-color:#dd4b39!important;
}

#vTab .tab5.tab-active,
#vTab .tab5:hover,
#vTab .panel-5 a:hover{
	background:#e7b322!important;
	border-color:#e7b322!important;
}

.panel-1 .tab_caption{
	border-color: #13b0ab;
}

.panel-1 .tab_caption dt{
	color: #13b0ab;
}

.panel-2 .tab_caption{
	border-color: #00a0e9;
}

.panel-2 .tab_caption dt{
	color: #00a0e9;
}

.panel-3 .tab_caption{
	border-color: #936abe;
}

.panel-3 .tab_caption dt{
	color: #936abe;
}

.panel-4 .tab_caption{
	border-color: #dd4b39;
}

.panel-4 .tab_caption dt{
	color: #dd4b39;
}

.panel-5 .tab_caption{
	border-color: #e7b322;
}

.panel-5 .tab_caption dt{
	color: #e7b322;
}

.tab_caption dd{
	font-size: 17px;
	line-height: 1.8;
	margin-top: 10px;
}

/* 業者ページ登録方法タブ */

#howto {
	margin-top:40px;
}

#howto .tab_inner{
	border-top:1px solid #cfcec9;
	overflow:hidden;
	position: relative;
	margin-top: -1px;
}

#howto li{
	width:47%;
	float:left;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	margin: 0 0 0 20px;
	padding:15px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	position: relative;
	z-index: 10;
	background: #aaa;
	cursor:pointer;
	color:#fff;
}

.tab_howto_pc:before{
	content:url('https://d4a972.claudeassets.com/20220908084316im_/https://cf-hikaku.net/wp-content/themes/cf-hikaku_4/images/icon_pc_on.png');
	position:relative;
	top: 5px;
	margin-right: 10px;
}

.tab_howto_mobile:before{
	content:url('https://e4ab1e.claudeassets.com/20220908084316im_/https://cf-hikaku.net/wp-content/themes/cf-hikaku_4/images/icon_mobile_on.png');
	position:relative;
	top: 5px;
	margin-right: 10px;
}

.tab_howto_pc.tab-active:before{
	content:url('https://7b47a0.claudeassets.com/20220908084316im_/https://cf-hikaku.net/wp-content/themes/cf-hikaku_4/images/icon_pc.png');
}

.tab_howto_mobile.tab-active:before{
	content:url('https://ff930f.claudeassets.com/20220908084316im_/https://cf-hikaku.net/wp-content/themes/cf-hikaku_4/images/icon_mobile.png');
}

.tab_howto_pc.tab-active,
.tab_howto_mobile.tab-active{
	background:#fff!important;
	border-color:#cfcec9!important;
	color:#333!important;
}

#howto .tab_inner{
	padding: 0 80px;
}

#howto h3{
	font-size:24px;
	margin-top:50px;
	padding: 10px 15px;
	background:#f0efe9;
}

#howto h3 span{
text-align: center;
color: #fdcf52;
background: #484848;
width: 28px;
height: 28px;
display: inline-block;
border-radius: 50%;
font-size: 19px;
line-height: 1.3;
margin-right: 7px;
position: relative;
top: -2px;
}

#howto p{
	width:640px;
	margin:40px auto 0;
	font-size:18px;
}

#howto img{
	margin:40px auto 0;
	width:640px;
	height:auto;
	display:block;
}

#howto a{
	color: #129db6;
	text-decoration: underline;
}

#howto .heed,#howto .heed2,#howto .heed3{
	width:640px;
	margin:40px auto 0;
}

/* ファンド表示タブ */


#fund_content .hTab{
	padding-bottom:30px;
}

#fund_content .tab_inner{
	border-top:4px solid #f0efe9;
	margin-top:-4px;
	padding: 0 15px;
}

#fund_content .tab_inner h3 {
	margin-top:20px;
	font-size:18px;
}

#fund_content .tab_inner p{
	margin-top:10px;
}

.tab_flat{
	display:inherit;
	float:left;
	padding: 10px 17px;
	cursor:pointer;
	font-weight: bold;
	font-size:20px;
	position:relative;
}

.tab_flat.tab-active{
	border-bottom:4px solid #000;
}

.tab_flat:hover{
	border-bottom:4px solid #cccbc6;
}

.tab_flat.tab-active:hover{
	border-bottom:4px solid #000;
}


h2.resp-accordion {
		font-size: 13px;
		border: 1px solid #dcdcdc;
		border-top: 0px solid #dcdcdc;
		margin: 0px;
		padding: 15px;
}

h2.tab-active {
		border-bottom: 0px solid #dcdcdc !important;
		margin-bottom: 0px !important;
		padding: 15px;
}

h2.tab-title:last-child {
		border-bottom: 12px solid #dcdcdc !important;
		background: blue;
}

/*-----------Accordion styles-----------*/

.resp-easy-accordion{
		width: 94%!important;
		margin:0 auto;
}


h2.tab-active {
}

.resp-easy-accordion h2.resp-accordion {
		display: block;
}

.resp-easy-accordion .tab-content {
		border: 1px solid #dcdcdc;
}

.resp-easy-accordion .tab-content:last-child {
		border-bottom: 1px solid #dcdcdc;/* !important;*/
		border-radius:0 0 10px 10px!important;
}

.resp-jfit {
		width: 100%;
		margin: 0px;
}

.tab-content-active {
    display: block;
}


[class^="hvr-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  cursor: pointer;
  text-decoration: none;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


/* Rectangle Out */

/*
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
		border-radius:40px;
		overflow:hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #13b0ab;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
		border-radius:40px;
		overflow:hidden;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
 */

	.mc-image{
		background-size:contain;
	}

	.top_caption li a{
transition:all 0.6s;
}
.top_caption li a:hover{
	background:#13b0ab;
}



/* Round Corners */
.hvr-round-corners {
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 0;
}

/*bottom_content*/
.btm_tabMenu { border-bottom: 1px solid #ddd;}

.btm_tabMenu li{
  width: 285px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  background: #ddd;
  float: left;
  margin-right: 20px;
  display: block;
  letter-spacing: 1px;
  border-radius: 3px 3px 0 0;
  transition-duration: 300ms;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  position: relative;
}

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

.btm_tabMenu li.tab4 { position: relative;}

.btm_tabMenu li .new_icon,
.ranking_menu li .new_icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #f04b4f;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 10px;
  text-align: center;
  z-index: 10;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.ranking_menu li .new_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  left: initial;
  right: -10px;
}

/*業者ページ*/
#gyousya_tab ul {
  display: block;
  width: 855px;
  margin: 30px auto 0;
  padding-bottom: 20px;
}

#gyousya_tab li {
  width: 210px;
  height: 64px;
  line-height: 64px;
  margin-right: 5px;
  font-size: 18px;
  font-size: 20px;
  background: #ddd;
  float: left;
  display: block;
  letter-spacing: 1px;
  border-radius: 3px;
  transition-duration: 300ms;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  position: relative;
}

#gyousya_tab li.tab-active,
#gyousya_tab li:hover {
  background: #00a0e9!important;
  color: #fff;
}

#gyousya_tab li.tab-active:after {
  left: 46%;
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-width: 10px;
  margin-top: 0;
  z-index: 2;
  border-top-color: #00a0e9;
}

#gyousya_tab li:last-child { margin-right: 0px;}



/* IE ************************/
@media all and (-ms-high-contrast:none) {

	.btm_tabMenu li,
		#gyousya_tab li{
		line-height: 67px;
	}
	
}
/*
     FILE ARCHIVED ON 10:26:45 Sep 08, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:14:22 Jul 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.965
  exclusion.robots: 0.091
  exclusion.robots.policy: 0.078
  esindex: 0.009
  cdx.remote: 397.897
  LoadShardBlock: 401.276 (3)
  PetaboxLoader3.datanode: 209.762 (5)
  PetaboxLoader3.resolve: 632.652 (3)
  load_resource: 552.428
  loaddict: 80.724
*/