@charset "utf-8";
/*------------------------------------------------------------
　共通
-------------------------------------------------------------*/
.center_t20{
	text-align:center;
	padding-top:20px;
}
.start_img{
	margin:20px -10px 0;
}
.match_wrap{
	line-height:1.5;
	background:#fff1f9;
	padding:10px 0 20px;
}
.match{
	background:#fff;
	border-radius:10px;
	margin:0 10px;
}
.start{
	padding:20px 10px;
}
.form{
	padding:20px 0;
	position:relative;
}
.result{
	padding:20px 10px 0;
}
.result+.result{
	margin-top:15px;
}
.lead_txt{
	font-weight:bold;
}
.lead_txt span{
	color:#ff0000;
	font-weight:bold;
}
.ttl{
	text-align:center;
	border:1px solid #f36d76;
	box-shadow:0 -1px 0 #fff,0 -2px 0 #f36d76,-1px 0 0 #fff,-2px 0 0 #f36d76,0 1px 0 #fff,0 2px 0 #f36d76,1px 0 0 #fff,2px 0 0 #f36d76;
	position:relative;
}
.start .ttl,
.form .ttl{
	padding:20px;
}
.result .ttl{
	padding:5px 20px;
}
.parts:before,
.parts:after{
	content:"";
	background:url(../images/match/img1.png) no-repeat;
	background-size:205px 1143px;
	position:absolute;
}
.parts_center:before,
.parts_center:after{
	width:57px;
	height:15px;
	left:50%;
	margin-left:-28px;
}
.parts_center:before{
	top:-12px;
}
.parts_center:after{
	bottom:-12px;
	background-position:-57px 0;
}
.parts_t:before,
.parts_t:after,
.parts_b:before,
.parts_b:after{
	width:12px;
	height:12px;
}
.parts_t:before{
	background-position:0 -15px;
	top:-3px;
	left:-3px;
}
.parts_t:after{
	background-position:-12px -15px;
	top:-3px;
	right:-3px;
}
.parts_b:after{
	background-position:-36px -15px;
	bottom:-3px;
	right:-3px;
}
.parts_b:before{
	background-position:-24px -15px;
	bottom:-3px;
	left:-3px;
}
.question .ttl{
	margin:0 2px 15px;
}
.question_img{
	display:block;
	margin:0 auto 10px;
}
.msp{
	color:#ff0000;
	font-size:12px;
}
.btn_match1{
	color:#fff;
	font-size:inherit;
	font-weight:bold;
	text-align:center;
	width:205px;
	height:53px;
	background:url(../images/match/img1.png) no-repeat 0 -61px;
	background-size:205px 1143px;
	display:inline-block;
}
a.btn_match1{
	color:#fff;
	line-height:53px;
}
.question .btn_match1{
	font-size:14px;
	margin-top:15px;
}
.btn_match1_box{
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:-103px;
}
a.prev{
	color:#5f99eb;
	text-decoration:underline;
	display:inline-block;
	margin:20px 0 0 10px;
}
a.prev:before{
	content:"";
	width:20px;
	height:17px;
	background:url(../images/match/img1.png) no-repeat 0 -27px;
	background-size:205px 1143px;
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 0 0;
}
.match_nav{
	color:#ff7088;
	font-size:12px;
	text-align:center;
	width:60px;
	height:20px;
	line-height:20px;
	border-radius:20px;
	background:#fff1f9;
	margin:93px auto 0;
}
/*------------------------------------------------------------
　question
-------------------------------------------------------------*/
.q_off{
	display:none;
}
.question{
	padding:0 10px;
}
.match_li{
	border-bottom:1px dashed #c9c9c9;
}
.col1{
	padding-bottom:20px;
}
.col1 li{
	width:100%;
}
.col1 li+li{
	margin-top:10px;
}
.col1 .match_a{
	display:table;
}
.col2{
	padding-bottom:15px;
}
.col2 li{
	float:left;
	width:50%;
}
.col2 li:nth-child(odd){
	padding:5px 5px 5px 0;
}
.col2 li:nth-child(even){
	padding:5px 0 5px 5px;
}
.col2 .match_a{
	float:left;
}
.match_select{
	border-bottom:1px dashed #c9c9c9;
	padding-bottom:20px;
}
.match_select_cat{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.match_select_cat:before{
	content:"";
	width:4px;
	height:20px;
	background:#ff7088;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 10px 0 0;
}
.match_select li+li{
	margin-top:10px;
}
.match_select select{
	background:url(../images/match/arrow_select.png) no-repeat right center;
	background-size:32px 46px;
	padding:0 10px !important;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.question input{
	display:none;
}
.match_li li{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.match_a{
	cursor:pointer;
	width:100%;
	height:50px;
	line-height:50px;
	border:2px solid #ffcae8;
	border-radius:5px;
	padding-left:36px;
	position:relative;
	-webkit-transition:background-color .1s ease-in;
	transition:background-color .1s ease-in;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.form input:checked+label{
	color:#fff;
	font-weight:bold;
	background:#ff7088;
	border:2px solid #ff7088;
}
.form input[type="radio"]+label:before{
	content:"";
	width:10px;
	height:10px;
	border:3px solid #ccc;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-7px;
}
.form input[type="radio"]:checked+label:before{
	border-color:#fff;
}
.form input[type="checkbox"]+label:before{
	content:"";
	width:14px;
	height:14px;
	background:url(../images/match/img1.png) no-repeat 0 -114px;
	background-size:205px 1143px;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-7px;
}
.form input[type="checkbox"]:checked+label:before{
	background-position:0 -128px;
}
.q5 li{
	width:100%;
	display:table;
}
.q5 .match_a{
	height:65px;
	line-height:1.5;
	display:table-cell;
	vertical-align:middle;
}
/*------------------------------------------------------------
　診断結果
-------------------------------------------------------------*/
.result_li_wrap{
	background:#fff;
	padding:20px 10px;
	margin-top:15px;
}
.result_ttl{
	text-align:center;
	margin:0 auto 110px;
}
.result_li{
	margin:0 auto;
	position:relative;
}
.result_item{
	border-radius:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
}
.result_item+.result_item{
	margin-top:15px;
}
.result_item:nth-child(odd){
	background:#ffe9e9;
	border:1px solid #ffbcbc;
}
.result_item:nth-child(even){
	background:#ecd7f9;
	border:1px solid #dcadf9;
}
.result_item:nth-child(3n+1){
	clear:both;
}
.result_shop{
	background:#fff;
	border-radius:5px;
	padding:10px 10px 10px 55px;
	position:relative;
}
.result_shop a{
	color:#5f99eb;
	font-weight:bold;
	text-decoration:underline;
	display:table-cell;
	vertical-align:middle;
}
.result_shop a:before{
	content:"";
	width:42px;
	height:32px;
	background:#fff url(../images/match/img1.png) no-repeat 0 -157px;
	background-size:205px 1143px;
	display:block;
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-16px;
}
.result_shop a:hover{
	text-decoration:none;
}
.result_data{
	background:#fff;
	border-radius:5px;
	padding:5px;
	margin-top:5px;
}
.result_data img+.result_data1{
	margin-top:10px;
}
.result_data1_txt{
	padding-left:100px;
}
/* rate */
.rate{
	float:left;
	width:90px;
	height:90px;
	position:relative;
}
.rate_data{
	font-size:12px;
	text-align:center;
	width:100%;
	display:block;
	position:absolute;
	top:25px;
	left:50%;
	z-index:2;
	margin-left:-50%;
}
.rate_data>*{
	display:inline-block;
	margin-top:-5px;
}
/* %カラー */
/* 90-100% */
.deg100>*>*,
.deg95>*>*,
.deg90>*>*{
	color:#ee3030;
}
/* 75-89% */
.deg85>*>*,
.deg80>*>*,
.deg75>*>*{
	color:#ff670c;
}
/* 60-74% */
.deg70>*>*,
.deg65>*>*,
.deg60>*>*{
	color:#30a9ee;
}
.numeral{
	font-size:24px;
	font-weight:bold;
}
.percent{
	font-size:14px;
}
/* 60-64% */
.deg60{
	background:url(../images/match/img1.png) no-repeat 0 -1053px;
	background-size:205px 1143px;
}
/* 65-69% */
.deg65{
	background:url(../images/match/img1.png) no-repeat 0 -963px;
	background-size:205px 1143px;
}
/* 70-74% */
.deg70{
	background:url(../images/match/img1.png) no-repeat 0 -873px;
	background-size:205px 1143px;
}
/* 75-79% */
.deg75{
	background:url(../images/match/img1.png) no-repeat 0 -783px;
	background-size:205px 1143px;
}
/* 80-84% */
.deg80{
	background:url(../images/match/img1.png) no-repeat 0 -693px;
	background-size:205px 1143px;
}
/* 85-89% */
.deg85{
	background:url(../images/match/img1.png) no-repeat 0 -603px;
	background-size:205px 1143px;
}
/* 90-94% */
.deg90{
	background:url(../images/match/img1.png) no-repeat 0 -513px;
	background-size:205px 1143px;
}
/* 95-99% */
.deg95{
	background:url(../images/match/img1.png) no-repeat 0 -423px;
	background-size:205px 1143px;
}
/* 100% */
.deg100{
	background:url(../images/match/img1.png) no-repeat 0 -333px;
	background-size:205px 1143px;
}
.result_data2{
	border-top:1px solid #f3dd87;
	border-left:1px solid #f3dd87;
	margin-top:10px;
}
.result_data2 dl{
	width:100%;
	display:table;
}
.result_data2 dl>*{
	border-right:1px solid #f3dd87;
	border-bottom:1px solid #f3dd87;
	display:table-cell;
}
.result_data2 dt{
	text-align:center;
	width:58px;
	height:30px;
	line-height:30px;
	background:#fff9c3;
}
.result_data2 dd{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	max-width:1px;
	padding:0 10px;
}
/* btn */
.btn_result_wrap{
	width:100%;
	margin-top:10px;
}
.btn_result_wrap>*{
	float:left;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	width:24.1%;
	height:56px;
	line-height:90px;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.btn_result_wrap>*+*{
	margin-left:1.2%;
}
.btn_result_wrap>a{
	color:#fff;
}
.btn_result_tel{
	color:#fff;
	background:#66b8f2 url(../images/match/img1.png) no-repeat center -204px;
	background-size:205px 1143px;
}
.btn_result_mail{
	color:#fff;
	background:#ff8888 url(../images/match/img1.png) no-repeat center -260px;
	background-size:205px 1143px;
}
.btn_result_line{
	color:#fff;
	background:#9fd443 url(../images/match/icon_line.png) no-repeat center 5px;
	background-size:38px 28px;
}
.btn_result_line_off{
	background-color:#b4b4b4;
}
.btn_result_favorite{
	cursor:pointer;
	text-align:center;
	background:url(../images/match/icon_favorite.png) no-repeat center 10px;
	background-size:19px 20px;
	border:1px solid #cbcbcb;
}
.btn_result_favorite_on{
	background-color:#fff7d8;
	border:1px solid #ffea94;
}
.btn_result{
	cursor:pointer;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	height:50px;
	line-height:50px;
	background:#ff9935;
	border-radius:5px;
	display:block;
	margin-top:5px;
}
a.btn_match2{
	color:#fff;
	font-size:16px;
	text-align:center;
	background:#64d2be;
	border-radius:50px;
	display:inline-block;
	padding:10px 20px;
	position:relative;
}
.btn_match2:before{
	content:"";
	width:20px;
	height:17px;
	background:url(../images/match/img1.png) no-repeat 0 -316px;
	background-size:205px 1143px;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 10px 0 0;
}