@charset "UTF-8";
*{
	letter-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	font-size:18px;
	font-family: 'Hiragino Kaku Gothic ProN','Meiryo','MS P Gothic', sans-serif;
	line-height:1.6;
	text-align:left;
}
img {
    max-width: 100%;
    height: auto;
	display:block;
	margin:0 auto;
	padding:0;
}
.red {
	color:red;
}
.pc {
	display:none;
}
.mobile {
	display:block;
}
.thanks h1 {
	font-size:1.5rem;
	text-align:center;
	color:hsl(327,99%,45%);
	font-weight:bold;
}
.thanks .thanks-semantic {
	margin:30px 10px;
}
.thanks .thanks-semantic p {
	padding:5px 0;
}
.thanks .thanks-semantic ul.com {
	margin:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px 0;
}
.thanks .thanks-semantic a {
	display:block;
	text-decoration:none;
	text-align:center;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 95%;
	font-weight:bold;
	padding: 10px 0;
	margin:20px auto;
}
/*予約ステップバー*/
#mfp_phase_stat {
	display:none;
}

@media all and (min-width: 641px) {
	.thanks .thanks-container {
		margin:0 auto;
		width:95%;
	}
	.thanks h1 {
		font-size:2.5rem;
		font-weight:normal;
	}
	
}




@media all and (min-width: 1024px) {
	.mobile {
		display:none;
	}
	.pc {
		display:block;
	}
	.tel a {
		pointer-events:none;/*リンクを非リンクに変える*/
		cursor:default;/*マウスカーソルを矢印のまま変えない*/
		text-decoration:none;
	}
	.mail a:hover{
		color:red;
	}
	.thanks .thanks-container {
		width:1004px;
		display:table;
		margin:30px auto;
	}
	.thanks .thanks-semantic {
		display:table-cell;
		vertical-align:middle;
		margin:0;
		text-align:center;
		padding:0 15%;
	}
	.thanks .thanks-semantic p {
		padding:5px 0;
	}
	.thanks .thanks-semantic.com ul {
		margin:20px 0 40px 0;
	}
	.thanks .thanks-semantic a {
		display:inline-block;
		text-decoration:none;
		text-align:center;
		background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
		background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
		color: #FFF;
		border-radius: 4px;
		border: 1px solid #0099CC;
		-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		width: auto;
		font-weight:normal;
		padding: 10px 30px;
		margin:20px auto;
	}
	.thanks .thanks-semantic a:hover {
		display:inline-block;
		text-decoration:none;
		text-align:center;
		background: #ccc;
		color: #FFF;
		border-radius: 4px;
		border: 1px solid #666;
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.5),inset 0px 0px 3px rgba(000,000,000,0.3);
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.5),inset 0px 0px 3px rgba(000,000,000,0.3);
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		width: auto;
		font-weight:normal;
		padding: 10px 30px;
		margin:20px auto;
	}
	
	
	/*予約ステップバー*/
	#mfp_phase_stat {
		display:block;
		position: relative;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		width: 100%;
		overflow: hidden;
		*zoom: 1;
		font-size:0.9rem;
	}
	#mfp_phase_stat li {
		position: relative;
		float: left;
		display: inline-block;
		line-height: 40px;
		padding: 0 30px 0 10px;
		background-color: #eee;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mfp_phase_stat li.mfp_phase_arrow {
		display:none;
	}
	#mfp_phase_stat li:before, #mfp_phase_stat li:after {
		position: absolute;
		left: -15px;
		display: block;
		content: '';
		background-color: #eee;
		border-left: 4px solid #FFF;
		width: 20px;
		height: 20px;
	}
	#mfp_phase_stat li:after {
		top: 0;
		-moz-transform: skew(30deg);
		-ms-transform: skew(30deg);
		-webkit-transform: skew(30deg);
		transform: skew(30deg);
	}
	#mfp_phase_stat li::before {
		bottom: 0;
		-moz-transform: skew(-30deg);
		-ms-transform: skew(-30deg);
		-webkit-transform: skew(-30deg);
		transform: skew(-30deg);
	}
	#mfp_phase_stat li:first-child {
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	#mfp_phase_stat li:first-child:before, #mfp_phase_stat li:first-child:after {
		content: none;
	}
	#mfp_phase_stat li:last-child {
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	#mfp_phase_stat li.mfp_active_phase {
		color: #FFF;
		background-color: #26bfa1;
	}
	#mfp_phase_stat li.mfp_active_phase:before, #mfp_phase_stat li.mfp_active_phase:after {
		background-color: #26bfa1;
	}
	.step2 #mfp_phase_stat li {
		width: 50%;
	}
	.step3 #mfp_phase_stat li {
		width: 33.333%;
	}
	.step4 #mfp_phase_stat li {
		width: 25%;
	}
	.step5 #mfp_phase_stat li {
		width: 20%;
	}


	
	
}