@charset "utf-8";
.pankuzu ul{
	background:#fff;
	border-radius:5px;
	box-shadow:0 3px 10px #ffe292;
	overflow:hidden;
	padding:9px 15px;
	margin-bottom:20px;
}
.pankuzu li{
	float:left;
	font-size:12px;
	margin:1px 0;
}
.pankuzu li:after{
	content:">";
	margin:0 7px 0 4px;
}
.pankuzu li:last-child:after{
	display:none;
}
.pankuzu li a{
	color:#5f99eb;
}
header{
	width: 100%;
}
.summary{
	width:100%;
	height:20px;
	line-height:20px;
	background:#ffd735;
}
.header_wrap{
	overflow: hidden;
	width: 1020px;
	margin: 0 auto;
}
h1{
	width: 1020px;
	margin: 0 auto;
	font-size:10px;
	font-weight:normal;
	text-align:right;
}
.logo{
	float:left;
	margin:20px 0;
}
.center40{
	text-align:center;
	padding:40px 0;
}
.contents_wrap{
	width:100%;
	background:url(../images/top_new/gradation01.png) repeat-x;
	padding-top:40px;
}
.contents_inner{
	width:1020px;
	margin:0 auto;
}
.match{
	line-height:1.5;
	background:#fff;
	border-radius:10px;
	position:relative;
	padding:10px;
}
.q_off{
	display:none;
	position:absolute;
	top:0;
}
.start{
	width:1000px;
	height:647px;
	background:url(../images/match/start.jpg) no-repeat;
}
.start_box{
	text-align:center;
	width:458px;
	padding:80px 0 0 80px;
}
.lead_txt{
	font-size:16px;
	font-weight:bold;
	line-height:34px;
	margin:40px 0;
}
.lead_txt span{
	color:#ff0000;
}
/*------------------------------------------------------------
　btn
-------------------------------------------------------------*/
.btn_match1{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	width:410px;
	height:106px;
	background:url(../images/match/img2.png) no-repeat;
	display:block;
	overflow:hidden;
}
.btn_match1:hover{
	line-height:112px;
	background-position:0 -106px;
}
a.btn_match1{
	color:#fff;
	text-decoration:none;
	line-height:100px;
	margin:0 auto;
}
.btn_q{
	color:#fff;
	border:0;
	outline:none;
	position:absolute;
	bottom:73px;
	left:50%;
	padding-bottom:5px;
	margin-left:-205px;
}
a.prev{
	color:#5f99eb;
	position:absolute;
	bottom:70px;
	left:90px;
}
a.prev:before{
	content:"";
	width:30px;
	height:25px;
	background:url(../images/match/img1.png) no-repeat;
	display:block;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-15px;
}
/*------------------------------------------------------------
　question
-------------------------------------------------------------*/
.question{
	float:left;
	background:url(../images/match/question.png) no-repeat;
}
.q1{
	width:1000px;
	height:795px;
}
.q2{
	width:1000px;
	height:831px;
	background-position:0 -795px;
}
.q3{
	width:1000px;
	height:723px;
	background-position:0 -1626px;
}
.q4{
	width:1000px;
	height:867px;
	background-position:0 -2349px;
}
.q5{
	width:1000px;
	height:681px;
	background-position:0 -3216px;
}
.q6{
	width:1000px;
	height:651px;
	background-position:0 -3897px;
}
.q7{
	width:1000px;
	height:795px;
	background-position:0 -4548px;
}
form{
	width:7000px;
}
.match_ttl_row1{
	padding:150px 0 0 230px;
}
.match_ttl_row2{
	padding:140px 0 0 230px;
}
.msp{
	color:#ff0000;
	font-size:18px;
	margin:5px 0 0 230px;
}
input{
	display:none;
}
.match_li{
	width:852px;
	position:absolute;
	bottom:255px;
	left:50%;
	margin-left:-426px;
}
.match_a{
	cursor:pointer;
	position:relative;
	font-size:16px;
	border:3px solid #ffcae8;
	border-radius:5px;
	-webkit-transition:.1s ease-in;
	transition:.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;
}
.match_li .match_a{
	float:left;
	padding-left:60px;
	margin:6px;
}
.col3{
	width:272px;
}
.col4{
	width:201px;
}
.match_a_md{
	height:60px;
	line-height:58px;
}
.match_a_lg{
	width:272px;
	height:90px;
	padding-top:20px;
}
input:checked+label{
	color:#fff;
	font-weight:bold;
	background:#ff7088;
	border:3px solid #ff7088;
}
input[type="radio"]+label:before{
	content:"";
	width:10px;
	height:10px;
	border:3px solid #ccc;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:20px;
	margin-top:-7px;
}
input[type="radio"]:checked+label:before{
	border-color:#fff;
}
input[type="checkbox"]+label:before{
	content:"";
	width:28px;
	height:28px;
	background:url(../images/match/img2.png) no-repeat 0 -246px;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-14px;
}
input[type="checkbox"]:checked+label:before{
	background-position:0 -274px;
}
.match_select{
	width:868px;
	margin:143px auto 0;
}
.match_select li{
	float:left;
	width:404px;
	height:60px;
	border-left:4px solid #ff7088;
	box-sizing:border-box;
	padding:0 0 0 25px;
	margin:15px;
}
.match_select_cat{
	font-size:20px;
	font-weight:bold;
	line-height:60px;
	display:inline-block;
	vertical-align:middle;
}
.match_select select{
	float:right;
	width:220px;
	height:60px;
	background:url(../images/match/img1.png) no-repeat right -28px;
	padding:0 10px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.match_select option{
	padding:10px;
}
/*------------------------------------------------------------
　結果
-------------------------------------------------------------*/
.result{
	width:1000px;
	background:url(../images/match/result.png) no-repeat 0 top;
	padding-top:50px;
}
.result_ttl{
	text-align:center;
	width:452px;
	margin:0 auto 110px;
}
.result_li{
	width:1008px;
	margin:0 auto;
	position:relative;
}
.result_item{
	float:left;
	width:328px;
	border-radius:5px;
	box-sizing:border-box;
	padding:6px;
	margin:4px;
}
.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{
	height:64px;
	background:#fff url(../images/match/img1.png) no-repeat 7px -85px;
	border-radius:3px;
	padding:0 10px 0 65px;
}
.result_shop a{
	color:#5f99eb;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	line-height:1.4;
	height:64px;
	display:table-cell;
	vertical-align:middle;
}
.result_shop a:hover{
	text-decoration:none;
}
.result_data{
	background:#fff;
	border-radius:3px;
	padding:10px 7px 7px;
	margin-top:7px;
}
.result_data1{
	margin-top:15px;
}
.result_data1_txt{
	float:left;
	width:200px;
	padding-left:10px;
}
/* rate */
.rate{
	float:left;
	width:90px;
	height:90px;
	position:relative;
}
/* 100% */
.deg100{
	background:url(../images/match/img1.png) no-repeat 0 -281px;
}
/* 95-99% */
.deg95{
	background:url(../images/match/img1.png) no-repeat 0 -371px;
}
/* 90-94% */
.deg90{
	background:url(../images/match/img1.png) no-repeat 0 -461px;
}
/* 85-89% */
.deg85{
	background:url(../images/match/img1.png) no-repeat 0 -551px;
}
/* 80-84% */
.deg80{
	background:url(../images/match/img1.png) no-repeat 0 -641px;
}
/* 75-79% */
.deg75{
	background:url(../images/match/img1.png) no-repeat 0 -731px;
}
/* 70-74% */
.deg70{
	background:url(../images/match/img1.png) no-repeat 0 -821px;
}
/* 65-69% */
.deg65{
	background:url(../images/match/img1.png) no-repeat 0 -911px;
}
/* 64-60% */
.deg60{
	background:url(../images/match/img1.png) no-repeat 0 -1001px;
}
.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;
}
.result_data2{
	border-top:1px solid #f3dd87;
	border-left:1px solid #f3dd87;
	margin-top:20px;
}
.result_data2>*{
	float:left;
	height:30px;
	line-height:30px;
	border-right:1px solid #f3dd87;
	border-bottom:1px solid #f3dd87;
}
.result_data2 dt{
	text-align:center;
	width:58px;
	background:#fff9c3;
}
.result_data2 dd{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:219px;
	padding:0 10px;
}
/* btn */
.btn_result_wrap{
	margin-top:10px;
}
.btn_result_wrap>*{
	cursor:pointer;
	float:left;
	font-size:12px;
	text-align:center;
	width:72px;
	height:60px;
	line-height:100px;
	border-radius:5px;
	box-sizing:border-box;
	-webkit-transition:.3s ease-in;
	transition:.3s ease-in;
}
.btn_result_wrap>*+*{
	margin-left:4px;
}
.btn_result_wrap>*:not(.btn_result_line_off):hover{
	opacity:.8;
}
.btn_result_tel{
	color:#fff;
	background:#66b8f2 url(../images/match/img2.png) no-repeat 21px -310px;
}
a.btn_result_mail{
	color:#fff;
	text-decoration:none;
	background:#ff8888 url(../images/match/img2.png) no-repeat 20px -371px;
}
.btn_result_line{
	color:#fff;
	background:#9fd443 url(../images/match/img2.png) no-repeat 16px -429px;
}
.btn_result_line_off{
	cursor:default;
	background-color:#b4b4b4;
}
.btn_result_favorite{
	cursor:pointer;
	text-align:center;
	background:url(../images/match/img2.png) no-repeat 25px -550px;
	border:1px solid #cbcbcb;
}
.btn_result_favorite:hover,
.btn_result_favorite_on{
	background-color:#fff7d8;
	border:1px solid #ffea94;
}
a.btn_match2{
	color:#fff;
	font-size:16px;
	text-align:center;
	background:#64d2be;
	border:2px solid #fff;
	border-radius:50px;
	box-shadow:0 -2px 0 #64d2be,-2px 0 0 #64d2be,0 2px 0 #64d2be,2px 0 0 #64d2be;
	display:inline-block;
	padding:10px 40px 10px 50px;
	position:relative;
}
.btn_match2:before{
	content:"";
	width:0;
	height:0;
	border:5px solid transparent;
	border-right:10px solid #fff;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-5px;
}

.btn_result{
	cursor:pointer;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	height:54px;
	line-height:54px;
	background:#ff9935 url(../images/match/img2.png) no-repeat 269px -602px;
	border-radius:5px;
	display:block;
	margin-top:6px;
	-webkit-transition:.3s ease-in;
	transition:.3s ease-in;
}
.btn_result:hover{
	opacity:.8;
}
/*------------------------------------------------------------
　モーダル
-------------------------------------------------------------*/
.modal{
	text-align:center;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:11;
}
.bk_modal{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
	position:fixed;
	top:0;
	left:0;
}
.item_modal{
	min-width:480px;
	max-width:1040px;
	background:#fff;
	border-radius:5px;
	display:inline-block;
	padding-bottom:20px;
	position:relative;
	top:50%;
	z-index:12;
}
.ttl_modal{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	height:44px;
	line-height:44px;
	border-radius:5px 5px 0 0;
	padding-left:64px;
}
.type_tel .ttl_modal{
	background:#fff6b3 url(../images/match/img1.png) no-repeat 18px -149px;
}
.type_line .ttl_modal{
	background:#fff6b3 url(../images/match/img1.png) no-repeat 18px -193px;
}
.data_modal{
	background:#fbf6e8;
	border-radius:5px;
	padding:20px;
	margin:10px 10px 0;
}
.shop_modal{
	color:#f63232;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.data_modal dl{
	font-size:18px;
	font-weight:bold;
	width:100%;
	height:44px;
	display:table;
	margin-top:20px;
}
.data_modal dl>*{
	display:table-cell;
	vertical-align:middle;
}
.data_modal dt{
	color:#fff;
	text-align:right;
	width:90px;
	background:#ccc;
	padding-right:20px;
	border-radius:5px 0 0 5px;
}
.type_tel dt{
	background:#66b8f2;
}
.type_line dt{
	background:#9fd443;	
}
.data_modal dd{
	text-align:left;
	background:#fff;
	border-radius:0 5px 5px 0;
	padding-left:20px;
}
.txt_modal{
	font-size:18px;
	text-align:center;
	margin-top:20px;
}
.txt_modal span{
	color:#f63232;
	font-weight:bold;
}
.close{
	cursor:pointer;
	width:28px;
	height:28px;
	background:url(../images/match/img1.png) no-repeat 0 -245px;
	position:absolute;
	top:8px;
	right:8px;
	-webkit-transition:.3s ease-in;
	transition:.3s ease-in;
}
.close:hover{
	opacity:.8;
}