/* Theme Name: 車買取サイト  */

*{
	margin: 0;
	padding: 0;
}
body {
	background: #FFF;
	text-align: left;
	line-height: 1;
	font-family: Helvetica,Arial,’Hiragino Kaku Gothic Pro’,'ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
	font-weight: 400;
	font-feature-settings : "palt";
	color: #686357;
	user-select:none;
	-webkit-user-select: none;
	-webkit-touch-callout:none;
	margin: 0;
}
a{
	color: #f9c534;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
table{
	margin-bottom: 20px;
	max-width: 100%;
	border-collapse: collapse;
}
th, td{
	padding: 8px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
ol, ul{
	margin: 0;
	list-style: none;
}
ul li{
	position: relative;
	margin: 0.35em 0;
	padding-left: 25px;
	line-height: 1.4
}
ul li:before{
	position: absolute;
	content: "";
	top: 0.6em;
	left: 10px;
	width: 6px;
	height: 6px;
	background: #ffcd44;
	border-radius: 100%;
}
input, select{
	background: none;
	border: 0;
	font-family: Helvetica,Arial,’Hiragino Kaku Gothic Pro’,'ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
	-webkit-appearance: none;
	appearance: none;
}
#menu ul li:before, .tab li:before, .pagenation ul li:before, .bread ul li:before,
#sidebar ul.sb_menu li:before, .footer_menu li:before, .catlist li:before{
	position: static;
	width: 0;
	height: 0;
}
@media (max-width: 750px){
	body{ font-size: ; }
	.inner{ padding: 4vw; }
	#contents.flex{ flex-direction: column; }
}
@media (min-width: 751px){
	html{ font-size: 62.5%; }
	body{ font-size: 1.6rem; }
	#wrap{ background: #fcfcf3; }
	.inner{
		margin: auto;
		width: 1140px;
	}
	#contents.flex{
		justify-content: space-between;
		margin: 30px auto 50px;
	}
	main{ width: 760px; }
	#sidebar{ width: 330px; }
}

/* ------------------------------------------------
 header
------------------------------------------------ */
header{ background: #58b5c9; }
#logo a{
	display: block;
	margin: auto;
	background: url(images/sitelogo.png) no-repeat;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#menu{
	background: #58b5c9;
	border-top: 1px solid #fff;
}
#menu ul{ justify-content: space-around; }
#menu ul li{
	flex: 1;
	padding: 2px 0;
	overflow: hidden;
}
#menu ul li a{
	display: block;
	padding: 13px 25px;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
@media (max-width: 750px){
	#logo a{
		width: 76vw;
		height: 20vw;
		background-position: center;
		background-size: cover;
	}
	#menu{ display: none; }
}
@media (min-width: 751px){
	header{ padding: 15px 0; }
	#logo a{
		width: 350px;
		height: 102px;
		background-position: 0 0;
		background-size: contain;
	}
	#menu ul li a:hover{ background: #0078d7; }
}

/* ------------------------------------------------
 main
------------------------------------------------ */
main h1{ line-height: 1.2; }
main h2{
	margin: 2em 0 1.6em;
	padding: 16px 12px 15px;
	background: #f6fafa;
	border-bottom: 1px solid #4696a3;
	border-left: 5px solid #4696a3;
}
main h3{
	margin: 2.3em 0 1.6em;
	padding: 0 8px 8px;
	border-bottom: 3px solid #4696a3;
	font-size: 1.5em;
}
main p{
	padding-bottom: 2em;
	line-height: 1.8;
}
@media (max-width: 750px){
	main h1{
		margin-bottom: 1em;
		font-size: 1.5em;
	}
	main h2{ font-size: 1.4em; }
	main h3{ font-size: 1.15em; }
}
@media (min-width: 751px){
	main h1{
		margin-bottom: 30px;
		font-size: 1.8em;
	}
	main h2, main h3{ font-weight: normal; }
	main h2{ font-size: 1.65em; }
	main h3{ font-size: 1.5em; }
}

/* ------------------------------------------------
 top
------------------------------------------------ */
.top_menu{ justify-content: space-between; }
.top_menu li{
	margin: 2px;
	background: rgba(189, 189, 189, 0.17);
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.top_menu li.select{
	position: relative;
	background: #4696a3;
	color: #fff;
}
.post_list.flex{
	flex-wrap: wrap;
	justify-content: space-between;
}
.post_list .post_list_item{
	position: relative;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.post_list .post_list_item a{
	display: block;
	text-decoration: none;
	color: #686357;
}
.post_list .post_list_item .thumb .cat{
	position: absolute;
	top: 11px;
	left: 11px;
	padding: 5px 12px;
	background: #ffcd44;
	border-radius: 100px;
	font-size: 0.65em;
	color: #fff;
}
.post_list .post_list_item .date{
	position: absolute;
	right: 5%;
	color: #888;
}
.pagenation{ margin: 30px 0; }
.pagenation ul{
	display: flex;
	justify-content: center;
}
.pagenation ul li{
	margin: 0 4px;
	padding: 0;
}
.pagenation ul li.active, .pagenation ul li a{
	padding: 0 3px;
	width: 38px;
	height: 38px;
	border-radius: 100px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	box-sizing: border-box;
	line-height: 38px;
	text-align: center;
	font-size: 0.85em;
}
.pagenation ul li.active, .pagenation ul li a:hover{
	background: #4696a3;
	color: #fff;
}
.pagenation ul li a{
	display: block;
	background: #fff;
	text-decoration: none;
	color: #aaa;
}
.pagenation ul li a:hover{
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
@media (max-width: 750px){
	.top_menu.flex{
		flex-wrap: wrap;
		margin-bottom: 1em
	}
	.top_menu li{
		padding: 10px;
		width: calc(50% - 4px);
		font-size: 0.75em;
	}
	.post_list .post_list_item{
		margin-bottom: 1em;
		width: 48.5%;
	}
	.post_list .post_list_item .ttl{
		padding: 8px 10px 20px;
		line-height: 1.6;
		font-size: 0.8em;
	}
	.post_list .post_list_item .date{
		bottom: 5px;
		font-size: 0.65em;
	}
}
@media (min-width: 751px){
	.top_menu{ margin-bottom: 30px; }
	.top_menu li{
		flex: 1;
		padding: 15px;
		font-size: 0.85em;
	}
	.top_menu li.select:after{
		position: absolute;
		content: "";
		bottom: -16px;
		left: 50%;
		border: 8px solid transparent;
		border-top: 8px solid #4696a3;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.top_menu li:hover{
		-webkit-transform: scale(0.96);
		transform: scale(0.96);
	}
	.post_list.flex{ padding: 12px 24px 2px; }
	.post_list .post_list_item{
		margin-bottom: 20px;
		width: 345px;
	}
	.post_list .post_list_item:hover{
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	.post_list .post_list_item img{
		width: 100%;
		height: 230px;
		object-fit: cover;
	}
	.post_list .post_list_item .ttl{
		padding: 15px 17px 25px;
		line-height: 1.6;
		font-size: 1.125em;
	}
	.post_list .post_list_item .date{
		bottom: 10px;
		font-size: 0.75em;
	}
}

/* ------------------------------------------------
 single
------------------------------------------------ */
.single .cat{
	display: inline-block;
	margin-bottom: 15px;
	background: #ffcd44;
	border-radius: 15px;
	font-size: 0.7em;
	color: #fff;
}
.single .date{
	margin-top: 15px;
	text-align: right;
	font-size: 0.8em;
	color: #bbb;
}
.single .date .pr{
	padding: 2px 6px;
	border: 1px solid #bbb;
	font-size: 0.8em;
}
.single .eyecatch{ text-align: center; }

/* toc
-------------------- */
main #toc_container{
	position: relative;
	margin-bottom: 40px;
	padding: 0;
	width: 100%;
	background: #fff;
	border-radius: 2px;
}
#toc_container:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 4px solid #e1eff4;
	box-sizing: border-box;
}
#toc_container p.toc_title{
	font-size: 1.65em;
	color: #4696a3;
}
#toc_container .toc_title .toc_toggle a{ font-size: 0.75em; }
#toc_container .toc_list li{ margin: 0 0 5px 6px; }
#toc_container .toc_list li:not(li ul li):before{
	position: static;
	width: 0;
	height: 0;
}
#toc_container .toc_list li .toc_number{
	margin-right: 20px;
	font-size: 1.2em;
	color: #4696a3;
}
#toc_container .toc_list li .toc_number.toc_depth_2{ display: none; }
#toc_container .toc_list li ul{ margin: 10px 0 18px 1.5em; }
#toc_container .toc_list li ul li{ padding-left: 20px; }
#toc_container .toc_list li ul li:before{ background: #686357; }
#toc_container .toc_list li a{
	display: block;
	color: #686357;
}
@media (max-width: 750px){
	.single .cat{ padding: 5px 10px; }
	.single .eyecatch{ margin: 1em 0; }
	#toc_container .toc_list{ padding: 0 25px 30px; }
}
@media (min-width: 751px){
	article.single{
		padding: 30px;
		background: #fff;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.18);
	}
	.single .cat{ padding: 8px 10px; }
	.single .eyecatch{ margin: 20px; }
	#toc_container .toc_list{ padding: 0 60px 40px; }
}

/* bread
-------------------- */
.bread ul{ padding: 15px 0; }
.bread ul li{ padding: 0; }
.bread ul li:not(:last-child):after{
	content: ">";
	margin: 0 10px;
}
.bread ul li a{
	text-decoration: none;
	color: #60605a;
}
@media (max-width: 750px){
	.bread{
		margin: 0 4vw 4vw;
		padding: 0 4vw;
		background: #f5f5f5;
	}
	.bread ul.flex{ flex-wrap: wrap; }
	.bread ul li{ font-size: 0.65em; }
}
@media (min-width: 751px){
	.bread{ background: #ddddd4; }
	.bread ul li{ font-size: 0.75em; }
}

/* ------------------------------------------------
 page
------------------------------------------------ */
.wpcf7{
	margin: 30px auto;
	padding: 40px 30px;
	background: #f9f9f9;
}
.wpcf7 p{
	margin: -10px 0 0;
	padding-bottom: 2em;
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{
	padding: 7px 10px;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-sizing: border-box;
}
.wpcf7 input[type=checkbox]{
	margin: 3px;
	-webkit-appearance: auto;
	appearance: auto;
}
.wpcf7 .wpcf7-submit{
	display: block;
	margin: auto;
	padding: 7px 50px;
	background: #ddd;
	font-size: 1em;
	color: #fff;
	cursor: pointer;
}
@media (min-width: 751px){
	.wpcf7{ width: 80%; }
}

/* ------------------------------------------------
 sidebar
------------------------------------------------ */
#sidebar{ line-height: 1.4; }
#sidebar section, #sidebar .sb_pickup{
	margin-bottom: 50px;
}
#sidebar h3{
	position: relative;
	margin-bottom: 15px;
	padding: 10px;
}
#sidebar h3:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: -webkit-linear-gradient(-45deg, transparent 25%, #4696a3 25%, #4696a3 50%, transparent 50%, transparent 75%, #4696a3 75%, #4696a3);
	background: linear-gradient(-45deg, transparent 25%, #4696a3 25%, #4696a3 50%, transparent 50%, transparent 75%, #4696a3 75%, #4696a3);
	background-size: 6px 6px;
}
#sidebar .sb_pickup a{
	display: block;
	text-decoration: none;
	color: #686357;
}
#sidebar .sb_pickup a:hover{ color: #f9c534; }
#sidebar .sb_cat_list{ position: relative; }
#sidebar .sb_cat_list:after{
	position: absolute;
	content: "";
	top: calc(50% - 3px);
	right: 15px;
	width: 8px;
	height: 8px;
	border-right: 3px solid #4696a3;
	border-bottom: 3px solid #4696a3;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
#sidebar .sb_cat_list form select{
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	font-size: 0.85em;
	color: #888;
	cursor: pointer;
}
#sidebar ul.sb_menu li:not(:last-child){ border-bottom: 1px solid #efefe7; }
#sidebar ul.sb_menu li a{
	position: relative;
	display: block;
	padding: 12px 30px;
	text-decoration: none;
	color: #686357;
}
#sidebar ul.sb_menu li a:before, #sidebar ul.sb_menu li a:after{
	position: absolute;
	content: "";
}
#sidebar ul.sb_menu li a:before{
	top: 12px;
	left: 6px;
	width: 16px;
	height: 16px;
	background: #4696a3;
	border-radius: 100%;
}
#sidebar ul.sb_menu li a:after{
	top: 19px;
	left: 7px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
#sidebar ul.sb_menu li a:hover{
	color: #f8b500;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}
@media (max-width: 750px){
	#sidebar{ font-size: 0.95em; }
	#sidebar .sb_cat_list form select{ background: #f6f6f6; }
	#sidebar ul.sb_menu li{ padding-left: 0; }
	#sidebar ul.sb_menu li a{ padding-right: 0; }
}
@media (min-width: 751px){
	#sidebar .sb_cat_list form select{ background: #f3f3ec; }
}

/* ------------------------------------------------
 footer
------------------------------------------------ */
footer{
	padding: 30px 0;
	background: #60605a;
}
ul.footer_menu li:not(:last-child){ border-bottom: 1px solid #fff; }
ul.footer_menu li a{
	position: relative;
	display: block;
	padding: 15px 30px;
	text-decoration: none;
	color: #fff;
}
ul.footer_menu li a:before, ul.footer_menu li a:after{
	position: absolute;
	content: "";
}
ul.footer_menu li a:before{
	top: 15px;
	left: 6px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 100%;
}
ul.footer_menu li a:after{
	top: 22px;
	left: 7px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #60605a;
	border-right: 2px solid #60605a;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);	
}
ul.footer_menu li a:hover{
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}
footer #copyright{
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #fff;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
}
#pagetop{
	position: fixed;
	right: 20px;
	width: 45px;
	height: 45px;
	background: #60605a;
	border-radius: 100%;
	cursor: pointer;
}
#pagetop:after{
	position: absolute;
	content: "";
	top: calc(50% + 6px);
	left: calc(50% - 8px);
	width: 12px;
	height: 12px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
}
@media (max-width: 750px){
	.footer_menu li{
		padding-left: 0;
		font-size: 0.75em;
	}
}
@media (min-width: 751px){
	ul.footer_menu{ width: 300px; }
}

/* ------------------------------------------------
 styles
------------------------------------------------ */
.flex{ display: flex; }
.hide{ display: none; }
.aligncenter, .t-aligncenter{ text-align: center; }
img.aligncenter{
	display: block;
	margin: auto;
}
@media (min-width: 751px){
	.pc{ display: block; }
	.sp{ display: none; }
}
@media (max-width: 750px){
	.pc{ display: none; }
	.sp{ display: block; }
}

/* box
-------------------- */
.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9,
.kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6,
.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6,
.innerlink-box1{
	position: relative;
	padding: 20px 25px 0;
	border-radius: 4px;
	box-sizing: border-box;
}
.simple-box1 P, .simple-box2 P, .simple-box3 P, .simple-box4 P, .simple-box5 P, .simple-box6 P, .simple-box7 P, .simple-box8 P, .simple-box9 P,
.kaisetsu-box1 P, .kaisetsu-box2 P, .kaisetsu-box3 P, .kaisetsu-box4 P, .kaisetsu-box5 P, .kaisetsu-box6 P,
.concept-box1 P, .concept-box2 P, .concept-box3 P, .concept-box4 P, .concept-box5 P, .concept-box6 P,
.innerlink-box1 P{
	padding-bottom: 20px;
}
.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6{ border: 1px solid; }
.concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before{
	position: absolute;
	top: -21px;
	padding: 20px 8px 20px 32px;
	background: #fff;
	line-height: 0;
	font-weight: bold;
	font-size: 18px;
}
.concept-box2:after, .concept-box6:after{
	position: absolute;
	content: "";
	left: 12px;
	top: -20px;
	width: 36px;
	height: 36px;
	background: url(images/icon_sprite.png) no-repeat;
}
.simple-box1{ border: 3px solid #ffcd44; }
.simple-box4{ border: 1px solid #7badd8; }
.simple-box4:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #7badd8;
	opacity: 0.05;
}
.simple-box4 ul{ padding-bottom: 20px; }
.simple-box6{ background-color: #fffdef; }
.simple-box7{ border: 10px solid #def1f9; }
.concept-box2{ border-color: #f7cf6a; }
.concept-box2:before{
	content: "注意点";
	color: #f7cf6a;
}
.concept-box6{ border-color: #8eaced; }
.concept-box6:before{
	content: "メモ";
	color: #8eaced;
}
.concept-box6:after{ background-postion: 0 0; }
.kaisetsu-box1:before, .kaisetsu-box1-title{
	position: absolute;
	background-color: #ffb49e;
}
.kaisetsu-box1:before, .kaisetsu-box5:before{
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	opacity: 0.12;
}
.kaisetsu-box1-title, .kaisetsu-box2-title, .kaisetsu-box4-title{
	position: absolute;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}
.kaisetsu-box1-title, .kaisetsu-box2-title{
	top: 0;
	left: 0;
	width: 100%;
	padding: 12px 0;
	text-align: center;
}
.kaisetsu-box1-title{ border-radius: 4px 4px 0 0;}
.kaisetsu-box2{ border: 1px solid #6396a3; }
.kaisetsu-box2-title{ background-color: #6396a3; }
.kaisetsu-box4{
	border: 1px solid #ea91a9;
	border-top-left-radius: 0;
}
.kaisetsu-box4-title{
	top: -36px;
	left: -1px;
	padding: 18px 15px;
	background-color: #ea91a9;
	border-radius: 4px 4px 0 0;
	line-height: 0;
}
.kaisetsu-box5:before, .kaisetsu-box5-title{
	position: absolute;
	background-color: #57b3ba;
}
.kaisetsu-box5-title{
	top: -18px;
	left: 20px;
	padding: 18px 15px;
	border-radius: 2px;
	line-height: 0;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}
@media (max-width: 750px){
	.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9,
	.kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6,
	.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6,
	.innerlink-box1{.concept-box2:after, .concept-box6:after
		margin: 0 auto 30px;
	}
	.concept-box2:after, .concept-box6:after{
		/* background-size: 100vw auto; */
		background-size: cover;
	}
	.simple-box1 ul{ padding-bottom: 30px; }
	.concept-box2:after{ background-position: -8.8vw 0; }
	.ranking-number{ width: 45px; }
}
@media (min-width: 751px){
	.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9,
	.kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6,
	.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6,
	.innerlink-box1{
		margin: 0 auto 40px;
		width: 90%;
	}
	.concept-box2:after, .concept-box6:after{
		/* background-size: 375px auto; */
		background-size: cover;
	}
	.simple-box1 ul{ padding: 10px 20px 30px; }
	.concept-box2:after{ background-position: -36px 0; }
	.ranking-number{ width: 52px; }
}

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

/* cta
-------------------- */
.color-button01-big{
	display: block;
	margin: auto;
}
.color-button01-big a{
	display: block;
	padding: 20px 0;
	background: #ffcd44;
	border-radius: 5px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
}
.su-button a{
	display: block;
	margin: 1em 0;
	padding: 9px 30px;
	background: #23ac38;
	border-bottom: 6px solid #1c8a2d;
	border-radius: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 33px;
	font-size: 22px;
	color: #fff;
}

/* margin
-------------------- */
.mb10{ margin-bottom: 10px!important; }

/* color
-------------------- */
.marker{
	background: -webkit-linear-gradient(transparent 60%, #fcecbf 60%);
	background: linear-gradient(transparent 60%, #fcecbf 60%);
}
.red{ color: #e6534c; }
.c-red, .c-freen{ font-weight: bold; }
.c-red{ color: #f16f6f; }
.c-green{ color: #76c983; }

@media (max-width: 750px){
	.color-button01-big a{ font-weight: bold; }
}
@media (min-width: 751px){
	.color-button01-big{ width: 75%; }
}



/* Table Style (Add 240906)
-------------------- */
table.hikaku{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
}
table.hikaku thead{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
table.hikaku tr,
table.hikaku td{
	background: #fff;
	border: 1px solid #d3d3d3;
	line-height: 1.6;
	text-align: center;
}
table.hikaku tr td:nth-of-type(1){ background: #ffc; }
table.hikaku th, table.hikaku td{
	border-top: 0;
	border-left: 0;
}
table.hikaku tr:first-child th, table.hikaku tr:first-child td{ border-top: 1px solid #ccc; }
table.hikaku th:first-child, table.hikaku td:first-child{ border-left: 1px solid #ccc; }
table.hikaku .rank1, table.hikaku .rank2, table.hikaku .rank3{
	position: relative;
	padding-left: 36px;
}
table.hikaku .rank1:before, table.hikaku .rank2:before, table.hikaku .rank3:before{
	position: absolute;
	content: "";
	top: calc(50% - 9px);
	left: 0;
	width: 30px;
	height: 17.6px;
	background: url(../images/sprite.png) no-repeat;
	background-size: 250px auto;
	z-index: 0;
}
table.hikaku .rank1:before{ background-position: 0 0; }
table.hikaku .rank2:before{ background-position: -30px 0; }
table.hikaku .rank3:before{ background-position: -60px 0; }
@media (max-width: 750px){
	table.hikaku tr,
	table.hikaku td{
		font-size: .875em;
	}
}
table.hikaku svg.icon {
	display: block;
	margin: auto;
}