@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/

body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td ,select, hr {
	margin: 0;
	padding: 0;
}

ul, ol	{ list-style: none; }
img		{ border: none; vertical-align: bottom; }
table	{ border-spacing: 0; }
th		{ text-align: left; }

input, select, label {
	vertical-align: middle;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
             display: block;
}

/* clearfix */
.cFix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cFix { zoom: 1; }

/************************************************************
 * アンカー
 ************************************************************/

a:link,
a:visited { color: #0077E6; }
.linkPink:link,
.linkPink:visited { color: #CD4D72; }
.linkGray:link,
.linkGray:visited { color: #555555; }
.linkWhite:link,
.linkWhite:visited { color: #FFFFFF; }

/************************************************************
 * フォント
 ************************************************************/

body, input, select, textarea, table {
	color: #666666;
	font-size: 12px;
	line-height: 1.5;
	font-family: Helvetica;
}
html{
	-webkit-text-size-adjust: none;
}

/************************************************************
 * フォーム
 ************************************************************/

input,
textarea {
	-webkit-box-sizing: border-box;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
textarea {
	min-height: 30px;
	line-height: 20px;
	padding: 5px 10px;
	border: 1px solid #BBBBBB;
	border-radius: 10px;
	box-shadow: none !important;
	-webkit-appearance: none !important;
}

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/

/* ラッパー */
html,
body {
	height: 100%;
	min-height: 100%;
}
.scrollable .wrapper {
	height: 100%;
	padding-bottom: 60px;
}

/* ヘッダー */
.header {
	padding: 10px 10px 0;
	position: relative;
}
.header:after {
    clear: both;
    content: "";
    display: block;
}
.logo {
	float: left;
}
.logo > a {
	display: block;
}
.menuBtnWrap {
	float: right;
	height: 36px;
	margin-right: 3px;
	position: relative;
	width: 36px;
}
.personalInformation{
	text-align:center;
}
.personalInformation p{
	font-size:10px;
	display:inline-block;
}
.personalInformation span {
	color:#CC4466;
}
.userInfoWrap {
	line-height: 24px;
	margin-top: 5px;
}
.userInfoWrap > a {
	box-sizing: border-box;
	color: #000000;
	display: block;
	padding: 0 20px 0 8px;
	position: relative;
	text-decoration: none;
}
.userInfoWrap > a:after {
	border: solid #666666;
	border-width: 0 3px 3px 0;
	content: "";
	display: block;
	height: 6px;
	line-height: 1;
	margin-top: -4.5px;
	position: absolute;
	right: 8px;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
}
.userInfoName {
	color: #CC4466;
	display: inline-block;
	max-width: 137px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}
.userInfoGuest {
	color: #000000;
}
.userInfoName + span {
	color: #000000;
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
}
.userInfoPointWrap {
	float: right;
}
.userInfoPoint {
	color: #CC0000;
	display: inline-block;
	max-width: 62px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}
.userInfoPoint + span {
	color: #000000;
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
}
.userInfoPointTxt {
	color: #000000;
	font-size: 8px;
}
.userInfoPoint + .alertText {
	padding-right: 13px;
	position: relative;
}
.userInfoPoint + .alertText:after {
	background: url(/CSP/img/my/smb/icons/icn_alert.png?switch=2025062510) no-repeat 0 0;
	background-size: 12px 10px;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	right: 0;
	top: 6px;
	width: 12px;
}
.promoWord {
	margin:0px 4px;
	float:left;
	color: #666666;
	font-size: 10px;
	letter-spacing:0.5px;
	margin-top:-2px;
}
.logCond {
	position: absolute;
	top: 0;
	right: 0;
	height: 27px;
	/*margin-top: -13.5px;*/
}
.logCond > .btn1 {
	margin-top: 7px;
	margin-right: 5px;
}
.logCond .btnClose:before {
	content: '×';
	background: 0;
	vertical-align: -2px;
	line-height: 1;
	font-size: 20px;
	margin-right: 2px;
	font-weight: normal !important;
}
.headerLogin {
	display: inline-block;
	line-height: 41px;
	padding: 0 15px;
	color: #666666 !important;
	text-decoration: none !important;
	border-left: 1px solid #DDDDDD;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	background: -webkit-linear-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	background: gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
}
.loginUser {
	display: block;
	margin-left: auto;
	line-height: 27px;
	text-align: right;
	color: #666666 !important;
	text-decoration: underline !important;
	padding: 7px 10px 3px 10px;
	font-size: 14px;
}
.loginUser:after{
	content: url(/CSP/img/bt/smb/icons/icn_usermenu.png?switch=2025062510);
	padding: 3px 0;
	background-color: #FFFFFF;
}
.loginUserMenu {
	background-color: #FFFFFF;
}
.loginUserMenu > li:last-child a {
	border-bottom: 1px solid #E0E1E2;
}
.dottedBorderTop{ border-top: 1px dotted #cccccc; }
.loginUserMenuChild,
.loginUserMenuSubChild {
	align-items: center;
	border-top: 1px solid #E0E1E2;
	color: #333333 !important;
	display: flex;
	height: 44px;
	padding: 0 12px;
	position: relative;
	text-decoration: none !important;
}
.loginUserMenuChild {
	padding: 0 12px;
}
.loginUserMenuSubChild {
	padding: 0 12px 0 44px;
}
.loginUserMenuChild::before {
	background: center / contain no-repeat;
	content: "";
	display: block;
	height: 28px;
	margin-right: 4px;
	width: 28px;
}
a.loginUserMenuChild::after,
a.loginUserMenuSubChild::after {
	background: url(/CSP/img/my/smb/icons/common/icon_arrow.png?switch=2025062510) center / contain no-repeat;
	content: "";
	height: 20px;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
.loginUserMenuItemTop .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_maypage_top.png?switch=2025062510);
}
.loginUserMenuItemReserveHistory .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_reserve_history.png?switch=2025062510);
}
.loginUserMenuItemGift .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_gift.png?switch=2025062510);
}
.loginUserMenuItemReview .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_review.png?switch=2025062510);
}
.loginUserMenuItemBookmark .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_bookmark.png?switch=2025062510);
}
.loginUserMenuItemMessage .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_message.png?switch=2025062510);
}
.loginUserMenuItemPoint .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_point.png?switch=2025062510);
}
.loginUserMenuItemUser .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_user.png?switch=2025062510);
}
.loginUserMenuItemCreditCard .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_creditCard.png?switch=2025062510);
}
.loginUserMenuItemSetting .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_setting.png?switch=2025062510);
}
.loginUserMenuItemLogout .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_logout.png?switch=2025062510);
}
.loginUserMenuItemLogin .loginUserMenuChild::before {
	background-image: url(/CSP/img/my/smb/icons/myarea/icon_login.png?switch=2025062510);
}
.loginUserMenu > li:first-child a {
	border-top: none;
}
.loginUserMenuCnt {
	background-color: #FD7F34;
	border-radius: 9px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-left: 12px;
	min-width: 18px;
	padding: 0 4px;
	text-align: center;
}
.unread {
	color: #FF0000 !important;
}

/* パンくず */
.breadcrumb > li > a{
	color: #4C4C80;
}

.contentsHeader {
	background-color: #BE3C5F;
	box-sizing: border-box;
	color: #FFFFFF;
	font-family: monospace;
	font-size: 14px;
	font-weight: bold;
	min-height: 32px;
	padding: 6px 10px 5px;
	position: relative;
	z-index: 1;
}
.btnHeaderBack + .fs20,/* 予約導線対応 */
.btnHeaderBack + .pageHeadline {
	display: inline-block !important;
}
.btnHeaderBack {
	position: absolute;
	top: 3px;
	left: 5px;
	width: 89px;
	height: 34px;
	font-size: 14px;
	line-height: 34px;
	padding-left: 4px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_header_back.png?switch=2025062510") no-repeat;
	background-size: 89px 34px;
	-webkit-background-size: 89px 34px;
	color: #FFFFFF !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	font-weight: normal;
}
.btnHeaderBack.altered {
	letter-spacing: -2px;
	font-size: 12px;
}
.changeArea{
	position: absolute;
	top: 2px;
	right: 10px;
	display: inline-block;
	line-height: 36px;
	color: #FFFFFF !important;
	font-weight: normal;
	text-decoration: none !important;
}
/* エリア変更ポップアップ */
.changeAreaPopupWrapper {
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	padding: 85px 10px 10px;
	display: none;
	-webkit-transition: all .4s linear;
}
.changeAreaPopup {
	position: relative;
	z-index: 10;
	display: block;
	background-color: rgba(0, 0, 0, .8);
	padding: 10px;
	border-radius: 10px;
	color: #FFFFFF;
}
.changeAreaPopupWrapper:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
}
.changeAreaPopup:before {
	content: '';
	position: absolute;
	top: -10px;
	right: 25px;
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid rgba(0, 0, 0, 1);
	border-right: 10px solid rgba(0, 0, 0, 1);
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	-webkit-transform: rotate(-45deg);
	opacity: .6;
}

.sma {
	display: block;
	font-weight: normal;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#DDDDDD),
		to(#FFFFFF),
		color-stop(.9, #DDDDDD)
	);
	color: #4f381e;
	padding: 5px 8px 8px;
}

/* プレコンテンツ */
.shopNameArea {
	width: 100%;
	border: 1px solid #A6A6A6;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #E8E8E2;
	padding: 10px;
}
.shopNameArea h2 {
	font-size: 16px;
}

.shopNameArea2 {
	width: 100%;
	border: 1px solid #A6A6A6;
	border-bottom: none;
	padding: 10px 10px 0;
}
.reviewPostNote {
	border-top: 1px solid #A6A6A6;
}
.reviewPostSectionNote {
	background: url(/CSP/img/svg/sp/icon_arrow_down_gray.svg?switch=2025062510) center right 16px / 20px no-repeat;
	border: solid #E0E1E2;
	border-width: 1px 0;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding: 14px 52px 14px 16px;
}
.reviewPostSectionNote.isOpened {
	background-image: url(/CSP/img/svg/sp/icon_arrow_up_gray.svg?switch=2025062510);
}
.reviewPostSectionNoteHead {
	color: #665555;
	font-size: 14px;
	font-weight: bold;
}
.reviewPostSectionNoteTitle {
	border: solid #A6A6A6;
	border-width: 0 1px;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #E8E8E2;
	padding: 5px 10px;
}
.reviewPostSectionNoteTitle .annotation {
	vertical-align: middle;
	margin: 0 auto;
	font-size: 12px;
	color: #fff !important;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
	background: -webkit-gradient(
	 linear,
	 left top,
	 left bottom,
	 from(#999),
	 to(#666)
	 );
	border: 1px solid #333;
	-webkit-box-sizing: border-box;
}
.reviewPostSectionNoteTitle .arrow {
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #be3c5f;
}
.reviewPostSectionNoteTitle .wakuWrapper {
	display: block;
	padding: 1px 10% 5px;
}
.reviewPostSectionNoteTitle .wakuInner {
	display: block;
	border: solid #be3c5f;
	border-width: 0 2px 2px 2px;
	height: 6px;
}
.reviewPostSectionNoteTitle .kikan {
	display: block;
	background: #E8E8E2;
	width: 110px;
	text-align: center;
	top: 1px;
	left: 50%;
	margin-left: -55px;
}
.reviewPostSectionNoteBody {
	padding: 5px 10px;
	border-right: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.directRsv	{
	display: table-cell;
	width: 50px;
	height: 31px;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	background-color: #EF4256;
	border-radius: 4px;
	font-size: 14px;
}
/* コンテンツ */
.contents {
	position: relative;
	padding-bottom: 3.5em;
	background-color: #FFFFFF;
}
.pageDescription {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 3em;
	font-size: 10px;
	font-weight: normal;
	display: block;
	vertical-align: top;
	padding: 10px 10px 0;
	margin: 0 auto;
	color: #666666;
	text-align: center;
	-webkit-box-sizing: border-box;
}
.contentsTitle	{
	padding: 5px;
	background-color: #be3c5f;
	color: #FFFFFF;
	font-size: 14px;
}
/* サブタイトル */
.mainContentsSecondTitle	{
	padding: 5px;
	background-color: #A6A39B;
	color: #FFFFFF;
	font-size: 14px;
}
.selectWay	{
	margin-top: 5px;
	border-bottom: 2px solid #BFBFBF;
	padding: 3px;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.selectWay.alertCouponMenuMsg02 {
	border-bottom: none;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	margin-top: 0;
	padding: 20px 0 0 0;
}
/* 矢印 */
.icnArrowPinkR {
	background: url("/CSP/img/bt/smb/b_arrow_pinkR.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}
.arrowBPinkL {
	background: url("/CSP/img/bt/smb/b_arrow_pinkL.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}
.arrowBPinkR {
	background: url("/CSP/img/bt/smb/b_arrow_pinkR.png?switch=2025062510") no-repeat center right;
	padding-right: 10px;
}
.arrowBGrayL {
	background: url("/CSP/img/bt/smb/b_arrow_grayL.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}
.arrowBGrayR {
	background: url("/CSP/img/bt/smb/b_arrow_grayR.png?switch=2025062510") no-repeat center right;
	padding-right: 10px;
}
.arrowBWhiteR {
	background: url("/CSP/img/bt/smb/b_arrow_whiteR.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}
.icnUp {
	background-color: #FF9900;
	color: #FFFFFF;
	font-size: 10px;
	padding: 1px 8px;
	margin-left: 10px;
}
.icnDelete {
	display: inline;
	padding-left: 21px;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/CSP/img/bt/smb/icons/icn_bubble_close.png?switch=2025062510) no-repeat left center;
}

/*
.verticalLinkList > .normalSplitLineT > a.icnDelete2 {
	position:absolute;
	right:0;
	bottom:5px;
	display: inline;
	padding-left: 21px;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(/CSP/img/bt/smb/icons/icn_bubble_close.png?switch=2025062510) no-repeat left center;
}
*/

.verticalLinkList > .normalSplitLineT > a.icnDelete2::after {
	background:none;
}

.verticalLinkList > .normalSplitLineT > div > a {
	text-decoration: none;
}
.verticalLinkList > .normalSplitLineT > div > a > div {
	color: #666666;
}
.mySalonDetail {
	min-height: 3em;
	vertical-align: top !important;
}
.mySalonDetail::after {
	content: '';
	display: inline-block;
	width: 110px;
	height: 20px;
}

.verticalLinkList > .normalSplitLineT > a.icnDelete2 {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: inline-block !important;
	white-space: nowrap;
	padding: 2px 5px;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	color: white !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: 0;
	border-radius: 4px;
	background:	#666666;
	-webkit-box-sizing: border-box;
}

.verticalLinkList > .alreadyRead {
	background: #F9F9F9 !important;
}

/* エラー文言 */
.alertTxt {
	padding-left: 5px;
	font-size: 12px;
	color: #FF0000;
}
.alertTxtS {
	font-size: 10px;
	color: #FF0000;
}
/* テーブル */
.tbl1 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}
.tbl1 th, .tbl1 td {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.tbl1 thead th {
	background-color: #EEECE1;
}
.tbl1 tbody th {
	background-color: #F2F2F2;
}
.tbl2 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}
.tbl2 th, .tbl2 td {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.tbl2 thead th {
	background-color: #D9D9D9;
}
.tbl2 tbody th {
	background-color: #F2F2F2;
}
.tbl3 {
	border-collapse: collapse;
}
.tbl3 th {
	white-space: nowrap;
}
.tbl3 th,
.tbl3 td {
	padding: 10px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.tbl4 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #CCCCCC;
}
.tbl4 th, .tbl4 td {
	border: 1px solid #FFFFFF;
	padding: 5px;
}
.tbl4 td {
	background-color: #FFFFFF;
}
.tbl4 thead th {
	background-color: #EEECE1;
}
.tbl4 tbody th {
	background-color: #F2F2F2;
}
.tbl4 tbody th.bgPink {
	background-color: #F2DCDB;
}
.verticalDataList {
	width: 100%;
}
.verticalDataList th {
	width: 60px;
	vertical-align: top;
}
.verticalDataList th,
.verticalDataList td {
	padding: 10px;
}

/* 白背景画像用ボーダー */
.bdImgGray { border: 1px solid #EEEEEE; }

/* ページング */
.weekpaging {
	width: 30%;
	background-color: #EDEAE5;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
/* サブミットエリア */
.submitArea {
	background-color: #F5F3EF;
	display: block;
	line-height: 20px;
	padding: 10px 0;
}

.submitArea2 {
	display: block;
	line-height: 20px;
}

/* アイコン */
.iconTextRed {
	display: block;
	border: 2px solid #FF6666;
	background-color: #FF6666;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
}
.iconTextRedB {
	display: inline-block;
	border: 2px solid #FF6666;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #FF6666;
	color: #FFFFFF;
}
.iconTextWPurple {
	display: block;
	border: 2px solid #AF51AF;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #AF51AF;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.iconTextWBlue {
	display: block;
	border: 2px solid #5E6EDD;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #5E6EDD;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.iconTextWPink {
	display: block;
	border: 2px solid #FF6666;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FF6666;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.iconTextWPinkB {
	display: inline-block;
	border: 2px solid #FF6666;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FF6666;
}
.iconMust {
	display: inline-block;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
	padding: 0 4px;
	background-color: #FF0000;
	vertical-align: text-top;
}
.iconMustEmpty {
	width: 20px;
	padding:1px 5px;
}
.arrowR {
	background: url("/CSP/img/bt/smb/b_arrow_pinkR.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}
.arrowGrayR {
	background: url("/CSP/img/bt/smb/b_arrow_grayR.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}

/* CSS3ボタン */
.btn1 {
	display: block;
	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: bold;
	background: 0;
	border-radius: 4px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#CCCCCC)
		);
	border: 1px solid #978486;
	-webkit-box-sizing: border-box;
}
.btn2 {
	background: -webkit-gradient(linear, left top, left bottom,
	from(#FFFFFF),to(#F6D3D7), color-stop(0.25, #FFFFFF));
	background: #FFFFFF linear-gradient(to bottom, #FFFFFF 0%, #F6D3D7 100%);
	border: 1px solid #E5848E;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	color: #E53B4E !important;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
input.btn2 {
	width: 100%;
}
.btn2K {
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #663399 !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: 0;
	background: 0;
	border-radius: 4px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#CDACEE),
		color-stop(0.25, #FFFFFF)
	);
	border: 1px solid #9B7FB3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*
.btn3 {
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: white !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: solid 1px #b386e0;
	background: 0;
	border-radius: 4px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#a979d9),
		to(#794ca6),
		color-stop(.2, #a979d9)
	);
	-webkit-box-shadow: inset 0px 1px 0px 0 rgba(255, 255, 255, .4), inset 0px 0px 5px 0 rgba(255, 255, 255, .75);
	-webkit-box-sizing: border-box;
}
*/
.btn3 {
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: white !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: solid 1px #DA949B;
	background: 0;
	border-radius: 4px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FF858E),
		to(#F64459),
		color-stop(.2, #FF858E)
	);
	-webkit-box-shadow: inset 0px 1px 0px 0 rgba(255, 255, 255, .5), inset 0px 0px 5px 0 rgba(255, 255, 255, .75);
	-webkit-box-sizing: border-box;
}
.btn3K {
	display: block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: white !important;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border: solid 1px #b386e0;
	background: 0;
	border-radius: 4px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#a979d9),
		to(#794ca6),
		color-stop(.2, #a979d9)
	);
	-webkit-box-shadow: inset 0px 1px 0px 0 rgba(255, 255, 255, .4), inset 0px 0px 5px 0 rgba(255, 255, 255, .75);
	-webkit-box-sizing: border-box;
}
.btn5 {
	display: block	;
	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: bold;
	background: 0;
	border-radius: 4px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#F2F2F2)
		);
	border: 1px solid #A29697;
	-webkit-box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, .2), inset 0 0 3px 0 rgba(255, 255, 255, .35);
	-webkit-box-sizing: border-box;
}
.btn6 {
	display: block	;
	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;
	background: 0;
	border-radius: 4px;
	background: -webkit-gradient(    linear,    left top,    left bottom,    from(#CCCCCC),    to(#A2A2A2), color-stop(.25, #C9C9C9)    );
	border: 1px solid #A29697;
	-webkit-box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, .2), inset 0 0 3px 0 rgba(255, 255, 255, .35);
	-webkit-box-sizing: border-box;
}
.btnSaveToMySalonDone {
	display: none ;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	color: #FFF !important;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border: 0;
	background: 0;
	border-radius: 4px;
	background: -webkit-gradient( linear, left top, left bottom, from(#C3C2BE), to(#c1c0bd), color-stop(0.6, #C3C2BE) );
	-webkit-box-shadow: inset 0px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 0px 2px 0 rgba(0, 0, 0, .2);
	-webkit-box-sizing: border-box;
	font-weight: bold;
}
.btnLGray {
	background-color: #FFFFFF;
	border: solid #BFB9B0;
	border-radius: 4px;
	border-width: 1px 1px 2px 1px;
	box-sizing: border-box;
	color: #666666 !important;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/* 新ボタン */
.btnFilled,
.btnOutlinedNegative {
	align-items: center;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid;
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	font-size: 14px;
	font-weight: bold;
	justify-content: center;
	line-height: 1;
	min-height: 44px;
	outline: none;
	padding: 0;
	text-decoration: none;
}
.btnFilled {
	background-color: #D36985;
	border-color: #D36985;
	color: #FFFFFF !important;
}
.btnOutlinedNegative {
	background-color: #FFFFFF;
	border-color: #E0E1E2;
	color: #333333 !important;
}
.btnOutlinedNegative[data-btn-size="small"] {
	min-height: 36px;
}
input[value="上記に同意の上次へ"][type="submit"].btn2 {
	background-position: 52px center,0 0;
}
input[value="会員情報を修正する"][type="submit"].btn2 {
	background-position: 52px center,0 0;
}
input[value="確認画面へ"][type="submit"].btn2{
	background-position: 80px center,0 0;
}
input[value="以前の会員情報、予約履歴を引き継ぐ"][type="submit"].btn2{
	background-position: 6px center,0 0;
}
input[value="ログイン"][type="submit"].btn2,
input[value="変更する"][type="submit"].btn2 {
	background-position: 90px center,0 0;
}
input[value="予約内容詳細"][type="submit"].btn2,
input[value="マイページへ"][type="submit"].btn2 {
	background-position: 75px center,0 0;
}
input[value="閉じる"][type="submit"].btn2 {
	background-position: 95px center,0 0;
}
input[value="次へ"][type="submit"].btn2 {
	background-position: 95px center,0 0;
}
input[value="口コミを投稿する"][type="submit"].btn2 {
	background-position: 62px center,0 0;
}
input[value="予約一覧（マイページトップ）へ"][type="submit"].btn2 {
	background-position: 12px center,0 0;
}
input[value="この予約をキャンセルする"][type="submit"].btn2 {
	background-position: 32px center,0 0;
}
.myRsvBtnFilled,
.myRsvBtnOutlined,
.myRsvBtnOutlinedNegative {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid;
	border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	min-height: 44px;
	outline: none;
	padding: 0;
	width: 100%;
}
.myRsvBtnFilled {
	background-color: #D36985;
	border-color: #D36985;
	color: #FFFFFF !important;
}
.myRsvBtnOutlined {
	background-color: #FFFFFF;
	border-color: #E0E1E2;
	color: #C43357 !important;
}
.myRsvBtnOutlinedNegative {
	background-color: #FFFFFF;
	border-color: #E0E1E2;
	color: #333333 !important;
}
/* ボタン */
.btn {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
}
.btnBack	{
	width: 78px;
	height: 29px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_back.png?switch=2025062510") no-repeat;
}
.btnNominativeNoNext {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_nominative_no_next.png?switch=2025062510") no-repeat;
}

.btnNominativeNext {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_nominative_next.png?switch=2025062510") no-repeat;
}

.btnMenuSelect {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_menu_select.png?switch=2025062510") no-repeat;
}

.btnCouponReserve {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_coupon_reserve.png?switch=2025062510") no-repeat;
}

.btnContentNext {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_content_next.png?switch=2025062510") no-repeat;
}

.btnNext {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_next.png?switch=2025062510") no-repeat;
}
.btnNext2 {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_next2.png?switch=2025062510") no-repeat;
}

.btnConfirmReserve {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_confirm_reserve.png?switch=2025062510") no-repeat;
}
.btnBackToSalon {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_back_to_salon.png?switch=2025062510") no-repeat;
}
.btnLogin {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_login.png?switch=2025062510") no-repeat;
}
.btnChangePasswordLogin {
	width: 190px;
	height: 32px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_change_password_login.png?switch=2025062510") no-repeat;
}
.btnEntry {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_entry.png?switch=2025062510") no-repeat;
}
.btnApplyMembers {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_apply_members.png?switch=2025062510") no-repeat;
}
.btnRegistMembers {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_regist_members.png?switch=2025062510") no-repeat;
}
.btnTemporaryReserve {
	width: 275px;
	height: 60px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_temporary_reserve.png?switch=2025062510") no-repeat;
}
.btnContentChange {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_content_change.png?switch=2025062510") no-repeat;
}
.btnFixReserve {
	width: 275px;
	height: 60px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_fix_reserve.png?switch=2025062510") no-repeat;
}
.btnViewStylistSchedule {
	width: 275px;
	height: 35px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_view_stylist_schedule.png?switch=2025062510") no-repeat;
}
.btnBackToSalonCalendar {
	width: 275px;
	height: 29px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_back_to_salon_calendar.png?switch=2025062510") no-repeat;
}
.btnOther {
	width: 210px;
	height: 29px;
	background: url("/CSP/img/bt/smb/buttons/b_btn_other.png?switch=2025062510") no-repeat;
}
.btnNextAgree{
	font-size: 18px;
}
.btnNextAgree::first-line{
	font-size: 12px;
}
/* 横リンク一覧 */
.horizontalLinkList {
	position: relative;
	display: table;
}
.horizontalLinkList > li {
	position: relative;
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#FFFFFF),
		to(#FEF1F3)
	);
	border-top: 1px solid #DDC8CE;
	border-bottom: 1px solid #DDC8CE;
	border-left: 1px solid #DDC8CE;
	border-right: 1px solid #DDC8CE;
	border-radius: 12px 10px 12px 10px;
	width: 155px;
	margin-bottom: 5px;
}
.horizontalLinkList > li:last-child {
	border-right: 1px solid #DDC8CE;
	border-radius: 10px 10px 10px 10px;
}
.horizontalLinkList > li > a,
.horizontalLinkList > li > span,
.horizontalLinkList > li > label/* add */ {
	display: block;
	padding: 8px 30px 8px 10px;
	text-decoration: none !important;
	color: #666666 !important;
}
.horizontalLinkList > li > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 8px;
	height: 13px;
	line-height: 1;
	margin-top: -6.5px;
	right: 10px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(/CSP/img/bt/smb/icons/icn_link.gif?switch=2025062510) no-repeat 0 0;
}
.horizontalLinkList input[type="checkbox"] {
	margin-right: 5px;
}
.horizontalLinkList > li > label {
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	padding: 8px 28px 8px 28px;
}
.horizontalLinkList > li:last-child > label {
	border-radius: 10px 10px 10px 10px;
}
.horizontalLinkList > li > input:checked + label {
	background-color: #EF4256;
	color: #FFFFFF !important;
}
.horizontalLinkList > li > input:checked + label:after {
	content: url(/CSP/img/my/smb/icons/icn_checked.png?switch=2025062510);
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: -20px;
}
.horizontalLinkList > li > input[type="radio"] {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* エラーメッセージのliタグ */
.horizontalLinkList > li.error-item {
	position: static; /* 他のliと異なる設定を適用 */
	background: none; /* 背景をリセット */
	border: none; /* ボーダーを削除 */
	border-radius: 0; /* 角の丸みをリセット */
	margin: 0; /* 上下の余白をリセット */
	padding: 0; /* 内側の余白を削除 */
	width: auto; /* 必要に応じて調整 */
}

/* エラーメッセージのスタイル */
.horizontalLinkList > li.error-item > #error-message {
	color: #FF0000 !important;;
	display: none;
}

/* 縦リンク一覧 */

/*
.verticalLinkList {
	position: relative;
}
*/

.verticalLinkList > .normalSplitLineT {
	display: block;
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.couponAreaHead .verticalLinkList > li:first-child {
	border-top: none;
}
.verticalLinkList > .normalSplitLineT:last-child {
	border-bottom: 1px solid #BFB9B0 !important;
}
.verticalLinkList > .normalSplitLineT > a,
.verticalLinkList > .normalSplitLineT > span,
.verticalLinkList > .normalSplitLineT > label {
	display: block;
	padding: 15px 30px 15px 10px;
	text-decoration: none !important;
	color: #666666 !important;
}

.verticalLinkList > .normalSplitLineT2 {
	display: block;
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F9EEED));
	-webkit-box-sizing: border-box;
}
.verticalLinkList > .normalSplitLineT2:last-child {
	-webkit-box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, .2);
}
.verticalLinkList > .normalSplitLineT2 > a,
.verticalLinkList > .normalSplitLineT2 > span,
.verticalLinkList > .normalSplitLineT2 > label {
	display: block;
	padding: 15px 30px 15px 10px;
	text-decoration: none !important;
	color: #E53B4E  !important;
}

/* disable */
.verticalLinkList > .normalSplitLineTDisable {
	display: block;
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E2DE));
	-webkit-box-sizing: border-box;
	z-index : 0;
}
.verticalLinkList > .normalSplitLineTDisable > a,
.verticalLinkList > .normalSplitLineTDisable > span,
.verticalLinkList > .normalSplitLineTDisable > label {
	display: block;
	padding: 15px 30px 15px 10px;
	text-decoration: none !important;
	color: #666666 !important;
	pointer-events:none;
}
.verticalLinkList > .normalSplitLineTDisable::before {
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 101;
	content: "現在、ご利用いただけません";
	color: #FFF;
	font-weight: bold;
}
.verticalLinkList > .normalSplitLineTDisable::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	content: "";
	opacity: 0.5;
	background-color: #000;
}
.verticalLinkList > .normalSplitLineT2Disable {
	display: block;
	position: relative;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E2DE));
	-webkit-box-sizing: border-box;
	z-index : 0;
}
.verticalLinkList > .normalSplitLineT2Disable > a,
.verticalLinkList > .normalSplitLineT2Disable > span,
.verticalLinkList > .normalSplitLineT2Disable > label {
	display: block;
	padding: 15px 30px 15px 10px;
	text-decoration: none !important;
	color: #666666 !important;
	pointer-events:none;
}
.verticalLinkList > .normalSplitLineT2Disable::before {
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 101;
	content: "サロンの掲載情報がありません";
	color: #FFF;
	font-weight: bold;
}
.verticalLinkList > .normalSplitLineT2Disable::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	content: "";
	opacity: 0.5;
	background-color: #000;
}

.disable {
	display: block;
	padding: 15px 10px 15px 10px;
	text-decoration: none !important;
	color: #666666 !important;
}

/*
.verticalLinkList > .normalSplitLineT > span {
	background: white;
}
*/

.verticalLinkList > .normalSplitLineT > label {
	padding: 8px 35px 8px 20px;
}
.verticalLinkList > .normalSplitLineT:first-child > label {
	border-radius: 10px 10px 0 0;
}
.verticalLinkList > .normalSplitLineT:last-child > label {
	border-radius: 0 0 10px 10px;
}
.verticalLinkList > .normalSplitLineT > input:checked + label {
	background: #EF4256;
	color: #FFFFFF !important;
}
.verticalLinkList > .normalSplitLineT > input:checked + label:after {
	content: url(/CSP/img/bt/smb/icons/icn_checked.png?switch=2025062510);
	display: block;
	position: absolute;
	top: 16px;
	right: 10px;
	margin-top: -7.5px;
}
.verticalLinkList > .normalSplitLineT > input {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 34px;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.verticalLinkList > .menuCassetteWrap {
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: relative;
}
.verticalLinkList > .normalSplitLineT > a:after,
.verticalLinkList > .normalSplitLineT > .couponCassetteInner > a:after,
.slnCouponMenuList .couponCassetteInner > a:after,
.menuCassetteWrap > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -6.5px;
	right: 10px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(/CSP/img/common/smb/icon_link2.png?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
}
.verticalLinkList > .normalSplitLineT2 > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -6.5px;
	right: 10px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(/CSP/img/common/smb/icon_link3.png?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
}


.verticalLinkList input[type="checkbox"] {
	margin-right: 5px;
}


/* 改変版 */
.verticalLinkList.altered > .normalSplitLineT:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.verticalLinkList.altered > .normalSplitLineT:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/*メルマガチェックリスト版*/
.mailMagazineCheckbox {
	border: solid 1px #E0E1E2;
	border-radius: 4px;
}
.mailMagazineAnnotationList {
	border-top: solid 1px #E0E1E2;
	color: #6D6D6D;
	font-size: 11px;
	padding: 12px;
}
.mailMagazineAnnotationList > li + li {
	margin-top: 4px;
}
.mailMagazineCheckAreaWrap {
	align-items: center;
	color: #333333;
	display: flex;
	padding: 12px;
}
	
.mailMagazineCheckAreaWrap > input {
	display: none;
}

.mailMagazineCheckArea {
	border: solid 1px #E0E1E2;
	border-radius: 4px;
	box-sizing: border-box;
	height: 20px;
	margin-right: 8px;
	min-width: 20px;
}

.mailMagazineCheckAreaWrap input[type="checkbox"]:checked + .mailMagazineCheckArea {
	background: url(/CSP/img/svg/sp/icon_check_bt.svg?switch=2025062510) center / contain;
}

/* 非活性リンク */
ul > .normalSplitLineT.disable  {
	background: #F9F9F9 !important;
}
ul > .normalSplitLineT.disable > span {
	color: #A9A9A9 !important;
}
ul > .normalSplitLineT.disable .icnPCSite {
	background: url(/CSP/img/bt/smb/icons/icn_pcsite_disable.png?switch=2025062510) no-repeat left center;
}
ul > .normalSplitLineT.disable .icnPCSiteK {
	background: url(/CSP/img/kr/smb/icons/icn_pcsite.png?switch=2025062510) no-repeat left center;
}
.selectedArea {
	padding: 8px 10px;
	background: #FFFFFF !important;
}

/* メルマガ設定リスト */
.mailDeliverySystemTtl {
	color: #333333;
	font-size: 14px;
	text-align: center;
}

.mailDeliverySystemTable {
	border: solid 1px #E0E1E2;
	color: #333333;
	display: flex;
}

.mailDeliverySystemTable dt {
	background-color: #F6F6F6;
	border-right: solid 1px #E0E1E2;
	font-weight: bold;
	padding: 8px;
	width: 40%;
}

.mailDeliverySystemTable dd {
	padding: 8px;
	width: 60%;
}

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


.headline3 {
	font-size: 16px;
	padding: 15px 6px 12px 6px;
	width:100%;
	color: #988989;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	border-top: solid 1px #BFB9B0;
	border-bottom: solid 2px #BFB9B0;
	word-break: break-all;
}
.headline3:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #988989;
	vertical-align: -2px;
	margin-right: 7px;
	border-radius: 4px;
}
.headline3 + .verticalLinkList > .normalSplitLineT:first-child {
 border-top: 0;
}
.headlineCap {
	position: absolute;
	right: 5px;
	bottom: 5px;
	line-height: 1;
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}
.headline4 {
	padding: 8px 10px;
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
}

/* 写真のボーダー */
.imgBorder {
	outline: 1px solid #CCC;
	margin-bottom: 5px;
}
/* アイコン */
.icnPCSite {
	display: inline-block;
	padding-left: 20px;
	background: url(/CSP/img/bt/smb/icons/icn_pcsite.png?switch=2025062510) no-repeat left center;
}
.icnPCSiteK {
	display: inline-block;
	padding-left: 20px;
	background: url(/CSP/img/kr/smb/icons/icn_pcsite.png?switch=2025062510) no-repeat left center;
}
.icnKey {
	display: inline-block;
	background: url(/CSP/img/bt/smb/icons/icn_key.png?switch=2025062510) no-repeat left center;
	padding-left: 12px;
	line-height: 14px;
}

.icnAddress{
	text-decoration: none !important;
}
.icnAddress:after {
	position: absolute;
	top: 6px;
	right: 15px;
	content: 'Map';
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: 10%;
	border: 2px solid #D36985;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-radius: 20px;
	color: #999999;
	font-size: 10px;
}
.icnAddressDetail {
	padding-right: 35px;
	text-decoration: none;
}
.icnAddressDetail:after {
	content: 'Map';
	display: inline-block;
	margin-top: -12px;
	margin-left: 8px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: 10%;
	border: 2px solid #D36985;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-radius: 20px;
	color: #999999;
	font-size: 10px;
}
.icnAddressHistory {
	text-decoration: none !important;
}

.icnAddressHistory:after {
	position: absolute;
	top: 8px;
	right: 10px;
	content: 'Map';
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: 10%;
	border: 2px solid #D36985;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-radius: 20px;
	color: #999999;
	font-size: 10px;
}
.icnTel {
	position: relative;
	display: block;
	padding-right: 35px;
	text-decoration: none;
}
.icnTel:after {
	content: 'Tel';
	position: absolute;
	top: 50%;
	right: 5px;
	display: inline-block;
	margin-top: -12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 2px solid #D36985;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-radius: 20px;
	color: #999999;
	font-size: 10px;
}
.salonOptionIconList {
	white-space: nowrap;
}
.salonOptionIconList > li {
	margin-right: 5px;
}
.salonOptionIconList > li:last-child {
	margin-right: 0;
}
.icnImmediatelyRsv,
.icnTemporaryRsv,
.icnNominateRsv,
.icnToday,
.icnMerchantsPoint,
.icnExperience {
	display: inline-block;
	padding: 0 5px;
	border-radius: 4px;
	font-size: 10px;
}
.icnImmediatelyRsv,
.icnTemporaryRsv,
.icnNominateRsv,
.icnToday,
.icnExperience {
	color: #AA3353;
	border: 1px solid #E6B9B8;
	background-color: #F2DCDB;
}
.icnMerchantsPoint {
	color: #FFFFFF;
	border: 1px solid #F79646;
	background-color: #F79646;
	width: 66px;
}
.icnInfoMark {
	background-color: #FFFFFF;
	border: 2px solid #D36985;
	border-radius: 20px;
	border-radius: 20px;
	box-sizing: border-box;
	color: #D36985;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 20px;
	line-height: 14px;
	padding: 2px;
	text-align: center;
	width: 20px;
}
.genreIconList {
	white-space: nowrap;
}
.genreIconList li {
	float: left;
	padding: 1px 8px;
	margin-right: 5px;
	margin-bottom: 3px;
	color: white;
	font-size: 10px;
	border-radius: 4px;
	white-space: nowrap;
}
.genreIconList li:last-child {
	margin-right: 0;
}

.btGenreGR01 {
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 4px;
}

.btGenreGR02 {
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 4px;
}

.btGenreGR03 {
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 4px;
}

.btGenreGR04 {
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 4px;
}

.btGenreGR05 {
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 4px;
}

.btGenreGR06 {
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 4px;
}
.btGenreGR01	{ background-color: #E87492; }

/* bt */
.btGenreGR	{ background-color: #FF8A90; }

.krGenreGR01		{ background-color: #94CDAD; }
.krGenreGR02		{ background-color: #94CDAD; }
.krGenreGR03		{ background-color: #94CDAD; }
.krGenreGR04		{ background-color: #F5BCD5; }
.krGenreGR05		{ background-color: #F5BCD5; }
.krGenreGR06		{ background-color: #C49BC2; }
.krGenreGR07		{ background-color: #94CDAD; }
.krGenreGR08		{ background-color: #94CDAD; }
.krGenreGR09		{ background-color: #94CDAD; }
.krGenreGR99	{ background-color: #9C9A9C; }
.krGenreGROther	{ background-color: #9C9A9C; }

/* messageStatus用 */
.genreIconGR00	{ background-color: #E87492; }
.genreIconGR01	{ background-color: #94CDAD; }
.genreIconGR02	{ background-color: #94CDAD; }
.genreIconGR03	{ background-color: #94CDAD; }
.genreIconGR04	{ background-color: #F5BCD5; }
.genreIconGR05	{ background-color: #F5BCD5; }
.genreIconGR06	{ background-color: #C49BC2; }
.genreIconGR07	{ background-color: #94CDAD; }
.genreIconGR08	{ background-color: #94CDAD; }
.genreIconGR09	{ background-color: #94CDAD; }

.detailTitle {
    font-size: 16px;
    line-height: 1;
}
.detailTitleRubi {
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    margin-top: 3px;
}

.detailTitleClose {
	font-size: 14px;
	line-height: 1;
}

/* 完了メッセージ */
.alertMsg {
	padding: 10px;
	margin-bottom: 10px;
}
.alertMsg.alertCouponMenuMsg {
	border: solid #BFB9B0;
	border-radius: 10px 10px 0 0;
	border-width: 1px 1px 0 1px;
	margin: 10px 0 0;
}
.alertMsg.alertCoupon {
  padding-top: 0;
}
.alertMsgInner {
	position: relative;
	border: 2px solid #DDC8CE;
	padding: 10px;
	background-color: #FEFEFE;
	border-radius: 8px;
	color: #CC4466;
}

/* フリーワード検索窓 */
.fwInputWrapper {
	position: relative;
	padding: 0 10px;
	margin-bottom: 10px;
}
.fwInput {
	width: 100%;
	height: 36px;
	padding: 8px 70px 8px 10px;
	border-radius: 10px;
	border: 1px solid #BBBBBB;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}
.btnFwInput {
	position: absolute;
	top: 1px;
	right: 11px;
	display: block;
	width: 60px;
	height: 34px;
	border: 0;
	border-left: 1px solid #BBBBBB;
	border-radius: 0 10px 10px 0;
	background: 0;
	background-image:
		url(/CSP/img/bt/smb/icons/icn_search.png?switch=2025062510),
		-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E2DE));
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 60px 36px;
	background-size: 60px 36px;
	text-indent: -9999px;
	cursor: pointer;
}
/* 日付選択カレンダー */
.dateInput {
	width: 100%;
	padding: 8px 10px;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
	-webkit-box-sizing: border-box;
}
/* アクションエリア */
.bottomActionAreaWrapper {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
}
.bottomActionArea {
	background-color: rgba(0, 0, 0, .6);
	border-radius: 8px 8px 0 0;
}
/* 最終更新日 */
.lastUpdateDate {
	font-size: 10px;
	margin-left: auto;
	display: table;
	margin-right: 10px;
	margin-top: 8px;
}
/* サブミットボタン */
.submitBtn {
	padding: 15px 0;
}

/* contentHeadeline */
.contentHeadline {
	background-color: #FCFCFC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	padding: 10px 10px 10px 20px;
	text-indent: -10px;
}
.contentHeadline:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 18px;
	background-color: #D46B86;
	vertical-align: -4px;
	margin-right: 5px;
}
/* appealArea */
.appealArea {
	 margin-right: 10px;
	 margin-left: 10px;
	 padding: 5px;
	 background-color: #FEEEED;
	 border: 2px solid #AA3355;
	 border-radius: 10px;
}
/* alertArea */
.alertArea {
	 margin-right: 10px;
	 margin-left: 10px;
	 padding: 5px;
	 background-color: #FFE2E8;
	 border: 2px solid #AA3355;
}

/* eventArea */
.eventArea {
	 padding: 5px;
	 border: 2px solid #EDADAD;
	 border-radius: 10px;
	 -webkit-box-sizing: border-box;
}
/* noticeArea */
.noticeArea	{
	 margin-right: 10px;
	 margin-left: 10px;
	 padding: 5px;
	 background-color: #FEEEED;
	 border: 2px solid #D46B86;
}

.inputAssistWithHeadline {
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	display: inline-block;
}
.disc	{ list-style-type: disc !important; padding-left: 30px !important; }
.inputError {
	border:1px solid #FF0000;
	background-color: #F5DDDD;
}
.errorMsg {
	border: 2px solid #FF0000;
	background-color: #F5DDDD;
	color: #FF0000;
	font-weight: bold;
	padding: 8px 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.errorMsg li:before {
	content: '！';
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center;
	line-height: 1;
	background-color: red;
	color: #FFFFFF;
	margin-right: 5px;
	text-indent: 0;
}

.errorMsg li {
	text-indent: -17px;
	padding-left: 17px;
}

/* クーポン画面用アイコン */
.iconCouponTypeCT02 {
    display: block;
    border: 2px solid #AF51AF;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #AF51AF;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFFFF;
}
.iconCouponTypeCT03 {
    display: block;
    border: 2px solid #5E6EDD;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #5E6EDD;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFFFF;
}
.iconCouponTypeCT01 {
    display: block;
    border: 2px solid #FF6666;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FF6666;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFFFF;
}


/* フッター */
.siteFooter {
	background-color: #FFFFFF;
	border-top: 1px solid #E0E1E2;
	padding: 16px;
}
.siteFooterNormal {
	border-top: 2px solid #917979;
}
.siteFooterBt {
	border-top: 2px solid #D36985;
}
.siteFooterKr {
	border-top: 2px solid #9A68CD;
}
.siteFooterNav {
	margin: -6px auto;
	width: 280px;
}
.siteFooterNavList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 22px;
}
.siteFooterNavList > li {
	font-size: 10px;
	padding: 0 4px;
}
.siteFooterNavList > li > a:link,
.siteFooterNavList > li > a:visited {
	color: #4C4C80;
	text-decoration: underline;
}
.siteFooterRecruitBrand {
	margin: 23px 0 -9px;
}
.siteFooterRecruitBrandLink {
	display: inline-block;
	height: 27px;
	padding: 9px 0;
}
.siteFooterRecruitBrandLink > img {
	height: 100%;
}

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.w10p	{ width: 10%; }
.w12p	{ width: 12%; }
.w15p	{ width: 15%; }
.w16p	{ width: 16%; }
.w18p	{ width: 18%; }
.w19p	{ width: 19%; }
.w20p	{ width: 20%; }
.w25p	{ width: 25%; }
.w30p	{ width: 30%; }
.w33p	{ width: 33.3%; }
.w37p	{ width: 37%; }
.w40p	{ width: 40%; }
.wQrtr	{ width: 25%; }
.w26p 	{ width: 26%; }
.w29p	{ width: 29%; }
.w31p 	{ width: 31%; }
.w34p 	{ width: 34%; }
.w45p	{ width: 45% !important; }
.wHalf	{ width: 50%; }
.w55p	{ width: 55% !important; }
.w70p	{ width: 70%; }
.w75p	{ width: 75%; }
.w90p 	{ width: 90%; }
.w95p 	{ width: 95%; }
.w96p 	{ width: 96%; }
.w97p 	{ width: 97%; }
.w97_5p	{ width: 97.5%; }
.w98p 	{ width: 98%; }
.wFull	{ width: 100%; }

.w16	{ width: 16px; }
.w20	{ width: 20px; }
.w45	{ width: 45px; }
.w50	{ width: 50px; }
.w60	{ width: 60px; }
.w70	{ width: 70px; }
.w75	{ width: 75px; }
.w80	{ width: 80px; }
.w89	{ width: 89px; }
.w93	{ width: 93px; }
.w94	{ width: 94px; }
.w95	{ width: 95px; }
.w97	{ width: 97px; }
.w99	{ width: 99px; }
.w100	{ width: 100px; }
.w101	{ width: 101px; }
.w106	{ width: 106px; }
.w115	{ width: 115px; }
.w119	{ width: 119px; }
.w120	{ width: 120px; }
.w123	{ width: 123px; }
.w125	{ width: 125px; }
.w135	{ width: 135px; }
.w150	{ width: 150px; }
.w165	{ width: 165px; }
.w170	{ width: 170px; }
.w180	{ width: 180px; }
.w190	{ width: 190px; }
.w220	{ width: 220px; }
.w240	{ width: 240px; }
.w260	{ width: 260px !important; }
.w280	{ width: 280px; }
.w284	{ width: 284px !important; }
.w290	{ width: 290px; }
.w300	{ width: 300px; }
.w159	{ width: 159px; }
.w171	{ width: 171px; }
.w172	{ width: 172px; }
.w500	{ width: 500px; }
.w560	{ width: 560px; }

/* HEIGHT */
.h30	{ height: 30px; }
.h35	{ height: 35px; }
.h36	{ height: 36px; }
.h60	{ height: 60px; }
.h73	{ height: 73px; }
.h75	{ height: 75px; }
.h77	{ height: 77px; }
.h89	{ height: 89px; }
.h104	{ height: 104px; }
.h119	{ height: 119px; }
.h123	{ height: 123px; }
.h124	{ height: 124px; }
.h142	{ height: 142px; }
.h150	{ height: 150px; }
.h162	{ height: 162px; }
.h730	{ height: 730px; }

/* MIN-HEIGHT */
.mH110	{ min-height: 110px; }

/* MIN-WIDTH */
.mW1	{ min-width: 1px; }
.mW100	{ min-width: 100px; }

/* LINE-HIEGHT */
.lhDe	{ line-height: 1; }
.lh13	{ line-height: 13px; }
.lh14	{ line-height: 14px; }
.lh15	{ line-height: 15px; }
.lh18	{ line-height: 18px; }
.lh19	{ line-height: 19px; }
.lh23	{ line-height: 23px; }
.lh28	{ line-height: 28px; }
.lh30	{ line-height: 30px; }
.lh36	{ line-height: 36px; }

/* MARGIN */
.mT0	{ margin-top: 0px }
.mT1	{ margin-top: 1px }
.mT2	{ margin-top: 2px }
.mT3	{ margin-top: 3px }
.mT4	{ margin-top: 4px }
.mT5	{ margin-top: 5px }
.mT6	{ margin-top: 6px }
.mT7	{ margin-top: 7px }
.mT8	{ margin-top: 8px }
.mT9	{ margin-top: 9px }
.mT10	{ margin-top: 10px }
.mT11	{ margin-top: 11px }
.mT12	{ margin-top: 12px }
.mT13	{ margin-top: 13px }
.mT14	{ margin-top: 14px }
.mT15	{ margin-top: 15px }
.mT16	{ margin-top: 16px }
.mT18	{ margin-top: 18px }
.mT20	{ margin-top: 20px }
.mT21	{ margin-top: 21px }
.mT22	{ margin-top: 22px }
.mT23	{ margin-top: 23px }
.mT24	{ margin-top: 24px }
.mT25	{ margin-top: 25px }
.mT26	{ margin-top: 26px }
.mT27	{ margin-top: 27px }
.mT28	{ margin-top: 28px }
.mT29	{ margin-top: 29px }
.mT30	{ margin-top: 30px }
.mT32	{ margin-top: 32px }
.mT35	{ margin-top: 35px }
.mT40	{ margin-top: 40px }
.mTN1	{ margin-top: -1px; }
.mTN4	{ margin-top: -4px; }
.mTN7	{ margin-top: -7px; }
.mTN10	{ margin-top: -10px; }

.mR0	{ margin-right: 0 }
.mR1	{ margin-right: 1px }
.mR2	{ margin-right: 2px }
.mR3	{ margin-right: 3px }
.mR4	{ margin-right: 4px }
.mR5	{ margin-right: 5px }
.mR6	{ margin-right: 6px }
.mR7	{ margin-right: 7px }
.mR8	{ margin-right: 8px }
.mR9	{ margin-right: 9px }
.mR10	{ margin-right: 10px }
.mR11	{ margin-right: 11px }
.mR12	{ margin-right: 12px }
.mR13	{ margin-right: 13px }
.mR14	{ margin-right: 14px }
.mR15	{ margin-right: 15px }
.mR20	{ margin-right: 20px }
.mR21	{ margin-right: 21px }
.mR22	{ margin-right: 22px }
.mR23	{ margin-right: 23px }
.mR24	{ margin-right: 24px }
.mR25	{ margin-right: 25px }
.mR26	{ margin-right: 26px }
.mR27	{ margin-right: 27px }
.mR28	{ margin-right: 28px }
.mR29	{ margin-right: 29px }
.mR30	{ margin-right: 30px }
.mR55	{ margin-right: 55px }

.mB1	{ margin-bottom: 1px }
.mB2	{ margin-bottom: 2px }
.mB3	{ margin-bottom: 3px }
.mB4	{ margin-bottom: 4px }
.mB5	{ margin-bottom: 5px }
.mB6	{ margin-bottom: 6px }
.mB7	{ margin-bottom: 7px }
.mB8	{ margin-bottom: 8px }
.mB9	{ margin-bottom: 9px }
.mB10	{ margin-bottom: 10px }
.mB11	{ margin-bottom: 11px }
.mB12	{ margin-bottom: 12px }
.mB13	{ margin-bottom: 13px }
.mB14	{ margin-bottom: 14px }
.mB15	{ margin-bottom: 15px }
.mB16	{ margin-bottom: 16px }
.mB20	{ margin-bottom: 20px }
.mB21	{ margin-bottom: 21px }
.mB22	{ margin-bottom: 22px }
.mB23	{ margin-bottom: 23px }
.mB24	{ margin-bottom: 24px }
.mB25	{ margin-bottom: 25px }
.mB26	{ margin-bottom: 26px }
.mB27	{ margin-bottom: 27px }
.mB28	{ margin-bottom: 28px }
.mB29	{ margin-bottom: 29px }
.mB30	{ margin-bottom: 30px }
.mB40	{ margin-bottom: 40px }
.mB32	{ margin-bottom: 32px }

.mL0	{ margin-left: 0px }
.mL1	{ margin-left: 1px }
.mL2	{ margin-left: 2px }
.mL3	{ margin-left: 3px }
.mL4	{ margin-left: 4px }
.mL5	{ margin-left: 5px }
.mL6	{ margin-left: 6px }
.mL7	{ margin-left: 7px }
.mL8	{ margin-left: 8px }
.mL9	{ margin-left: 9px }
.mL10	{ margin-left: 10px }
.mL11	{ margin-left: 11px }
.mL12	{ margin-left: 12px }
.mL13	{ margin-left: 13px }
.mL14	{ margin-left: 14px }
.mL15	{ margin-left: 15px }
.mL20	{ margin-left: 20px }
.mL21	{ margin-left: 21px }
.mL22	{ margin-left: 22px }
.mL23	{ margin-left: 23px }
.mL24	{ margin-left: 24px }
.mL25	{ margin-left: 25px }
.mL26	{ margin-left: 26px }
.mL27	{ margin-left: 27px }
.mL28	{ margin-left: 28px }
.mL29	{ margin-left: 29px }
.mL30	{ margin-left: 30px }
.mL40	{ margin-left: 40px }
.mLN4	{ margin-left: -4px; }

.m0		{ margin: 0 !important; }
.m1		{ margin: 1px; }
.m2		{ margin: 2px; }
.m3		{ margin: 3px; }
.m4		{ margin: 4px; }
.m5		{ margin: 5px; }
.m6		{ margin: 6px; }
.m7		{ margin: 7px; }
.m8		{ margin: 8px; }
.m9		{ margin: 9px; }
.m10	{ margin: 10px; }
.m11	{ margin: 11px; }
.m12	{ margin: 12px; }
.m13	{ margin: 13px; }
.m14	{ margin: 14px; }
.m15	{ margin: 15px; }
.m20	{ margin: 20px; }
.m21	{ margin: 21px; }
.m22	{ margin: 22px; }
.m23	{ margin: 23px; }
.m24	{ margin: 24px; }
.m25	{ margin: 25px; }
.m26	{ margin: 26px; }
.m27	{ margin: 27px; }
.m28	{ margin: 28px; }
.m29	{ margin: 29px; }
.m30	{ margin: 30px; }

.mV5	{ margin-top: 5px; margin-bottom: 5px; }
.mHA	{ margin-right: auto; margin-left: auto; }
.mH5	{ margin-left: 5px; margin-right: 5px; }
.mH10	{ margin-left: 10px; margin-right: 10px; }

/* PADDING */
.pT1	{ padding-top: 1px; }
.pT2	{ padding-top: 2px; }
.pT3	{ padding-top: 3px; }
.pT4	{ padding-top: 4px; }
.pT5	{ padding-top: 5px; }
.pT6	{ padding-top: 6px; }
.pT7	{ padding-top: 7px; }
.pT8	{ padding-top: 8px; }
.pT9	{ padding-top: 9px; }
.pT10	{ padding-top: 10px; }
.pT11	{ padding-top: 11px; }
.pT12	{ padding-top: 12px; }
.pT13	{ padding-top: 13px; }
.pT14	{ padding-top: 14px; }
.pT15	{ padding-top: 15px; }
.pT16	{ padding-top: 16px; }
.pT20	{ padding-top: 20px; }
.pT21	{ padding-top: 21px; }
.pT22	{ padding-top: 22px; }
.pT23	{ padding-top: 23px; }
.pT24	{ padding-top: 24px; }
.pT25	{ padding-top: 25px; }
.pT26	{ padding-top: 26px; }
.pT27	{ padding-top: 27px; }
.pT28	{ padding-top: 28px; }
.pT29	{ padding-top: 29px; }
.pT30	{ padding-top: 30px; }
.pT32	{ padding-top: 32px; }

.pR1	{ padding-right: 1px; }
.pR2	{ padding-right: 2px; }
.pR3	{ padding-right: 3px; }
.pR4	{ padding-right: 4px; }
.pR5	{ padding-right: 5px; }
.pR6	{ padding-right: 6px; }
.pR7	{ padding-right: 7px; }
.pR8	{ padding-right: 8px; }
.pR9	{ padding-right: 9px; }
.pR10	{ padding-right: 10px; }
.pR11	{ padding-right: 11px; }
.pR12	{ padding-right: 12px; }
.pR13	{ padding-right: 13px; }
.pR14	{ padding-right: 14px; }
.pR15	{ padding-right: 15px; }
.pR20	{ padding-right: 20px; }
.pR21	{ padding-right: 21px; }
.pR22	{ padding-right: 22px; }
.pR23	{ padding-right: 23px; }
.pR24	{ padding-right: 24px; }
.pR25	{ padding-right: 25px; }
.pR26	{ padding-right: 26px; }
.pR27	{ padding-right: 27px; }
.pR28	{ padding-right: 28px; }
.pR29	{ padding-right: 29px; }
.pR30	{ padding-right: 30px; }
.pR35	{ padding-right: 35px; }

.pB1	{ padding-bottom: 1px; }
.pB2	{ padding-bottom: 2px; }
.pB3	{ padding-bottom: 3px; }
.pB4	{ padding-bottom: 4px; }
.pB5	{ padding-bottom: 5px; }
.pB6	{ padding-bottom: 6px; }
.pB7	{ padding-bottom: 7px; }
.pB8	{ padding-bottom: 8px; }
.pB9	{ padding-bottom: 9px; }
.pB10	{ padding-bottom: 10px; }
.pB11	{ padding-bottom: 11px; }
.pB12	{ padding-bottom: 12px; }
.pB13	{ padding-bottom: 13px; }
.pB14	{ padding-bottom: 14px; }
.pB15	{ padding-bottom: 15px; }
.pB20	{ padding-bottom: 20px; }
.pB21	{ padding-bottom: 21px; }
.pB22	{ padding-bottom: 22px; }
.pB23	{ padding-bottom: 23px; }
.pB24	{ padding-bottom: 24px; }
.pB25	{ padding-bottom: 25px; }
.pB26	{ padding-bottom: 26px; }
.pB27	{ padding-bottom: 27px; }
.pB28	{ padding-bottom: 28px; }
.pB29	{ padding-bottom: 29px; }
.pB30	{ padding-bottom: 30px; }
.pB32	{ padding-bottom: 32px; }

.pL1	{ padding-left: 1px; }
.pL2	{ padding-left: 2px; }
.pL3	{ padding-left: 3px; }
.pL4	{ padding-left: 4px; }
.pL5	{ padding-left: 5px; }
.pL6	{ padding-left: 6px; }
.pL7	{ padding-left: 7px; }
.pL8	{ padding-left: 8px; }
.pL9	{ padding-left: 9px; }
.pL10	{ padding-left: 10px; }
.pL11	{ padding-left: 11px; }
.pL12	{ padding-left: 12px; }
.pL13	{ padding-left: 13px; }
.pL14	{ padding-left: 14px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL21	{ padding-left: 21px; }
.pL22	{ padding-left: 22px; }
.pL23	{ padding-left: 23px; }
.pL24	{ padding-left: 24px; }
.pL25	{ padding-left: 25px; }
.pL26	{ padding-left: 26px; }
.pL27	{ padding-left: 27px; }
.pL28	{ padding-left: 28px; }
.pL29	{ padding-left: 29px; }
.pL30	{ padding-left: 30px; }

.pV1	{ padding-top: 1px; padding-bottom: 1px; }
.pV2	{ padding-top: 2px; padding-bottom: 2px; }
.pV3	{ padding-top: 3px; padding-bottom: 3px; }
.pV4	{ padding-top: 4px; padding-bottom: 4px; }
.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV6	{ padding-top: 6px; padding-bottom: 6px; }
.pV7	{ padding-top: 7px; padding-bottom: 7px; }
.pV8	{ padding-top: 8px; padding-bottom: 8px; }
.pV9	{ padding-top: 9px; padding-bottom: 9px; }
.pV10	{ padding-top: 10px; padding-bottom: 10px; }
.pV11	{ padding-top: 11px; padding-bottom: 11px; }
.pV12	{ padding-top: 12px; padding-bottom: 12px; }
.pV13	{ padding-top: 13px; padding-bottom: 13px; }
.pV14	{ padding-top: 14px; padding-bottom: 14px; }
.pV15	{ padding-top: 15px; padding-bottom: 15px; }
.pV16	{ padding-top: 16px; padding-bottom: 16px; }
.pV17	{ padding-top: 17px; padding-bottom: 17px; }
.pV18	{ padding-top: 18px; padding-bottom: 18px; }
.pV19	{ padding-top: 19px; padding-bottom: 19px; }
.pV20	{ padding-top: 20px; padding-bottom: 20px; }
.pV21	{ padding-top: 21px; padding-bottom: 21px; }
.pV22	{ padding-top: 22px; padding-bottom: 22px; }
.pV23	{ padding-top: 23px; padding-bottom: 23px; }
.pV24	{ padding-top: 24px; padding-bottom: 24px; }
.pV25	{ padding-top: 25px; padding-bottom: 25px; }
.pV26	{ padding-top: 26px; padding-bottom: 26px; }
.pV27	{ padding-top: 27px; padding-bottom: 27px; }
.pV28	{ padding-top: 28px; padding-bottom: 28px; }
.pV29	{ padding-top: 29px; padding-bottom: 29px; }
.pV30	{ padding-top: 30px; padding-bottom: 30px; }

.pH1	{ padding-right: 1px; padding-left: 1px; }
.pH2	{ padding-right: 2px; padding-left: 2px; }
.pH3	{ padding-right: 3px; padding-left: 3px; }
.pH4	{ padding-right: 4px; padding-left: 4px; }
.pH5	{ padding-right: 5px; padding-left: 5px; }
.pH6	{ padding-right: 6px; padding-left: 6px; }
.pH7	{ padding-right: 7px; padding-left: 7px; }
.pH8	{ padding-right: 8px; padding-left: 8px; }
.pH9	{ padding-right: 9px; padding-left: 9px; }
.pH10	{ padding-right: 10px; padding-left: 10px; }
.pH11	{ padding-right: 11px; padding-left: 11px; }
.pH12	{ padding-right: 12px; padding-left: 12px; }
.pH13	{ padding-right: 13px; padding-left: 13px; }
.pH14	{ padding-right: 14px; padding-left: 14px; }
.pH15	{ padding-right: 15px; padding-left: 15px; }
.pH16	{ padding-right: 16px; padding-left: 16px; }
.pH17	{ padding-right: 17px; padding-left: 17px; }
.pH18	{ padding-right: 18px; padding-left: 18px; }
.pH19	{ padding-right: 19px; padding-left: 19px; }
.pH20	{ padding-right: 20px; padding-left: 20px; }
.pH21	{ padding-right: 21px; padding-left: 21px; }
.pH22	{ padding-right: 22px; padding-left: 22px; }
.pH23	{ padding-right: 23px; padding-left: 23px; }
.pH24	{ padding-right: 24px; padding-left: 24px; }
.pH25	{ padding-right: 25px; padding-left: 25px; }
.pH26	{ padding-right: 26px; padding-left: 26px; }
.pH27	{ padding-right: 27px; padding-left: 27px; }
.pH28	{ padding-right: 28px; padding-left: 28px; }
.pH29	{ padding-right: 29px; padding-left: 29px; }
.pH30	{ padding-right: 30px; padding-left: 30px; }

.pV2H5	{ padding: 2px 5px; }

.p0		{ padding: 0; }
.p1		{ padding: 1px; }
.p2		{ padding: 2px; }
.p3		{ padding: 3px; }
.p4		{ padding: 4px; }
.p5		{ padding: 5px; }
.p6		{ padding: 6px; }
.p7		{ padding: 7px; }
.p8		{ padding: 8px; }
.p9		{ padding: 9px; }
.p10	{ padding: 10px; }
.p11	{ padding: 11px; }
.p12	{ padding: 12px; }
.p13	{ padding: 13px; }
.p14	{ padding: 14px; }
.p15	{ padding: 15px; }
.p16	{ padding: 16px; }
.p20	{ padding: 20px; }
.p21	{ padding: 21px; }
.p22	{ padding: 22px; }
.p23	{ padding: 23px; }
.p24	{ padding: 24px; }
.p25	{ padding: 25px; }
.p26	{ padding: 26px; }
.p27	{ padding: 27px; }
.p28	{ padding: 28px; }
.p29	{ padding: 29px; }
.p30	{ padding: 30px; }

.pClear	{ padding: 0 !important; }

/* DISPLAY */
.dn		{ display: none; }
.db		{ display: block; }
.di		{ display: inline; }
.dib	{ display: inline-block !important; }
.dibBL	{ display: inline-block !important; *display: inline !important; zoom: 1; }
.dt		{ display: table; }
.dtc	{ display: table-cell; }
.tlf	{ table-layout: fixed; }
.offL	{ text-indent: -9999px; overflow: hidden; }
.fgClear{ *padding-top: 9999px; text-indent: -9999px; *text-indent: 0; overflow: hidden; }
.oh		{ overflow: hidden; }
.oxh		{ overflow-x: hidden; }
.nowrap	{ white-space: nowrap; }
.wbba	{ word-break: break-all; }
.owbw	{ word-wrap: break-word; overflow-wrap: break-word; }

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.zoom1	{ zoom: 1; }
.zoom79p{ zoom: 79%; }
.zoom74p{ zoom: 74%; }


/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taR	{ text-align: right !important; }
.taC	{ text-align: center !important; }
.taL	{ text-align: left !important; }

.baR	{ margin-left: auto !important; }
.baC	{ margin-left: auto !important; margin-right: auto !important; }
.baL	{ margin-right: auto!important; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr			{ position: relative; zoom: 1; }
.pa			{ position: absolute; }
.top0		{ top: 0; }
.top3		{ top: 3px; }
.top5		{ top: 5px; }
.top8		{ top: 8px; }
.top10		{ top: 10px; }
.top15		{ top: 15px; }
.top20		{ top: 20px; }
.topN8		{ top: -8px; }
.topN20		{ top: -20px; }
.topHalf	{ top: 50%; margin-top: -8px; }
.topHalfH24	{ top: 50%; margin-top: -12px; }
.topHalfH32	{ top: 50%; margin-top: -16px; }
.left0		{ left: 0; }
.left5		{ left: 5px; }
.left8		{ left: 8px; }
.left10		{ left: 10px; }
.left15		{ left: 15px; }
.left20		{ left: 20px; }
.left210	{ left: 210px; }
.right0		{ right: 0; }
.right5		{ right: 5px; }
.right8		{ right: 8px; }
.right10	{ right: 10px; }
.right15	{ right: 15px; }
.right20	{ right: 20px; }
.bottom0	{ bottom: 0; }
.bottom5	{ bottom: 5px; }
.bottom8	{ bottom: 8px; }
.bottom10	{ bottom: 10px; }
.bottom15	{ bottom: 15px; }
.bottom20	{ bottom: 20px; }

/* FOREGROUNG */
.fgRed		{ color: #FF0000; }
.fgDRed		{ color: #DD0000; }
.fgWRed		{ color: #A5184B; }
.fgPink		{ color: #CC4466; }
.fgPink2	{ color: #EC98AB; }
.fgPink3	{ color: #C43357; }
.fgBPink	{ color: #CC0066; }
.fgLPink	{ color: #FFBDBD; }
.fgRbrown	{ color: #632523; }
.fgGray		{ color: #666666; }
.fgLGray	{ color: #999999; }
.fgLGray2	{ color: #7F7F7F; }
.fgLLGray	{ color: #595959; }
.fgLLLGray	{ color: #CCCCCC; }
.fgDGray	{ color: #555555; }
.fgBrown	{ color: #553333; }
.fgRbrown	{ color: #632523; }
.fgLOrange	{ color: #E68855; }
.fgOrange	{ color: #E46C0A; }
.fgOrange2	{ color: #FF6600; }
.fgDOragne	{ color: #CC6633; }
.fgBlue		{ color: #0000FF; }
.fgLBlue	{ color: #0077E6; }
.fgOcher	{ color: #909000; }
.fgkhaki	{ color: #4A452A; }
.fgLkhaki	{ color: #91AC8A; }
.fgWhite	{ color: #FFFFFF; }
.fgBlack	{ color: #000000; }
.fgBlack2	{ color: #333333; }
.fgBlack3	{ color: #6D6D6D; }
.fgPurple	{ color: #7030A0; }
.fgPurple2	{ color: #9966CC; }
.fgDPurple	{ color: #AE2B5B; }
.fgCapInfoBlue	{ color: #6397CC; }
.fgYamabuki	{ color: #EAB95B; }
.fcAlert	{ color: #CC0000; }

.b	{ font-weight: bold !important; }
.n	{ font-weight: normal !important; }

.fs0	{ font-size: 0; }
.fs8	{ font-size: 8px; }
.fs10	{ font-size: 10px; letter-spacing: -0.001em;}
.fs11	{ font-size: 11px; }
.fs12	{ font-size: 12px; }
.fs13	{ font-size: 13px; }
.fs14	{ font-size: 14px; }
.fs15	{ font-size: 15px; }
.fs16	{ font-size: 16px; }
.fs18	{ font-size: 18px !important; letter-spacing: -0.001em;}
.fs20	{ font-size: 20px; }
.fs22	{ font-size: 22px; }

.ti10	{ text-indent: 10px; }
.ti20	{ text-indent: 20px; }
.ti24	{ text-indent: 24px; }

/* TEXT-OVERFLOW */
.toE	{ text-overflow: ellipsis; overflow:hidden; white-space: nowrap; }

/* BACKGROUNG */
.bgWhite	{ background-color: #FFFFFF; }
.bgLGray	{ background-color: #F2F2F2; }
.bgLGray2	{ background-color: #D9D9D9; }
.bgLGray3	{ background-color: #EEECE1; }
.bgLGray4	{ background-color: #F8F8F8; }
.bgLLGray	{ background-color: #F5F3EF; }
.bgLLGray2	{ background-color: #EEEEEE; }
.bgDGray	{ background-color: #A6A39B; }
.bgDDGray	{ background-color: #F5F3EF; }
.bgDDDGray	{ background-color: #9C9A9C; }
.bgPink		{ background-color: #F5C3CC; }
.bgPink2	{ background-color: #F2DCDB; }
.bgPink3	{ background-color: #FFE6E6; }
.bgPink4	{ background-color: #E6B9B8 !important;}
.bgLPink2	{ background-color: #E6B9B8; }
.bgPink5	{ background-color: #FFE2E8; }
.bgPink6	{ background-color: #FF6666; }
.bgPink7	{ background-color: #FF8A90; }
.bgLPink	{ background-color: #FFE2E8; }
.bgLPink3	{ background-color: #FCE7E5; }

.bgLPurple	{ background-color: #EFE1FF; }

.bgBrown	{ background-color: #DDD9C3; }
.bgOrange	{ background-color: #FFCB9E; }
.bgOrange2	{ background-color: #FCF7DF; }
.bgBeige	{ background-color: #F6F3E3; }
.bgGreen	{ background-color: #E2EFDF; }
.bgWRed		{ background-color: #AA3355; }
.timeColor	{ background-color: #EDEAE5; }
.bgBlack	{ background-color: #666666; }

/* BORDER */
.bdBlack		{ border: 1px solid #000000; }
.bdDotGrayT		{ border-top: 1px dotted #999999; }
.sp				{ border-right: 1px solid #CCC; margin-right: 10px; padding-right: 10px; }
.bdWhiteR		{ border-right: 1px solid #FFFFFF; }
.bdWhiteL		{ border-left: 1px solid #FFFFFF; }
.bdGrayR2		{ border-right: 1px solid #A6A39B; }
.bdGray			{ border: 1px solid #DDDDDD; }
.bdGrayT		{ border-top: 1px solid #DDDDDD; }
.bdDGrayT		{ border-top: 1px solid #AAAAAA; }
.bdGrayR		{ border-right: 1px solid #DDDDDD; }
.bdGrayB		{ border-bottom: 1px dotted #DDDDDD; }
.bdGrayB2		{ border-bottom: 1px solid #DDDDDD; }
.bdGrayL		{ border-left: 1px solid #DDDDDD; }
.bdGrayL2		{ border-left: 1px solid #A6A39B; }
.bdGray2		{ border: 1px solid #A6A6A6; }
.bdGray3		{ border: 1px solid #7F7F7F; }
.bdGray4		{ border: 1px solid #D9D9D9; }
.bdGray5		{ border: 1px solid #CCCCCC; }
.bdGray5L		{ border-left: 1px solid #999999; }
.bdDotGrayT		{ border-top: 1px dotted #999999; }
.bdLGrayT		{ border-top: 1px solid #CCCCCC; }
.bdLGrayR		{ border-right: 1px solid #CCCCCC; }
.bdLGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdLGrayL		{ border-left: 1px solid #CCCCCC; }
.bdWhite		{ border: 1px solid #FFFFFF; }
.bdWhiteL		{ border-left: 1px solid #FFFFFF; }
.bdWhiteT		{ border-top: 1px solid #FFFFFF; }
.bdLPink		{ border: 1px solid #F2DCDB; }
.bdPink			{ border: 1px solid #FF7799; }
.bdPink2		{ border: 1px solid #F5C3CC; }
.bdPinkB		{ border-bottom: 1px solid #FF7799; }
.bdPinkR		{ border-right: 1px solid #EC98AB; }
.bdPinkL		{ border-left: 1px solid #EC98AB; }
.bdDPink		{ border: 1px solid #E6BBBB; }
.bdDPinkB		{ border-bottom: 1px solid #E6BBBB; }
.bdCouponGrayR	{ border-right: 1px solid #DDD7D2; }
.bdCouponGrayL	{ border-left: 1px solid #DDD7D2; }
.bdCouponGreenR	{ border-right: 1px solid #91AC8A; }
.bdCouponGreenL	{ border-left: 1px solid #91AC8A; }
.bdDotT			{ border-top: 1px dotted #999999; }
.bdDotR			{ border-right: 1px dotted #999999; }
.bdDotB			{ border-bottom: 1px dotted #999999; }
.bdOrangeR		{ border-right:1px solid #FFCB9E; }
.bdOrangeB		{ border-bottom:1px solid #FFCB9E; }
.bdOrangeT		{ border-top:1px solid #FFCB9E; }
.bdOrange5		{ border:5px solid #FFCFA3; }
.bdGreenR		{ border-right:1px solid #91AC8A; }
.bdRedB			{ border-bottom: 2px solid #AA3355; }
.bdWRedB3		{ border-bottom:3px solid #AA3355; }
.bdCouponGrayR	{ border-right: 1px solid #DDD7D2; }
.bdCouponGrayL	{ border-left: 1px solid #DDD7D2; }
.bdCouponGreenR	{ border-right: 1px solid #91AC8A; }
.bdCouponGreenL	{ border-left: 1px solid #91AC8A; }

.bdDotT			{ border-top: 1px dotted #999999; }
.bdDotR			{ border-right: 1px dotted #999999; }
.bdDotB			{ border-bottom: 1px dotted #999999; }

.bdOrangeR		{ border-right:1px solid #FFCB9E; }
.bdOrangeB		{ border-bottom:1px solid #FFCB9E; }
.bdOrangeT		{ border-top:1px solid #FFCB9E; }
.bdOrange5		{ border:5px solid #FFCFA3; }
.bdGreenR		{ border-right:1px solid #91AC8A; }
.bdRedB			{ border-bottom: 2px solid #AA3355; }
.bdWRedB3		{ border-bottom:3px solid #AA3355; }
.bdPurpleB2		{ border-bottom: 2px solid #663399; }

.bdRed			{ border: 2px solid #AA3355; }

/* BORDER-RADIUS */
.bdr0		{ border-radius: 0px !important; }
.bdr1		{ border-radius: 1px; }
.bdr2		{ border-radius: 2px; }
.bdr3		{ border-radius: 4px; }
.bdr4		{ border-radius: 5px; }
.bdr5		{ border-radius: 6px; }
.bdr6		{ border-radius: 7px; }
.bdr7		{ border-radius: 8px; }
.bdr8		{ border-radius: 9px; }
.bdr9		{ border-radius: 9px; }
.bdr10		{ border-radius: 10px; }
.bdr11		{ border-radius: 11px; }
.bdr12		{ border-radius: 12px; }
.bdr13		{ border-radius: 13px; }
.bdr14		{ border-radius: 14px; }
.bdr15		{ border-radius: 15px; }
.bdr16		{ border-radius: 16px; }
.bdr17		{ border-radius: 17px; }
.bdr18		{ border-radius: 18px; }
.bdr19		{ border-radius: 19px; }
.bdr20		{ border-radius: 20px; }
.bdr21		{ border-radius: 21px; }
.bdr22		{ border-radius: 22px; }
.bdr23		{ border-radius: 23px; }
.bdr24		{ border-radius: 24px; }
.bdr25		{ border-radius: 25px; }
.bdr26		{ border-radius: 26px; }
.bdr27		{ border-radius: 27px; }
.bdr28		{ border-radius: 28px; }
.bdr29		{ border-radius: 29px; }
.bdr30		{ border-radius: 30px; }
.bdN		{ border: none; }
.bdbox {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bsNone {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Login */
.bgErrorMsg {
	padding: 5px 5px;
	background-color: #F5DDDD;
}

#inputArea{
	padding:0 10px;
}

.secondHeadline{
	background-color:#A6A39B;
	color:#FFFFFF;
	line-height:24px;
	padding-left:10px;
}

.textareaWrapper {
	margin:10px;
}

.btnQuestion {
	display:block;
	width:180px;
	height:30px;
	border-radius: 4px 4px 4px 4px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3);
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	from(#FF808A),
	to(#DE273C),
	color-stop(0.2, #FB737E),
	color-stop(0.5, #F65B6B),
	color-stop(0.6, #F35061)
	);
	text-align:center;
	line-height:30px;
}

.btnQuestion a {
	color:#FFFFFF;
	text-decoration:none;
}

.arrowR_wt {
	background: url("/CSP/img/bt/smb/b_arrow_whiteR.png?switch=2025062510") no-repeat center left;
	padding-left: 10px;
}

.text_post textarea {
	font-size:1em;
	width:100%;
}

.answer {
	padding:5px 0px;
	margin-left:10px;
	font-weight:bold;
}

/* 今月末まで！アイコン */
.timeLimitIcon {
	text-align: center;
	background-color: #FFDAA0;
}

.timeLimitIcon {
	position: relative;
	z-index: 0;
	min-width: 3.5em;
	background-color: #FFDAA0;
	color: #632523;
	font-size: 10px;
	line-height: 18px;
	padding: 0 5px;
	margin-right: 15px;
}

.timeLimitIcon::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	top: -1px;
	left: -18px;
	width: 0px;
	height: 0px;
	border: 10px solid transparent;
	border-top-color: #FFDAA0;
	-webkit-transform: rotate(90deg) scale(.90);
}

.pinIcon {
	display:block;
	margin-right:5px;
	width: 37px;
	height: 37px;
	background: url("/CSP/img/bt/smb/buttons/pinIcon.png?switch=2025062510") no-repeat;
	background-size:37px;
	-webkit-background-size:37px;
}

.pinIconOff{
	display:block;
	margin-right:5px;
	width: 37px;
	height: 37px;
	background: url("/CSP/img/bt/smb/buttons/pinIcon_off.png?switch=2025062510") no-repeat;
	background-size:37px;
	-webkit-background-size:37px;
}

.detailBodyShopInfo {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 2px solid #D36985;
}

.typeList {
	display: table-cell;
	font-size: 10px;
	vertical-align: middle;
}

.typeList dt {
	display: table-cell;
	padding-right: 3px;
	vertical-align: middle;
}

.narrowdownList {
border-radius: 10px;
border: solid #BFB9B0;
border-width: 1px 1px 2px 1px;
}

.narrowdownPanel {
	border-radius: 10px 10px 0 0;
	webkit-box-shadow: 1px 1px 0 0 #CCCCCC;
}

.narrowdownPanelTitle {
	padding-bottom: 2px;
	border-bottom: 1px dotted #DDD;
	font-weight: bold !important;
	font-size: 14px;
}

.narrowdownPanelTitle:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 1em;
	background-color: #FFFFFF;
	margin-right: 5px;
}

.listHeader {
	padding: 8px 10px;
	color: white;
	background: -webkit-gradient(
	 linear,
	 left top, left bottom,
	 from(#333),
	 to(#555),
	 color-stop(0.5, #444)
	 );
}

.listHeader dt, .listHeader dd {
	margin-bottom: 1px;
}

.listHeader dt {
	position: relative;
	z-index: 10;
	min-width: 6.5em;
	background-color: #FEFEFE;
	color: #632523;
	font-size: 10px;
	line-height: 18px;
	padding: 0 10px;
	border-radius: 2px 0 0 2px;
	margin-right: 15px;
}

.listHeader dt::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	top: 2px;
	right: -7px;
	width: 14px;
	height: 14px;
	background-color: #FEFEFE;
	-webkit-transform: rotate(45deg) scale(.95);
}

.listSubHeader::after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: -6px;
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #F0EDDD;
	border-bottom: 6px solid #F0EDDD;
	border-left: 6px solid transparent;
	-webkit-transform: rotate(45deg);
}

.changeSearchRule {
	height: 30px;
}

.changeSearchRule > a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 4px;
	width: 50px;
	height: 30px;
	white-space: nowrap;
	line-height: 30px;
	font-size: 10px;
	color: #3A2C1E !important;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	background: -webkit-gradient(
	 linear,
	 left top,
	 left bottom,
	 from(white),
	 to(#DEDEDE),
	 color-stop(0.6, white)
	 );
	border-top: 1px solid #737373;
	border-bottom: 1px solid #BBB8B9;
	border-left: 1px solid #737373;
	border-right: 1px solid #BBB8B9;
	-webkit-box-sizing: border-box;
}

.pageDescription {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 3em;
	font-size: 10px;
	font-weight: normal;
	display: block;
	vertical-align: top;
	padding: 10px 10px 0;
	margin: 0 auto;
	color: #666666;
	text-align: center;
	-webkit-box-sizing: border-box;
}
.contents {
	position: relative;
	padding-bottom: 3.5em;
	background-color: white;
	}

.w300 {
	width: 300px;
}
/* 予約履歴・クリップ切り替え */
/* for display inline-block */
.swichPanel {
	padding: 15px 0 5px 0;
	text-align: center;
	width: 290px;
	margin: 0 auto;
}
.swichPanelK {
	padding: 10px 0;
	text-align: center;
	width: 290px;
	margin: 0 auto;
}
/* for display table */
.swichLinePanel {
	padding: 15px 0 5px 0;
	text-align: center;
	margin: 0 auto;
}
.swichLinePanel .narrowDownButtonWrapper {
	display: table;
	margin: 0 auto;
	overflow: hidden;
}
.narrowDownButtonWrapper > li,
.swichLinePanel .narrowDownButtonWrapper > li {
	width: 95px;
	vertical-align: middle;
	color: #5b5a5a;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: -webkit-gradient(    linear,    left top,    left bottom,    to(#E1E1E1),    color-stop(.25, white)   );
}
.narrowDownButtonWrapper > li {
	height: 38px;
	display: inline-block;
	line-height: 38px;
	border-top: 1px solid #a29697;
	border-bottom: 1px solid #a29697;
	border-left: 1px solid #a29697;
	border-right: 1px solid #a29697;
}
.swichLinePanel .narrowDownButtonWrapper > li {
	height: 38px;
	display: table-cell;
	line-height: normal;
	border-top: 1px solid #a29697;
	border-bottom: 1px solid #a29697;
	border-left: 1px solid #a29697;
	border-right: none;
}
.narrowDownButtonWrapper > li a,
.swichLinePanel .narrowDownButtonWrapper > li a {
	width: 100%;
	height: 100%;
	color: #5B5A5A;
	text-decoration: none;
}
.narrowDownButtonWrapper > li a {
	display: block;
}
.swichLinePanel .narrowDownButtonWrapper > li span {
	line-height: 1;
}
/* for 2 lines of text */
.swichLinePanel .narrowDownButtonWrapper > li a {
	display: table;
}
.swichLinePanel .narrowDownButtonWrapper > li a span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
.narrowDownButtonWrapper > li.current {
	color: #666666;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f9bdbb),
		to(#facac9)
	);
	border-color: #bd8886;
	-webkit-box-shadow: inset -2px 2px 4px 0 rgba(36, 3, 2, .24);
}
.narrowDownButtonWrapper > li.currentK {
	color: #988989;
	background: -webkit-gradient(    linear,    left top,    left bottom,    to(#f5daf5),    color-stop(0.25,#E9C0E9)   );
	-webkit-box-shadow: inset 0px 2px 4px 0 rgba(99, 29, 27, .4);
}
.narrowDownButtonWrapper > li:first-child {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-left: 1px solid #A29697;
	border-top: 1px solid #A29697;
	border-bottom: 1px solid #A29697;
	border-right-width: 0;
}
.narrowDownButtonWrapper > li:last-child {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-right: 1px solid #A29697;
	border-top: 1px solid #A29697;
	border-bottom: 1px solid #A29697;
}
.narrowDownButtonWrapper > li:first-child a {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
.narrowDownButtonWrapper > li:last-child a {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.swichLinePanel .narrowDownButtonWrapper > li:first-child.current + li {
	-webkit-box-shadow: -2px 0 4px 0 rgba(100, 23, 23, .3) !important;
}
.narrowDownButtonWrapper > li:first-child.current {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 4px 0 rgba(36, 3, 2, .24);
}
.narrowDownButtonWrapper > li:first-child.currentK {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 4px 0 rgba(36, 3, 2, .24);
}
.narrowDownButtonWrapper > li:last-child.current,
.swichLinePanel .narrowDownButtonWrapper > li:last-child.current {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-box-shadow: inset -2px 2px 4px 0 rgba(36, 3, 2, .24);
}
.swichLinePanel .narrowDownButtonWrapper > li:last-child {
	-webkit-box-shadow: none;
}
.narrowDownButtonWrapper > li:last-child.currentK {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-box-shadow: inset -2px 2px 4px 0 rgba(36, 3, 2, .24);
}
.narrowDownButtonWrapper > li:first-child.current a {
	-webkit-box-shadow: inset 0px 2px 0px 0 rgba(255, 255, 255, .5), inset 0 0 5px 0 rgba(255, 255, 255, .75), inset -2px 0 4px 0 rgba(100, 23, 23, .3);
}

.narrowDownButtonWrapper > li:last-child.current a {
	-webkit-box-shadow: inset 0px 2px 0px 0 rgba(255, 255, 255, .5), inset 0 0 5px 0 rgba(255, 255, 255, .75), inset 2px 0 4px 0 rgba(100, 23, 23, .3);
}
.narrowDownButtonWrapper > li.disabled {
	color: #9C9C9C;
	background: #E0E0E0;
	-webkit-box-shadow: none;
	border-color: #CCCCCC;
}
.narrowDownButtonWrapper > li.disabled,
.narrowDownButtonWrapper > li:last-child.disabled,
.swichLinePanel .narrowDownButtonWrapper > li.disabled + li,
.swichLinePanel .narrowDownButtonWrapper > li:last-child.disabled {
	border-left: 1px solid #A29697;
}
.narrowDownButtonWrapper > li:first-child.disabled,
.narrowDownButtonWrapper > li.disabled + li.disabled,
.swichLinePanel .narrowDownButtonWrapper > li:first-child.disabled,
.swichLinePanel .narrowDownButtonWrapper > li.disabled + li.disabled {
	border-left: 1px solid #CCCCCC;
}
.swichLinePanel .narrowDownButtonWrapper > li.disabled + li.current,
.swichLinePanel .narrowDownButtonWrapper > li.current + li.disabled {
	border-left: 1px solid #bd8886;
}

/* マイページ lightbox */
.ml10 {
	margin-left: 10px;
}
.mb5 {
	margin-bottom: 5px;
}

.ttlLightbox {
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 4px;
	float: left;
}
.btnCloseLightbox {
	width: 16px;
	height: 16px;
	background: url(/CSP/img/my/smb/btn_close.png?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	margin: -9px -3px -10px -10px;
	float: right;
	cursor: pointer;
	border: 10px solid transparent;
}
.listWrapper {
	width: 320px;
	margin: 0 auto;
	padding-top: 30px;
}
.listShopImgWrapper {
	width: 320px;
	margin: 0 auto;
	position: relative;
	z-index: 1100;
}

.listShopImg li {
	width: 101px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.listShopImg li img {
	border: 1px solid #EFEFEF;
	position: relative;
	z-index: 1010;
}
.shopImg {
	margin-bottom: 2px;
	position: relative;
	overflow: hidden;
	z-index: 1010;
}
.shopName {
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	padding-left: 1px;
	word-break: break-all;
	word-wrap: break-word;

}
.pin {
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/CSP/img/my/smb/pin.png?switch=2025062510);
	-webkit-background-size: 34px 68px;
	background-size: 34px 68px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2000;
}
.pinOn {
	background-position: 0 -34px;
}
.errorBox {
	color: #DD0000;
	width: 166px;
	height: 56px;
	padding-top: 20px;
	padding-left: 15px;
	border: 1px solid #474747;
	background: url(/CSP/img/my/smb/bg_errorbox.png?switch=2025062510) repeat 181px 76px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -90px;
	margin-top: -66px;
	z-index: 3000;
	display: none;
	opacity: 0;
}
/*--------------------------------------------------------------------
 modalBox
 ----------------------------------------------------------------------*/
.modalOverlay	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	-webkit-box-sizing: border-box;
	-webkit-transition: background-color .6s linear;
	-webkit-transform: translateZ(1);
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0);
}
.modalOverlay.overlayShow	{
	background-color: rgba(0, 0, 0, 0.8);
}
.modalBox	{
	position: absolute;
	z-index: 1001;
	width: 100%;
	-webkit-transition: opacity .8s linear;
	opacity: 0;
}
.modalBox.fadeIn	{
	opacity: 1 !important;
}
.modalBox .modalInnerBox	{
	margin: 0;
}
.modalBox .modalInnerBox .modalInnerContents	{
	padding-bottom: 5px;
}
.modalBox .modalInnerBox .modalInnerContents .listTitle	{
	-webkit-box-sizing: border-box;
	height: 36px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		color-stop(0.5, #FFFFFF),
		color-stop(0.5, #E6E6E6),
		to(#DDDDDD)
	);
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #CDCDCD;
	vertical-align: middle;
}
.modalBox .modalInnerBox .modalInnerContents .listTitle .listTitleInner	{
	margin-top: 10px;
	text-align: center;
	color: #0D0D0D;
	font-weight: bold;
}

/* ピンを編集 */
.pinEdit {
	padding:2px 0px 3px 20px;
	background: url(/CSP/img/my/icons/pinEditIcon.png?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 15px 16px;
	background-size: 15px 16px;
}

/* サムネイル用ピン */
.pinSum::after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 34px;
	height: 34px;
	background: url(/CSP/img/my/smb/pinMark.png?switch=2025062510) no-repeat 0 0;
	background-size:34px 34px;
	-webkit-background-size:34px 34px;
}
/*20130820_add_start*/
.noticeTxt_wrap {
	display: table;
	width: 100%;
	font-size: 11px;
}

.noticeTxt_wrap > li {
	display: table-cell;
	vertical-align: top;
	padding: 0 10px;
}
/*20130820_add_end*/

/* MenuList */
.verticalLinkList > .menuListLine,
.verticalLinkList > .menuListLink{
	display: block;
	position: relative;
	border-bottom: 1px solid #BFB9B0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.menuListLink > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -7px;
	right: 10px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(/CSP/img/common/smb/icon_link2.png?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
}
.menuList {
	display: table;
	width:100%;
	text-decoration: none !important;
	color: #666666 !important;
}
.menuListMenuPrice {
	min-width: 75px;
	font-size: 14px;
	text-align: right;
	white-space: nowrap;
}

.openClosingArrow {
	padding-right: 16px;
	position: relative;
}
.openClosingArrow:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -7px;
	right: 7px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(/CSP/img/common/smb/icon_link2.png?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.memberRegistSelect select {
	-webkit-appearance: none;
	margin-right: 2px;
	padding: 4px 16px 4px 8px;
	border-radius: 10px;
	border: 1px solid #BBBBBB;
	color: #333;
}
.registSelectError select{
	background-image:none;
	background-color:#F5DDDD !important;
}
.memberRegistSelect label {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
}
.memberRegistSelect label:before {
	position: absolute;
	content:'';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 4px 0 4px;
	border-color: #999 transparent transparent transparent;
	top: 10px;
	right: 20px;
}
.registrationTable input {
	-webkit-box-shadow:none !important;
	border:0px inset;
}

/* 会員情報照会・変更 */
.inputItem {
	display: table-cell;
	background-color: #EEEEEE;
	width: 42%;
	height: 36px;
	color: #000000;
	font-size: 12px;
	border-left: 0;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	padding-left: 7px;
}
.inputTableItem {
	display: table-cell;
	background-color: #EEEEEE;
	width: 32%;
	color: #000000;
	font-size: 12px;
	border-left: 0;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	padding-left: 7px;
	font-weight: normal;
}
.inputTableSubItem{
	display: table-cell;
	background-color: #EEEEEE;
	width: 10%;
	color: #000000;
	font-size: 10px;
	border-left: 0;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
}
.inputBox {
	display: table-cell;
	font-size: 14px;
	width: 58%;
	vertical-align: middle;
	padding: 0 5px 0 10px;
	word-wrap: break-word;
}
.inputBox p{
	word-break: break-all;
}
.errorInputItem{
	background-color: #FDE3E3;
	border:1px solid #F76D6D;
	border-left: 0;
	-webkit-box-sizing: border-box;
}
.memberIdInput {
	width: 100%;
	max-width: 300px;
	height: 30px;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	color: #666666;
}
.errorText{
	border:2px solid #FF0000;
	background-color: #F9EEEE;
	padding:10px;
}
.memberIdInputHalf {
	width: 48%;
	max-width: 148px;
	height: 30px;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	color: #666666;
}
.memberIdSelect {
	width: 100%;
	max-width: 300px;
	height: 30px;
	-webkit-box-sizing: border-box;
}
.inputBox select {
	height: 30px;
}
.twoColumnMenuSelectRadio {
	width: 100%;
	max-width: 200px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #DADADA;
	background-color: #DADADA;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.twoColumnMenuSelectRadio li {
	float: left;
	position: relative;
	width: 50%;
	overflow: hidden !important;
}
.twoColumnMenuSelectRadio li input {
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 26px;
	opacity: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin: 0;
}
.twoColumnMenuSelectRadio li:nth-child(odd) > label {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.twoColumnMenuSelectRadio > li > label {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: #DADADA 1px solid;
	width: 100%;
	display: table;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E2DE));
	font-size: 12px;
}
.twoColumnMenuSelectRadio li label span {
	line-height: 26px;
}
.twoColumnMenuSelectRadio li:nth-child(even) label {
	border-bottom: #DADADA 1px solid !important;
	border-left: #FFF 1px solid;
	margin-left: 1px;
}
.twoColumnMenuSelectRadio li:nth-child(odd) > input:checked + label {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.twoColumnMenuSelectRadio li input:checked + label {
	background: #BFB4AB;
	color: #FFFFFF !important;
}
.twoColumnMenuSelectRadio li input:checked + label::after {
	content: url(/CSP/img/bt/smb/icons/icn_checked.png?switch=2025062510);
	display: block;
	position: absolute;
	top: 43%;
	right: 10px;
	margin-top: -7.5px;
}
.memberIdheadline {
	padding: 5px 10px;
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.acArea {
	position: relative;
}
.acInputItem {
	background-color: #EEEEEE;
	-webkit-box-sizing: border-box;
	border-top: 1px solid #D1D0D0;
	border-bottom: 1px solid #B9B7B7;
	padding: 5px 0 5px 5px;
	color: #000000;
	font-size: 14px;
}
.acArea .acInputItem > span::after {
	content: '';
	display: block;
	position: absolute;
	top: 17px;
	width: 9px;
	height: 14px;
	line-height: 1;
	margin-top: -6.5px;
	right: 10px;
	color: #7C7C7C;
	font-weight: bold;
	background: url(/CSP/img/common/smb/icn_link_gray.gif?switch=2025062510) no-repeat 0 0;
	-webkit-background-size: 8px 13px;
	background-size: 8px 13px;
	-webkit-transform: rotate(90deg) !important;
}
.acArea .active .acInputItem > span::after {
	-webkit-transform: rotate(-90deg) !important;
}
.acInputItem {
	color: #000000;
	font-size: 14px;
}
.acInputBox {
	padding: 10px 5px 0 5px;
	font-size: 14px;
}
.oneColumnMenuSelectCheck {
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #DADADA;
	-webkit-box-sizing: border-box;
}
.oneColumnMenuSelectCheck .innerSelect {
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden !important;
}
.oneColumnMenuSelectCheck .innerSelect input {
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin: 0;
}
.oneColumnMenuSelectCheck .innerSelect input:checked + label {
	background: #BFB4AB;
	color: #FFFFFF !important;
}
.oneColumnMenuSelectCheck > .innerSelect > label {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
	border-bottom: #DADADA 1px solid;
	width: 100%;
	display: table;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E2DE));
}
.oneColumnMenuSelectCheck .innerSelect label span {
	padding: 8px;
}
.oneColumnMenuSelectCheck .innerSelect input:checked + label {
	color: #FFFFFF !important;
}
.oneColumnMenuSelectCheck .innerSelect input:checked + label::after {
	content: url(/CSP/img/bt/smb/icons/icn_checked.png?switch=2025062510);
	display: block;
	position: absolute;
	top: 43%;
	right: 10px;
	margin-top: -7.5px;
}
.inputBox input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
.inputBox textarea{
	border-radius: 5px;
}
.inputBox select {
	border-radius: 5px;
	opacity: 1;
	height: 30px;
}

/*クーポン絞り込み */
.cmHeading,
.cmHeadingKr {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.cmHeading {
	color: #CC4466;
	margin-bottom: 12px;
}
.cmHeadingKr {
	color: #7030A0;
}

/* Icon Plus */
.iconPlusMinus {
	width: 16px;
	height: 2px;
	background: #ffffff;
	position: absolute;
	right: 10px;
	top: 19px;
}
.iconPlusMinus:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 16px;
	background: #ffffff;
	left: 7px;
	top: -7px;
}
/* Icon Minus */
.active .iconPlusMinus:after  {
	width: 0;
	height: 0;
	background:none;
	position: absolute;
	right: 10px;
	top: 16px;
}
.couponMenuAssort{
	border-top: 1px solid #E9E9D9;
	border-bottom: 1px solid #E9E9D9;
	background:#FBFAF2;
	padding:7px 10px;
}
.couponMenuAssortList{
	text-align: center;
	margin-top: 10px;
}
.couponMenuAssortList > li{
	display: inline-block;
	margin: 0 5px;
}
.couponMenuAssortList > li > input[type="radio"] {
	display: none;
}
.couponMenuAssortList > li > input[type="radio"] + label {
	display: table-cell;
	width: 84px;
	height: 40px;
	color: #777373 !important;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	border-radius: 6px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#E2E2E2)
	);
	border: 1px solid #B4B0B0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.couponMenuAssortList > li > input[type="radio"] + label.disabled {
	color: #D1D1D1 !important;
	background:#ebebeb;
	border: 1px solid #E7E7E7;
}
.couponMenuAssortList > li > input[type="radio"]:checked + label {
	background: #BFB4AB;
	color: #FFFFFF !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.twoColumnSelect {
	width: 100%;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.twoColumnSelect li {
	float: left;
	position: relative;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right: #E9E9D9 1px solid;
	border-bottom: #E9E9D9 1px solid;
	display: table;
	font-size: 12px;
}
.twoColumnSelect li:nth-child(even) {
	border-right: none;
}
.twoColumnSelect li label {
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
	font-size: 12px;
	text-decoration: none;
	color: #333333 !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.twoColumnSelect li label.disabled{
	color: #D8D5D5 !important;
}
.twoColumnSelect li input[type="checkbox"] {
	border: 3px solid #DAD8D8;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	margin-right: 7px;
	width: 22px;
	height: 22px;
	background: #F7F7F7;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.twoColumnSelect li label.disabled input[type="checkbox"]{
	border: 3px solid #EEE9E9;
	background: #FFFFFF;
}

.twoColumnSelect li input[type="checkbox"]:checked {
	border: 3px solid #DAD8D8;
	background: #F7F7F7;
}

.twoColumnSelect li input[type="checkbox"]:checked:before {
	position: absolute;
	left: 1px;
	top: 15px;
	display: block;
	content: "";
	width: 10px;
	height: 4px;
	background: #CC4466;
	-webkit-transform: rotate(45deg);
	transform:rotate(45deg) ;
	-webkit-transform-origin: right center;
	transform-origin:right center;
}

.twoColumnSelect li input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 9px;
	top: 15px;
	content: "";
	width: 16px;
	height: 4px;
	background: #CC4466;
	-webkit-transform: rotate(-53deg);
	transform:rotate(-53deg) ;
	-webkit-transform-origin: left center;
	transform-origin:left center;
}
.twoColumnSelect li.searchOption{
	border-right: none;
	width: 100%;
}
.twoColumnSelect li.searchOption input[type="checkbox"]{ float: left; }
.twoColumnSelect li.searchOption .searchOptionText{
	float: left;
	line-height: 1.3;
	padding-top: 3px;
	width: 85%;
}
@media screen and (min-width: 550px){
	.twoColumnSelect li.searchOption .searchOptionText{
		padding-top: 1.6%;
		width: 93%;
	}
}

.couponAnnotationList {
	display: flex;
	font-size: 11px;
	line-height: 1;
	margin-top: 20px;
}
.couponAnnotationList > li::before {
	content: "\203B";
	font-weight: normal;
}
.couponAnnotationList > .charge {
	color: #CC0000;
	font-weight: bold;
}
.couponAnnotationList > .charge > a {
	color: #4C4C80;
	font-weight: normal;
	margin-left: 5px;
}
/* Modal */
.wrapper.isFixed {
	position: fixed;
}
.remarksModalWrap {
	background-color: rgba(51,51,51,0.8);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2;
}
.remarksModal {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	padding: 0 16px;
	position: relative;
}
.remarksModalContents {
	background-color: #FFFFFF;
	border-radius: 8px;
	color: #333333;
	min-width: 248px;
	padding: 28px 16px;
	word-wrap: break-word;
}
.remarksModalCloseTxtBtn {
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333 !important;
	display: block;
	font-weight: bold;
	line-height: 1;
	margin: 16px auto 0;
	padding: 13px 0;
	text-align: center;
	text-decoration: none;
	width: 128px;
}
.remarksModalCloseIcnBtn {
	left: 10px;
	position: absolute;
	top: 10px;
}
.remarksModalCloseIcnBtn > a {
	box-sizing: border-box;
	display: block;
	height: 44px;
	padding: 10px;
	position: relative;
	width: 44px;
}
.remarksModalCloseIcnBtn > a::before,
.remarksModalCloseIcnBtn > a::after {
	background-color: #FFFFFF;
	border-radius: 3px;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 24px;
}
.remarksModalCloseIcnBtn > a::before {
	transform: translate(50%, -50%) rotate(45deg);
}
.remarksModalCloseIcnBtn > a::after {
	transform: translate(50%, -50%) rotate(-45deg);
}
/* sideMenu */
.sideMenu {
	background-color: #F5F3F1;
	bottom: 0;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(300px);
	transition: transform 0.2s;
	width: 300px;
	z-index: 3001;
}
.sideMenu > ul {
	font-size: 13px;
	font-weight: bold;
}
.sideMenu + .wrapper {
	background-color: #FFF;
}
.sideMenu + .wrapper .header {
	overflow: hidden;
}
.sideMenu.isOpened {
	transform: translateX(0);
}
.sideMenu.isOpened + .wrapper {
	left: 0;
	position: fixed !important;
	width: 100%;
}
.sideMenu + .wrapper .wrapperCover {
	display: none;
}
.sideMenu.isOpened + .wrapper .wrapperCover {
	background-color: rgba(51, 51, 51, 0.8);
	bottom: 0;
	display: block;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 20;
}
.sideMenu.isOpened + .wrapper .wrapperCover::before {
	background: url(/CSP/img/my/smb/icons/common/icon_close.png?switch=2025062510) center / contain no-repeat;
	content: "";
	height: 24px;
	position: absolute;
	right: 312px;
	top: 12px;
	width: 24px;
}
.sideMenu.isOpened ~ .bottomActionAreaWrapper {
	display: none;
}
/* 374px以下(初代SE) */
@media (max-width: 374px) {
	.sideMenu {
		transform: translateX(275px);
		width: 275px;
	}
	.sideMenu.isOpened + .wrapper .wrapperCover::before {
		right: 287px;
	}
}

.ico {
	display: block;
	position: relative;
}
/*iconPlusMinusGray*/
.iconPlusMinusGray,
.iconPlusMinusGray:after {
	background: #988989;
	position: absolute;
	display: block;
}
.iconPlusMinusGray {
	width: 16px;
	height: 2px;
}
.iconPlusMinusGray:after {
	content: '';
	width: 2px;
	height: 16px;
}

/************************************************************
* popup
************************************************************/
.formArea{
	width:90%;
	position: fixed;
	top:40%;
	left:5%;
	z-index:1001;
}

#formBox{
	display:none;
	background:white;
	padding:10px 15px 5%;
	border: 1px solid #999999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
* html #formBox{
	position: absolute;
}


/* jquery.minimalModal.js Overlay*/
.deleteMsgBox {
	position: fixed;
	width:310px;
	top: 40%;
	left: 50%;
	z-index: 1001;
	display: none;
	background: white;
	padding: 10px 7px;
	border: 1px solid #999999;
	-webkit-border-radius: 4px;
	border-radius:  4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.spacingText { letter-spacing: -1px;}
.minimalModalOverlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url('/CSP/img/my/bg_over_layer.png?switch=2025062510');
	background-repeat: repeat;
	z-index: 1000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

img.maxwh97 {
	max-width: 97px;
	max-height: 97px;
}
img.maxwh132 {
	max-width: 132px;
	max-height: 132px;
}

/************************************************************
* マイページTOP 共通
************************************************************/

/* 見出し */
.myHeaderLine {
	color: #D36985;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin-left: 10px;
	margin-right: 10px;
	padding: 6px 0 6px 11px;
	position: relative;
}
.myHeaderLine::before {
	background: #D36985;
	border-radius: 5px;
	bottom: 0;
	content: "";
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.myHeaderLineK {
	color: #8C61B8;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin-left: 10px;
	margin-right: 10px;
	padding: 6px 0 6px 11px;
	position: relative;
}
.myHeaderLineK::before {
	background: #8C61B8;
	border-radius: 5px;
	bottom: 0;
	content: "";
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.myPageTopHeading {
	color: #665555;
	font-size: 16px;
	font-weight: bold;
}
/* マイページ共通ボタン */
.myCommonBtn {
	background: #FFFFFF;
	border: solid #BFB9B0;
	border-radius: 4px;
	border-width: 1px 1px 2px 1px;
	box-sizing: border-box;
	color: #666666 !important;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
/* トップメッセージ */
.myPageTopInfoList {
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	margin-bottom: 12px;
	max-height: 130px;
	overflow-y: scroll;
}
.myPageTopInfoList > li + li {
	border-top: 1px solid #E0E1E2;
}
.myPageTopInfoList > li > a {
	color: #333333 !important;
	display: block;
	font-size: 12px;
	padding: 12px 37px 12px 42px;
	text-decoration: none;
}
.myReviewMsg > a,
.myGiftMsg > a {
	background-size: 22px auto, 20px auto;
	background-position: 16px 10px, right 8px center;
	background-repeat: no-repeat, no-repeat;
}
.myReviewMsg > a {
	background-image: url(/CSP/img/my/smb/icons/common/icon_review.png?switch=2025062510), url(/CSP/img/my/smb/icons/common/icon_arrow.png?switch=2025062510);
}
.myGiftMsg > a {
	background-image: url(/CSP/img/my/smb/icons/common/icon_gift.png?switch=2025062510), url(/CSP/img/my/smb/icons/common/icon_arrow.png?switch=2025062510);
}
.myAlertAreas {
	margin-bottom: 12px;
}
.myAlertAreas > :not(:first-child) {
	margin-top: 12px;
}
.myAlertSetMailArea,
.myAlertGetPointArea {
	border-radius: 4px;
	color: #333333;
	padding: 15px;
}
.myAlertSetMailArea {
	background: #FFF0F0;
	border: 1px solid #CC0000;
}
.myAlertGetPointArea {
	background: #F0FAFF;
	border: 1px solid #1565C0;
}
.myAlertSetMailMsg,
.myAlertGetPointMsg {
	background: left top / 22px auto no-repeat;
	font-size: 14px;
	font-weight: bold;
	min-height: 20px;
	padding-left: 26px;
}
.myAlertSetMailMsg {
	background-image: url(/CSP/img/my/smb/icons/common/icon_attention_red.png?switch=2025062510);
	color: #CC0000;
}
.myAlertGetPointMsg {
	background-image: url(/CSP/img/my/smb/icons/common/icon_attention_blue.png?switch=2025062510);
	color: #1565C0;
}
.myAlertSetMailBtnWrapper {
	border-top: 1px solid #E0E1E2;
	margin-top: 12px;
	padding-top: 12px;
}
.myAlertSetMailBtn,
.myAlertGetPointBtn {
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	color: #333333 !important;
	padding: 0;
	text-decoration: none;
}
.myAlertSetMailBtn {
	float: right;
	font-size: 12px;
	height: 36px;
	margin-left: 8px;
	width: 80px;
}
.myAlertGetPointBtn {
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	width: 100%;
}

/* アイコンメニュー */
.myTransitionMenu {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.myTransitionMenu > li {
	flex: 1;
	position: relative;
}
.myTransitionMenu > li:first-child {
	flex-basis: 100%;
	flex-grow: 1;
	margin-bottom: 8px;
}
.myTransitionMenu > li:nth-of-type(n+3) {
	margin-left: 6px;
}
.myTransitionMenu > li > a {
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333 !important;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
}
.myTransitionHistory > a {
	align-items: center;
	display: flex;
	font-size: 13px;
	height: 60px;
	justify-content: center;
}
.myTransitionGift > a,
.myTransitionReply > a,
.myTransitionBookmark > a,
.myTransitionSlnMsg > a {
	background: center 8px / 36px 36px no-repeat;
	display: block;
	height: 81px;
	position: relative;
}
.myTransitionGift > a,
.myTransitionReply > a,
.myTransitionBookmark > a {
	font-size: 11px;
	padding-top: 55px;
}
/* 374px以下(初代SE) */
@media (max-width: 374px) {
	.myTransitionGift > a,
	.myTransitionReply > a,
	.myTransitionBookmark > a {
		font-size: 10px;
	}
}
.myTransitionSlnMsg > a {
	font-size: 10px;
	padding-top: 49px;
}
.myTransitionHistory > a::before {
	background: url(/CSP/img/my/smb/icons/top/icon_reserve.png?switch=2025062510) center / contain no-repeat;
	content: "";
	height: 28px;
	margin-right: 4px;
	width: 28px;
}
.myTransitionGift > a {
	background-image: url(/CSP/img/my/smb/icons/top/icon_gift.png?switch=2025062510);
}
.myTransitionReply > a {
	background-image: url(/CSP/img/my/smb/icons/top/icon_review.png?switch=2025062510);
}
.myTransitionBookmark > a {
	background-image: url(/CSP/img/my/smb/icons/top/icon_bookmark.png?switch=2025062510);
}
.myTransitionSlnMsg > a {
	background-image: url(/CSP/img/my/smb/icons/top/icon_message.png?switch=2025062510);
}
.myTransitionBadge {
	background-color: #FD7F34;
	border-radius: 9px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	min-width: 18px;
	padding: 0 4px;
	position: absolute;
	right: -5px;
	text-align: center;
	top: -5px;
	z-index: 1;
}

/*予約中のサロン*/
.myOrderCassetteList {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}
.myOrderCassetteList:first-child {
	margin-top: 10px;
}
.myOrderCassette {
	border: 1px solid #BFB9B0;
	border-radius: 6px;
	padding: 15px;
	position: relative;
}
.myOrderRsvTypeConfirmed,
.myOrderRsvTypeReserved,
.myOrderRsvTypeCancel,
.myOrderRsvTypeNotAccepted {
	box-sizing: border-box;
	color: #FFFFFF;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	min-width: 64px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.myOrderRsvTypeConfirmed {
	background-color: #D36985;
}
.myOrderRsvTypeReserved {
	background-color: #988989;
}
.myOrderRsvTypeCancel {
	background-color: #999999;
}
.myOrderRsvTypeNotAccepted {
	background-color: #CCCCCC;
	position: relative;
}
.myOrderRsvTypeNotAccepted::before,
.myOrderRsvTypeNotAccepted::after {
	background-color: #666666;
	bottom: 0;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 29px;
}
.myOrderRsvTypeNotAccepted::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.myOrderRsvTypeNotAccepted::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.myOrderRsvId {
	font-size: 10px;
	position: absolute;
	right: 15px;
	top: 15px;
}
.myOrderStatusMsg {
	color: #CC4466;
	font-weight: bold;
	margin-top: 8px;
}
.myOrderBody {
	margin-top: 10px;
	position: relative;
}
.myOrderIconList {
	margin-right: 65px;
}
.myOrderSlnName {
	font-size: 14px;
	line-height: 1.4;
	margin-right: 65px;
	margin-top: 3px;
	word-wrap: break-word;
}
.myOrderSlnName:only-child {
	margin-right: 0;
}
.myOrderSlnName a:link,
.myOrderSlnName a:visited {
	color: #4C4C80;
}
.myOrderRsvDate {
	margin-top: 8px;
}
.myOrderCancel {
	display: inline-block;
	padding-left: 22px;
	position: relative;
}
.myOrderCancel > a:link,
.myOrderCancel > a:visited {
	color: #4C4C80;
}
.myOrderRsvDetailBtn {
	font-size: 14px;
	height: 38px;
	line-height: 36px;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
}
.icnSalonMap {
	border-color: #BFB9B0;
	border-style: solid;
	border-radius: 5px;
	border-width: 1px 1px 2px 1px;
	color: #837373 !important;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 5px 3px 20px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: 0;
}
.icnSalonMap::before {
	background-image: url(/CSP/img/my/smb/icons/icon_map.png?switch=2025062510);
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	height: 17px;
	left: 5px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 12px;
}
.icnRsvCancel {
	border: 1px solid #D36985;
	display: inline-block;
	height: 14px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 14px;
}
.icnRsvCancel::before,
.icnRsvCancel::after {
	background: #D36985;
	content: "";
	height: 2px;
	left: 1px;
	position: absolute;
	top: 6px;
	width: 12px;
}
.icnRsvCancel::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.icnRsvCancel::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*予約したことがあるサロン */
.myRsvedCassetteLists {
	border-bottom: 1px solid #BFB9B0;
	margin-top: 10px;
}
.myRsvedCassetteList {
	border-top: 1px solid #BFB9B0;
	word-wrap: break-word;
}
.myRsvedCassetteList > a {
	color: #665555;
	display: block;
	padding: 15px 30px 15px 10px;
	position: relative;
	text-decoration: none;
}
.myRsvedCassetteList > a::after {
	border-color: #AB9C84;
	border-style: solid;
	border-width: 0 3px 3px 0;
	content: "";
	height: 7px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	width: 7px;
}
.myRsvedDetailBtn {
	height: 38px;
	line-height: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 240px;
}

/************************************************************
* 予約履歴ページ
************************************************************/
/* 予約履歴一覧 */
.myPageStatusDate {
	font-size: 12px;
	font-weight: bold;
	margin-left: 8px;
	vertical-align: middle;
}
.myPageRsvSlnName {
	-webkit-box-orient: vertical;
	color: #333333;
	display: -webkit-box;
	font-size: 14px;
	font-weight: bold;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}
.myPageRsvSlnArrowLink {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) right center / 24px auto no-repeat;
	display: block;
	padding-right: 32px;
	text-decoration: none;
}
.myPageRsvSlnAccess {
	-webkit-box-orient: vertical;
	color: #6D6D6D;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	margin-top: 8px;
	overflow: hidden;
}
.myPageRsvSlnAnnotationTxt {
	color: #6D6D6D;
	font-size: 12px;
}
.myPageRsvSlnDtlBox {
	background-color: #F6F6F6;
	border-radius: 4px;
	margin-top: 12px;
	padding: 12px;
}
.myPageActionBtnWrap {
	margin-top: 12px;
}
.myPageActionBtnWrap > li + li {
	margin-top: 8px;
}
.myPageRsvSlnDtlBoxMenuList > div {
	align-items: center;
	border-bottom: 1px solid #E0E1E2;
	display: flex;
	margin-top: 8px;
	padding-bottom: 12px;
}
.myPageRsvSlnDtlBoxMenuList > div + div {
	margin-top: 12px;
}
.myPageRsvSlnDtlBoxMenuList dt {
	flex: 1;
	word-break: break-all;
}
.myPageRsvSlnDtlBoxMenuList dd {
	font-weight: bold;
	margin-left: 8px;
}
.myPageRsvSlnDtlBox[data-color-genre="bt"] .myPageRsvSlnDtlBoxMenuList > div {
	margin-top: 8px;
}
.myPageRsvSlnDtlBox[data-color-genre="bt"] .myPageRsvSlnDtlBoxMenuList > div:not(:last-child) {
	border-bottom: none;
	padding-bottom: 0;
}
.myPageRsvSlnDtlBoxPaymentBox {
	border-bottom: 1px solid #E0E1E2;
}
.myPageRsvSlnDtlBoxPayment {
	padding-top: 12px;
}
.myPageRsvSlnDtlBoxPayment > div {
	align-items: center;
	display: flex;
	padding-bottom: 12px;
}
.myPageRsvSlnDtlBoxPayment dt {
	flex: 1;
	font-weight: bold;
}
.myPageRsvSlnDtlBoxPayment dd {
	color: #333333 !important;
}
.myPageRsvSlnDtlBoxPaymentBtn {
	padding-bottom: 12px;
}
.myPageRsvSlnDtlBoxPaymentArea > div {
	align-items: center;
	display: flex;
}
.myPageRsvSlnDtlBoxPaymentArea > div + div {
	margin-top: 8px;
}
.myPageRsvSlnDtlBoxPaymentArea dt {
	font-weight: bold;
}
.myPageRsvSlnDtlBoxCntLink {
	align-items: center;
	display: flex;
	font-weight: bold;
	height: 44px;
	justify-content: center;
	margin: 0 -12px -12px;
	text-decoration: none;
}
.myPageRsvSlnDtlBoxCntLink::after {
	background: center / contain;
	content: "";
	height: 14px;
	margin-left: 4px;
	width: 14px;
}
.myPageRsvSlnDtlBox[data-color-genre="bt"] dd,
.myPageRsvSlnDtlBox[data-color-genre="bt"] .myPageRsvSlnDtlBoxCntLink {
	color: #C43357;
}
.myPageRsvSlnDtlBox[data-color-genre="kr"] dd,
.myPageRsvSlnDtlBox[data-color-genre="kr"] .myPageRsvSlnDtlBoxCntLink {
	color: #7030A0;
}
.myPageRsvSlnDtlBox[data-color-genre="bt"] .myPageRsvSlnDtlBoxCntLink::after {
	background-image: url(/CSP/img/svg/sp/icon_arrow_bt.svg?switch=2025062510);
}
.myPageRsvSlnDtlBox[data-color-genre="kr"] .myPageRsvSlnDtlBoxCntLink::after {
	background-image: url(/CSP/img/svg/sp/icon_arrow_kr.svg?switch=2025062510);
}
.myPageRsvSlnBtnWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
}
.myPageRsvSlnBtnWrap > li {
	width: calc(50% - 4px);
}

/* 表示誤記アラート */
.myOrderRsvStsAlert {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}
/* クーポン絞り込みボタン */
.couponFilterModalOpenBtn {
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 12px 16px 0;
	position: relative;
	width: 100%;
}
.couponFilterModalOpenBtn.isFixed {
	border-bottom: 1px solid #E0E1E2;
	margin-top: 0;
	padding-bottom: 12px;
	position: fixed;
	top: 0;
	z-index: 1;
}
.couponFilterModalOpenBtn.isFixed + .couponNumberBox {
	margin-top: 69px;
}
.couponFilterModalOpenBtn > a {
	background: #FFFFFF;
	border: solid 1px #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	padding-right: 11px;
	position: relative;
	text-decoration: none;
}
.couponFilterModalOpenBtn > a::before {
	background: left top/cover no-repeat;
	content: "";
	height: 20px;
	left: 11px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
.couponFilterModalOpenBtn[data-genre="bt"] > a::before {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_search_coupon_bt.png?switch=2025062510) ;
}
.couponFilterModalOpenBtn[data-genre="kr"] > a::before {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_search_coupon_kr.png?switch=2025062510) ;
}
.couponFilterModalText {
	display: block;
	overflow: hidden;
	padding-left: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.couponFilterModalText.isSearched {
	font-weight: normal;
}
/* クーポン・メニュー数・ソート */
.couponNumberBox {
	align-items: center;
	color: #6D6D6D;
	display: flex;
	justify-content: space-between;
	line-height: 1;
	margin-top: 12px;
	padding: 0 16px;
}
.couponNumberWrapper {
	display: flex;
}
.couponNumberWrapper > p + p {
	margin-left: 12px;
}
.couponNumberTitle,
.couponNumberText {
	display: block;
	text-align: center;
}
.couponNumberText {
	margin-top: 4px;
}
.couponNumberText > span {
	font-size: 16px;
	font-weight: bold;
}
[data-genre="bt"] .couponNumberText > span {
	color: #CC4466;
}
[data-genre="kr"] .couponNumberText > span {
	color: #7030A0;
}
.couponPriceSort {
	-webkit-appearance: none;
	appearance: none;
	background: #FFFFFF url(/CSP/img/my/smb/icons/couponFilter/icon_search_arrow.png?switch=2025062510) right 8px center/20px 20px no-repeat;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333;
	height: 36px;
	line-height: 1;
	padding: 11px;
	width: 124px;
}
.couponAnnotationTxt {
	color: #909090;
	font-size: 11px;
	line-height: 1;
	margin-top: 20px;
	padding: 0 16px;
}
.couponAnnotationTxt::before {
	content: "\203B";
}
/* クーポン・メニュー絞り込みモーダル */
.couponFilterModalWindow {
	background-color: #FFFFFF;
	display: none;
	height: 100%;
	left: 0;
	min-height: 100%;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
.couponFilterModalWindow.isOpened,
.couponFilterModalWindow.isClosed {
	display: block;
}
.couponFilterModalWindow.isOpened {
	animation: slideUp 0.3s;
}
.couponFilterModalWindow.isClosed {
	animation: slideDown 0.3s;
}
@keyframes slideUp {
	0% {
		transform: translateY(120%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes slideDown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(120%);
	}
}
.couponFilterModalWindowInner {
	background: #FFFFFF;
	padding-bottom: 68px;
	padding-top: 49px;
}
.couponFilterModalTitleWrap {
	position: fixed;
	width: 100%;
	z-index: 1;
}
/* モーダルヘッダー */
.couponFilterModalTitle {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E1E2;
	color: #665555;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 16px;
	text-align: center;
}
.couponFilterModalClose {
	background: center/24px auto no-repeat;
	height: 44px;
	left: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
}
[data-genre="bt"] .couponFilterModalClose {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_close_bt.png?switch=2025062510);
}
[data-genre="kr"] .couponFilterModalClose {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_close_kr.png?switch=2025062510);
}
.couponFilterModalHead {
	background-color: #EEEEEE;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding: 4px 16px;
}
/* モーダルフッター */
.couponFilterModalFooterWrapper {
	background-color: #FFFFFF;
	border-top: solid 1px #E0E1E2;
	bottom: 0;
	box-sizing: border-box;
	display: none;
	left: 0;
	opacity: 1;
	padding: 11px 16px 12px;
	position: fixed;
	width: 100%;
	z-index: 2;
}
.couponFilterModalFooterWrapper.isOpened {
	display: block;
}
/* for iOS15 Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root .couponFilterModalFooterWrapper {
		padding-bottom: calc(12px + env(safe-area-inset-bottom));
	}
}
.couponFilterModalFooter {
	display: flex;
	justify-content: space-between;
}
.couponFilterModalClearBtn,
.couponFilterModalSearchBtn {
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
}
.couponFilterModalClearBtn {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	color: #333333 !important;
	width: calc(36% - 4px);
}
.couponFilterModalSearchBtn {
	color: #FFFFFF !important;
	width: calc(64% - 4px);
}
[data-genre="bt"] .couponFilterModalSearchBtn {
	background-color: #D36985;
}
[data-genre="kr"] .couponFilterModalSearchBtn {
	background-color: #8C61B8;
}
/* チェックボックス */
.searchConditionMenuList {
	display: flex;
	flex-wrap: wrap;
}
.searchConditionMenuList > li {
	margin-right: 8px;
}
.searchConditionMenuList label {
	display: inline-block;
}
.searchConditionMenuList input[type="checkbox"],
.searchConditionMenuList input[type="radio"] {
	display: none;
}
.searchConditionMenuText {
	border: 1px solid #E0E1E2;
	border-radius: 18px;
	color: #333333;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	margin: 6px 0;
	padding: 6px 19px;
	position: relative;
}
.searchConditionMenuNumber {
	background-color: #EEEEEE;
	border-radius: 9px;
	box-sizing: border-box;
	color: #6D6D6D;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-left: 4px;
	min-width: 24px;
	padding: 3px 6px;
	text-align: center;
}
.searchConditionMenuList input[type="checkbox"]:checked + .searchConditionMenuText,
.searchConditionMenuList input[type="radio"]:checked + .searchConditionMenuText {
	border: 2px solid;
	font-weight: bold;
	padding: 5px 10px 5px 26px;
}
[data-genre="bt"] .searchConditionMenuList input[type="checkbox"]:checked + .searchConditionMenuText,
[data-genre="bt"] .searchConditionMenuList input[type="radio"]:checked + .searchConditionMenuText {
	border-color: #D36985;
	color: #CC4466;
}
[data-genre="kr"] .searchConditionMenuList input[type="checkbox"]:checked + .searchConditionMenuText,
[data-genre="kr"] .searchConditionMenuList input[type="radio"]:checked + .searchConditionMenuText {
	border-color: #8C61B8;
	color: #7030A0;
}
.searchConditionMenuList input[type="checkbox"]:checked + .searchConditionMenuText::before,
.searchConditionMenuList input[type="radio"]:checked + .searchConditionMenuText::before {
	background: left top/cover no-repeat;
	content: "";
	height: 20px;
	left: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
[data-genre="bt"] .searchConditionMenuList input[type="checkbox"]:checked + .searchConditionMenuText::before,
[data-genre="bt"] .searchConditionMenuList input[type="radio"]:checked + .searchConditionMenuText::before {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_check_bt.png?switch=2025062510)
}
[data-genre="kr"] .searchConditionMenuList input[type="checkbox"]:checked + .searchConditionMenuText::before,
[data-genre="kr"] .searchConditionMenuList input[type="radio"]:checked + .searchConditionMenuText::before {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_check_kr.png?switch=2025062510)
}
.searchConditionMenuList input[type="checkbox"]:disabled + .searchConditionMenuText,
.searchConditionMenuList input[type="radio"]:disabled + .searchConditionMenuText {
	opacity: 0.3;
}
/* メニュータイトル */
.couponFilterModalMenuNameWrapper {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.couponFilterModalMenuName {
	border-left: 4px solid #665555;
	color: #665555;
	font-size: 12px;
	line-height: 1;
	padding: 4px 0 4px 8px;
}
.couponFilterModalMenuNameWrapper input[type="checkbox"] {
	display: none;
}
.couponFilterModalMenuNameText {
	color: #333333;
	display: block;
	line-height: 24px;
	padding-left: 26px;
	position: relative;
}
.couponFilterModalMenuNameWrapper .couponFilterModalMenuNameText::before {
	background-color: #FFFFFF;
	border: 1.5px solid #E0E1E2;
	border-radius: 3.5px;
	box-sizing: border-box;
	content: "";
	height: 18px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
}
.couponFilterModalMenuNameWrapper input[type="checkbox"]:checked + .couponFilterModalMenuNameText::after {
	background: left top/cover no-repeat;
	content: "";
	height: 16px;
	left: 1.5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}
[data-genre="bt"] .couponFilterModalMenuNameWrapper input[type="checkbox"]:checked + .couponFilterModalMenuNameText::after {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_check_bt.png?switch=2025062510);
}
[data-genre="kr"] .couponFilterModalMenuNameWrapper input[type="checkbox"]:checked + .couponFilterModalMenuNameText::after {
	background-image: url(/CSP/img/my/smb/icons/couponFilter/icon_check_kr.png?switch=2025062510);
}
/* キーワード */
.couponKeywordSearchWrapper {
	padding: 20px 16px 24px;
}
.couponKeywordSearchWrapper #couponKeywordInput {
	/* 既存styleが強すぎるのでIDで指定 */
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	padding: 12px 11px;
	width: 100%;
}
.couponKeywordSearchWrapper #couponKeywordInput::placeholder {
	color: #BBBBBB;
}

/************************************************************
* 美容医療への導線
************************************************************/

.clinicLeadButton {
	margin-top: 20px;
}
.clinicLeadButton > a {
	border: solid #BFB9B0;
	border-width: 1px 0;
	color: #666666;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 30px 15px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.clinicLeadButton > a::after {
	border: solid #AB9C84;
	border-width: 0 3px 3px 0;
	content: "";
	display: block;
	height: 7px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	width: 7px;
}
.myRsvedCassetteLists + .clinicLeadButton {
	margin-top: -1px;
}
.clinicBkmButton {
	color: #4C4C80 !important;
}

/************************************************************
* ギフト券ページ
************************************************************/

/* 共通見出し */
.myGiftHeaderLine {
	background-color: #F4F4F4;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 10px;
}

/* ギフト券カルーセル */
.giftCarousel {
	margin: 20px auto;
	max-width: 375px;
}
.giftCarouselWrapper {
	max-height: 125px;
	overflow: hidden;
}
.giftCarouselItemImg {
	max-width: 375px;
	width: 100vw;
}
.giftIndicator {
	text-align: center;
}
.giftIndicator > li {
	background-color: #CCCCCC;
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	line-height: 1rem;
	margin-top: 10px;
	width: 10px;
}
.giftIndicator > li + li {
	margin-left: 15px;
}
.giftIndicator > .isCurrent {
	background-color: #D36985;
}

/* ギフト券（一覧ページ用） */
.giftMsgList {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #666666 !important;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}
.giftMsgList.isAvailable,
.giftMsgList.isUnavailable {
	padding: 15px 15px 15px 25px;
}
.giftMsgList.isAvailable::before,
.giftMsgList.isUnavailable::before {
	border-radius: 4px 0 0 4px;
	border-style: solid;
	border-width: 1px;
	content: "";
	height: 100%;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 10px;
}
.giftMsgList.isAvailable::before {
	background-color: #D36985;
	border-color: #D36985;
}
.giftMsgList.isUnavailable::before {
	background-color: #CCCCCC;
	border-color: #CCCCCC;
}
.giftMsgListDetail {
	margin-top: 10px;
}
.giftMsgListDetailList {
	font-size: 12px;
}

.giftMsgListDetailList + .giftMsgListDetailList {
	margin-top: 5px;
}
.giftMsgListTtl {
	color: #665555;
	font-size: 14px;
	line-height: 20px;
}
.giftMsgListPrice {
	background-color: #FCF8DF;
	color: #D36985;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	padding: 5px 10px;
	text-align: center;
}
.giftMsgList.isUnavailable .giftMsgListPrice {
	background-color: #F4F4F4;
	color: #CCCCCC;
}
.giftMsgListPriceEm {
	font-size: 32px;
}
.giftMsgListLink {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
.giftMsgListMore {
	text-align: right;
}
.giftMsgListMoreText {
	color: #4C4C80 !important;
	margin-top: 15px;
	text-decoration: underline;
}
.giftHowToLink {
	color: #FFFFFF !important;
	float: right;
	font-size: 12px;
	font-weight: normal;
}
.usedGiftTicketToggleArea {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin: 20px 10px 0;
}
a.usedGiftTicketToggleBtn {
	background: #F4F4F4;
	border-radius: 4px;
	box-sizing: border-box;
	color: #665555;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
	position: relative;
	text-decoration: none;
}
a.usedGiftTicketToggleBtn::after {
	border-color: #AB9C83;
	border-style: solid;
	border-width: 0 3px 3px 0;
	content: "";
	display: block;
	height: 6px;
	margin-top: -6px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
a.usedGiftTicketToggleBtn.isOpened {
	border-radius: 4px 4px 0 0;
}
a.usedGiftTicketToggleBtn.isOpened::after {
	border-width: 3px 0 0 3px;
	margin-top: -3px;
}
.usedGiftTicketToggleWrap {
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #CCCCCC;
	display: none;
}
.usedGiftTicketToggleInner {
	padding: 0 5px 15px;
}

/* ギフト券（詳細ページ用） */
.giftDetailPrice {
	background-color: #FCF8DF;
	color: #D36985;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	padding: 5px 10px;
	text-align: center;
}
.giftDetailPriceEm {
	font-size: 32px;
}
.giftDetailSearchBox {
	background-color: #F4F4F4;
	margin-top: 20px;
	padding: 30px;
}
.giftDetailGenreTtl {
	color: #D36985;
	font-weight: bold;
}
.giftDetailSearchBtn,
.giftDetailListlBackBtn {
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	font-weight: bold;
	height: 40px;
	line-height: 38px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-decoration: none;
	width: 240px;
}
.giftDetailSearchBtn {
	background-color: #F38696;
	border-bottom: 3px solid #EC6184;
	color: #FFFFFF !important;
}

.giftDetailSearchBtn + .giftDetailSearchBtn {
	margin-top: 20px;
}
.giftDetailListlBackBtn {
	background-color: #FFFFFF;
	border-color: #BFB9B0;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	color: #666666 !important;
	margin-top: 20px;
}

/************************************************************
* 口コミ投稿ページ
************************************************************/
.replyNotification {
	font-size: 10px;
	margin: 15px 10px 0;
}
.replyList {
	margin-top: 10px;
}
.replyList .myOrderBody {
	margin: 0;
}
.replyList .myOrderRsvDate dt {
	font-weight: bold;
}
.replyList .myOrderSlnName {
	margin-right: 0;
}
.browseLinks {
	display: flex;
	justify-content: center;
}
.browseLinks > a {
	height: 38px;
	margin: 0;
	width: 50%;
}
.browseLinks > a + a {
	margin-left: 10px;
}
.reserveInfo {
	border: 1px solid #BFB9B0;
	display: flex;
}
.reserveInfo + .reserveInfo {
	border-top: 0;
}
.reserveInfo > dt {
	align-items: center;
	background-color: #F4F4F4;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	display: flex;
	justify-content: center;
}
.reserveInfo > dt > .reserveInfoHead {
	box-sizing: border-box;
	font-weight: bold;
	padding: 0 10px;
	text-align: center;
	width: 110px;
}
.reserveInfo > dt,
.reserveInfo > dd {
	align-self: stretch;
}
.reserveInfo > dd {
	border-left: 1px solid #BFB9B0;
	min-width: 0;
	width: 100%;
}
.reserveInfoDetail {
	text-align: left;
	padding: 6px 6px 7px 7px;
	word-wrap: break-word;
}
.invalidateLink {
	color: #CCCCCC !important;
	cursor: default;
}

/************************************************************
* サロンからのメッセージ
************************************************************/
/* 共通パーツ */
.slnMsgSlnNoExist {
	align-items: center;
	background-color: #F6F6F6;
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	box-sizing: border-box;
	color: #909090;
	display: flex;
	flex-shrink: 0;
	font-size: 10px;
	height: 75px;
	justify-content: center;
	width: 100px;
}
.slnMsgDeleteBtn {
	align-items: center;
	color: #909090 !important;
	display: flex;
	font-size: 11px;
	height: 44px;
	justify-content: center;
	text-decoration: none;
}
.slnMsgDeleteBtn::before {
	background: url(/CSP/img/svg/sp/icon_close_gray.svg?switch=2025062510) center / contain no-repeat;
	content: "";
	height: 14px;
	margin-right: 4px;
	width: 14px;
}
.slnMsgOptionBtn {
	display: flex;
}
.slnMsgOptionBtn > .myPageBtn.isDisabled,
.slnMsgFollowButtonWrap .myPageBtn.isDisabled {
	pointer-events: none;
}
.slnMsgOptionBtn > .allReadBtn,
.slnMsgOptionBtn > .allDeleteBtn,
.cancelBtn {
	font-size: 12px;
	font-weight: normal;
	height: 36px;
	width: auto;
}
.slnMsgOptionBtn > .allReadBtn,
.slnMsgOptionBtn > .allDeleteBtn {
	padding: 8px;
}
.myPageBtn[data-btn-theme="warning"] {
	color: #CC0000 !important;
}
@media screen and (max-width: 332px) {
	.slnMsgOptionBtn > .allReadBtn {
		padding: 8px 4px;
	}
}

/* サロンからのメッセージ */
.slnMsgSetting {
	padding: 7px 16px;
	text-align: right;
}
.slnMsgSetting > a {
	color: #4C4C80;
	display: inline-block;
	padding: 9px 0;
}
.slnMsgNoReserve {
	align-items: center;
	color: #333333;
	display: flex;
	font-size: 14px;
	font-weight: bold;
	justify-content: center;
	min-height: 80px;
}
.slnMsgSlnList {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.slnMsgSlnList > li {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	position: relative;
}
.slnMsgSlnList > li::before {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) center / contain;
	content: "";
	height: 24px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
}
.slnMsgSlnList > li + li {
	margin-top: 12px;
}
a.slnMsgSlnInfoWrapper {
	color: #333333;
	display: block;
	padding: 16px;
	text-decoration: none;
}
.slnMsgSlnInfoWrapper + .slnMsgDeleteBtn {
	margin-top: -16px;
}
.slnMsgSlnInfoTop {
	display: flex;
	justify-content: space-between;
}
.unreadCount {
	background-color: #FD7F34;
	border-radius: 9px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: inline-block;
	flex-shrink: 0;
	height: 18px;
	margin-left: 8px;
	min-width: 18px;
	padding: 0 4px;
	text-align: center;
}
.slnMsgSlnInfoBottom {
	padding-right: 32px;
}
.slnMsgSlnHead {
	font-size: 14px;
	font-weight: bold;
	min-width: 0;
}
.slnMsgSlnText {
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* メッセージ一覧 */
.slnMsgListSlnWrap {
	background-color: #FFFFFF;
	padding: 16px;
}
.slnMsgListSlnArea {
	align-items: flex-start;
	display: flex;
	text-decoration: none;
}
a.slnMsgListSlnArea {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) right center / 24px auto no-repeat;
	padding-right: 28px !important;
}
.slnMsgListSlnArea > .myPageSalonImageWrapper {
	flex-shrink: 0;
}
.slnMsgListSlnArea + .slnMsgOptionBtn {
	justify-content: flex-end;
}
.slnMsgListSln {
	margin-left: 12px;
	min-width: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.slnMsgListSlnName {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.slnMsgLinkList {
	background-color: #FFFFFF;
}
.slnMsgLinkList > li {
	border-top: 1px solid #E0E1E2;
	position: relative;
}
.slnMsgLinkList > li:last-child {
	border-bottom: 1px solid #E0E1E2;
}
.slnMsgLinkList > li a {
	display: block;
	padding: 16px 36px 16px 16px;
	text-decoration: none;
}
.slnMsgLinkList > li a::after {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) center / contain;
	content: "";
	height: 20px;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
.slnMsgLinkList > li.unread .slnMsgLinkTtl {
	padding-left: 16px;
}
.slnMsgLinkList > li.alreadyRead .slnMsgLinkTtl,
.slnMsgLinkList > li.alreadyRead .slnMsgLinkSubject,
.slnMsgLinkList > li.alreadyRead .slnMsgLinkDate {
	font-weight: normal;
}
.slnMsgLinkList > li.unread::before {
	background-color: #FD7F34;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 16px;
	position: absolute;
	top: 22px;
	width: 8px;
}
.slnMsgLinkList.isSelectable > li.unread::before {
	left: 48px;
}
.slnMsgLinkTtlWrap {
	display: flex;
	justify-content: space-between;
}
.slnMsgLinkTtl {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.slnMsgLinkSubject {
	color: #333333;
	display: block;
	margin-top: 4px;
}
.slnMsgLinkDate {
	color: #6D6D6D;
	font-weight: bold;
	margin-left: 8px;
}
.slnMsgLinkList .messageCouponLabel {
	background-color: #F6F6F6;
	border-radius: 4px;
	color: #333333;
	display: block;
	margin-top: 8px;
	padding: 8px 8px 8px 32px;
	position: relative;
}
.slnMsgLinkList .messageCouponLabel::before {
	background: url(/CSP/img/svg/sp/icon_coupon_gray.svg?switch=2025062510) center / contain no-repeat;
	content: "";
	height: 20px;
	left: 8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
.slnMsgLinkList .messageCouponLabel.expiredCoupon::before {
	background: none;
}
.slnMsgLinkList .messageCouponLabel.expiredCoupon {
	color: #6D6D6D;
	display: inline-block;
	font-size: 10px;
	padding: 3px 8px;
}

/* メッセージ一覧 チェックボックス */
.slnMsgDeleteCheck {
	display: none;
}
.slnMsgDeleteCheckBox {
	width: 100%;
}
.slnMsgLinkList.isSelectable .slnMsgDeleteCheckBox a {
	margin-left: 32px;
	pointer-events: none;
}
.slnMsgLinkList.isSelectable .slnMsgDeleteCheck + .slnMsgDeleteCheckBox::before,
.slnMsgLinkList.isSelectable .slnMsgDeleteCheck + .slnMsgDeleteCheckBox::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.slnMsgLinkList.isSelectable .slnMsgDeleteCheck + .slnMsgDeleteCheckBox::before {
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	height: 18px;
	left: 16px;
	width: 18px;
}
.slnMsgLinkList .slnMsgDeleteCheck:checked + .slnMsgDeleteCheckBox::after {
	background: left top / cover no-repeat;
	height: 16px;
	left: 18px;
	width: 16px;
}
.slnMsgLinkList[data-genre="bt"] .slnMsgDeleteCheck:checked + .slnMsgDeleteCheckBox::after {
	background-image: url(/CSP/img/svg/sp/icon_check_bt.svg?switch=2025062510);
}
.slnMsgLinkList[data-genre="kr"] .slnMsgDeleteCheck:checked + .slnMsgDeleteCheckBox::after {
	background-image: url(/CSP/img/svg/sp/icon_check_kr.svg?switch=2025062510);
}
.slnMsgFollowButtonWrap {
	background-color: #FFFFFF;
	border-top: 1px solid #E0E1E2;
	bottom: 0;
	box-sizing: border-box;
	display: flex;
	padding: 12px 16px;
	position: fixed;
	width: 100%;
}
.slnMsgFollowButtonWrap.dn {
	display: none;
}
.slnMsgFollowButtonWrap a {
	font-size: 14px;
	height: 44px;
}
@media (max-width: 374px) {
	.slnMsgFollowButtonWrap a {
		font-size: 12px;
	}
}
.slnMsgFollowButtonWrap .allDeleteBtn,
.slnMsgFollowButtonWrap > .cancelBtn {
	font-weight: bold;
	padding: 16px 0;
}
.slnMsgFollowButtonWrap > .cancelBtn {
	width: calc(117 / 375 * 100vw);
}
.slnMsgFollowButtonWrap > p {
	flex: 1;
	margin-left: 8px;
}
.slnMsgFollowButtonWrap .allDeleteBtn {
	color: #CC0000 !important;
}

/* メッセージ詳細 */
.slnMsgDetailInfo {
	background-color: #FFFFFF;
	padding: 16px 16px 3px;
}
.slnMsgDetailInfo > li:not(:last-child) {
	display: flex;
	justify-content: flex-end;
}
.slnMsgDetailInfoLink {
	color: #4C4C80 !important;
	display: block;
	min-width: 0;
	overflow-wrap: break-word;
	position: relative;
	word-wrap: break-word;
}
.slnMsgDetailInfoLink::after {
	content: "";
	height: calc(100% + 10px);
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.slnMsgDetailInfo > li.slnMsgDetailInfoNoLink {
	justify-content: flex-start;
	margin-bottom: 10px;
}
.slnMsgDetailHead {
	border-bottom: 2px solid #E0E1E2;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	overflow-wrap: break-word;
	padding: 16px;
	word-wrap: break-word;
}
.slnMsgDetailList {
	border-bottom: 1px solid #E0E1E2;
	padding: 16px;
}
.slnMsgDetailList > div {
	display: flex;
}
.slnMsgDetailList dt {
	color: #6D6D6D;
	flex-shrink: 0;
	width: 48px;
}
.slnMsgDetailList dd {
	color: #333333;
	overflow: hidden;
	overflow-wrap: break-word;
	padding-left: 12px;
	word-wrap: break-word;
}
.slnMsgDetailTxt {
	color: #333333;
	overflow-wrap: break-word;
	padding: 16px;
	word-wrap: break-word;
}
.slnMsgDetailCoupon > li {
	border-top: 1px solid #E0E1E2;
}
.slnMsgDetailCoupon > li.normalSplitLineT:last-child {
	border-bottom: none !important;
}
.slnMsgDetailInfo > .slnMsgDeleteBtn {
	margin-left: -16px;
	width: 100vw;
}

/* メッセージ詳細 ページング */
.slnMsgDetailPaging {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E1E2;
	border-top: 1px solid #E0E1E2;
	display: flex;
	justify-content: space-between;
}
.slnMsgDetailPagingLink {
	color: #333333 !important;
	display: block;
	font-weight: bold;
	line-height: 44px;
	position: relative;
	text-decoration: none;
}
span.slnMsgDetailPagingLink {
	opacity: 0.3;
}
.slnMsgDetailPaging > li:first-child > .slnMsgDetailPagingLink {
	padding-left: 34px;
}
.slnMsgDetailPaging > li:last-child > .slnMsgDetailPagingLink {
	padding-right: 34px;
}
.slnMsgDetailPagingLink::before {
	content: "";
	height: 14px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
}
.slnMsgDetailPaging > li:first-child > .slnMsgDetailPagingLink::before {
	background: url(/CSP/img/svg/sp/icon_arrow_left_gray.svg?switch=2025062510) center / contain;
	left: 16px;
}
.slnMsgDetailPaging > li:last-child > .slnMsgDetailPagingLink::before {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) center / contain;
	right: 16px;
}

/* 削除確認モーダル*/
.msgDeleteModalOverlay {
	background-color: #333333;
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0.8;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2;
}
.msgDeleteModalOverlay.isOpened {
	display: block;
}
.msgDeleteModalArea {
	display: none;
	left: 0;
	padding: 0 16px;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.msgDeleteModalArea.isOpened {
	display: block;
}
.msgDeleteModalContents {
	background-color: #FFFFFF;
	border-radius: 8px;
	padding: 16px;
}
.msgDeleteAlertTxt {
	align-items: center;
	color: #CC0000;
	display: flex;
	font-weight: bold;
	position: relative;
}
.msgDeleteAlertTxt::before {
	background: url(/CSP/img/svg/sp/icon_exclamation.svg?switch=2025062510) center / contain;
	content: "";
	height: 20px;
	margin-right: 4px;
	width: 20px;
}
.msgDeleteAlertTxt.dn {
	display: none;
}

/************************************************************
* 新定義コンポーネント
************************************************************/
/* 予約なしテキスト */
.myPageTopNoReserveTextWrapper,
.myPageReserveHistoryIndividualNotExistTextWrapper {
	align-items: center;
	color: #333333;
	display: flex;
	font-size: 14px;
	font-weight: bold;
	justify-content: center;
}
.myPageTopNoReserveTextWrapper {
	min-height: 80px;
	margin-top: 16px;
}
.myPageReserveHistoryIndividualNotExistTextWrapper {
	min-height: 100px;
}
.myPageReserveHistoryNoReserveTextWrapper,
.myPageNoBookmarkTextWrapper {
	color: #333333;
	text-align: center;
}
.myPageReserveHistoryNoReserveTextWrapper {
	padding: 75px 0;
}
.myPageNoBookmarkTextWrapper {
	padding: 32px 0;
}
/* セクション・ボックス */
.myPageArticleHead {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E1E2;
	padding: 16px;
}
.myPageArticleBg {
	background-color: #F5F3F1;
}
.myPageDetailBox {
	background-color: #F6F6F6;
	border-radius: 4px;
	padding: 12px;
}
.myPageSectionHeading {
	background-color: #EBEBEB;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 8px 16px;
}
.myPageHeadingSecondary {
	color: #665555;
	font-size: 14px;
	font-weight: bold;
}
.myPageSectionHeadingHelpLink {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.myPageSalonReserveHelpLink {
	background: url(/CSP/img/svg/sp/icon_help_pink.svg?switch=2025062510) left center / 14px no-repeat;
	color: #C43357 !important;
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	padding-left: 18px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}
.myPageSalonReserveHelpLinkKr {
	background: url(/CSP/img/svg/sp/icon_help_kr.svg?switch=2025062510) left calc(50% - 1px) / 14px no-repeat;
	color: #7030A0 !important;
	display: inline-block;
	font-size: 11px;
	padding-left: 18px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}
.myPageSalonReserveHelpLink::after,
.myPageSalonReserveHelpLinkKr::after {
	content: "";
	height: 28px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.myPageSectionHeadingHelpLink .myPageSalonReserveHelpLink {
	margin: -1px 0 -1px 8px;
}
.myPageReserveCancelBox {
	background-color: #FFFFFF;
	border: 1px solid;
	border-radius: 4px;
	padding: 16px;
}
.myPageReserveCancelBox[data-box-genre="bt"] {
	border-color: #D36985;
}
.myPageReserveCancelBox[data-box-genre="kr"] {
	border-color: #8C61B8;
}
.myPageReserveCancelHeading {
	color: #665555;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.myPageReserveCancelPrice,
.myPageReserveCancelPriceKr {
	align-items: flex-end;
	display: flex;
	font-weight: bold;
	justify-content: space-between;
}
.myPageReserveCancelPrice > dd {
	color: #CD5673;
	font-size: 16px;
}
.myPageReserveCancelPriceKr > dd {
	color: #7030A0;
	font-size: 16px;
}
.myPageReserveDetailBottomBtnArea {
	background-color: #F5F3F1;
	border-top: 1px solid #E0E1E2;
}
.myPageBookmarkNumberBox {
	align-items: center;
	border-bottom: 1px solid #E0E1E2;
	color: #6D6D6D;
	display: flex;
	justify-content: space-between;
	line-height: 1;
	padding: 8px 16px;
}
.myPageBookmarkNumber {
	font-size: 0;
}
.myPageBookmarkNumber > strong {
	color: #CC4466;
	font-size: 18px;
	font-weight: bold;
	margin-right: 4px;
}
.myPageBookmarkNumber > span {
	font-size: 12px;
}
.myPageBookmarkGenreSelect {
	-webkit-appearance: none;
	appearance: none;
	background: #FFFFFF url(/CSP/img/my/smb/icons/common/icon_arrow_bottom.png?switch=2025062510) right 8px center/20px 20px no-repeat;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333;
	height: 36px;
	line-height: 1;
	padding: 11px 11px 11px 21px;
	width: 160px;
}
/* サロンイメージ */
.myPageSalonImageWrapper {
	border-radius: 4px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.myPageSalonImageWrapper::after {
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	box-sizing: border-box;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* リンク */
.myPageSalonArrowLink {
	background: url(/CSP/img/my/smb/icons/common/icon_arrow_large.png?switch=2025062510) right center / 24px auto no-repeat;
	color: #333333 !important;
	display: block;
	padding-right: 28px;
	text-decoration: none;
}
.myPageCommonTextLink {
	color: #4C4C80 !important;
}
.myPageCommonTextLink[data-extend-tap-area="true"] {
	position: relative;
}
.myPageCommonTextLink[data-extend-tap-area="true"]::after {
	content: "";
	height: 28px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
/* ボタン */
.myPageActionBtn,
.myPageBtn {
	align-items: center;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	font-size: 14px;
	font-weight: bold;
	height: 44px;
	justify-content: center;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 100%;
}
.myPageActionBtn.isDisabled,
.myPageBtn.isDisabled {
	opacity: 30%;
}
.myPageActionBtn {
	color: #FFFFFF !important;
}
.myPageActionBtn[data-btn-genre="bt"] {
	background-color: #D36985;
	border: 1px solid #D36985;
}
.myPageActionBtn[data-btn-genre="kr"] {
	background-color: #8C61B8;
	border: 1px solid #8C61B8;
}
.myPageActionBtn[data-btn-theme="secondary"] {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
}
.myPageActionBtn[data-btn-theme="secondary"][data-btn-genre="bt"] {
	color: #C43357 !important;
}
.myPageActionBtn[data-btn-theme="secondary"][data-btn-genre="kr"] {
	color: #7030A0 !important;
}
.myPageBtn {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	color: #333333 !important;
}
.myPageBtn[data-btn-size="large"] {
	height: 54px;
}
.myPageBtn[data-font-size="small"] {
	font-size: 12px;
}
.myPageBtn[data-btn-icon="message"] {
	font-size: 13px;
	line-height: 16px;
}
.myPageBtn[data-color-genre="bt"] {
	color: #C43357 !important;
}
.myPageBtn[data-color-genre="kr"] {
	color: #7030A0 !important;
}
.myPageBtn[data-btn-icon]::before {
	background: center / contain no-repeat;
	content: "";
	display: block;
	height: 24px;
	margin-right: 4px;
	width: 24px;
}
.myPageBtn[data-btn-icon="reserve"]::before,
.myPageBtn[data-btn-icon="share-mail"]::before {
	height: 36px;
	width: 36px;
}
.myPageBtn[data-btn-icon="share-mail"]::before,
.myPageBtn[data-btn-icon="share-line"]::before {
	margin-right: 8px;
}
.myPageBtn[data-btn-icon="phone"][data-btn-genre="bt"]::before {
	background-image: url(/CSP/img/svg/sp/icon_phone_bt.svg?switch=2025062510);
}
.myPageBtn[data-btn-icon="phone"][data-btn-genre="kr"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_phone_kr.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="map"][data-btn-genre="bt"]::before {
	background-image: url(/CSP/img/svg/sp/icon_map_bt.svg?switch=2025062510);
}
.myPageBtn[data-btn-icon="map"][data-btn-genre="kr"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_map_kr.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="reserve"][data-btn-genre="bt"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_reserve_bt.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="reserve"][data-btn-genre="kr"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_reserve_kr.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="message"][data-btn-genre="bt"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_message_bt.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="message"][data-btn-genre="kr"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_message_kr.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="share-mail"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_message_large.png?switch=2025062510);
}
.myPageBtn[data-btn-icon="share-line"]::before {
	background-image: url(/CSP/img/my/smb/icons/common/icon_line.png?switch=2025062510);
}
.myPageBtn[data-btn-type="back"] {
	display: inline-flex;
	height: 36px;
	padding: 0 24px;
	width: auto;
}
.myPageBtnMessageBadge {
	align-items: center;
	background: #FD7F34;
	border-radius: 9px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: flex;
	font-size: 12px;
	height: 18px;
	justify-content: center;
	line-height: 1;
	min-width: 18px;
	padding: 0 4px;
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
}
.myPageBtnList > li > a {
	align-items: center;
	background: #FFFFFF url(/CSP/img/my/smb/icons/common/icon_arrow.png?switch=2025062510) calc(100% - 8px) 50% / 20px no-repeat;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333333;
	display: flex;
	font-weight: bold;
	height: 44px;
	padding: 0 36px 0 16px;
	text-decoration: none;
}
.myPageBtnList > li:first-child:not(:only-child) > a {
	border-radius: 8px 8px 0 0;
}
.myPageBtnList > li + li > a {
	border-radius: 0 0 8px 8px;
	margin-top: -1px;
}
/* ラベル */
.myPageStatusLabel {
	align-items: center;
	border-radius: 4px;
	display: inline-flex;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	line-height: 1;
	padding: 0 12px;
	vertical-align: middle;
}
.myPageStatusLabel[data-label-status="confirmed"] {
	background-color: #C43357;
	color: #FFFFFF;
}
.myPageStatusLabel[data-label-status="temporaryReserved"] {
	background-color: #FADCE3;
	color: #C43357;
}
.myPageStatusLabel[data-label-status="cancel"] {
	background-color: #EEEEEE;
	color: #6D6D6D;
}
.myPageStatusLabel[data-label-status="visited"],
.myPageStatusLabel[data-label-status="novisit"] {
	background-color: #909090;
	color: #FFFFFF;
}
.myPageUpLabel {
	align-items: center;
	background-color: #FD7F34;
	border-radius: 8px;
	color: #FFFFFF;
	display: inline-flex;
	font-size: 10px;
	height: 16px;
	justify-content: center;
	line-height: 1;
	margin-left: 8px;
	vertical-align: middle;
	width: 24px;
}
.myPageUpLabel > span {
	display: inline-block;
	transform: scale(0.8);
}
/* リスト */
.myPageBorderList,
.myPageBookmarkBorderList {
	word-wrap: break-word;
}
.myPageBookmarkBorderList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.myPageBorderList > li,
.myPageBookmarkBorderList > li {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	color: #333333;
}
.myPageBorderList > li {
	padding: 16px;
}
.myPageBorderList > li + li {
	margin-top: 12px;
}
.myPageBookmarkBorderList > li {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	width: calc(50% - 6px);
}
.myPageBookmarkBorderList > li:nth-child(n+3) {
	margin-top: 12px;
}
.myPageBookmarkBorderList > li > a {
	color: #333333 !important;
	display: block;
	height: 100%;
	text-decoration: none;
}
.myPageBookmarkBorderListImgVertical {
	position: relative;
}
.myPageBookmarkBorderListImgVertical img {
	height: auto;
	width: 100%;
}
.myPageBookmarkBorderListImgHorizontal {
	padding-top: calc(100% * (122 / 163));
	position: relative;
	width: 100%;
}
.myPageBookmarkBorderListImgHorizontal img {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: auto;
}
/* imgCopyGuard.jsで生成されるdiv要素に対するスタイル */
.myPageBookmarkBorderListImgVertical > div {
	width: 100%;
}
.myPageBookmarkBorderListImgHorizontal > div {
	height: 100%;
	left: 0;
	position: absolute !important;
	top: 0;
	width: 100%;
}
.myPageBookmarkBorderListTxt {
	padding: 8px 16px 44px;
}
@media (max-width: 374px) {
	.myPageBookmarkBorderListTxt {
		padding: 8px 12px 44px;
	}
}
.myPageGenreLabelList,
.myPageLimitedCouponList {
	display: flex;
	flex-wrap: wrap;
}
.myPageGenreLabelList > li,
.myPageLimitedCouponList > li {
	margin-bottom: 4px;
	margin-right: 4px;
}
.myPageGenreLabelList > li {
	border-radius: 0;
	color: #FFFFFF;
	height: 16px;
	padding: 0 8px;
}
.myPageLimitedCouponList > li {
	background-color: #FFFFFF;
	border: 1px solid #CCBBBB;
	color: #665555;
	line-height: 1;
	padding: 2px;
}
.myPageSalonInfolList {
	color: #6D6D6D;
}
.myPageSalonInfolList > li {
	font-size: 0;
}
.myPageSalonInfolList > li + li {
	margin-top: 4px;
}
.myPageSalonInfolList > li > span {
	font-size: 12px;
}
.myPageBorderListCancelBtn {
	align-items: center;
	border-top: 1px solid #E0E1E2;
	color: #909090 !important;
	display: flex;
	height: 43px;
	justify-content: center;
	margin: 12px -16px -16px;
	text-decoration: none;
}
.myPageBorderListCancelBtn::before {
	background: url(/CSP/img/my/smb/icons/common/icon_close_gray.png?switch=2025062510) center / contain no-repeat;
	content: "";
	display: block;
	height: 16px;
	margin-right: 4px;
	width: 16px;
}
.myPageBorderListCancelBtn[data-icon-color="gray"]::before {
	background: url(/CSP/img/svg/sp/icon_close_gray.svg?switch=2025062510) center / contain;
}
.myPageBorderListDeleteBtnWrapper {
	margin: 0 0 -16px;
	text-align: center;
}
.myPageBookmarkBorderListDeleteBtnWrapper {
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
.myPageBorderListDeleteBtnWrapper > a,
.myPageBookmarkBorderListDeleteBtnWrapper > a {
	align-items: center;
	color: #909090 !important;
	display: inline-flex;
	font-size: 11px;
	height: 44px;
	justify-content: center;
	padding: 0 16px;
	text-decoration: none;
	white-space: nowrap;
}
@media (max-width: 374px) {
	.myPageBookmarkBorderListDeleteBtnWrapper > a {
		padding: 0 4px;
	}
}
.myPageBorderListDeleteBtnWrapper > a::before,
.myPageBookmarkBorderListDeleteBtnWrapper > a::before {
	background: url(/CSP/img/my/smb/icons/common/icon_close_gray_small.png?switch=2025062510) center / contain no-repeat;
	content: "";
	display: block;
	height: 14px;
	margin-right: 4px;
	width: 14px;
}
.myPagePageSwithTabList {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E1E2;
	display: flex;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.myPagePageSwithTabList > li {
	flex: 1;
}
.myPagePageSwithTabList > li > a {
	align-items: center;
	box-sizing: border-box;
	color: #909090 !important;
	display: flex;
	height: 47px;
	justify-content: center;
	text-decoration: none;
}
.myPagePageSwithTabList > li.isCurrent > a {
	color: #D36985 !important;
	font-weight: bold;
	position: relative;
}
.myPagePageSwithTabList > li.isCurrent > a::before {
	background-color: #D36985;
	border-radius: 1px;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
.myPageReserveHistoryPastRsvDetailList > div,
.myPageReservedSalonDetailPastRsvDetailList > div {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.myPageReservedSalonDetailPastRsvDetailList > div {
	border-bottom: 1px solid #E0E1E2;
	padding: 12px 16px;
}
.myPageReserveHistoryPastRsvDetailList > div + div {
	border-top: 1px solid #E0E1E2;
	margin-top: 12px;
	padding-top: 12px;
}
.myPageReserveHistoryPastRsvDetailList > div > dt,
.myPageReservedSalonDetailPastRsvDetailList > div > dt {
	color: #333333;
	min-width: 0;
	word-wrap: break-word;
}
.myPageReserveHistoryPastRsvDetailList > div > dd,
.myPageReservedSalonDetailPastRsvDetailList > div > dd {
	font-weight: bold;
	padding-left: 8px;
	text-align: right;
	white-space: nowrap;
}
.myPageReserveHistoryPastRsvDetailList[data-list-genre="bt"] > div > dd,
.myPageReservedSalonDetailPastRsvDetailList[data-list-genre="bt"] > div > dd {
	color: #C43357;
}
.myPageReserveHistoryPastRsvDetailList[data-list-genre="kr"] > div > dd,
.myPageReservedSalonDetailPastRsvDetailList[data-list-genre="kr"] > div > dd {
	color: #7030A0;
}
.myPageReserveHistoryUsedCouponList > li {
	word-wrap: break-word;
}
.myPageReserveHistoryUsedCouponList > li + li {
	border-top: 1px solid #E0E1E2;
	margin-top: 8px;
	padding-top: 8px;
}
.myPageSalonReserveDetailList > div {
	display: flex;
	padding: 12px 16px;
}
.myPageReserveCancelBox .myPageSalonReserveDetailList > div {
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	padding: 12px 0 0;
}
.myPageSalonReserveDetailList > div + div {
	border-top: 1px solid #E0E1E2;
}
.myPageSalonReserveDetailList > div > dt {
	color: #665555;
	font-weight: bold;
	width: 96px;
	word-break: break-all;
}
.myPageSalonReserveDetailList > div > dd {
	flex: 1;
	margin-left: 24px;
	word-break: break-all;
}
.myPageSalonReserveCouponDetailList > div + div {
	margin-top: 12px;
}
.myPageSalonReserveCouponDetailList > div > dt {
	color: #665555;
	font-weight: bold;
}
.myPageSalonReserveCouponDetailList > div > dd {
	margin-top: 4px;
}
.myPageSalonReserveAdditionalMenuDetailList {
	font-weight: bold;
	margin-right: -16px;
}
.myPageSalonReserveAdditionalMenuDetailList > div {
	padding-right: 16px;
}
.myPageSalonReserveAdditionalMenuDetailList > div + div {
	border-top: 1px solid #E0E1E2;
	margin-top: 12px;
	padding-top: 12px;
}
.myPageSalonReserveAdditionalMenuDetailList > div > dd {
	font-size: 14px;
	margin-top: 4px;
}
.myPageSalonReserveAdditionalMenuDetailList[data-list-genre="bt"] > div > dd {
	color: #C43357;
}
.myPageSalonReserveAdditionalMenuDetailList[data-list-genre="kr"] > div > dd {
	color: #7030A0;
}
.myPageSalonReservePriceList,
.myPageSalonReservePayment {
	padding: 12px 16px;
}
.myPageSalonReservePaymentSeparateLine {
	border-top: 1px solid #E0E1E2;
	padding: 12px 16px;
}
.myPageSalonReservePriceListBreakdown,
.myPageSalonReservePricePendingPoint {
	border-top: 1px solid #E0E1E2;
	margin-top: 8px;
	padding-top: 8px;
}
.myPageSalonReservePriceListBreakdown > div {
	margin-left: 16px;
}
.myPageSalonReservePriceListBreakdown > div + div {
	margin-top: 4px;
}
.myPageSalonReservePriceItem {
	display: flex;
	justify-content: space-between;
}
.myPageSalonReservePriceItem > dt {
	align-items: center;
	color: #665555;
	display: flex;
	font-weight: bold;
}
.myPageSalonReservePaymentBtnArea {
	padding: 0 16px 12px;
}
.myPageSalonReserveDefinitionList > dt {
	color: #665555;
	font-weight: bold;
}
.myPageSalonReserveDefinitionList > dd {
	color: #6D6D6D;
	font-size: 11px;
	margin-top: 4px;
}
.myPageSalonReserveCancelRegList {
	display: table;
}
.myPageSalonReserveCancelRegList > div {
	display: table-row;
}
.myPageSalonReserveCancelRegList > div > dt,
.myPageSalonReserveCancelRegList > div > dd {
	display: table-cell;
}
.myPageSalonReserveCancelRegList > div > dt > span {
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
}
.myPageSalonReserveCancelRegList > div > dt > span::after {
	content: "\FF1A"; /* 「：」 */
}
/* 予約時金額インプットボタン */
.myPageSalonReservePriceListCheck,
.myPageSalonReservePriceListToggleArea {
	display: none;
}
.myPageSalonReservePriceListCheck:checked ~ .myPageSalonReservePriceListToggleArea {
	display: block;
}
.myPageSalonReservePriceListToggleBtn {
	color: #4C4C80;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 16px 0 8px;
	position: relative;
	text-align: center;
}
.myPageSalonReservePriceListToggleBtn::after {
	content: "";
	height: 44px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.myPageSalonReservePriceListToggleBtn > span::before {
	content: "もっと見る";
}
.myPageSalonReservePriceListCheck:checked ~ .myPageSalonReservePriceListToggleBtn > span::before {
	content: "閉じる";
}
.myPageSalonReservePriceListToggleBtn > span {
	background: url(/CSP/img/svg/sp/icon_arrow_down_navy.svg?switch=2025062510) right / 14px no-repeat;
	display: inline-block;
	padding-right: 16px;
}
.myPageSalonReservePriceListCheck:checked ~ .myPageSalonReservePriceListToggleBtn > span {
	background-image: url(/CSP/img/svg/sp/icon_arrow_up_navy.svg?switch=2025062510);
}
/* ボトムアクションエリア */
.myPageBottomActionArea {
	background-color: #FFFFFF;
	border-top: 1px solid #E0E1E2;
	bottom: 0;
	box-sizing: border-box;
	left: 0;
	padding: 8px 16px;
	position: fixed;
	width: 100%;
	z-index: 100;
}
.wrapper.isBeforeBottomActionArea {
	padding-bottom: 61px;
}
/* for iOS15 Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root .myPageBottomActionArea {
		padding-bottom: calc(8px + env(safe-area-inset-bottom));
	}
	_::-webkit-full-page-media, _:future, :root .wrapper.isBeforeBottomActionArea {
		padding-bottom: calc(61px + env(safe-area-inset-bottom));
	}
}
.sideMenu.isOpened ~ .myPageBottomActionArea {
	display: none;
}
/* ページング */
.myPageListPaging {
	margin: 24px 16px 32px;
	text-align: center;
}
.myPageListPagingNav {
	position: relative;
}
.myPageListPagingNav > li {
	position: absolute;
	top: 0;
}
.myPageListPagingNavPrev {
	left: 0;
}
.myPageListPagingNavNext {
	right: 0;
}
.myPageListPagingNavBtn,
.myPageListPagingNavBtn:link,
.myPageListPagingNavBtn:visited {
	color: #333333;
	text-decoration: none;
}
.myPageListPagingNavBtn {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	box-sizing: border-box;
	display: block;
	font-weight: bold;
	line-height: 1;
	padding: 11px 0;
	width: 58px;
}
@media (max-width: 374px) {
	.myPageListPagingNavBtn {
		width: 36px;
	}
}
.myPageListPagingNumList {
	display: flex;
	justify-content: center;
}
.myPageListPagingNumList > li + li {
	margin-left: 4px;
}
.myPageListPagingNum,
.myPageListPagingNum:link,
.myPageListPagingNum:visited {
	color: #909090;
	text-decoration: none;
}
.myPageListPagingNum {
	border-radius: 8px;
	display: block;
	font-weight: bold;
	line-height: 1;
	padding: 12px 0;
	width: 36px;
}
.myPageListPagingNumList > li.isCurrent .myPageListPagingNum {
	background-color: #D36985;
	color: #FFFFFF;
}
.myPageListPagingCount {
	color: #333333;
	margin-top: 12px;
}
/* ブックマーク掲載なしテキスト */
.myPageBookmarkSalonNoExist,
.myPageBookmarkStylistNoExist {
	align-items: center;
	background-color: #F6F6F6;
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	box-sizing: border-box;
	color: #909090;
	display: flex;
	justify-content: center;
}
.myPageBookmarkSalonNoExist {
	font-size: 10px;
	height: 75px;
	width: 100px;
}
.myPageBookmarkStylistNoExist {
	font-size: 11px;
	height: 142px;
	width: 106px;
}
.myPageBookmarkStyleNoExist,
.myPageBookmarkDesignNoExist {
	background-color: #F6F6F6;
	border-radius: 4px;
	box-sizing: border-box;
	color: #909090;
	font-size: 11px;
	position: relative;
	text-align: center;
	width: 100%;
}
.myPageBookmarkStyleNoExist {
	padding-top: calc(100% * (217 / 164));
}
.myPageBookmarkDesignNoExist {
	padding-top: calc(100% * (122 / 163));
}
.myPageBookmarkStyleNoExist > span,
.myPageBookmarkDesignNoExist > span {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}
/* マイページレコメンド */
.myPageTopRecommendList {
	display: flex;
	margin: 16px -16px -16px;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	padding-bottom: 16px;
	white-space: nowrap;
}
.myPageTopRecommendList > li {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	box-sizing: border-box;
	color: #333333;
	flex-shrink: 0;
	margin-left: 16px;
	padding: 15px;
	white-space: normal;
	width: calc(100vw - 48px);
}
.myPageTopRecommendList > li + li {
	margin-left: 8px;
}
.myPageTopRecommendList > li:last-child {
	position: relative;
}
.myPageTopRecommendList > li:last-child::after {
	content: "";
	height: 1px;
	left: 100%;
	position: absolute;
	width: 16px;
}
.myPageTopRecommendListAccessTxt {
	-webkit-box-orient: vertical;
	color: #6D6D6D;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	margin-top: 8px;
	overflow: hidden;
}
.myPageTopRecommendListSalonName {
	-webkit-box-orient: vertical;
	color: #333333;
	display: -webkit-box;
	font-size: 14px;
	font-weight: bold;
	-webkit-line-clamp: 3;
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.myPageTopRecommendSalonArrowLink {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) right center / 24px auto no-repeat;
	display: block;
	padding-right: 32px;
	text-decoration: none;
}
.myPageTopRecommendListCouponLink {
	background: url(/CSP/img/svg/sp/icon_arrow_right_grey.svg?switch=2025062510) right 12px center / 20px no-repeat;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	display: block;
	margin-top: 8px;
	padding: 12px 40px 12px 12px;
	text-decoration: none;
}
.myPageTopRecommendListCouponLabelList {
	font-size: 0;
	margin: -4px 0 0 -4px;
}
.myPageTopRecommendListCouponLabel {
	display: inline-block;
	font-size: 10px;
	line-height: 1;
	margin: 4px 0 0 4px;
	padding: 3px;
}
/* 全員 */
.myPageTopRecommendListCouponLabel[data-label-genre="bt"][data-label-category="CT01"] {
	background-color: #FADCE3;
	color: #C43357;
}
/* 新規 */
.myPageTopRecommendListCouponLabel[data-label-genre="bt"][data-label-category="CT02"] {
	background-color: #D97791;
	color: #FFFFFF;
}
/* 再来 */
.myPageTopRecommendListCouponLabel[data-label-genre="bt"][data-label-category="CT03"] {
	background-color: #FCECF0;
	border: 1px solid #F3D6DE;
	color: #C43357;
	padding: 2px;
}
/* kr共通 */
.myPageTopRecommendListCouponLabel[data-label-genre="kr"] {
	background-color: #C982EA;
	color: #FFFFFF;
}
.myPageTopRecommendListCouponLabel[data-label-limited] {
	border: 1px solid #CCBBBB;
	color: #665555;
	padding: 2px;
}
.myPageTopRecommendListCouponName {
	color: #333333;
	font-weight: bold;
	margin-top: 4px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.myPageTopRecommendListCouponPrice {
	color: #C43357;
	font-weight: bold;
	margin-top: 4px;
}

/* アラートメッセージ */
.myPageAlertMsg {
	background: url(/CSP/img/svg/sp/icon_exclamation.svg?switch=2025062510) top left / 20px no-repeat;
	color: #CC0000;
	font-weight: bold;
	padding: 1px 0 1px 24px;
}

/* エラーメッセージ */
.myPageErrorMsg {
	background: #FFF0F0 url(/CSP/img/svg/sp/icon_exclamation.svg?switch=2025062510) top 16px left 16px / 20px no-repeat;
	border: 1px solid #CC0000;
	border-radius: 4px;
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
	padding: 16px 16px 16px 40px;
}

/* テキストリスト（中黒） */
.myPageList > li {
	color: #333333;
	padding-left: 1em;
	text-indent: -1em;
}
.myPageList > li + li {
	margin-top: 4px;
}
.myPageList > li::before {
	content: "\30FB"; /* 「・」 */
}
.myPageList > li.alert {
	color: #CC0000;
}

/* セレクトボックス */
.myPageSelect {
	-webkit-appearance: none;
	appearance: none;
	background: #FFFFFF url(/CSP/img/svg/sp/icon_arrow_down_gray.svg?switch=2025062510) center right 8px / 20px no-repeat;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	color: #333333;
	height: 36px;
	padding: 0 36px 0 12px;
	width: 100%;
}
.myPageSelect.isError {
	background-color: #FFF0F0;
	border: 2px solid #CC0000;
}

/* テキストエリア */
.myPageTextarea {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	color: #333333;
	display: block;
	padding: 12px;
	resize: none;
	width: 100%;
}
.myPageTextarea200 {
	height: 200px;
}
.myPageTextarea::placeholder {
	color: #909090;
}
.myPageTextarea.isError {
	background-color: #FFF0F0;
	border: 2px solid #CC0000;
}

/* 口コミ投稿 */
.kuchikomiHeading {
	background-color: #EEEEEE;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding: 7px 16px;
}
.kuchikomiDefinitionList {
	border-top: 1px solid #E0E1E2;
}
.kuchikomiHeading + .kuchikomiDefinitionList {
	border-top: none;
}
.kuchikomiDefinitionList > div {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	padding: 12px 16px;
}
.kuchikomiDefinitionList > div + div {
	border-top: 1px solid #E0E1E2;
}
.kuchikomiDefinitionList > div > dt {
	color: #665555;
	flex-basis: 96px;
	font-weight: bold;
}
.kuchikomiDefinitionList > div > dd {
	color: #333333;
	flex-basis: calc(100% - 96px - 24px);
	margin-left: auto;
	min-width: 0; /* break-word を効かせるための記述 */
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.kuchikomiDefinitionList > div > dt.fullWidth,
.kuchikomiDefinitionList > div > dd.fullWidth {
	flex-basis: 100%;
}
.kuchikomiDefinitionList > div > dd.fullWidth {
	margin-top: 12px;
}
.kuchikomiDefinitionList > div > dt.required {
	padding-bottom: 19px;
	position: relative;
}
.kuchikomiDefinitionList > div > dt.required::after {
	background-color: #E53B4E;
	border-radius: 2px;
	bottom: 0;
	color: #FFFFFF;
	content: "\5FC5\9808"; /* 「必須」 */
	font-size: 10px;
	font-weight: normal;
	left: 0;
	padding: 0 5px;
	position: absolute;
}
.kuchikomiDefinitionList > div > dt.fullWidth.required {
	align-items: center;
	display: flex;
	padding-bottom: 0;
}
.kuchikomiDefinitionList > div > dt.fullWidth.required::after {
	margin-left: 4px;
	position: static;
}
.kuchikomiStarArea.isError {
	background-color: #FFF0F0;
	padding: 8px;
}
.kuchikomiStarInput {
	display: none;
}
.kuchikomiPointLabel {
	text-align: center;
}
.kuchikomiPointLabel::before {
	color: #909090;
	content: "\672A\9078\629E"; /* 「未選択」 */
}
.kuchikomiStarInput:checked ~ .kuchikomiPointLabel::before {
	color: #333333;
}
.kuchikomiStarInput[value="1"]:checked ~ .kuchikomiPointLabel::before {
	content: "\4E0D\6E80"; /* 「不満」 */
}
.kuchikomiStarInput[value="2"]:checked ~ .kuchikomiPointLabel::before {
	content: "\3084\3084\4E0D\6E80"; /* 「やや不満」 */
}
.kuchikomiStarInput[value="3"]:checked ~ .kuchikomiPointLabel::before {
	content: "\666E\901A"; /* 「普通」 */
}
.kuchikomiStarInput[value="4"]:checked ~ .kuchikomiPointLabel::before {
	content: "\6E80\8DB3"; /* 「満足」 */
}
.kuchikomiStarInput[value="5"]:checked ~ .kuchikomiPointLabel::before {
	content: "\5927\5909\6E80\8DB3"; /* 「大変満足」 */
}
.kuchikomiStarList {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}
.kuchikomiStarList > li + li {
	margin-left: 8px;
}
.kuchikomiStarLabel {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) center / 32px;
	display: block;
	height: 32px;
	position: relative;
	width: 32px;
}
.kuchikomiStarLabel::after {
	content: "";
	height: 40px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
}
.kuchikomiStarInput[value="1"]:checked ~ .kuchikomiStarList[data-genre="bt"] > li:first-child > .kuchikomiStarLabel,
.kuchikomiStarInput[value="2"]:checked ~ .kuchikomiStarList[data-genre="bt"] > li:nth-child(-n + 2) > .kuchikomiStarLabel,
.kuchikomiStarInput[value="3"]:checked ~ .kuchikomiStarList[data-genre="bt"] > li:nth-child(-n + 3) > .kuchikomiStarLabel,
.kuchikomiStarInput[value="4"]:checked ~ .kuchikomiStarList[data-genre="bt"] > li:nth-child(-n + 4) > .kuchikomiStarLabel,
.kuchikomiStarInput[value="5"]:checked ~ .kuchikomiStarList[data-genre="bt"] > li > .kuchikomiStarLabel {
	background-image: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510);
}
.kuchikomiStarInput[value="1"]:checked ~ .kuchikomiStarList[data-genre="kr"] > li:first-child > .kuchikomiStarLabel,
.kuchikomiStarInput[value="2"]:checked ~ .kuchikomiStarList[data-genre="kr"] > li:nth-child(-n + 2) > .kuchikomiStarLabel,
.kuchikomiStarInput[value="3"]:checked ~ .kuchikomiStarList[data-genre="kr"] > li:nth-child(-n + 3) > .kuchikomiStarLabel,
.kuchikomiStarInput[value="4"]:checked ~ .kuchikomiStarList[data-genre="kr"] > li:nth-child(-n + 4) > .kuchikomiStarLabel,
.kuchikomiStarInput[value="5"]:checked ~ .kuchikomiStarList[data-genre="kr"] > li > .kuchikomiStarLabel {
	background-image: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510);
}
.kuchikomiStarPoint {
	height: 20px;
	margin-top: 4px;
	width: 116px;
}
.kuchikomiStarPoint[data-genre="bt"][data-star-point="1"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="bt"][data-star-point="2"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="bt"][data-star-point="3"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="bt"][data-star-point="4"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="bt"][data-star-point="5"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_bt.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="kr"][data-star-point="1"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="kr"][data-star-point="2"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="kr"][data-star-point="3"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="kr"][data-star-point="4"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_off.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStarPoint[data-genre="kr"][data-star-point="5"] {
	background: url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 0 center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 24px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 48px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 72px center / 20px no-repeat,
	            url(/CSP/img/svg/sp/icon_kuchikomi_star_on_kr.svg?switch=2025062510) left 96px center / 20px no-repeat;
}
.kuchikomiStylistList {
	display: flex;
	margin: 0 -16px 12px;
	overflow-x: auto;
	/* Safari（16系）で横スクロールを可能にしている要素の下部が見た目上途切れてしまうことへの対応 */
	/* padding-bottom を設定することで途切れないようにする */
	padding: 4px 16px;
	white-space: nowrap;
}
.kuchikomiStylistList::-webkit-scrollbar {
	display: none;
}
.kuchikomiStylistList > li + li {
	margin-left: 10px;
}
.kuchikomiStylistList > li > input[type="radio"] {
	display: none;
}
.kuchikomiStylistList > li > label {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	color: #666666;
	display: block;
	font-size: 11px;
	line-height: 1;
	padding: 5px 16px;
}
.kuchikomiStylistList > li > input[type="radio"]:checked + label {
	border-color: #D36985;
	color: #CC4466;
	font-weight: bold;
	padding: 5px 9px 5px 23px;
	pointer-events: none;
	position: relative;
}
.kuchikomiStylistList[data-genre="kr"] > li > input[type="radio"]:checked + label {
	border-color: #8C61B8;
	color: #7030A0;
}
.kuchikomiStylistList > li > input[type="radio"]:checked + label::before {
	border-bottom: 2px solid #D36985;
	border-right: 2px solid #D36985;
	box-sizing: border-box;
	content: "";
	height: 9px;
	left: 11px;
	margin-right: 6px;
	position: absolute;
	top: 5px;
	transform: rotate(45deg);
	width: 6px;
}
.kuchikomiStylistList[data-genre="kr"] > li > input[type="radio"]:checked + label::before {
	border-bottom: 2px solid #8C61B8;
	border-right: 2px solid #8C61B8;
}
.kuchikomiStylistPreview > li {
	display: none;
	margin-bottom: 12px;
}
.kuchikomiStylistPreview > li.isActive {
	align-items: flex-start;
	display: flex;
}
.kuchikomiStylistImg {
	flex-shrink: 0;
	width: 60px;
}
.kuchikomiStylistInfo {
	margin-left: 12px;
	min-width: 0; /* break-word を効かせるための記述 */
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.kuchikomiStylistName {
	font-size: 16px;
	font-weight: bold;
}
.kuchikomiStylistCareer {
	font-size: 10px;
	margin-top: 4px;
}
.kuchikomiActionArea {
	margin: 12px 0 40px;
	padding: 0 16px;
}
.kuchikomiSubmitBtn {
	border: none;
	border-radius: 8px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1;
	outline: none;
	padding: 12px 0;
	width: 100%;
}
.kuchikomiSubmitBtn[data-genre="bt"] {
	background-color: #D36985;
}
.kuchikomiSubmitBtn[data-genre="kr"] {
	background-color: #8C61B8;
}
.kuchikomiSubmitBtn > span {
	display: block;
}
@media (max-width: 374px) {
	.kuchikomiStarList > li + li {
		margin-left: 0;
	}
	.kuchikomiStarLabel::after {
		content: none;
	}
}

/* ヘアスタイル動画 ▶︎あり */
.styleVideoTime {
	align-items: center;
	background-color: rgba(51,51,51,0.8);
	border-radius: 2px;
	bottom: 4px;
	color: #FFFFFF;
	display: flex;
	font-weight: bold;
	line-height: 1;
	padding: 4px;
	position: absolute;
	right: 4px;
}
.styleVideoTime::before {
	background: url(/CSP/img/svg/sp/icon_play_white.svg?switch=2025062510) center / contain;
	content: "";
	height: 12px;
	margin-right: 2px;
	width: 12px;
}
/* ヘアスタイル動画 ▶︎なし */
.styleVideoTimeNoLink {
	background-color: rgba(51,51,51,0.8);
	border-radius: 2px;
	bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1;
	padding: 4px;
	position: absolute;
	right: 4px;
}
/* あとから決済 予約詳細 */
.myPageBtn[data-btn-type="disabled"] {
	opacity: 0.3;
	pointer-events: none;
}
.myPageChangePaymentArea {
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	margin-top: 24px;
}
/* 吹き出し キャンペーンラベル XXポイント還元 */
.myRsvPointReturnLabel {
	align-items: center;
	background-color: #FFFFFF;
	border: 1px solid #FADCE3;
	border-radius: 20px;
	color: #C43357;
	display: inline-flex;
	font-size: 10px;
	height: 18px;
	padding: 0 8px;
	position: relative;
	white-space: nowrap;
}
.myRsvPointReturnLabel::before {
	background: url(/CSP/img/svg/sp/icon_balloonFrameBtm_cpn.svg?switch=2025062510) center / contain no-repeat;
	bottom: -6px;
	content: "";
	height: 6px;
	left: 12px;
	position: absolute;
	width: 7px;
}