@charset "UTF-8";
@media screen and (max-width: 640px) {
	@font-face {
		/*フォントの名前*/
		font-family: "Noto Sans JP";
		/*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
		src: url("../font/Noto Sans JP Regular.woff") format("woff"),
			 url("../font/Noto Sans JP Bold.woff") format("woff2");
	  }
	
	:root {
		font-size: 62.5%;
		font-family: "Noto Sans JP", sans-serif;
		line-height: 1.8;
		letter-spacing: 0;
		color: var(--Text);
    --Text: #6B6863;
    --Text_blue: #1A0DAB;
    --Main: #FFA9AF;
    --Sub: #ffeb73;
    --Accent: #6AB59A;
    --Back: #FCF5F5;
    --Grey: #959490;
  }		

	body {
		font-size: 1.6rem;
		min-width: 320px;
		-webkit-text-size-adjust: 100%;
	}

	/* pcのみ・スマホのみ表示するdiv */

	div.pc-only {
		display: none !important;
	}

	div.smp-only {
		display: block !important;
	}
	.forSP {
		display: block;
	}
	.forPC {
		display: none;
	}
	/* pcのみ・スマホのみ表示する画像と文字 */

	img.pc-only,
	span.pc-only {
		display: none !important;
	}

	img.smp-only,
	span.smp-only {
		display: inline !important;
	}

	/* スマホのみ改行する */

	br.smp-only {
		display: inline !important;
	}

	/* ------------------------------
ヘッダー
------------------------------ */
	#HEADER_LINE {
		display: none;
	}

	#HEADER_LINE .header_line {
		width: auto;
		margin: 0 10px 0;
	}

	#HEADER_LINE .header_line h1 {
		font-weight: normal;
	}

	/* ------------------------------
スマホ固定ヘッダー
------------------------------ */

	.sp_search_btn,
	.header_menu {
		display: block;
	}

	.header .sp_search_btn {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 3px;
		left: 0;
	}

	.header .header_menu {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 3px;
		right: 7px;
	}

	.header .sp_search_btn a,
	.header .header_menu a {
		width: 30px;
		height: 30px;
		display: block;
		box-sizing: border-box;
		float: left;
		font-size: 10px;
		text-align: center;
		color: #1156bd;
		font-weight: normal;
		position: relative;
		padding-top: 21px;
		text-decoration: none;
	}

	.header .sp_search_btn a:before,
	.header .header_menu a:before {
		content: " ";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		position: absolute;
		width: 30px;
		height: 30px;
		background-size: contain;
		top: 1px;
		left: 50%;
		margin-left: -12.5px;
	}

	.header .sp_search_btn a span,
	.header .header_menu a span {
		display: none;
	}

	.header div.sp_search_btn a:before {
		background-image: url("../img/side_link_search.png");
	}

	.header div.header_menu a:before {
		background-image: url("../img/side_link_menu.png");
	}

	#SP_NAV ul li.new a:after {
		display: block;
		position: absolute;
		top: 3px;
		right: 0;
		border-radius: 22px;
		border: 1px solid #fff;
		background-color: #f39800;
		color: #fff;
		width: 25px;
		height: 15px;
		text-align: center;
		line-height: 15px;
		font-size: 10px;
		padding: 0 2px;
		content: "New";
	}

	/* ------------------------------
スマホメニュー
------------------------------ */

	#overlay {
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 999;
	}

	#gm_sp {
		opacity: 0;
		position: fixed;
		top: 0;
		right: -100%;
		background-color: #fff;
		width: 80%;
		height: 100%;
		overflow: auto;
		z-index: 9999;
		font-size: 100%;
		border-left: 1px solid #a4a5a5;
		padding-bottom: 30px;
		-webkit-overflow-scrolling: touch;
	}

	.pc_none {
		display: block;
	}

	#gm_sp #close {
		padding: 10px 10px 11px;
		font-weight: bold;
		border-bottom: 1px solid #6c8dc9;
		background-color: #1156bd;
		font-size: 120%;
		color: #fff;
		text-align: right;
	}

	#gm_sp #close:before {
		content: "\f00d";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		margin-right: 10px;
		font-size: 120%;
		font-weight: bold;
	}

	/*
#gm_sp h3{
	background-color: #32B9D9;
	color: #fff;
	padding:8px 10px;
	position:relative;
	font-size:100%;
	border-bottom:1px solid #99dcec;
}
*/

	#gm_sp .sp_menu01 h3 {
		color: #333;
		background: none;
		text-align: center;
		position: relative;
		padding: 7px 0 7px;
	}

	#gm_sp .sp_menu01 h3:before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url(../img/menu_link_txt.png);
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	}

	#gm_sp .sp_menu02 h3 {
		color: #333;
		background: none;
		text-align: center;
		position: relative;
		padding: 0px 0 7px;
	}

	#gm_sp .sp_menu02 h3:before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url(../img/entry_link_txt.png);
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	}

	/*
#gm_sp .sp_menu01 h3:before,
#gm_sp .sp_menu02 h3:before{
 	content: "\f040";
	font-family:"Font Awesome 5 Free";
	display: inline-block;
	position: absolute;
 	right: 10px;
	top:50%;
	margin-top:-9px;
	font-weight: normal;
}

#gm_sp .sp_menu02 h3:before {
 	content: "\f005";
}
*/

	#gm_sp .sp_menu02 li a {
		display: block;
		color: #303030;
		text-decoration: none;
		padding: 15px 10px 15px 60px;
		padding-left: 10px;
		box-sizing: border-box;
		position: relative;
		font-size: 100%;
		background-color: #fff;
		font-weight: normal;
		border-bottom: 1px solid #99dcec;
	}

	#gm_sp .sp_menu01 li a:after,
	#gm_sp .sp_menu02 li a:after {
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		position: absolute;
		right: 10px;
	}

	#gm_sp .sp_menu01 li a {
		display: block;
		color: #303030;
		text-decoration: none;
		padding: 15px 10px 15px 46px;
		box-sizing: border-box;
		position: relative;
		font-size: 100%;
		background-color: #fff;
		font-weight: normal;
		border-bottom: 1px solid #6c8dc9;
	}

	#gm_sp .sp_menu01 li:nth-of-type(1) a {
		border-top: 1px solid #6c8dc9;
	}

	#gm_sp .sp_menu02 li:nth-of-type(1) a {
		border-top: 1px solid #6c8dc9;
	}

	/*
#gm_sp .sp_menu01 li a:before,
#gm_sp .sp_menu02 li a:before { 
	content: " "; 
	display: inline-block; 
	width: 34px; 
	height: 34px; 
	background-size: 34px 34px; 
	position: absolute; 
	left:14px; 
	top: 50%; 
	margin-top: -18px; 
} 
*/

	#gm_sp .sp_menu01 li a:before {
		content: " ";
		display: inline-block;
		width: 34px;
		height: 34px;
		background-size: 34px 34px;
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -18px;
	}

	#gm_sp .sp_menu01 li.jobchange-agent a:before {
		background-image: url("../img/side_link_jobchange-agent.png");
	}

	#gm_sp .sp_menu01 li.jobchange-site a:before {
		background-image: url("../img/side_link_jobchange-site.png");
	}

	#gm_sp .sp_menu01 li.prepare a:before {
		background-image: url("../img/side_link_prepare.png");
	}

	#gm_sp .sp_menu01 li.success-failure a:before {
		background-image: url("../img/side_link_success-failure.png");
	}

	#gm_sp .sp_menu01 li.resume a:before {
		background-image: url("../img/side_link_resume.png");
	}

	#gm_sp .sp_menu01 li.interview a:before {
		background-image: url("../img/side_link_interview.png");
	}

	#gm_sp .sp_menu01 li.interview-talk a:before {
		background-image: url("../img/side_link_interview-talk.png");
	}

	#gm_sp .sp_menu01 li.operation a:before {
		background-image: url("../img/side_link_operation.png");
	}

	#gm_sp .sp_menu01 li.column a:before {
		background-image: url("../img/side_link_column.png");
	}

	#gm_sp .sp_menu_banner {
		padding: 10px;
	}

	#gm_sp .sp_menu_banner h3 {
		color: #333;
		background: none;
		text-align: center;
		position: relative;
		padding: 0px 0 7px;
	}

	#gm_sp .sp_menu_banner h3:before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url(../img/pickup_link_txt.png);
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	}

	#gm_sp .sp_menu_banner img {
		width: 100%;
		vertical-align: bottom;
	}

	#gm_sp .sp_menu_banner ul li {
		margin-bottom: 10px;
	}

	#gm_sp .sp_menu_banner ul li:nth-last-of-type(1) {
		margin-bottom: 0;
	}

	/* ------------------------------
パンくず
------------------------------ */
	#PANKUZU {
		padding: 0 10px;
	}

	#PANKUZU .pankuzu {
		width: auto;
	}

	/* ------------------------------
コンテンツエリア
------------------------------ */
	#CONTENTS {
		/* padding: 0 20px; */
		margin: 0 auto;
	}

	#CONTENTS .contents {
		width: auto;
		margin: 0 auto;
	}

	#CONTENTS .contents #SIDE {
		width: auto;
		float: none;
	}

	#CONTENTS .contents #MAIN {
		width: auto;
		float: none;
	}

	/* ------------------------------
トップページ
------------------------------ */
	#TOPPAGE .top_box {
		background-color: #fff;
		padding: 10px;
		margin-bottom: 4px;
		border-radius: 4px;
		box-sizing: border-box;
	}

	#TOPPAGE .top_box:nth-of-type(2),
	#TOPPAGE .top_box:nth-of-type(3),
	#TOPPAGE .top_box:nth-of-type(4),
	#TOPPAGE .top_box.bottom_box,
	#TOPPAGE .top_box.bottom_box2 {
		width: auto !important;
		float: none;
	}

	#TOPPAGE .top_box:nth-of-type(2) {
		margin-right: 0;
	}

	#TOPPAGE .top_box_ver + .top_box:nth-of-type(3) {
		margin-right: 0;
	}

	mini_box .mini_box {
		width: 49.5%;
		vox-sizng: border-box;
	}

	mini_box.top_box:nth-of-type(2) {
		width: auto;
		margin-right: 0;
	}

	#TOPPAGE .top_box:nth-of-type(6) {
		width: 49.5%;
		float: left;
		box-sizing: border-box;
	}

	#TOPPAGE .top_box:nth-of-type(7) {
		width: 49.5%;
		float: right;
		box-sizing: border-box;
	}

	#TOPPAGE .top_box:nth-of-type(5) {
		float: none;
	}

	#TOPPAGE .top_box:nth-of-type(4),
	#TOPPAGE .top_box:nth-of-type(5),
	#TOPPAGE .top_box:nth-of-type(6),
	#TOPPAGE .top_box:nth-of-type(7),
	#TOPPAGE .top_box:nth-of-type(8),
	#TOPPAGE .top_box:nth-of-type(9),
	#TOPPAGE .top_box:nth-of-type(10) {
		margin-right: 0;
	}

	#TOPPAGE .top_box .img {
		margin-bottom: 5px;
	}

	#TOPPAGE .top_box .img a:hover {
		opacity: 0.6;
	}

	#TOPPAGE .top_box .img img {
		width: 100%;
		vertical-align: bottom;
	}

	#TOPPAGE .top_box .category a {
		display: inline-block;
		padding: 4px 8px 4px 20px;
		line-height: 1.2;
		font-size: 87%;
		text-decoration: none;
		margin-bottom: 5px;
		position: relative;
	}

	#TOPPAGE .top_box .title a {
		color: #0084c9;
		text-decoration: none;
		font-weight: bold;
	}

	#TOPPAGE .top_box .title a:hover {
		text-decoration: underline;
	}

	#TOPPAGE .mini_box_area .mini_box:nth-of-type(1),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(3),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(5),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(7),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(9),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(11) {
		width: 49.5% !important;
		margin-right: 0%;
		float: left !important;
	}

	#TOPPAGE .mini_box_area .mini_box:nth-of-type(2),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(4),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(6),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(8),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(10),
	#TOPPAGE .mini_box_area .mini_box:nth-of-type(12) {
		width: 49.5% !important;
		margin-right: 0px;
		float: right !important;
	}

	#TOPPAGE .body_map_link_area2 .body_map_link {
		padding-top: 0;
	}

	/* ------------------------------
右にイメージボックス
------------------------------ */
	.right_img_box {
		margin: 0px auto 20px;
		position: relative;
		box-sizing: border-box;
		padding: 10px 10px 10px 10px;
	}

	.right_img_box .head {
		padding: 0px 135px 0px 0px;
	}

	.right_img_box:before {
		content: " ";
		display: inline-block;
		width: 123px;
		height: 123px;
		background: url("../img/right_img_box_chara.png");
		background-size: 123px 123px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.right_img_box .title_img {
		margin-bottom: 20px;
	}

	.right_img_box .title_img img {
		width: 100%;
		vertical-align: bottom;
	}

	.right_img_box .point_txt {
		font-size: 120%;
		font-weight: bold;
		color: #ffc4c4;
		margin-bottom: 20px;
		line-height: 1.4;
	}

	.right_img_box .txt {
		margin-top: 50px;
		padding: 0px 0px 0px 0px;
	}

	/* ------------------------------
レッスンリンクパーツ
------------------------------ */

	/* ------------------------------
Q&Aアコーディオンボックス
------------------------------ */

	/* ------------------------------
投稿　SINGLE
------------------------------ */

	.single_contents .page_padding {
		width: 100% !important;
		box-sizing: border-box;
		margin-bottom: 0px !important;
	}

	.single_contents .head {
		width: 100%;
		box-sizing: border-box;
		margin: 0px auto 15px;
	}

	.sp-horizontal .sp-arrows {
		margin-top: -20px !important;
	}

	.sp-next-arrow:before,
	.sp-previous-arrow:before {
		font-size: 30px;
	}

	.sp-thumbnails {
		width: 100% !important;
		box-sizing: border-box;
	}

	.sp-thumbnail {
		width: 100% !important;
	}

	.sp-horizontal .sp-next-arrow {
		right: 0 !important;
		width: 15px;
		height: 50px;
		background-size: contain;
	}

	.sp-horizontal .sp-previous-arrow {
		left: 0 !important;
		width: 15px;
		height: 50px;
		background-size: contain;
	}

	.single_contents .gray_box ul.check li {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}

	.single_contents .jobchange-agent_info .data .left {
		width: auto;
		float: none;
	}

	.single_contents .jobchange-agent_info .data .right {
		margin-left: 0px;
	}

	.single_contents .jobchange-agent_shop_data {
		padding-bottom: 0px;
		border-bottom: none;
		margin-bottom: 20px;
	}

	.single_contents .jobchange-agent_shop_data .left {
		width: auto;
		float: none;
	}

	.single_contents .jobchange-agent_shop_data .left img {
		display: block;
		margin: 0 auto 10px;
		width: 80%;
	}

	.single_contents .jobchange-agent_shop_data .right {
		margin-left: 0px;
		text-align: left;
		padding-top: 0px;
	}

	.single_contents .jobchange-agent_info .data .right table th,
	.single_contents .jobchange-agent_info .data .right table td {
		width: 33%;
		box-sizing: border-box;
	}

	.single_contents .jobchange-agent_info .data .right table tr:nth-of-type(6) td:nth-of-type(1) {
		text-align: left;
	}

	.shop_img {
		width: 100%;
		margin-bottom: 10px;
		float: none;
		margin-right: 0px;
	}

	/*

.single_contents .imgr,
.single_contents .imgl{
	display:block;
	width:100%;
	margin:10px auto;
	float: none;
}

.single_contents .imgr img,
.single_contents .imgl img{
	width:100%;
	vertical-align:bottom;
}

*/

	.imgl2,
	.imgr2 {
		display: block;
		width: 100%;
		margin: 10px auto;
		float: none;
		text-align: center;
	}

	.gaiyou .imgr {
		display: none;
	}

	.ranking_box .head .rank {
		width: 50px;
		height: 50px;
		float: left;
		text-indent: -9999px;
		background-image: url("../img/ranking_rank01.png");
		background-size: 50px 50px;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -27px;
		margin-left: 5px;
	}

	.ranking_box .head .txt {
		margin-left: 65px;
		font-size: 120%;
		line-height: 1.2;
		padding: 5px 10px 10px 0;
	}

	.ranking_box .head .txt span {
		font-size: 10px;
		display: block;
		margin-bottom: 5px;
	}

	.tab_box_area .tab_box .report_title {
		font-weight: bold;
		font-size: 130%;
		background-image: url("../img/report_title_sp.png");
		background-repeat: no-repeat;
		background-size: 144px 80px;
		min-height: 80px;
		background-position: 5px 5px;
		width: auto;
		color: #333;
		box-sizing: border-box;
		background-color: transparent;
		padding-top: 40px;
		padding-left: 58px;
		padding-right: 10px;
		border-radius: 4px;
		margin: -10px -10px 10px;
		border: none;
	}

	.report_table:before {
		content: " ";
		display: inline-block;
		width: 15px;
		height: 33.4px;
		background: url("../img/report_table.png");
		background-size: 15px 33.4px;
		position: absolute;
		right: 10px;
		top: -7px;
		margin-top: -11.5px;
	}

	.white_back {
		background-color: #fff;
		padding: 10px;
		border-radius: 4px;
		box-sizing: border-box;
	}

	/* ------------------------------
最近チェックした記事
------------------------------ */

	/* ------------------------------
投稿　SINGLE Q&A
------------------------------ */

	.qa_intro2 {
		margin-top: 55px;
		background-color: #e1e1e1;
		padding: 10px 10px 10px 100px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-size: 110%;
		font-weight: bold;
		position: relative;
	}

	.qa_intro2:before {
		content: " ";
		display: block;
		width: 120px;
		height: 100px;
		background-image: url("../img/qa_intro2_img.png");
		background-size: 120px 100px;
		position: absolute;
		left: -10px;
		bottom: 0px;
	}

	/* ------------------------------
漫画
------------------------------ */

	#book_slider {
		margin: 0 -20px;
	}

	.viewport {
		width: 394px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 394px;
		margin: 0;
		text-align: center;
		float: left;
	}

	.flipsnap {
		width: 9000px;
		/* 487px(item) * ページ数　によって変化 */
	}

	/* ------------------------------
固定　PAGE
------------------------------ */

	.head {
		margin-top: 0;
	}

	.page_padding {
		width: 100% !important;
		box-sizing: border-box;
		margin-bottom: 0px !important;
	}

	.page_contents .head {
		width: 100%;
		box-sizing: border-box;
		margin: 0px auto 15px;
	}

	/* ------------------------------
パーツ
------------------------------ */

	.box002 img {
		width: 100%;
		vertical-align: bottom;
		display: block;
		margin-bottom: 0px;
	}

	#zenshin-datsumou_page .round-box02 .imgr {
		width: 120px;
	}

	#zenshin-datsumou_page .round-box02 .imgr img {
		width: 100%;
		vertical-align: bottom;
	}

	#zenshin-datsumou_page .check-box02 .imgr {
		width: 120px;
	}

	#zenshin-datsumou_page .imgr img {
		width: 100%;
		vertical-align: bottom;
	}

	#eikyu_page .box003 img {
		width: 100%;
	}

	#eikyu_page .s-right {
		margin-top: 15px;
		text-align: left;
		line-height: 1.2;
		display: block;
	}

	#campaign_page .round-box02 .box-m img {
		width: 100%;
		vertical-align: bottom;
	}

	.h2box-parts {
		position: relative;
		padding: 10px;
		min-height: auto;
	}

	.h2box-parts:before {
		display: none;
	}

	.box3-2 .box3-01,
	.box3-2 .box3-02,
	.box3-2 .box3-03 {
		width: 100%;
		margin-right: 0;
		float: none;
		padding: 10px;
		box-sizing: border-box;
		margin-bottom: 30px;
	}

	.box3-2 h4 {
		margin-top: 0;
	}

	.box3-2 .box3-2-m {
		background-color: #fff;
		padding: 5px;
	}

	.answer-bt a {
		width: auto;
		height: auto;
		background: none;
		text-indent: 0;
		border-radius: 4px;
		padding: 10px;
		color: #fff;
		background-color: #3dabb0;
		margin: 10px auto;
		text-align: center;
	}

	.answer-bt a:before {
		content: "\f0da";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		margin-right: 10px;
	}

	.answer-bt a:hover {
		opacity: 0.6 !important;
	}

	.golink:before {
		left: -15px;
		top: initial;
		bottom: -5px;
	}

	.fukidasi_left {
		margin: 10px auto;
	}

	.fukidasi_left .img {
		width: 90px;
		height: 90px;
		float: none;
		margin: 10px auto 30px;
	}

	.fukidasi_left .img img {
		width: 100%;
		vertical-align: bottom;
	}

	.fukidasi_left .fukidasi {
		background: #fff;
		border: 2px solid #e3e3e3;
		border-radius: 5px;
		color: #444;
		padding: 10px;
		position: relative;
		margin-left: 0px;
	}

	.fukidasi_right {
		margin: 10px auto;
	}

	.fukidasi_right .img {
		width: 90px;
		height: 90px;
		float: none;
		margin: 10px auto 30px;
	}

	.fukidasi_right .img img {
		width: 100%;
		vertical-align: bottom;
	}

	.fukidasi_right .fukidasi {
		background: #fff;
		border: 2px solid #e3e3e3;
		border-radius: 5px;
		color: #444;
		padding: 10px;
		position: relative;
		margin-right: 0px;
	}

	.fukidasi_left .fukidasi:before,
	.fukidasi_right .fukidasi:before {
		content: "";
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #fff transparent;
		z-index: 1;
	}

	.fukidasi_left .fukidasi:after,
	.fukidasi_right .fukidasi:after {
		content: "";
		position: absolute;
		top: -13px;
		left: 50%;
		margin-left: -12px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 12px 12px 12px;
		border-color: transparent transparent #e3e3e3 transparent;
		z-index: 0;
	}

	.list_link_area {
		margin: 30px -10px 15px;
	}

	.list_link_area .list_link .txt .title {
		margin-bottom: 5px;
	}

	.list_link_area .list_link .txt p {
		display: none;
		line-height: 1.3;
	}

	.body_map_link_area {
		text-align: center;
	}

	.body_map_link_area .body_map_link {
		display: inline-block;
		width: 48%;
		margin-right: 1%;
		margin-bottom: 6px;
	}

	.body_map_link_area .body_map_link:nth-of-type(2n) {
		margin-right: 0%;
	}

	.body_map_link_area .body_map_link:nth-of-type(3n) {
		margin-right: 1%;
	}

	.body_map_link_area .body_map_link:nth-child(even) {
		margin-right: 0%;
	}

	.body_map_link_area .body_map_link a p:before {
		right: 5px;
	}

	.right_link {
		font-size: 100%;
	}

	.voice_box .title {
		width: 100%;
		box-sizing: border-box;
	}

	.voice_box .title:before {
	}

	.box3_area .box,
	.box4_area .box {
		width: 49%;
		display: inline-block;
		box-sizing: border-box;
		padding: 1%;
	}

	/* ------------------------------
サロン紹介３ポイントボックス
------------------------------ */

	.jobchange-agent_3box_area .box {
		margin: 0 auto 15px;
		padding: 5px;
		width: 100%;
		background: #fff;
		border: 1px solid #ddd;
		display: block;
		box-sizing: border-box;
		text-align: left;
	}

	.jobchange-agent_3box_area .box:nth-of-type(3) {
		margin: 0 auto 0;
		padding: 5px;
		width: 100%;
	}

	.jobchange-agent_3box_area .box .s-right_btn a {
		padding: 14px 10px;
	}

	/* ------------------------------
サロン紹介リンク
------------------------------ */

	.list_jobchange-agent_link .box .img {
		width: 100px;
		float: left;
	}

	.list_jobchange-agent_link .box .txt {
		margin-left: 110px;
		padding-right: 0px;
	}

	/*------------------------------------------
比較テーブル03
-----------------------------------------*/

	/* ------------------------------
スマホ用スクロールテーブル
------------------------------ */

	.scroll table {
		width: 600px !important;
	}

	.scroll table img {
		width: 150px;
	}

	.scroll {
		-webkit-overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
		position: relative;
		min-height: 200px;
		padding: 20px 0;
		margin-bottom: 10px;
	}

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

	.scroll::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.scroll::-webkit-scrollbar-thumb {
		background: #bcbcbc;
	}

	.touch_close {
		background-image: url("../img/touch_close.png");
		width: 220px;
		height: 173px;
		display: block;
		background-size: 220px 173px;
		position: relative;
		right: 20%;
		left: 20%;
		top: 190px;
		z-index: 9990;
		margin-top: -170px;
		text-indent: -9999px;
	}

	/* ------------------------------
サイド
------------------------------ */

	/*
#CONTENTS .contents #SIDE h3{
	background-color:transparent;
	color:#a48578;
	padding:10px;
	border-radius:0;
	position:relative;
	text-align:center;
	font-size:120%;
}
*/

	#CONTENTS .contents #SIDE h3 {
		color: #333;
		background: none;
		text-align: center;
		position: relative;
		padding: 7px 0 20px;
	}

	#CONTENTS .contents #SIDE h3:before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url(../img/menu_link_txt.png);
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	}

	.widget h3 {
		background: none;
		text-align: center;
		position: relative;
		padding: 28px 0;
		font-size: 12px;
		border-bottom: 2px solid var(--Text);
		position: relative;
		/* margin-bottom: 10px; */
	}

	.widget h3.active::after {
		content: "";
		display: inline-block;
		background: url(../img/ico_menu_open.svg)no-repeat;
		width: 20px;
		height: 20px;
		background-size: 20px;
		position: absolute;
		right: 0.5em;
		top: 50%;
		transform: translateY(-50%);
	}
	/* .widget h3::before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url(../img/menu_link_txt.png);
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	} */
	.widget h3::after {
		content: "";
		display: inline-block;
		background: url(../img/ico_menu_close.svg)no-repeat;
		width: 20px;
		height: 20px;
		background-size: 20px;
		position: absolute;
		right: 0.5em;
		top: 50%;
		transform: translateY(-50%);
	}

	.widget .textwidget {
		display: none;
		padding: 20px 20px;
	}
	.footer_menu .footer_menu_inner {
		width: 100%;
		/* padding: 0 20px; */
		box-sizing: border-box;
	}
	.footer_menu .widget ul {
		background-color: #fff;
		border-radius: 5px;
	}

	#CONTENTS .contents #SIDE .side_agent_list {
		border-radius: 5px;
	}

	#CONTENTS .contents #SIDE .widget:nth-of-type(3) h3:before,
	#CONTENTS .contents #SIDE h3:before {
		display: none;
	}

	#CONTENTS .contents #SIDE .side_ranking {
		padding-bottom: 10px;
	}

	#CONTENTS .contents #SIDE .side_ranking h3:before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url("../img/side_ranking_txt.png");
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	}

	#CONTENTS .contents #SIDE .side_ranking {
		padding-bottom: 10px;
	}

	#CONTENTS .contents #SIDE .side_ranking .review_star {
		display: inline-block;
		margin-right: 10px;
	}

	#CONTENTS .contents #SIDE .side_ranking .logo {
		display: inline-block;
		width: 65px;
		float: left;
		margin-right: 10px;
		position: relative;
		top: 10px;
		border: 1px solid #eee;
	}

	#CONTENTS .contents #SIDE .side_ranking h3:before {
		content: "";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url("../img/side_ranking_txt.png");
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	}

	#CONTENTS .contents #SIDE .side_ranking .review_point {
		position: relative;
		bottom: 1px;
	}

	#CONTENTS .contents #SIDE .side_ranking .review_point:first-letter {
		font-size: 140% !important;
		vertical-align: bottom;
		position: relative;
		bottom: -1px;
	}

	#CONTENTS .contents #SIDE .icon_menu {
		background-color: transparent;
		margin-bottom: 10px;
	}

	#CONTENTS .contents #SIDE .icon_menu li a {
		display: block;
		width: 49%;
		float: left;
		color: #303030;
		text-decoration: none;
		padding: 14px 10px 14px 35px;
		box-sizing: border-box;
		position: relative;
		font-size: 100%;
		background-color: #fff;
		border-radius: 5px;
		margin-bottom: 5px;
	}

	#CONTENTS .contents #SIDE .icon_menu li:nth-child(even) a {
		float: right;
	}

	#CONTENTS .contents #SIDE .icon_menu li a:before {
		content: " ";
		display: inline-block;
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
		position: absolute;
		left: 5px;
		top: 50%;
		margin-top: -15px;
	}

	#CONTENTS .contents #SIDE .side_banner {
		display: block;
	}

	#CONTENTS .contents #SIDE .side_banner:nth-last-of-type(1) {
		margin-bottom: 0;
	}

	#CONTENTS .contents #SIDE .side_banner_area {
		padding: 0 10px 10px;
		background-color: #fff;
		margin-bottom: 15px;
	}

	#CONTENTS .contents #SIDE .side_banner_area h3 {
		display: block;
	}

	#CONTENTS .contents #SIDE .popular_articles_area .popular_articles .txt {
		padding-right: 10px;
	}
	#CONTENTS .contents #SIDE .popular_articles_area .popular_articles:after {
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 5px;
		color: #ccc;
		font-family: "Font Awesome 5 Free";
	}
	#CONTENTS .contents #SIDE .side_hot_word ul {
		text-align: center;
	}
	#CONTENTS .contents #SIDE .side_hot_word ul li a {
		display: inline-block;
		border-radius: 4px;
		color: #fff;
		font-weight: normal;
		line-height: 1;
		padding: 5px 9px 7px 9px;
		margin: 0 4px 8px 4px;
		font-size: 100%;
		background-color: #1156bd;
		font-weight: normal;
	}

	/* ------------------------------
フッターソーシャル
------------------------------ */

	/* ------------------------------
アーカイブ
------------------------------ */

	/* ------------------------------
フッター
------------------------------ */

	.footer_menu {
		/* background-color: transparent; */
	}

	.footer_menu .widget {
		width: 100%;
	}

	.widget h3 {
		color: var(--Text);
		background: none;
		text-align: center;
		font-size: 1.6rem;
		border-bottom: 2px solid var(--Text);
		position: relative;
		line-height:1.38;
	}

	.footer_menu .widget h3.active::after {
		content: "";
		display: inline-block;
		background: url(../img/ico_menu_open.svg)no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.footer_menu .widget h3:after {
		content: "";
		display: inline-block;
		background: url(../img/ico_menu_close.svg)no-repeat;
		width: 20px;
		height: 20px;
		background-size: 20px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.footer_menu .widget .textwidget {
		display: none;
	}

	/* .footer_menu .widget h3::before {
		content: " ";
		display: block !important;
		width: 100px;
		height: 22px;
		background: url(../img/menu_link_txt.png);
		background-size: 100px 22px;
		position: relative;
		right: 0;
		margin: 0px auto 0px;
	} */

	.footer_menu .widget ul {
		background-color: #fff;
		border-radius: 5px;
	}

	.footer_menu .widget ul li {
		display: block;
		color: #303030;
		text-decoration: none;
		padding: 12px 10px 4px 0;
		box-sizing: border-box;
		position: relative;
		border-bottom: 2px solid var(--Back);
		font-size: 12px;
		line-height: 1.1;
	}

	.footer_menu .widget ul li:last-child {
		border-bottom: none;
	}

	.footer_menu .widget ul li:before {
		content: none;
		display: none;
	}

	.footer,
	#COPYRIGHT {
		width: 100%;
	}

	.footer_inner,
	#COPYRIGHT .copyright_inner {
		width: 100%;
	}
	/*
	
footer a{
	 color:#fff !important;	
}

footer .footer{
	width:auto;
	margin:0 auto;		
	padding:10px;
}

footer .footer .link{
	
}

footer .footer .link ul{
	text-align:center;	
}

footer .footer .link ul li{
	display:inline;
}

footer .footer .link ul li a{ 
	font-weight:normal;
}

footer .footer .link ul li:after{
	content:"  |  ";
}

footer .footer .link ul li:nth-last-of-type(1):after{
	display:none;	
}

#COPYRIGHT{
	width:auto;
	margin:0 auto;
	padding:5px 0 50px;
	text-align:center;	
} */

	/* ------------------------------
口コミシステム 20170508追加
------------------------------ */
	.donut_canvas {
		float: none;
		box-sizing: border-box;
		width: 100%;
		height: 180px;
		overflow: initial;
		position: relative;
	}
	.donut_canvas {
		float: none;
		box-sizing: border-box;
		width: 100%;
		height: 180px;
		overflow: initial;
		position: absolute;
		top: -30px;
	}
	.donut_canvas #donut_canvas0 {
		display: block;
		margin: 20px auto;
	}
	.donut_canvas #donut_canvas0:nth-last-of-type(1) {
		display: none;
	}
	.donut_canvas .point {
		margin-right: -63px;
		top: 84px;
	}
	.bar_chart {
		box-sizing: border-box;
		width: 100%;
		float: none;
	}
	.bar_chart {
		box-sizing: border-box;
		width: 100%;
		float: none;
		position: relative;
		padding-top: 205px;
	}
	.review_table {
		width: 100%;
		box-sizing: border-box;
		table-layout: fixed;
	}
	.review_table th {
		width: 90px;
	}
	.review_table td {
	}
	.review_table .sp_none {
		display: none;
	}
	.review_table .sp_none + td {
	}
	.review_point_parts .review_point_img {
		width: 120px;
	}
	.review_point_parts {
		text-align: left;
	}
	.review_point_parts .review_point {
		font-size: 10px;
		top: 10px;
		left: 7px;
	}
	.review_radar_table {
		margin-top: -25px;
	}
	.review_table .review_radar_table th,
	.review_table .review_radar_table td {
		display: inline-block;
		width: 48vw;
		box-sizing: border-box;
		padding: 1vw 2vw;
	}
	.review_table .review_radar_table td {
		width: calc(100% - 50vw);
		box-sizing: border-box;
	}
	.review_table .ave_star {
	}
	.review_radar_table table {
		font-size: 87%;
	}
	.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1) div {
		display: inline;
	}
	.review_radar_table table tr:nth-of-type(1) th:nth-of-type(1),
	.review_radar_table table tr:nth-of-type(1) td:nth-of-type(1) span {
		font-size: 180%;
		font-weight: bold;
	}
	.review_radar {
		position: relative;
	}
	.review_radar .txt {
		margin-left: -43px;
	}
	.review_radar canvas {
		width: 80vw;
		height: 60vw;
		top: 10px;
		left: -10px;
	}

	/* ------------------------------
ページ別・個別CSS
------------------------------ */

	#eikyu_page .table01 {
		font-size: 87%;
	}

	#eikyu_page .table01 th,
	#eikyu_page .table01 td {
		padding: 7px 5px;
	}

	#eikyu_page .table01 th:nth-of-type(1) {
		width: 54px !important;
	}

	#eikyu_page .table01 tr:nth-of-type(2) td {
		text-align: center;
	}

	#eikyu_page .table01 td img {
		width: 50px;
		margin: 5px auto;
	}

	#side_page .table01 tr td img {
		width: 60px;
	}

	/* ------------------------------
ページ別・個別CSS　20171205
------------------------------ */
	/*
.table01{
	font-size:87%;
}

.table01 th,
.table01 td{
	padding:7px 5px;
}

.table01 th:nth-of-type(1){
	width:54px !important;
}

.table01 tr:nth-of-type(2) td{
	text-align:center;
}

.table01 td img{
	width:50px;
	margin:5px auto;

}
*/

	/* =======================================
追加パーツ20180309
======================================= */

	.body_map_link_area3,
	.body_map_link_area2,
	.body_map_link_area {
		text-align: center;
	}

	.body_map_link_area2 .body_map_link:nth-of-type(2) {
	}

	.body_map_link_area3 .body_map_link,
	.body_map_link_area2 .body_map_link,
	.body_map_link_area .body_map_link {
		display: inline-block;
		width: 48%;
		margin-right: 1%;
		margin-bottom: 6px;
	}

	.body_map_link_area3 .body_map_link:nth-of-type(2n),
	.body_map_link_area2 .body_map_link:nth-of-type(2n),
	.body_map_link_area .body_map_link:nth-of-type(2n) {
		margin-right: 0%;
	}

	.body_map_link_area3 .body_map_link:nth-of-type(3n),
	.body_map_link_area2 .body_map_link:nth-of-type(3n),
	.body_map_link_area .body_map_link:nth-of-type(3n) {
		margin-right: 1%;
	}

	.body_map_link_area3 .body_map_link:nth-child(even),
	.body_map_link_area2 .body_map_link:nth-child(even),
	.body_map_link_area .body_map_link:nth-child(even) {
		margin-right: 0%;
	}

	.body_map_link_area3 .body_map_link a p:before,
	.body_map_link_area2 .body_map_link a p:before,
	.body_map_link_area .body_map_link a p:before {
		top: 25%;
		right: 5px;
	}

	.body_map_link_area3 .body_map_link a p.longline,
	.body_map_link_area2 .body_map_link a p.longline,
	.body_map_link_area .body_map_link a p.longline {
		padding: 2px 5px;
		line-height: 1.5;
	}

	.cat_top_contents .body_map_link_area2 .body_map_link,
	.cat_bottom_contents .body_map_link_area2 .body_map_link {
		padding-top: 0;
	}

	.body_map_link_area2 .body_map_link a {
		min-height: 159px;
	}

	#TOPPAGE .body_map_link_area2 .body_map_link a,
	.cat_top_contents .body_map_link_area2 .body_map_link a,
	.cat_bottom_contents .body_map_link_area2 .body_map_link a {
		min-height: 159px;
	}

	.imgl_tk {
		width: 40%;
		margin: 0px 10px 5px 0;
		padding: 0;
		float: left;
	}

	.imgr_tk {
		width: 22%;
		margin: 0px 0px 5px 10px;
		padding: 0;
		float: right;
	}

	/* ------------------------------
３ポイントボックス　※普通のボックスとしても使用可
------------------------------ */

	/* ------------------------------
新着記事4ボックス
------------------------------ */

	/*--------------------------------------------------------
関連記事一覧
--------------------------------------------------------*/

	/*--------------------------------------------------------
ランキングボックス地域ver


.float_tr{
	width:100%;
	display:table-cell;
}

.area .data-box td{
	display:block;
	width:165px;
	table-layout: fixed;
	min-height:16px;
}

.area .data-box table{
	border:none;
	border-top:1px solid #d89b77 !important;
	border-right:1px solid #d89b77 !important;
	background-color:#ECAA83;
}

.area .data-box .area_th{
	width:55% !important;
	border-right:none;
	box-sizing:border-box;
}

.area .data-box .area_td{
	text-align:left;
	border-right:none;
	border-top:1px solid #fff !important;
	background-color:#fff;
}

.area .data-box span.review_ave{
	font-size:12px;
	font-weight:normal;
	margin-left:-15px;
}

.area .data-box .area_td .ave_star {
    font-size: 16px;
    line-height: 1;
    height: 16px;
    margin-right: 0;
    padding-right: 0;
    position: relative;
    white-space: nowrap;
    width: 80px;
    display: inline-block;
}

.float_cell3,
.float_cell2,
.area .data-box th.float_cell,
.area .data-box td.float_cell{
	width:50%;
	box-sizing:border-box;
	display:block;
	float:left;
	border-top:none;
	min-height:34px;
	vertical-align:middle;
	border-right:none;
}

.area .data-box th.float_cell{
	border-right:none;
	line-height:1.6;
    position: relative;
    left: -1px;
}
--------------------------------------------------------*/

	.area .data-box table {
		font-size: 10px;
		border: none;
		background: #ecaa83;
		border-bottom: 1px solid #d89b77;
	}

	.area .data-box table tr th,
	.area .data-box table tr td {
		display: inline-block;
		width: 23%;
		font-size: 10px;
		padding: 12px 7px 2px;
		min-height: 40px;
		box-sizing: border-box;
		border-bottom: none;
	}

	.area .data-box table tr td {
		width: 77%;
		border-left: none;
	}

	.area .data-box .ave_star {
		font-size: 18px;
		height: 18px;
		width: 82px;
	}

	.region-rank-tab {
		display: table;
		font-size: 12px;
		table-layout: fixed;
		width: 100%;
	}
	.region-rank-tab li {
		border-right: 0;
		display: table-cell;
		float: none;
		padding: 6px 3px;
		text-align: center;
		vertical-align: middle;
	}
	.region-rank-tab li:last-child {
		border-right: 1px solid #ddd;
	}

	.region-rank-panel li {
		padding: 20px 10px 10px;
	}

	.region-rank-panel dl {
		border: 0;
		margin-left: 0;
	}
	.region-rank-panel dd {
		border-bottom: 0;
	}

	/* ------------------------------
リンクボックス２
------------------------------ */

	.link_2box .box_l,
	.link_2box .box_r {
		width: 100%;
	}

	.link_2box .box_l {
		float: none;
		margin-bottom: 10px;
	}

	.link_2box .box_r {
		float: none;
	}

	/* 2017/06/22 追加 start */

	/* 2017/06/22 追加 end */

	/*------------------------------------------
画像テキストボックス
-----------------------------------------*/

	.txt_img_box {
		margin: 10px auto;
	}

	.txt_img_box .left_img,
	.txt_img_box .right_img {
		width: 100%;
		margin-bottom: 10px;
	}

	.txt_img_box .left_img {
		float: none;
		margin-right: 0px;
	}

	.txt_img_box .right_img {
		float: none;
		margin-left: 0px;
	}

	/* ------------------------------
口コミピックアップ　2017/09/20 追加
------------------------------ */

	/* 2017/11/17 追加 start */
	#CONTENTS .contents #SIDE .side_recommend_area {
		padding: 0 10px 10px;
		background-color: #fff;
		margin-bottom: 15px;
	}
	/* 2017/11/17 追加 end */

	/* 2017/11/28 追加 start */
	.true_title1:after,
	.true_title2:after,
	.true_title3:after,
	.true_title4:after,
	.true_title5:after {
		display: none;
	}

	.point_title1:after,
	.point_title2:after,
	.point_title3:after .point_title4:after,
	.point_title5:after {
		display: none;
	}
	/* 2017/11/28 追加 end */

	/* ------------------------------
リンクボックス3
------------------------------ */

	/* ------------------------------
上部ソーシャルボタン　20180322追加
------------------------------ */

	/* ===========

絞込検索のCSS(SP) 20180413追加

=========== */

	.Refine_Search_Box_title {
		min-height: 4em;
		margin: 5px auto 5px auto;
		background-size: 3.7em 3.7em, 95% 3em;
		font-size: 4vw;
		line-height: 4;
		padding: 0 0 0 2em;
		box-sizing: border-box;
	}

	.Refine_Search_Box_title::after {
		border-top: transparent 1.9em solid;
		border-right: #f1f4f7 0.7em solid;
		border-bottom: #f1f4f7 1.9em solid;
		border-left: transparent 0.7em solid;
	}

	.Refine_Search_Box_wrap {
		padding: 0 20px 10px 20px;
	}
	#Refine_Search_Area dl.nayami__area {
		margin-bottom: 2px;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area:last-child {
		margin: 0 0 10px 0;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area dt,
	#Refine_Search_Area dl.Refine_Search_conditions_Area dd {
		/* padding: 0; */
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area select {
		padding: 0.5em 0.5em 0.4em 0.5em;
		width: 100%;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area label.radiobtn_text,
	#Refine_Search_Area dl.Refine_Search_conditions_Area label.checkbox_text {
		/* margin: 0.5em 1.2em 0.5em 0; */
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area label.radiobtn_text:last-child,
	#Refine_Search_Area dl.Refine_Search_conditions_Area label.checkbox_text:last-child {
		margin: 0;
	}

	#Refine_Search_Area .Refine_Search_Box .Refine_Search_count {
		width: 90px;
		padding: 11px 10px 14px 10px;
		margin: 0 10px 0 0;
	}

	#Refine_Search_Area .Refine_Search_Box input.Refine_Search_btn {
		padding: 13px 10px 12px 10px;
	}

	.Refine_Result_Box .head .title {
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		box-sizing: border-box;
		float: none;
	}

	.Refine_Result_Box .head .title a {
		font-size: 140%;
	}

	.Refine_Result_Box .head .hyoka {
		text-align: right;
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		box-sizing: border-box;
		float: none;
	}

	.Refine_Result_Box .head .hyoka img {
		width: 100px;
	}

	.Refine_Result_Box .head .refine_hyoka2 {
		display: inline-block;
		color: #db0000;
		font-size: 120%;
	}

	.Refine_Result_Box .link_btn a {
		font-size: 87%;
	}
	.header_front.-result img {
		width: 100%;
	}
	.item1 .product__heading {
		width: initial;
	}
	.result_data__area .r_point__area {
		width: initial;
	}
	.js-content {
		width: calc(100vw - 40px);
	}

	/*モーダル*/

	.modalwin {
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
	}

	/* ===========

比較表のCSS(SP) 20180413追加

=========== */

	#TOPPAGE thead.thead_fixed {
		display: block;
		border-collapse: collapse;
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		box-sizing: border-box;
	}

	#TOPPAGE thead.thead_fixed {
		top: 40px;
	}

	thead.thead_fixed tr {
		left: 0px;
	}

	thead.thead_fixed tr:nth-of-type(1) {
		left: 0px;
	}

	ul.hikaku_tab li small {
		font-size: 7px;
	}

	.hikaku_colimn img + div {
		font-size: 7px;
	}

	table.hikaku_area_table tr:nth-of-type(2) th {
		font-size: 7px;
		height: 5.3em;
	}
	.faga.fb .hikaku__block.hikaku__detail .table_tab_area{
		padding-left: 0;
	}
	.hikaku_table {
		padding: 0 20px;
	}
	.hikaku__block table {
		/* padding-left: 20px;
		padding-right: 20px; */
		width: 100%;
	}
	.faga.fb .hikaku__block table.comparisonTable {
		width: 677px;
	}
	.cta img.chapup__bnr {
		width: 100%;
	}
	.item1 .hikaku__block table {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.faga.fb table.comparisonTable tbody th:first-child{
	    width: 8%;
		padding: 0;
		font-size: 11px;
		position: sticky;
		left: 0;
		z-index: 200;
	}

	.faga.fb table.comparisonTable tbody>tr>td{
		font-size: 12px;
	}

	.faga.fb .comparisonTable__data-logo_wrap {
		width: 64px;
		height: 64px;
	}
	.faga.fb .comparisonTable__data-logo_wrap .comparisonTable__data-logo {
		width: 100%;
		max-width: 88px;
	}
	.faga.fb .hikaku__block.hikaku__detail .flex.icon_flex img {
		margin: 0;
		width: 30px;
	}

	.faga.fb a.comparisonTable__link {
		width: 100%;
		padding: 10px 0;
	}



	/* ===========

トップランキングパーツ　口コミリンクパーツ　 20180702追加

=========== */

	/* ===========

インタビューページ関連　 20180706追加

=========== */

	.interview_head {
		margin: -10px -10px 15px;
	}

	.interview_head .data_box {
		padding: 0;
	}

	.sp_img {
		display: block;
		margin: 0 -10px 10px;
		width: calc(100% + 20px);
		width: -webkit-calc(100% + 20px);
	}

	.sp_img img {
		width: 100%;
		vertical-align: bottom;
	}

	.img_txt_box .img {
		width: 100%;
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
	}

	.img_txt_box .txt {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	/*------------------------
20180827 H3デザイン シンプル
------------------------*/

	h3.h3_simple {
		border-left: 0 !important;
		border-bottom: 0 !important;
		padding: 10.5vw 2vw 2.5vw 11vw !important;
		margin-bottom: 15px !important;
		background-image: url(../img/tenshoku-h3-parts-white.png), url(../img/tenshoku-h3-parts-ribbon.png),
			url(../img/tenshoku-h3-parts-01.png), url(../img/tenshoku-h3-line.png);
		background-repeat: no-repeat;
		background-size: 15vw 7vw, 7vw 28vw, 118vw 9.7vw, 93vw 0.7vw !important;
		background-position: top left, bottom 1.5vw left 2vw, top center, bottom left !important;
		line-height: 1.45 !important;
	}

	#TOPPAGE h3.h3_simple,
	#ARCHIVE h3.h3_simple {
		padding: 11vw 2vw 2.5vw 11vw !important;
	}

	/*------------------------
20180827 H3デザイン キャラ
------------------------*/

	h3.h3_chara {
		background-size: 15vw 11.2vw, 7vw 28vw, 16vw 25vw, 95vw 2.5vw, 95vw 2.2vw;
		background-position: top left, bottom 2.5vw left 1vw, bottom 20% right, top 11.5vw left, bottom left;
		padding: 15vw 15vw 3.5vw 10vw !important;
		min-height: 25vw;
		line-height: 1.45 !important;
	}

	#TOPPAGE h3.h3_chara,
	#ARCHIVE h3.h3_chara {
		padding: 15.5vw 15vw 4vw 10vw !important;
		min-height: 25vw;
	}

	/*------------------------
20180827 比較パーツ
------------------------*/

	.compare_two_area {
		background-image: linear-gradient(90deg, #e5eef9 50%, #fae3e5 50%);
		box-shadow: 0px 0px 5px #ddd;
		box-sizing: border-box;
		margin-top: 20px;
	}

	.compare_title_01,
	.compare_title_02 {
		font-size: 14px;
		padding: 10px 5px 11px;
		line-height: 1.3;
	}

	.compare_title_01::after {
		content: none;
		display: none;
	}

	.compare_two_theme {
		padding: 3px 0;
		font-size: 14px;
	}

	.compare_two_theme::after {
		left: 48%;
	}

	/* .compare_main_01 {
	padding-right: 5%;
	box-sizing: border-box;
}
.compare_main_02 {
	padding-left: 5%;
	box-sizing: border-box;
} */

	.compare_main_01::after {
		width: 20vw;
		height: 18vw;
		right: -22% !important;
		top: 20%;
	}

	.compare_main_01 .compare_main_big,
	.compare_main_02 .compare_main_big {
		font-size: 45px;
	}

	.compare_main_01 .compare_main_big .compare_main_big_unit,
	.compare_main_02 .compare_main_big .compare_main_big_unit {
		font-size: 18px;
		display: inline-block;
		margin: 0 0 0 0.2em;
	}

	.compare_main_01 .compare_main_sub,
	.compare_main_02 .compare_main_sub {
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		display: block;
		margin: 0 auto 25px auto;
	}

	.compare_main_01 .compare_main_big,
	.compare_main_01 .compare_main_sub {
		color: #5888d1;
	}

	.compare_main_02 .compare_main_big,
	.compare_main_02 .compare_main_sub {
		color: #e5757f;
	}

	.compare_kuchikomi_01,
	.compare_kuchikomi_02 {
		font-size: 11px;
	}

	.compare_kuchikomi_01 .compare_kuchikomi_good::before,
	.compare_kuchikomi_01 .compare_kuchikomi_bad::before,
	.compare_kuchikomi_02 .compare_kuchikomi_good::before,
	.compare_kuchikomi_02 .compare_kuchikomi_bad::before {
		width: 26px;
		height: 42px;
		left: 7px;
		top: -3px;
	}

	/* ------------------------------
20180829 回り込み、引用元表記あり
------------------------------ */

	.image-l {
		text-align: center;
		float: none;
		margin: 0 0 0.5em 0;
		width: auto !important;
	}

	.image-r {
		text-align: center;
		float: none;
		margin: 0 0 0.5em 0;
		width: auto !important;
	}

	.image-l img,
	.image-r img {
		width: auto !important;
		display: block;
		margin: 0 auto;
	}

	/* ------------------------------
20180830 レーダーチャート、スライダー付き 横3つパーツ
------------------------------ */

	.radar_slide_review {
		margin: 13px 0 15px 0;
	}

	.review_radar_mini canvas {
		background-size: 54% !important;
		background-position: top 32% center !important;
	}

	.radar_chart_mini_label li:nth-child(2) {
		top: 30%;
		right: 3%;
		width: 5em;
	}

	.radar_chart_mini_label li:nth-child(3) {
		top: 85%;
		right: 10%;
		width: 6em;
	}

	.radar_chart_mini_label li:nth-child(4) {
		top: 85%;
		left: 10%;
		width: 6em;
	}

	.radar_chart_mini_label li:nth-child(5) {
		top: 30%;
		left: 3%;
		width: 5em;
	}

	.radar_slide_slidebox_main {
		height: 44vw !important;
	}

	.radar_slide_slidebox_num {
		font-size: 8vw !important;
	}

	.radar_slide_slidebox_unit {
		font-size: 4vw !important;
	}

	.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_good,
	.radar_slide_slidebox_kuchikomi .radar_slide_slidebox_kuchikomi_bad {
		width: 90%;
	}

	.radar_slide_btn a {
		margin: 2px auto 20px auto;
		font-size: 20px;
		line-height: 2;
	}

	.radar_slide_ranking_area .radar_slide_btn a {
		margin: 2px auto 20px auto;
		font-size: 20px;
		line-height: 1.5;
		padding: 30px 15px;
	}

	#PAGE .radar_slide_review .review_star .ave_star {
		font-size: 18px;
	}

	#PAGE .radar_slide_review .review_point {
		font-size: 14px;
	}

	#PAGE .radar_slide_review .review_cnt {
		font-size: 14px;
	}

	#PAGE .radar_slide_slidebox_main {
		height: 120px;
	}

	#PAGE .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
		padding: 25px 5px 22px 5px;
	}

	/* ------------------------------
20180920 レーダーチャート、スライダー付き 1つバージョン
------------------------------ */

	.radar_slide_box_left {
		width: 100%;
	}

	.radar_slide_box_right {
		width: 100%;
		margin-top: 0;
	}

	.radar_slide_box_area.radar_slide_single .radar_slide_slidebox_main {
		background-size: 40% auto;
		background-position: left 10% center;
	}

	/* ------------------------------
20181001 レーダーチャート、スライダー付き 横3つパーツ トップページランキング版
------------------------------ */

	.radar_slide_ranking_area.ranking_1_2 .radar_slide_ranking,
	.radar_slide_ranking_area.ranking_low .radar_slide_ranking {
		width: 100%;
	}

	.radar_slide_ranking_area.ranking_1_2 .radar_slide_bnr {
		margin: 0 auto 20px auto;
	}

	.radar_slide_ranking_area .radar_table_graph {
		display: block;
		width: 95%;
		margin: 0 auto;
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: none;
	}

	.radar_slide_ranking_area .radar_table_graph_th {
		border-right: none;
		display: none;
	}

	.radar_slide_ranking_area .radar_table_graph_td {
		display: block;
		width: 100%;
		background-color: transparent;
		padding: 0;
	}

	.radar_slide_ranking_area .sp-horizontal .sp-arrows {
		top: 2em !important;
	}

	.radar_slide_ranking_area .radar_slide_slidebox_main {
		background-position: left 5% top 33%;
	}

	.radar_slide_ranking_area .radar_slide_slidebox_main.kuchikomi .radar_slide_slidebox_main_inner {
		width: calc(100% - 135px);
		top: 16%;
	}

	#TOPPAGE .radar_slide_ranking_area .review_radar_mini canvas {
		background-size: 54% !important;
		background-position: top 32% center !important;
	}

	.radar_slide_ranking_area .radar_slide_slidebox_main .radar_slide_slidebox_main_inner {
		width: calc(100% - 128px);
		height: auto;
		top: 17%;
		right: 4%;
		margin-top: -10px;
		background-color: #fff;
	}

	/* ------------------------------
20180903 結論ボックスパーツ
------------------------------ */

	.conclusion_box {
		background-position: top right, top 1em right 1em;
		background-size: 3em 3em, 5em auto;
		padding: 2.7em 1em 1em 1em;
		margin: 2em 0 1em 0;
	}

	.conclusion_box::before {
		width: 5em;
		height: 5em;
		display: block;
		position: absolute;
		top: -1em;
		left: 0.5em;
	}

	.conclusion_title {
		width: calc(100% - 5.1em);
		font-size: 110%;
		background-image: url(../img/tenshoku-ketsuron-parts-titlewaku-head-sp.png),
			url(../img/tenshoku-ketsuron-parts-titlewaku-bottom-sp.png),
			url(../img/tenshoku-ketsuron-parts-titlewaku-center-sp.png);
		padding: 1.5em 1em 1em 1em;
		line-height: 1.5;
	}

	.conclusion_title::before {
		width: 100%;
		height: 4.5vw;
		top: -4vw;
		background-image: url(../img/tenshoku-ketsuron-parts-titlewaku-date-sp.png);
	}

	.conclusion_title::after {
		right: -5.1em;
	}

	.conclusion_text {
		background-image: url(../img/tenshoku-ketsuron-parts-textwaku-head-sp.png),
			url(../img/tenshoku-ketsuron-parts-textwaku-bottom-sp.png),
			url(../img/tenshoku-ketsuron-parts-textwaku-center-sp.png);
		background-size: 100% auto, 100% auto, 100% auto;
		margin: 1em 0 0 0;
		padding: 1.5em 1em 1em 1em;
	}

	/* ------------------------------
TOPPAGE MAP 20180928
------------------------------ */

	.top-map-box {
		background: none;
		width: 100%;
		height: auto;
		margin: 0 0 2em 0;
	}

	.top-map-box-title {
		display: block;
		width: 90vw;
		height: 17vw;
		background: url(../img/chiikibetsu_parts_title.png) no-repeat;
		background-size: contain;
		margin: 0 auto;
		text-indent: -9999px;
	}

	.top-map-areabox {
		width: 100%;
		position: static;
		text-align: left;
	}

	.top-map-areattl {
		display: block;
		padding: calc(1em - 1px) 0 0.6em 0;
		border-bottom: 1px dotted #ddd;
		position: relative;
		text-align: left;
	}

	.top-map-areattl::after {
		content: "\f067";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		position: absolute;
		right: 0.5em;
		top: 1.3em;
		font-weight: bold;

		color: #aaa;
	}

	input.cssacc {
		display: none;
	}

	.top-map-areabox.area1 {
		text-align: left;
	}

	.top-map-areabox ul {
		overflow: hidden;
		height: 1px;
		opacity: 0;
		transition: 0.2s;
		padding: 1px 0 0 0;
		box-sizing: border-box;
	}

	.cssacc:checked + label::after {
		content: "\f068";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		position: absolute;
		right: 0.5em;
		top: 1.3em;
	}

	.cssacc:checked + label.top-map-areattl + ul {
		height: auto;
		opacity: 1;
		padding: 1em 0;
		box-sizing: border-box;
	}

	.top-map-areabox ul li {
		display: inline-block;
		margin: 0 0 0 2%;
		width: 30%;
		text-align: left;
	}

	.top-map-areabox ul li a {
		display: inline-block;
		width: 100%;
		border-radius: 0;
		padding: 0.3em 0 0.1em 0;
		box-sizing: border-box;
		color: #fff;
		font-weight: 600;
	}

	.top-map-areabox ul li a:link,
	.top-map-areabox ul li a:hover,
	.top-map-areabox ul li a:active,
	.top-map-areabox ul li a:visited {
		color: #1a0dab;
		text-decoration: none;
	}

	.top-map-areabox .top-map-areattl::before {
		content: "";
		display: inline-block;
		background-image: url(../img/chiikibetsu_parts_flag01.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 2em;
		height: 2em;
		margin: 0 0.5em 0 0;
		vertical-align: -35%;
	}

	.top-map-areabox.area2 .top-map-areattl::before {
		background: url(../img/chiikibetsu_parts_flag02.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top-map-areabox.area3 .top-map-areattl::before {
		background: url(../img/chiikibetsu_parts_flag03.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top-map-areabox.area4 .top-map-areattl::before {
		background: url(../img/chiikibetsu_parts_flag04.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top-map-areabox.area5 .top-map-areattl::before {
		background: url(../img/chiikibetsu_parts_flag05.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top-map-areabox.area6 .top-map-areattl::before {
		background: url(../img/chiikibetsu_parts_flag06.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top-map-areabox.area7 .top-map-areattl::before {
		background: url(../img/chiikibetsu_parts_flag07.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top-map-areabox ul li a {
		background-color: #fff !important;
		text-decoration: underline !important;
		font-weight: 500;
	}

	.top-map-areabox.area1 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #e5757f;
	}

	.top-map-areabox.area2 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #f07b4d;
	}

	.top-map-areabox.area3 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #fbbd67;
	}

	.top-map-areabox.area4 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #afd685;
	}

	.top-map-areabox.area5 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #90caab;
	}

	.top-map-areabox.area6 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #91ccda;
	}

	.top-map-areabox.area7 ul li a::before {
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 1.3em;
		margin: 0 0.5em 0 0;
		vertical-align: sub;
		background-color: #709ad7;
	}

	/* ------------------------------
20181003 診断パーツ
------------------------------ */

	.shindan .cont {
		padding: 9px;
	}

	.shindan .start::before {
		font-size: 14px;
	}
	.shindan .start {
		background-position: top 35% center;
		background-size: 75vw auto;
		border: 6px #d4e1f3 solid;
		padding: 4vw;
		box-sizing: border-box;
	}
	.shindan .start .ttl {
		text-indent: -9999px;
		background-size: 100% auto, 100% auto;
		width: 100%;
		margin: 0 auto 3.5vw auto;
		padding: 55vw 0 0 0;
		box-sizing: border-box;
	}

	.shindan .start .btn {
		width: 100%;
	}

	.shindan .start .btn span {
		width: 100%;
		font-size: 4.5vw;
		padding: 1vw 0 1vw 0;
	}
	.shindan .start .btn span::after {
		font-size: 4.2vw;
	}

	.shindan .question {
		margin: 10px;
		padding: 20px;
	}
	.shindan .question .n {
		font-size: 13px;
		line-height: 20px;
		padding: 5px 20px;
	}
	.shindan .question p {
		line-height: 22px;
		font-size: 13px;
		margin: 19px auto;
		min-height: 110px;
	}
	.shindan .question .btn span {
		font-size: 16px;
		padding: 10px 0px;
		width: calc(50% - 5px);
		line-height: 19px;
	}
	.shindan .question .btn span:last-child {
		margin-left: 10px;
	}
	.shindan .question .btn span:first-child {
		margin-right: 0px;
	}
	.shindan .result {
		margin: 10px;
		padding: 20px;
	}
	.shindan .result p {
		float: none;
		width: auto;
		margin: 0px 0px 10px 0px;
		min-height: 0px;
	}
	.shindan .result p:before {
		background: none;
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 10px;
		padding: 0px 0px 5px 0px;
		text-align: center;
	}
	.shindan .result .rh {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.shindan .result .rh a:last-child {
		width: 100%;
		font-size: 15px;
		line-height: 20px;
		padding: 8px 0px;
		margin-top: 15px;
		text-decoration: none;
	}

	/* 2021/09/27 */
	.hikaku_table.vertical .link_btn4 a {
		font-size: 12px !important;
		letter-spacing: 0px;
		line-height: 1.2;
	}
	.btn_puyon a:before {
		left: 10%;
	}
	.btn_puyon {
		height: 60px;
	}
	.btn_puyon a {
		font-size: 16px;
		line-height: 60px;
	}
	/* 2021/10/04 */
	.radar_table_graph.-only {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.radar_table_graph_th {
		width: 100%;
	}
	.tab_item1 {
		margin-right: 0;
	}
	.button_rankpink a {
		font-size: 100%;
	}
	.shindanmachine .result {
		font-size: 10px;
	}
	.shindanmachine_link {
		font-size: 14px;
	}
	footer .footer_menu .widget {
		width: 100%;
	}
	/* 2021/10/05/ */
	.ave_star {
		width: auto;
	}
	.numberplate b {
		font-size: 4vw;
	}
	.numberplate .num {
		font-size: 5vw;
	}
	.numberplate .sm {
		font-size: 16px;
	}
	.numberplate .fa-star {
		font-size: 6vw;
	}
	.shindan.hikaku_table .btn_cell {
		padding: 3px;
	}
	.shindanmachine .hook {
		background-size: auto 50px;
		height: 50px;
		width: 200px;
		box-sizing: border-box;
		margin: 10px auto 3px !important;
		position: relative;
		right: -18px;
		top: 10px;
	}
	.link_btn3 a,
	.link_btn4 a {
		font-size: 1rem;
	}
	footer .footer_menu .widget ul {
		background-color: #fff;
		border-radius: 5px;
		margin-bottom: 15px;
	}
	.options_accordion_ul {
		width: calc(100% - 40px);
	}
	.nav__list {
		position: fixed;
		left: 0;
		transform: unset;
	}
	.nav__list li a:after {
		width: 10px;
		height: 6px;
		margin-top: 4px;
	}
		/* =======================================
追加パーツ20240111
======================================= */
.fb .column.-two th img.costaverage__table__img {
    height: 43px;
}
	/* ========================================================
20240711 /fb 記事コンテンツ追加
=========================================================*/
.article_contents {
	padding: 0 20px 10px;
}
.article_contents-ttl {
	font-size: 20px;
}
.article_border {
	padding: 5px 0;
}
/* ========================================================
20240606 header ロゴ追加
=========================================================*/
.header__logo::before {
    width: 131px;
    height: 24px;
}
.header__logo {
    height: 24px;
    width: 100%;
}
}
@media screen and (max-width: 412px) {
	.viewport {
		width: 392px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 392px;
		margin: 0;
		text-align: center;
		float: left;
	}
}

@media screen and (max-width: 375px) {
	.viewport {
		width: 355px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 355px;
		margin: 0;
		text-align: center;
		float: left;
	}
}

@media screen and (max-width: 360px) {
	.viewport {
		width: 340px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 340px;
		margin: 0;
		text-align: center;
		float: left;
	}

	/* ------------------------------
口コミピックアップ　2017/09/20 追加
------------------------------ */

	.kutikomi_pickup_area .kutikomi_pickup_box .kutikomi_pickup_box_star .ave_star {
		font-size: 20px;
	}

	.kutikomi_pickup_area .kutikomi_pickup_box .kutikomi_pickup_box_star span {
		font-size: 110%;
	}

	.kutikomi_pickup_area .kutikomi_pickup_box .kutikomi_pickup_box_data {
		font-size: 110%;
	}
}

@media screen and (max-width: 320px) {
	.viewport {
		width: 300px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 300px;
		margin: 0;
		text-align: center;
		float: left;
	}

	/* ------------------------------
20181001 レーダーチャート、スライダー付き 横3つパーツ トップページランキング版 iPhoneSEサイズ用
------------------------------ */

	.radar_slide_ranking_area .radar_slide_slidebox_main {
		background-position: left 5% top 33%;
	}

	.radar_slide_ranking_area .radar_slide_slidebox_main.kuchikomi .radar_slide_slidebox_main_inner {
		width: calc(100% - 135px);
		top: 12% !important;
		font-size: 0.85em;
	}

	/* ===========

絞込検索のCSS(SP) iPhoneSEサイズ用

=========== */

	#Refine_Search_Area dl.Refine_Search_conditions_Area dt {
		width: 115px;
		font-size: 0.9em;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area dd {
		width: calc(100% - 115px);
		font-size: 0.9em;
	}

	#Refine_Search_Area dl.Refine_Search_conditions_Area select {
		font-size: 0.9em;
	}

	#Refine_Search_Area .Refine_Search_Box .Refine_Search_count {
		font-size: 1em;
	}

	#Refine_Search_Area .Refine_Search_Box input.Refine_Search_btn {
		font-size: 1.1em;
	}


/* 検索結果ページ */
.resultData__area{
	max-height:400px; /* 追加 700px は任意値 */
}


}

	/* ========================================================
コラム
=========================================================*/
@media screen and (max-width: 640px) {
.page-lower .cm__point__list::before {
    top: -3px;
    left: 35%;
    font-size: 2rem;
}
.column__inner__bnr{
	max-width:100%;
}
}

@media screen and (max-width: 375px) {
	.viewport {
		width: 355px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 355px;
		margin: 0;
		text-align: center;
		float: left;
	}
}

@media screen and (max-width: 360px) {
	.viewport {
		width: 340px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto 20px;
		box-sizing: border-box;
		-webkit-transform: translateZ(0);
	}

	.item {
		width: 340px;
		margin: 0;
		text-align: center;
		float: left;
	}

}
/* ========================================================
/20240212追加　fb診断コンテンツ
=========================================================*/


@media screen and (max-width: 765px) {
	.fb .shindan__startBtn {
		font-size: 16px;
		padding: 12px 4px;
	}

	.fb #shindan {
		width: 100%;
		margin-inline: auto;
		height: auto;
		min-height: 300px;
		padding: 0px 10px 10px;
		box-sizing: border-box;
	}

	.fb .shindan__startBtn::before {
		position: absolute;
		content: "";
		width: 9px;
		height: 9px;
		border-right: solid 2px #fff;
		border-bottom: solid 2px #fff;
		transform: rotate(-45deg);
		right: 5%;
		top: 40%;
	}
	.fb .question__img {
		width: 30px;
		height: 30px;
		margin: 0;
	}

	.fb .question__txt {
		gap: 7px;
	}

	.fb .shindan__scroll__bar{
		margin-top: 0;
	}

	.fb .shindan .question p {
		font-size: 14px;
		margin: 0;
		max-width: unset;
		min-height: unset;
		text-align: left;
	}

	.fb .question__innner__wrap{
		margin-top: 13px;
	}

	.fb .question__wrapper {
		gap: 6px;
		margin-top: 10px;
	}

	.fb label {
		font-size: 12px;
		padding: 8px 6px 8px 36px;
	}
	.fb label::before {
		position: absolute;
		content: "";
		width: 15px;
		height: 15px;
		border: solid 1px #6b6862;
		border-radius: 50%;
		left: 9px;
		top: 50%;
		transform: translateY(-50%);
		background-color: #fff;
	}
	.fb label.selected::after {
		position: absolute;
		content: "";
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background-color: #f77a88;
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
	}
	.fb .shindan__btn {
		font-size: 14px;
		padding: 10px 20px;
	}

	.fb .shindan__btnArea {
		margin-top: 10px;
	}

	.fb .shindan__nextBtn::before {
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		transform: rotate(-45deg);
		right: 10%;
		top: 41%;
	}

	.fb .shindan__prevBtn::before {
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-left: solid 1px #fff;
		border-bottom: solid 1px #fff;
		transform: rotate(45deg);
		left: 10%;
		top: 41%;
	}

	.fb .question__txt-img {
		box-sizing: border-box;
		padding: 20px 20px 6px;
	}

	.fb .result__ttl {
		font-size: 18px;
	}

	.fb .shindan__restartBtn {
		font-size: 15px;
		border: none;
		cursor: pointer;
		position: relative;
		color: #fff;
		padding: 14px 0;
		width: 100%;
		border-radius: 6px;
		margin-top: 14px;
	}

	.fb .shindan__btnArea__arrow {
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 52px solid transparent;
		border-left: 52px solid transparent;
		border-top: 30px solid #f9a9b0;
		border-bottom: 0;
		margin: 14px auto;
	}

	.fb .shindan .result p.resultTxt {
		font-size: 14px;
	}

	.fb #resultSection .shindan__btnArea__arrow {
		border-top: 23px solid #feff00;
		margin: 14px auto;
	}

	.fb .shindan__btnArea__arrow__txt {
		background-color: #fff;
		border-radius: 24px;
		line-height: 1.4;
		font-weight: bold;
		font-size: 18px;
		padding: 8px 0;
	}
	.fb #resultSection {
		padding: 20px;
	}
	.fb #resultHead {
		font-size: 12px;
	}
	.fb #resultName {
		display: inline;
		position: relative;
		padding: 0 12px;
		font-size: 18px;
		font-weight: bold;
	}
	.fb #resultName::before ,
	.fb #resultName::after{
		height: 19px;
	}
	.fb .shindan .result ul#resultTxt{
		font-size: 12px;
	}
	.fb .shindan .result ul#resultTxt li {
		position: relative;
		padding-left: 21px;
	}
	.fb .shindan .result ul#resultTxt li::before {
		width: 18px;
		height: 18px;
	}
	.fb .shindan .result ul#resultTxt li::after {
		position: absolute;
		content: "";
		width: 9px;
		height: 5px;
		border-bottom: solid 2px #fff;
		border-left: solid 2px #fff;
		left: 1%;
		transform: rotate(-45deg);
		bottom: 43%;
	}
	.fb #resultSmall {
		text-align: right;
		font-size: 10px;
		margin-top: 4px;
	}
	.fb .shinndan__official__btn {
		font-size: 14px;
		padding: 8px 20px;
	}
	.fb .shinndan__official__btn::before {
		position: absolute;
		content: "";
		width: 6px;
		height: 6px;
		border-right: solid 2px #fff;
		border-bottom: solid 2px #fff;
		transform: rotate(-45deg);
		right: 5%;
		top: 35%;
	}
/* ========================================================
20240726 /fb コンテンツ追加
=========================================================*/
.treatment p {
	margin-top: 0;
	padding: 0 20px;
}
.treatment img {
	width: 100%;
}
.fb .Refine_Search_Box_Inner label {
	padding: 0px 8px;
}
.fb .kodawari__list>.multi-item>label>span {
	margin-left: 0;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.fb input[type="checkbox"]+span.checkbox {
	margin-left: 0;
}
/* ========================================================
20240806 /fb 診断コンテンツ改修
=========================================================*/
.fb #resultSmall {
    text-align: center;
	font-size: 12px;
}
.fb .shindan_cta-btn {
    margin: 18px 0 20px;
}
.fb .result__inner__wrap {
    padding-bottom: 0;
}
/* ========================================================
20240821 比較表02
=========================================================*/
.hikaku__simple {
	padding: 0;
}
.hikaku02__wrap {
	width: 100%;
}
.hikaku02__table th {
	width: 13%;
    padding: 6px 4px;
}
.hikaku02__table th,
.hikaku02__table td{
	padding: 4px;
    font-size: 12px;
}
.hikaku02__table p{
	font-size: 12px;
}
.hikaku02__table td{
	width: calc(83% / 3);
}
.hikaku02__table tr:not(:first-of-type, :last-of-type) td{
	vertical-align: top;
	padding-top: 10px;
}
.contents img.hikaku02__logo {
    height: 74px;
    width: 100px;
    object-fit: cover;
}
.contents img.hikaku02__logo.padding{
	height: 74px;
}
.contents img.hikaku02__logo.skin{
	object-fit: cover;
}
.hikaku02__name {
    margin-top: 0px;
    font-size: 13px;
    display: block;
}
.hikaku02__logo.padding {
    height: auto;
    padding: 8px 8px;
    box-sizing: border-box;
}
.hikaku02__table tr:last-of-type td {
    font-size: 12px;
}

.hikaku02__table a.red_btn {
    width: 100%;
    font-size: 14px;
    /* margin-top: 10px; */
    padding: 8px 6px;
}
.minoki__tab {
	font-size: 10px;
}
.hikaku02__ano__wrap{
	padding-left: 6px;
}
.hikaku02__table tr:first-of-type td:nth-of-type(1)::before,
.hikaku02__table tr:first-of-type td:nth-of-type(2)::before,
.hikaku02__table tr:first-of-type td:nth-of-type(3)::before{
	background-size: 100%;
	width: 38px;
	height: 38px;
}
.searchaga div.osusume__container {
	overflow-x: scroll;
}
.yahoo .result_data__area .hikaku__block table {
	width: 680px;
	max-width: unset;
}
.yahoo  .hikaku__block.hikaku__detail .table_tab_area {
    padding: 20px;
}
  /* ========================================================
20240906 DMM地域 オンライン訴求
=========================================================*/
#area .hikaku__simple {
    margin-top: 30px;
}
.dmm__online__wrap{
	padding: 14px;
	margin-top: 6px;
	border: solid 1.5px var(--Main);
}
.dmm__online__bnr {
    margin-top: 4px;
}
.dmm__online__table {
    margin: 10px auto 0;
    font-size: 1.2rem;
}
.dmm__online__table th {
    width: 42%;
}
.online__bnr__points {
    margin-top: 8px;
}
.online__bnr__points li{
	font-size: 1.4rem;
	padding-left: 22px;
}
.online__bnr__points li::before{
	width: 17px;
    height: 17px;
}
.online__bnr__points li:not(:first-of-type) {
    margin-top: 0;
}
.dmm__online__img{
	margin-top: 4px;
}
.dmm__online__link {
	line-height: 1.3;
}
/* 20240911 追記 */
.fb .contents img.hikaku02__logo.skin {
	object-fit: contain;
}
.tell__img{
	margin-top: 10px;
}
.rank__item.result__item.id_2  .cta__area.result__cta.id_2{
	margin-top: 0;
}

/* 20241029 追記 */
.column.-two th{
	padding: 6px 0;
}
.rank__item small{
	line-height: 1.2;
	display: inline-block;
}

.rank__item .column.-two + small{
	margin-top: 10px;
}
/* 20241209 追記 */
.catch__block {
    margin: 20px 0;
}
.content__img.choice {
	padding: 0;
}
}