@charset "UTF-8";

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object{margin: 0;padding: 0;vertical-align: baseline;}h1,h2,h3,h4,h5,h6 {font-style: normal;font-weight: normal;font-size: 100%;}table{border-spacing:0;}* html table{border-collapse:collapse;}*:first-child+html table{border-collapse:collapse;}caption,th{text-align:left; font-weight:normal;}table,th,td,img {border:0;}img,input{vertical-align:top;}q:before,q:after{content:'';}strong,em,address{font-weight:normal;font-stretch:normal;font-style:normal;}ul{list-style:none;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

.clear {clear: both;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}


/* 基本設定 */
html {
	overflow-y: scroll;	
	min-height: 100vh;
	height: -webkit-fill-available;
}

body {
	min-height: 100vh;
	min-height: -webkit-fill-available;
	position: relative;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
img { 
	max-width: 100%;
	height: auto; 
}

/* レスポンシブ */
@media screen and (max-width:767px) {
	.pc,.pctb,.tb { display: none; } 
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sp,.pc { display: none; }
}
@media screen and (min-width:1025px) {
	.sp,.sptb,.tb { display: none; }
	.spOnly {
		display: none;
	}
}

a         {color: #e7708e; }
a:link    {}
a:visited {}
a:hover   {}
a:active  {}

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

00.共通設定

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

#wrapper {
	width: 100%;
	max-width: auto;
	min-width: 1000px;
	
}


/* header
------------------------------------------*/

#header {
	width: calc(100% - 40px);
	padding: 0 20px;
	height: 100px;
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	background: #fff;    
	box-shadow: 0px 5px 10px -3px rgb(0 0 0 / 5%);
}

#header h1 {
	display: table-cell;
	width: 240px;
}

#header h1 img {
	max-width: 100%;
    height: auto;
	margin: 33px 0 39px 0;
}

.drwMnuWrp {
	background: rgba(0,0,0,0.85);
	display: none;
	height: calc(100% - 75px);
	position: fixed;
	width: 100%;
	z-index: 998;
	margin: 75px 0 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.drwMnuWrp .mnuTemLst {
	margin: 0 0 100px;
}

.drwMnuWrp .mnuTemLst li {
	width: calc(33.33% - 20px)!important;
	margin: 0 10px 20px!important;
}

.drwMnuBox {
	background: #000;
}

.drwMnuBox nav ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	background: #fff;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

.drwMnu {
    height: 35px;
    position: absolute;
    right: 34px;
    top: 34px;
    width: 50px;
    z-index: 999;
}

.drwMnu:hover {
	opacity: 0.6;
	cursor: pointer;
}

.drwMnuLin {
    background: #171717;
    display: block;
    height: 3px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
	border-radius: 10px;
	margin: 0 auto;
}

.mnuLinCtr {
	top: 16px;
    width: 100%;
}

.mnuLinBtm {
    bottom: 0;
}

#modal {
	position: fixed;
	top:0;
	right: -100%;
	z-index: 300;
	background: #fff;
	border-top: 10px solid #e7718e;
	width: 100%;
	max-width: 400px;
	height: 600px;
}

#modal a:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100px;
	margin: 0 12px 1px 0;
}

.pink   a:before { background: #e7718e; }
.orange a:before { background: #ef9c22; }
.red    a:before { background: #e23726; }
.purple a:before { background: #9f2583; }

#modal a {
	display: block;
	padding: 20px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
	color: #333;
}

.modalClose {
	top: 15px;
	right: 15px;
	position: absolute;
	cursor: pointer;
}

.modalClose img {
	width: 34px;
	height: 34px;
}

.modalClose:hover {
	opacity: 0.6;
}

.modalBg {
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top:0;
	left: 0;
	z-index: 250;
}

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

01.メインビジュアル

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

#mainVisual {
	margin: 100px 0 0;
	width: 100%;
	/*height: 440px;*/
	position: relative;
}

#mainVisual:before {
	content: "";
	display: block;
	width: 50%;
	height: 440px;
	background: #ed97ac;
	position: absolute;
	top: 0;
	left: 0;
}

#mainVisual:after {
	content: "";
	display: block;
	width: 50%;
	height: 440px;
	background: #e7708e;
	position: absolute;
	top: 0;
	right: 0;
}

#mainVisual .inner {
	max-width: 1280px;
	height: 440px;
	padding: 0;
	margin: 0 auto;
	background: url("../images/main_bg.png") center center no-repeat;
	text-align: center;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

#mainVisual .inner img {
	margin-top: 40px;
}

.bar {
	padding: 20px 0;
	text-align: center;
	background: #d94f73;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
}

.bar span {
	color: #fffaac;
}


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

02.こんな方にオススメ

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

#osusume {
	margin: 0 auto 80px;
}

#osusume .inner {
	padding: 0 20px;
}

#osusume fieldset {
	border: 10px double #e7708e;
	text-align: center;
	padding: 0 50px 50px;
	max-width: 960px;
	margin: 0 auto 80px;
}

#osusume fieldset legend {
	margin: 0 auto 50px;
}

#osusume fieldset ul {	
	max-width: 876px;
	margin: 0 auto;
}

#osusume fieldset li {
	margin-bottom: 30px;
	position: relative;
}

#osusume fieldset li:last-child {
	margin-bottom: 0;
}

#osusume fieldset li:hover {
	cursor: pointer;
	opacity: 0.6;
}

#osusume fieldset li img.fukidashi {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

#osusume fieldset li img.face {
	width: 170px;
	height: auto;
	position: absolute;
	z-index: 0;
	/*border: 5px solid #fff3c2;*/
	border-radius: 1000px;
}

#osusume fieldset li:nth-child(odd) img.face {

	top: 0;
	left: 0;	
}

#osusume fieldset li:nth-child(even) img.face {

	top: 0;
	right: 0;
}

#osusume .result {
	width: 100%;
	height: 230px;
	background: url("../images/main_bg.png") center center no-repeat;
	text-align: center;
	position: relative;
	display: table;
	z-index: 3;
}

#osusume .result .arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 4;
}

#osusume .result .arrow img {
	width: 78px;
	height: auto;
}

#osusume .result:before {
	content: "";
	display: block;
	width: 50%;
	height: 230px;
	background: #ed97ac;
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 2;
}

#osusume .result:after {
	content: "";
	display: block;
	width: 50%;
	height: 230px;
	background: #e7708e;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;	
}

#osusume .result .message {
	vertical-align: middle;
	display: table-cell;
	position: relative;
	z-index: 3;
	width: calc(100% - 40px);
	padding: 0 20px;
	height: 230px;
	background: url("../images/main_bg.png") center center no-repeat;
}

#osusume .result .message p {
	background: #fff;
	border-radius: 10px;
	max-width: 1070px;
	border: 5px solid #fff;
	display: block;
	margin: 0 auto;
}

#osusume .result .message p span {
	background: #fff;
	border-radius: 10px;
	max-width: 1060px;
	border: 5px solid #e7708e;
	display: block;
	padding: 30px 0;
	line-height: 1;
	font-size: 28px;
	font-weight: bold;
}

#osusume .result .message p span strong {
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
}

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

03.ご利用の流れ

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

#movie {
	padding: 0 20px;
}

#movie fieldset {
	border: 1px solid #ccc;
	border-radius: 10px;
	max-width: 1080px;
	margin: 0 auto 80px;
}

#movie fieldset legend {
	margin: 0 auto 50px;
	background: #fff;
	padding: 0 20px;
}

#movie fieldset legend h2 {
	font-size: 24px!important;
	font-weight: bold!important;
}

#movie fieldset .inner {
	padding: 0 60px 60px;
}

#movie fieldset .inner .movieBox {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}

#movie fieldset .inner iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

#flow {
	padding: 0 20px;
}

#flow fieldset {
	border: 1px solid #ccc;
	border-radius: 10px;
	max-width: 1080px;
	margin: 0 auto 80px;
}

#flow fieldset legend {
	margin: 0 auto 50px;
	background: #fff;
	padding: 0 20px;
}

#flow fieldset legend h2 {
	font-size: 24px!important;
	font-weight: bold!important;
}

#flow fieldset .inner {
	max-width: 880px;
	margin: 0 auto 50px;
	display: table;
}

#flow fieldset .inner .arrow {
	width: 5%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
}

#flow fieldset .inner .arrow img {
	width: 14px;
	height: auto;
}

#flow fieldset .inner .box {
	width: 30%;
	border: 1px solid #ccc;
	display: table-cell;
	padding: 20px 20px 30px;
}

#flow fieldset .inner .box img {
	width: 100%;
	height: auto;
}

#flow fieldset .inner .box .f01 {
	text-align: center;
	margin-bottom: 20px;
}

#flow fieldset .inner .box .f02 {
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	font-weight: bold;
}

#flow fieldset .inner .box.step1 .f02 { color: #cf4878; }
#flow fieldset .inner .box.step2 .f02 { color: #93397e; }
#flow fieldset .inner .box.step3 .f02 { color: #e18939; }


#flow fieldset .inner .box .f03 {
	font-size: 14px;
}

#flow fieldset .inner .box .f03 .btn {
	background: #e7708e url("../images/ico_reserve.png") left 5px center no-repeat;
	background-size: 14px auto;
	color: #fff;
	display: inline-block;
	border-radius: 50px;
	padding: 0 7px 0 24px;
	margin-right: 3px;
	letter-spacing: -1px;
}

#flow fieldset .inner .box .f04 {
	font-size: 12px;
	margin-top: 5px;
}

.pink {
	color: #cf4878;
}

.cautionTitle {
	font-size: 14px;
	color: #cf4878;
	margin-bottom: 10px;
	max-width: 880px;
	margin: -20px auto 60px;
}

.cautionList {
	list-style: none;
	max-width: 880px;
	margin: 0 auto 50px;
}

#flow fieldset .inner2 {
	max-width: 880px;
	margin: 0 auto 50px;
}

.fCaution {
	text-align: left;
	font-size: 14px;
}

.fCaution img {
	height: 30px;
	margin: -5px 5px 0;
}

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

03.オンライン相談に必要なもの

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

#consultation {
	padding: 0 20px;
}

#consultation fieldset {
	border: 1px solid #ccc;
	border-radius: 10px;
	max-width: 1080px;
	margin: 0 auto 80px;
}

#consultation fieldset legend {
	margin: 0 auto 50px;
	background: #fff;
	padding: 0 20px;
}

#consultation fieldset legend h2 {
	font-size: 24px!important;
	font-weight: bold!important;
}

#consultation fieldset .wrapper {
	margin: 0 auto;
	max-width: 880px;
}

.shopReserveNecessary {
	margin: 0 auto 30px;
}

.shopReserveNecessary ul {
	list-style: none!important;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.shopReserveNecessary li {
	float: left;
	width: 32%;
	margin-right: 2%;
	list-style: none;
	background: #efefef;
	text-align: left;
}

.shopReserveNecessary li .nc01 {
	background: #fff;
	text-align: center;
}

.shopReserveNecessary li .nc02 {
	padding: 15px 13px 0;
	font-size: 16px;
	font-weight: bold
}

.shopReserveNecessary li .nc03 {
	padding: 0 15px 15px;
	font-size: 13px;
}

.shopReserveNecessary li .nc04 {
	padding: 15px;
	font-size: 13px;
}

.shopReserveNecessary li img {
	width: 50%;
	height: auto;
}

.shopReserveNecessary li:nth-child(3) {
	margin-right: 0;
}

.shopReserveNeeds {
	margin: 0 0 60px;
	border: 1px solid #ccc;
	background: #fff;
}

.shopReserveNeeds a {
	color: #2495bd
}

.shopReserveNeeds a:hover {
	text-decoration: none;
}

.shopReserveNeeds .accordion_head {
	background: url(../images/ico_plus.png) left center no-repeat;
	background-size: 16px 16px;
	padding-left: 23px;
	cursor: pointer;
}

.shopReserveNeeds .accordion_head:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.shopReserveNeeds .accordion_head.selected {
	background: url(../images/ico_minus.png) left center no-repeat;
	background-size: 16px 16px;
}

.shopReserveNeeds .accordion_body {
	padding: 15px 20px 2px;
	background: #efefef;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 10px;
}

.shopReserveNeeds h4 {
	font-weight: bold;
}

.shopReserveNeeds h5 {
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: bold;
}

.shopReserveNeeds p {
	font-size: 14px;
	margin-bottom: 13px;
}

.shopReserveNeeds table {
	margin: 0 0 13px;
}

.shopReserveNeeds table img {
	width: 100%;
	height: auto;
}

.shopReserveNeeds th {
	text-align: center;
	font-size: 10px;
	padding: 0 10px 0 0;
}

.shopReserveNeeds td {
	padding: 0 10px 0 0;
}

.shopReserveNeeds th:last-child, 
.shopReserveNeeds td:last-child {
	padding: 0 0 0 10px;
}

.shopReserveNeedsL {
	float: left;
	width: 390px;
	padding: 15px 20px;
}

.shopReserveNeedsR {
	float: right;
	width: 390px;
	padding: 15px 20px;
}

.shopReserveMain {
	position: relative;
	margin: 0 130px;
}	

.shopReserveMain .m {
	position: absolute;
	bottom: -10px;
	left: -30px;
}	

.shopReserveMain .w {
	position: absolute;
	bottom: -10px;
	right: -30px;
}	

.tejun_p {
	padding: 20px 0 40px;
	font-size: 20px;	
	font-weight: bold;
	text-align: center;
}

.shopReserveNecessary li {
	float: left;
	width: 49%;
	margin-right: 2%;
	list-style: none;
	background: #efefef;
	text-align: left;
}

.shopReserveNecessary li:nth-child(2) {
	margin-right: 0;
}

.sml {
	font-size: 85%;	
}
	
.open {
	cursor:pointer;
}
	
.popup {
  display: none;
  height: 100vh;
  width: 100%;
   position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
.bg {
  height: 100vh;
  width: 100%;
  display: block;
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
.content {
  background: #fff;
  padding: 30px;
  width: 50%;
  position: relative;
  z-index: 201;
}
.show {
  display: flex;
  justify-content: center;
  align-items: center;
}

.closeWrap {
	position: absolute;
	top: 30px;
	right: 30px;
    display: block;
    padding: 2px;
    width: 20px;
    height: 20px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.close {
	position: relative;
    display: block;
    width: 20px;/*枠の大きさ*/
    height: 20px;/*枠の大きさ*/
}

.close::before, .close::after{
    content: "";
    display: block;
    width: 100%;/*バツ線の長さ*/
    height: 4px;/*バツ線の太さ*/
    background: #000;
    transform: rotate(45deg);
    transform-origin:0% 50%;
    position: absolute;
    top: calc(14% - 1px);
    left: 14%;
}

.close::after{
    transform: rotate(-45deg);
    transform-origin:100% 50%;
    left: auto;
    right: 14%;
}

.close:hover {
	opacity: 0.6;
	cursor: pointer;
}

.content h3 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 110%;
}

.content h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom : 1px solid #ccc;
}

.content p {
	font-size: 85%;
	margin-bottom: 20px;
}

.content .txt a {
	color: #0074f7;
}

.agree {
	text-align: center;
	background: #eee;
	padding: 10px;
}

.checkbox {
	text-align: center;
}

.btn_close a {
	background: #ccc!important;
	pointer-events: none;
}


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

05.注意事項

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

#attention {
	padding: 0 20px;
}

#attention fieldset {
	border: 1px solid #ccc;
	border-radius: 10px;
	max-width: 1080px;
	margin: 0 auto 80px;
}

#attention fieldset legend {
	margin: 0 auto 50px;
	background: #fff;
	padding: 0 20px;
}

#attention fieldset legend h2 {
	font-size: 24px!important;
	font-weight: bold!important;
}

#attention fieldset .inner {
	max-width: 840px;
	padding: 0 20px;
	margin: 0 auto 50px;
	overflow-y: scroll;
	height: 150px;
}

#attention fieldset .inner ul li,
#attention fieldset .inner ul {
	list-style: disc outside;
	margin-left: 20px;
}

#attention fieldset .inner ul {
	margin-left: 0;
}

#attention fieldset .inner ul li div {
	padding-left: 10px;
	font-size: 95%;
}

#attention h3 {
	border-bottom: 2px solid #ccc;
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 18px;
	margin: 30px 0 10px;
}

#attention h3:before {
	content: "■";
	font-size: 18px;
}

#attention fieldset .inner ul {
	margin-bottom: 40px;
}

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

06.注意事項

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

#policy {
	padding: 0 20px;
}

#policy fieldset {
	border: 1px solid #ccc;
	border-radius: 10px;
	max-width: 1080px;
	margin: 0 auto 80px;
}

#policy fieldset legend {
	margin: 0 auto 50px;
	background: #fff;
	padding: 0 20px;
}

#policy fieldset legend h2 {
	font-size: 24px!important;
	font-weight: bold!important;
}

#policy fieldset .inner {
	max-width: 840px;
	padding: 0 20px;
	margin: 0 auto 50px;
	overflow-y: scroll;
	height: 150px;
}

#policy h3 {
	border-bottom: 2px solid #ccc;
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
}

#policy p {
	margin-bottom: 30px;
	font-size: 16px;
}

#policy h3:before {
	content: "■";
	
}

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

07.予約

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

#reserve {
	background: #ffebf0;
	padding: 50px 0;
}

#reserve2 {
	background: #ffebf0;
	padding: 50px 0;
	margin: 0 0 50px;
}

.r01 {
	text-align: center;
	margin-bottom: 20px;
}

.r02 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 18px;
}

.r02 input {
	width: 20px;
	height: 20px;
	margin: 3px 10px 0 0;
}

.r03 a {
	display: block;
	width: 440px;
	padding: 20px;
	background: #e7708e;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
}

.r03 a span {
	font-size: 22px;
	letter-spacing: 3px;
}

.r03 a:before {
	display: inline-block;
	content: "";
	background: url("../images/ico_reserve.png");
	width: 24px;
	height: 24px;
	background-size: 24px auto;
	margin-bottom: -4px;
	margin-right: 8px;
}

.r04 {
	text-align: center;
	padding: 20px 0 0;
}

.r04 span {
	font-weight: bold;
}

.r04 {
	color: #cf4878;
	font-size: 12px;
}
 
.btn_close a {
	background: #999!important;
	cursor: default!important;
}

.r04Table {
	margin: 20px auto 0;
}

.r04Table th {
	font-weight: bold;
	/*
	background: #e7708e;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	*/
	padding-top: 10px;
}

.r04Table td {
	padding-left: 5px;
	/*
	padding: 5px;
	*/
}

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

08.フッター

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

#footer {
	text-align: center;
	padding: 35px;
	font-weight: bold;
}

.window {
	padding: 25px;
	width: 580px;
	z-index: 270;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -315px;
	background: #fff;
}

.windowClose {
	position: absolute;
	top: 25px;
	right: 25px;
}

.windowClose:hover {
	cursor: pointer;
	opacity: 0.6;
}

.windowClose img {
	width: 34px;
	height: 34px;
}

.windowText {
	padding-bottom: 20px;
}

.windowText h2{
	font-size: 24px;
	font-weight: bold;
	color: #e7708e;
	margin-bottom: 10px;
}

.windowText p {
	font-size: 14px;
	line-height: 1.5;
}

.windowImage {
	/*
	position: absolute;
	bottom: 25px;
	left: 25px;
	*/
	width: 580px;
	border: 1px solid #ccc;
}

/*-------------------------------------------
2023.01.17
-------------------------------------------*/

.topBox {
	background: #f6f6f6;
	padding: 30px 20px;
	margin-bottom: 30px;
}

.topBtn {
	margin: 0 auto;
	display: flex;
	width: 100%;
	max-width: 700px;
}

.topBtn a:hover {
	opacity: 0.7;
}

.sttBtn {
	display: table;
}

.sttBtn a {
	display: table-cell;
	width: 350px;
	height: 70px;
	background: #e7708e;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
	vertical-align: middle;
	font-size: 19px;
}

.dtlBtn {
	display: table;
}

.dtlBtn a {
	display: table-cell;
	width: 350px;
	height: 70px;
	background: #424242;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
	vertical-align: middle;
	font-size: 16px;
}

.dtlBtn a span {
	font-size: 14px;
	display: block;
}

.lBox {
	padding-right: 20px;
}

.rBox {
	padding-left: 20px;
}

.spc {
	text-align: center;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	margin-top: 15px;
}

.spc ul {
	display: inline-block;
	text-align: left;
	font-size: 14px;
}

.spc ul li {
	position: relative;
	padding: 3px 0 3px 25px;
	font-weight: bold;
}

.spc ul li:before {
	content: "";
	display: inline-block;
	background: url(../images/ico_check.jpg);
	width: 19px;
	height: 16px;
	background-size: 19px 16px;
	position: absolute;
	top: 5px;
	left: 0;
}

.lSpc {
	/*background: #fef1bd*/
	color: #e7708e;
	border: 3px double #e7708e;
}

.rSpc {
	border: 3px double #424242;
}

.topMsg {
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 638px;
	padding: 30px;
	margin: 0 auto 75px;
	text-align: center;
	line-height: 1.5;
}

.topMsg span {
	color: #fff;
	border-radius: 100px;
	background: #e7708e;
	display: inline-block;
	padding: 1px 10px;
}

.sml {
	font-size: 12px;
	color: #666;
	padding-top: 10px;
	line-height: 1.4;
	display: block;
}