@charset "UTF-8";

/************************************************************
 * アンカー
 ************************************************************/
.buttonBox {
	-webkit-border-radius: 0.8em;
	padding: 0.4em;
	width: 10.1em;
}
.buttonBox2 {
	-webkit-border-radius: 0.8em;
	padding: 0.4em;
	width: 13.1em;
}
.buttonBox3 {
	-webkit-border-radius: 0.8em;
	padding: 0.28em;
	width: 13.75em;
}

/* CSS3ボタン */
.btn1 {
	display: table	;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #666666 !important;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
	border: 0;
	background: 0;
	border-radius: 4px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	-webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .5),
						inset -1px -1px 1px 0 rgba(0, 0, 0, .2);
	-webkit-box-sizing: border-box;
}
.btn1:before {
	content: '';
	background: url(../../img/bt/smb/b_arrow_pinkR.png) no-repeat left center;
	background: url(https://beauty.hotpepper.jp/CSP/img/bt/smb/b_arrow_pinkR.png) no-repeat left center;
	display: inline-block;
	width: 4px;
	height: 7px;
	line-height: 1;
	margin-right: 5px;
	vertical-align: 1px;
}
.btn2 {
	display: table;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #666666 !important;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
	border: 0;
	background: 0;
	border-radius: 4px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-top: 1px solid #737373;
	border-right: 1px solid #BBB8B9;
	border-bottom: 1px solid #BBB8B9;
	border-left: 1px solid #737373;
	border: 3px solid #D46B86;
	text-shadow: 0 -1px 0 rgba(0,0,0,.7);
	-webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .5),
						inset -1px -1px 1px 0 rgba(0, 0, 0, .2);
	-webkit-box-sizing: border-box;
}
.btn2:before {
	content: '';
	background: url(../../img/bt/smb/b_arrow_pinkR.png) no-repeat left center;
	display: inline-block;
	width: 4px;
	height: 7px;
	line-height: 1;
	margin-right: 5px;
	vertical-align: 1px;
}
.btn3 {
	display: table;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #FFFFFF !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
	border: 0;
	background: 0;
	border-radius: 4px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FF848D),
		to(#ED384D)
	);
	-webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, .5),
						inset -1px -1px 1px 0 rgba(0, 0, 0, .2);
	-webkit-box-sizing: border-box;
}
.btn3:before {
	content: '';
	background: url(../../img/bt/smb/b_arrow_whiteR.png) no-repeat left center;
	display: inline-block;
	width: 4px;
	height: 7px;
	line-height: 1;
	margin-right: 5px;
	vertical-align: 1px;
}

/************************************************************
 * フォント
 ************************************************************/
body, input, select, textarea, table {
	font-size: 1em;
	line-height: 1.47;
}

/************************************************************
 * IDS
 ************************************************************/
/* ヘッダー */
#header {
	border-bottom: 1px solid rgba(177, 164, 130, 1);
	-webkit-box-shadow: 0 0 5px 0 rgba(73, 69, 19, .7);
}
#title {
	padding: 8px 10px 5px;
	border-right: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	margin-right: -1px;
	margin-left: -1px;
}

/* フッター */
#footer {
	height: 1em;
}

/************************************************************
 * スプライト画像 - 共通（c.png）
 ************************************************************/
.cS	{ background-image: url(/CSP/img/bt/smb/common/smb/logo.png); background-repeat: no-repeat; }

.logoL		{ background-position: 0 0; display: block; width: 88px; height: 35px; text-indent: -9999px; }
.copyright	{ background-position: 0 -46px; display: block; width: 132px; height: 12px; text-indent: -9999px; }
.softbankPM	{ background-position: 0 -63px; display: block; width: 138px; height: 12px; text-indent: -9999px; }

/************************************************************
 * スプライト画像 - アイコン（i.png）
 ************************************************************/
.iS	{ background-image: url(img/common/android/i.png); background-repeat: no-repeat; }

.question		{ background-position: -14px 2px; width:8px; height: 8px; padding-left: 14px; }
.tel			{ background-position: -12px -143px; width: 17px; height: 18px; padding-left: 18px; }
.arrowR			{ background-position: -19px -70px; padding-left: 14px; }
.arrowOrangeR	{ background-position: -21px -117px; padding-left: 7px; }
.iconSSL		{ background-position: -14px -36px;  height: 11px; padding-left: 16px; }
.present		{ background-position: -13px -215px; padding-left: 20px; }
.CCvisa		{ background-position: 0px -254px; width: 25px; height: 9px; }
.CCmaster	{ background-position: -7px -276px; width: 18px; height: 12px; }
.CCdiners	{ background-position: -9px -299px; width: 16px; height: 13px; }
.CCjcb		{ background-position: -9px -324px; width: 16px; height: 12px; }
.CCamex		{ background-position: -12px -349px; width: 13px; height: 13px; }

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/
.login dt { padding: 3px; }

.choice dd {
	width: 195px;
	float: left;
}
.addressChoice dd {
margin-left:60px;
text-indent:-31px;
}

.reserveNavi { -webkit-border-radius: 0.8em; border-radius: 0.8em; }
.reserveNaviCurrent { -webkit-border-radius: 0.8em; border-radius: 0.8em; }

.CCard { line-height: 2em; }


/* ブロックの区切り線 */
.boldSplitLineT		{ border-top: 2px solid #DDC8CE; }
.boldSplitLineB		{ border-bottom: 2px solid #DDC8CE; }
.normalSplitLineT	{ border-top: 1px solid #DDC8CE; }
.normalSplitLineR	{ border-right: 1px solid #DDC8CE; }
.normalSplitLineB	{ border-bottom: 1px solid #DDC8CE; }
.normalSplitLineL	{ border-left: 1px solid #DDC8CE; }

/* 写真のシャドウ */
.imgShadow {
	border: 1px solid #EFEFEF;
	-webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2);
	margin-bottom: 5px;
}


/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.w15p	{ width: 5%; }
.w21p	{ width: 19%; }
.w96p	{ width: 97%; }
.w258p { width: 26.6%; }
.w66m	{ width: 3.28em; min-width: 3.28em;}
.w67m	{ width: 3.28em; min-width: 3.28em;}
.w85	{ width: 83px; }
.w100	{ width: 60px; }
.w190	{ width: 120px; }

.maxW501	{ width:auto; max-width: 25.4em; }

.profileCell	{ width: 34.5%; }

/* HEIGHT */
.h45	{ height: 2.5em; }
.h80	{ height: 5em; }

/* MARGIN */
.mT10	{ margin-top: 0.7em; }
.mT20	{ margin-top: 1.2em; }
.mT30	{ margin-top: 1.8em; }
.mL20	{ margin-left: 0.5em; }
.mL140	{ margin-left: 8.6em; }
.mB10	{ margin-bottom: 0.8em; }

/* PADDING */
.pT7	{ padding-top: 0.5em; }
.pT10	{ padding-top: 0.6em; }
.pB10	{ padding-bottom: 0.5em; }
.pV5	{ padding-top: 0.5em; padding-bottom: 5px; }
.pV10	{ padding-top: 0.6em; padding-bottom: 0.6em; }
.pV15	{ padding-top: 0.81em; padding-bottom: 0.3em; }
.pH30	{ padding-left: 1.5em; padding-right: 1.5em; }
.p5	{ padding: 0.3em; }
.p10	{ padding: 0.7em; }

/* POSITION */
.hIm	{ text-indent: -5px; padding-left:16px; }
.hIm2	{ text-indent: -50px; padding-left: 5px; }
.hIl2	{ text-indent: -25px; margin-left: -60px; }

/* FOREGROUNG */
.ti1p2e		{ text-indent: 0.6em; }

.fs10		{ font-size: 10px; }
.fs12		{ font-size: 12px; }
.fs14		{ font-size: 14px; }
.fs16		{ font-size: 16px; }
.fs18		{ font-size: 18px; }
.fs20		{ font-size: 20px; }
.fs22		{ font-size: 22px; }


.mark	{ line-height: 1.7em; }
.lh24	{ line-height: 1.7em; }

/* BACKGROUND */
.bgOuterBox { -webkit-border-radius: 1.2em; }
.bgInnerBox { -webkit-border-radius: 1.2em; }

/* */
.bgArrow {
	background-image: url(../images/arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}