@charset "utf-8";

/* 追従ボタン */
.slnReserveFollowingWrap {
	background: #F6F5EC;
	border-top: 1px solid #CCCCCC;
	bottom: 0;
	box-sizing: border-box;
	left: 0;
	opacity: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	position: fixed;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 100%;
	z-index: 2;
}
.slnReserveFollowingWrap.isShow {
	opacity: 1;
}

/* 販売店情報ヘッダ */
.detailHeaderShopInfo {
	padding: 15px 10px 0;
	background: #F6F5EC;
}
.detailHeaderShopInfo .icnSalonMap {
	display: block;
	position: absolute;
	right: 0;
	top: -4px;
}
.detailHeaderShopInfoSearch {
	padding: 10px;
	background: #F6F5EC;
}

.detailTitle {
	font-size: 14px;
	line-height: 1.5;
	padding-right: 70px;
	word-break: break-all;
}
.detailTitleRubi {
	color: #9E887B;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	margin-top: 8px;
	word-break: break-all;
}
.detailPankuzu {
	color: #9A8376;
}
.detailPankuzu li {
	float: left;
}
.detailPankuzu li:after {
	content: " > ";
}
.detailPankuzu li:last-child:after {
	content: "";
}
.detailHeaderShopInfo .salonOptionIconList {
	margin-top: 6px;
}
/* サロン個社スタイル絞込み */
.detailHeaderShopInfoCondition {
	padding: 15px 10px 10px;
	background: #F6F5EC;
	border-bottom: 2px solid #917979;
}

/* サロン個社タブ */
/* tab */
.slnMainTabWrap {
	background-color: #F6F5EC;
	border-bottom: 2px solid #917979;
	padding-top: 15px;
}
.vacancyExistence + .slnMainTabWrap {
	padding-top: 8px;
}
.slnMainTab {
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
	width: 300px;
}
.slnMainTab > .top {
	width: 130px;
}
.slnMainTab > .couponMenu {
	margin-left: 5px;
	width: 165px;
}
.slnMainTab > li {
	border-color: #CDCDCD;
	border-radius: 5px 5px 0 0;
	border-style: solid;
	border-width: 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 34px;
}
.slnMainTab > li a {
	display: table;
	height: 33px;
	text-decoration: none;
	width: 100%;
}
.slnMainTab > .isCurrent {
	position: relative;
}
.slnMainTab > .isCurrent:after {
	background-color: #FFFFFF;
	bottom: -2px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slnMainTab > .isCurrent,
.slnMainTab > .subCr {
	border-color: #917979 #917979 #FFFFFF #917979;
	border-width: 2px 2px 0 2px;
}
.slnMainTab > .isCurrent .icnSlnTab {
	color: #CC4466;
}
.icnSlnTab {
	background-color: #FFFFFF;
	border-radius: 5px 5px 0 0;
	color: #333333;
	display: table-cell;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.icnSlnTab:before {
	background-image: url(/CSP/img/common/smb/sprites/icon_salon.png?switch=20170629);
	background-repeat: no-repeat;
	background-size: 50px auto;
	content: "";
	display: inline-block;
	height: 18px;
	margin-right: 15px;
	width: 20px;
	vertical-align: middle;
}
.slnMainTabWrap .top .icnSlnTab {
	padding-right: 15px;
}
.slnMainTabWrap .top .icnSlnTab:before { background-position: -32px -31px; width: 14px; }
.slnMainTabWrap .top.isCurrent .icnSlnTab:before { background-position: -32px -1px; }
.slnMainTabWrap .couponMenu .icnSlnTab:before { background-position: -25px -89px; }
.slnMainTabWrap .couponMenu.isCurrent .icnSlnTab:before { background-position: -25px -59px; }

.slnSubTabList {
	display: table;
	height: 28px;
	margin: 9px auto 0;
	padding-bottom: 3px;
	width: 300px;
}
.slnSubTabList > li {
	border-left: 1px solid #CDCDCD;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	height: inherit;
	min-width: 42px;
	vertical-align: middle;
}
.slnSubTabList > li:last-child {
	border-right: 1px solid #CDCDCD;
}
.slnSubTabListLink {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	height: inherit;
	position: relative;
	text-decoration: none;
	width: 100%;
}
.slnSubTabListTxt {
	color: #333333;
	display: table-cell;
	font-size: 11px;
	font-weight: bold;
	height: inherit;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}
.slnSubTabList > .isCurrent > .slnSubTabListLink > .slnSubTabListTxt {
	color: #CC4466;
}
.slnSubTabList > .isCurrent > .slnSubTabListLink:after {
	border-bottom: 3px solid #CC4466;
	bottom: -3px;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	width: 100%;
}
/* /tab */

.detailBodyShopInfo {
	padding-bottom: 40px;
	border-bottom: 2px solid #D36985;
}
.salonPhotoListOuter {
	padding: 10px;
	background:#333333;
}
.salonPhotoListInner {
	width: 288px;
	height: 224px;
	margin: 0 auto;
	overflow: hidden;
}
.salonPhotoList {
	display: inline-block;
	white-space: nowrap;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transform: translate3d(0px,0px,0px);
}
.salonPhotoList li {
	position: relative;
	display: inline-block;
	background-size: contain;
}
.salonPhotoList li,
.salonPhotoList img {
	width: 300px;
	height: 225px;
}
.salonPhotoPointList {
	text-align: center;
	margin-top: 5px;
}
.salonPhotoPointList li {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	margin-right: 10px;
	background-color: #999999;
	border-radius: 6px;
}

.salonPhotoPointList .current {
	background-color: #EEEEEE;
}
.swichPanel {
	padding: 5px 0;
	text-align: center;
	width: 290px;
	margin: 0 auto;
}
/* クーポン */
.typeList { display:table-cell; font-size: 10px; vertical-align: middle; }
.typeList dt { display: table-cell; padding-right: 3px; vertical-align: middle; }
.typeList dd { display: table-cell; text-align: left; vertical-align: middle; }

.couponDetailBoxWrapper {
	background-color: #666666;
	padding: 10px 10px 15px;
}
.couponDetailBox {
	border-radius: 10px;
	background-color: #9C3A4A;
	color: #FFFFFF;
	padding: 10px;
}
.couponActionBox {
	border-radius: 10px;
	background-color: #FFFFFF;
	color: #666666;
	padding: 10px;
}

/* メニュー */
.bgMenuPrice {
	min-width: 40px;
	font-size: 14px;
	text-align: right;
	white-space: nowrap;
}

/* クーポン画面用アイコン */
.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;
}

/* サロンからのメッセージ */
.msgFromSalon {
	border: 1px solid #CCC;
}

.listHeader {
	padding: 8px 10px;
	color: #FFFFFF;
	background: #444444;
}
.listHeader dt {
	position: relative;
	z-index: 10;
	min-width: 7.1em;
	background-color: #FEFEFE;
	color: #632523;
	font-size: 10px;
	line-height: 18px;
	padding: 0 2px 0 9px;
	border-radius: 2px 0 0 2px;
	margin-right: 15px;
}
.listHeader dt:after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 2px;
	right: -7px;
	width: 14px;
	height: 14px;
	background-color: #FEFEFE;
	-webkit-transform: rotate(45deg) scale(.95);
}
.listHeader dt,
.listHeader dd {
	margin-bottom: 1px;
}
.listSubHeader {
	position: relative;
	background-color: #f0eddd;
	padding: 5px 10px;
	margin-bottom: 15px;
	border-radius: 0 0 2px 2px;
}
.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);
}
.listNumberBox {
	position: relative;
	background-color: #f0eddd;
	padding: 3px 10px;
}
.listNumberBox: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;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-top: 1px solid #737373;
	border-bottom: 1px solid #BBB8B9;
	border-left: 1px solid #737373;
	border-right: 1px solid #BBB8B9;
	-webkit-box-sizing: border-box;
}

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

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

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

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

.listBottom {
	padding: 8px 10px 10px;
	background-color: #f0eddd;
	border-radius: 0 0 4px 4px;
	margin-bottom: 10px;
}
.listBottom .prev,
.listBottom .next,
.listBottom .backTop {
	display: block;
	width: 80px;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 5px;
	font-size: 14px;
	color: #666666 !important;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border-radius: 4px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#DEDEDE),
		color-stop(0.6, #FFFFFF)
	);
	border-top: 1px solid #737373;
	border-right: 1px solid #BBB8B9;
	border-left: 1px solid #737373;
	border-bottom: 1px solid #BBB8B9;
}
.toBlogList {
	left: 50%;
	margin-left: -46px;
	position: absolute;
}
.listBottom .numOfPage {
	font-size: 14px;
	line-height: 27px;
}

.styleCassette {
	margin-top: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
}
.styleCassette:first-child {
	margin-top: 0;
}
.styleCassette > div {
	padding: 8px 6px;
	background-color: #FFFDEE;
	border-radius: inherit;
}

.subStyleCassette {
	margin-top: 10px;
	border: solid #BFB9B0;
	border-width: 1px 1px 1px 1px;
	border-radius: 10px;
}
.subStyleCassette:first-child {
	margin-top: 0;
}

.subStyleCassette > div {
	padding: 8px 6px;
	background-color: #F6F6F6;
	border-radius: inherit;
}

.icnUp {
	color: #FFFFFF;
	border: 1px solid #F79646;
	background-color: #F79646;
	font-size: 10px;
	padding: 1px 8px;
	margin-left: 10px;
}

.imageCasetteWrapper > ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 300px;
}

.imageCasetteWrapper > ul li {
	float: left;
	width: 100px;
}

@media screen and (min-width: 620px) {
	.imageCasetteWrapper > ul {
		width: 600px;
	}
}

.narrowDownButtonWrapper > li {
	box-sizing: border-box;
	display: inline-block;
	height: 38px;
	width: 95px;
	border: 1px solid #978486;
	border-right-width: 0;
	vertical-align: middle;
	line-height: 38px;
	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 a {
	display: block;
	width: 100%;
	height: 100%;
	color: #5B5A5A;
	text-decoration: none;
}
.narrowDownButtonWrapper > li.current {
	background: #FF9FA4;
}
.narrowDownButtonWrapper > li.current a {
	color: #FFFFFF;
}
.narrowDownButtonWrapper > li:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.narrowDownButtonWrapper > li:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right-width: 1px;
}
.narrowDownButtonWrapper > li:first-child a {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.narrowDownButtonWrapper > li:last-child a {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


.narrowDownButtonWrapper > li.disabled {
	color: #9C9C9C;
	background: #E0E0E0;
	border-color: #CCCCCC;
}

.reviewList {
	padding: 0 8px;
}

.reviewList > li {
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	margin-top: 20px;
}

.reviewList > li:last-child {
	margin-bottom: 20px;
}
.blogSearchPanel {
	margin: 0 auto;
}
.blogSearchPanel .narrowDownButtonWrapper {
	font-size: 0;
}
.blogSearchPanel .narrowDownButtonWrapper > li {
	font-size: 12px;
	width: 74px;
}
.blogSelectWrap {
	background-color: #F0EDDD;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	padding: 10px 10px 0;
	width: 100%;
}
.blogSelectTtl,
.blogSelectDtl {
	display: table-cell;
	font-size: 12px;
	vertical-align: middle;
}
.blogSelectTtl {
	font-weight: bold;
	width: 120px;
}
.blogSelectWrap select {
	-webkit-appearance: none;
	appearance: none;
	background: url("/CSP/img/bt/smb/icons/icn_bubble_down_arrow.png?switch=20170629") no-repeat;
	background-color: #FFFFFF;
	background-position: 96% center;
	background-size: 7px 10px;
	border: 1px solid #BBBBBB;
	border-radius: 5px;
	height: 30px;
	padding: 0 20px 0 5px;
}
.blogSelectWrap select:disabled {
	background-color: #CCCCCC;
	opacity: 0.5;
}
.blogSelectDtl {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #665555;
	width: 100%;
}
.blogListCassette {
	border-top: solid 1px #BFB9B0;
	color: #333333;
	padding: 10px 30px 10px 10px;
	position: relative;
}
.blogListCassette:last-child {
	border-bottom: solid 1px #BFB9B0;
}
.blogListCassette a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.blogImgWrap {
	margin-right: 10px;
	text-align: center;
	width: 120px;
}
.blogImgWrap img {
	max-height: 120px;
	max-width: 120px;
}
.blogListTtl {
	color: #CC4466;
	font-size: 12px;
	margin-top: 10px;
	word-wrap: break-word;
}
.blogListTtl > .icnUp {
	border: 0;
	display: inline-block;
	padding: 0 9px;
	white-space: normal;
}
.blogListDate,
.blogListPoster {
	font-size: 11px;
}
.stylistDetailCassette {
	margin: 1px 4px 2px 4px;
	border: 1px solid #BFB9B0;
	border-radius: 10px;
}

.stylistDetailCassette > div {
	padding: 8px 6px;
	background-color: #FFFDEE;
	border-radius: inherit;
}

.arrowTitle {
	margin-top: -12px !important;
}

.arrowTitleBd {
	border-top: 1px solid #D36985;
}

.arrowTitle > p, .arrowTitle > p span {
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
}

.arrowTitle > p span {
	margin-right:20px;
	width: 230px;
	padding:0 10px 0 12px;
	background:#D36985;
	color:#fff;
}

.arrowTitle > p span:after {
	content:"";
	float:left;
	position:absolute;
	top:0;
	right:-12px;
	width:0;
	height:0;
	border-color:transparent transparent transparent #D36985;
	border-style:solid;
	border-width:12px 0 12px 12px;
}

.icnScissors {
	padding-left: 20px;
	background: url(/CSP/img/bt/smb/icons/icn_scissors.png?switch=20170629) no-repeat 0 0;
}


.icnFaceType {
	width: 48px;
	height: 48px;
	text-indent: -9999px;
}
.icnMaruOn {
	background: url(/CSP/img/bt/smb/icons/icn_maru_on.png?switch=20170629) no-repeat 0 0;
}
.icnMaruOff {
	background: url(/CSP/img/bt/smb/icons/icn_maru_off.png?switch=20170629) no-repeat 0 0;
}
.icnTamagoOn {
	background: url(/CSP/img/bt/smb/icons/icn_tamago_on.png?switch=20170629) no-repeat 0 0;
}
.icnTamagoOff {
	background: url(/CSP/img/bt/smb/icons/icn_tamago_off.png?switch=20170629) no-repeat 0 0;
}
.icnShikakuOn {
	background: url(/CSP/img/bt/smb/icons/icn_shikaku_on.png?switch=20170629) no-repeat 0 0;
}
.icnShikakuOff {
	background: url(/CSP/img/bt/smb/icons/icn_shikaku_off.png?switch=20170629) no-repeat 0 0;
}
.icnGyakusankakuOn {
	background: url(/CSP/img/bt/smb/icons/icn_gyakusankaku_on.png?switch=20170629) no-repeat 0 0;
}
.icnGyakusankakuOff {
	background: url(/CSP/img/bt/smb/icons/icn_gyakusankaku_off.png?switch=20170629) no-repeat 0 0;
}
.icnBaseOn {
	background: url(/CSP/img/bt/smb/icons/icn_base_on.png?switch=20170629) no-repeat 0 0;
}
.icnBaseOff {
	background: url(/CSP/img/bt/smb/icons/icn_base_off.png?switch=20170629) no-repeat 0 0;
}


.changeButtonWrapper > li {
	display: inline-block;
}

.changeButtonWrapper > li a {
	display: block;
	height: 30px;
	width: 80px;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 3px;
	vertical-align: middle;
	line-height: 30px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#E1E1E1),
		color-stop(0.25, #FFFFFF)
	);
	border:1px solid #a29697;
	-webkit-box-sizing: border-box;
}

.changeButtonWrapper > li.currentButton a {
	height: 32px;
	width: 80px;
	border: none;
	-webkit-border-radius: 4px;
	line-height: 32px;
	color: #666666;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F9BDBB),
		to(#FACAC9),
		color-stop(.5, #FAC4C2)
	);
	-webkit-box-shadow: inset 1px 2px 5px 0 #86283D, inset -1px 0px 1px 0 #86283D;
	-webkit-box-sizing: border-box;
}

/* polaroid */

.imgChangeArea {
	position: relative;
	width: 293px;
	height: 373px;
	margin-right: auto;
	margin-left: auto;
}

.imgChangeAreaFirst {
	margin-left: 9px;
	width: 270px;
	height: 359px;
	border: 1px solid #D7D7D7;
	-webkit-box-shadow: 0px 0px 6px #CCC;
	-webkit-transform: rotate(3deg);
	background: #FFFFFF;
	z-index: 1;
}

.imgChangeAreaSecond {
	margin-top: -357px;
	margin-right: 8px;
	width: 270px;
	height: 359px;
	border: 1px solid #D7D7D7;
	-webkit-box-shadow:0px 0px 6px #CCC;
	-webkit-transform: rotate(-3deg);
	background: #FFFFFF;
	z-index: 5;
}

.imgChangeAreaLast {
	margin-top: -359px;
	width: 270px;
	height: 359px;
	border: 1px solid #D7D7D7;
	-webkit-box-shadow:0px 0px 6px #CCC;
	-webkit-transform: rotate(0deg);
	background: #FFFFFF;
	z-index: 10;
}

.imgChangeAreaLast img {
	border: 1px solid #EAEAEA;
	margin: 10px 0 0 10px;
	z-index: 15;
}

/* add start */

.imgChangeArea > li {
	position: absolute;
	width: 270px;
	height: 359px;
	border: 1px solid #D7D7D7;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 6px #CCCCCC;
}
.imgChangeArea > li img {
	margin: 10px 0 0 10px;
	border: 1px solid #EAEAEA;
}

.imgChangeArea > li:first-child {
	-webkit-transform: rotate(0deg);
	top: 6px;
}

.imgChangeArea > li:nth-child(2) {
	-webkit-transform: rotate(3deg);
	left: 9px;
}

.imgChangeArea > li:last-child {
	-webkit-transform: rotate(-3deg);
	top: 4px;
}

.currentArea {
	z-index: 15;
}

.currentArea > img{
	z-index: 20;
}
/* add end */
/* polaroid */

.hairStyleHeadline {
	margin-right: 18px;
	background: #CCC;
}
.hairStyleHeadline h3 {
	padding: 6px 10px;
	background: url("/CSP/img/bt/smb/bg_title_hair_style.gif?switch=20170629") repeat #F79BB3;
	-webkit-border-bottom-right-radius: 30px 10px;
	-webkit-box-shadow: inset -20px -20px 10px -20px rgba(0, 0, 0, 0.2);
	color: #FFF;
}


.reviewListHeader {
	position: relative;
	border-bottom: 2px solid #AA3355;
	background: #FFF8EB;
	-webkit-border-radius: 10px 10px 0 0;
}

.reviewListOldHeader {
	position: relative;
	border-bottom: 2px solid #AA3355;
}

.salonComment {
	background: #EEECE1;
	border: 1px solid #D8D8D8;
	border-radius: 4px;
	color: #000000;
	font-size: 12px;
	padding: 10px;
	position: relative;
}

.salonComment:before {
	content: "";
	position: absolute;
	top: -13px;
	left: 6px;
	width: 0;
	height: 0;
	border-color: transparent transparent  #d8d8d8 transparent;
	border-style: solid;
	border-width: 0 7px 12px 8px;
}

.salonComment:after {
	content: "";
	position: absolute;
	top: -12px;
	left: 6px;
	width: 0;
	height: 0;
	border-color: transparent transparent  #EEECE1 transparent;
	border-style: solid;
	border-width: 0 6px 12px 8px;
}

.icnReport {
	height: 27px;
	line-height: 27px;
	padding-left: 30px;
	background: url("/CSP/img/bt/smb/icons/icon_report.gif?switch=20170629") no-repeat 0 0;
}

.icnReportPickUp {
	height: 27px;
	line-height: 27px;
	padding-left: 30px;
	background: url("/CSP/img/bt/smb/icons/icon_report_pickup.gif?switch=20170629") no-repeat 0 0;
}

.titlePickup {
	position: absolute;
	top: -6px;
	left: 22px;
	width: 45px;
	height: 18px;
	background: url("/CSP/img/bt/smb/icons/icon_pickup_title.gif?switch=20170629") no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}

.reviewPickUp {
	background: #FFEEC8;
}

.icnSalonReply {
	height: 18px;
	line-height: 18px;
	padding-left: 20px;
	margin-left: 2px;
	padding-bottom: 5px;
	background: url("/CSP/img/bt/smb/icons/icn_salon_reply.png?switch=20170629") no-repeat 0 0;
}

.icnReply {
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	background: url("/CSP/img/bt/smb/icons/icn_reply.png?switch=20170629") no-repeat 0 0;
}

.listBottom .prevIcon, .listBottom .nextIcon {
	position: absolute;
	text-decoration: none;
	text-indent: -9999px;
}

.listBottom .prevIcon {
	background: url("/CSP/img/bt/smb/icons/icn_link_back.gif?switch=20170629") no-repeat 0 0;
}

.listBottom .nextIcon {
	background: url("/CSP/img/bt/smb/icons/icn_link.gif?switch=20170629") no-repeat 0 0;
}


/*追加*/

.blogDetailCassette {
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
}
.blogDetailCassette > dl dd div img {
	margin: 20px 0;
	width: 262px;
}
.blogCouponAttText {
	border: 1px solid #CFCAC1;
	font-weight: bold;
	padding: 15px 0;
	text-align: center;
}
.blogCategory {
	font-size: 10px;
	text-align: center;
	border-radius: 2px;
	border:1px solid;
}
.blogDetailDate {
	color: #333333;
	font-size: 10px;
	word-wrap: break-word;
}
.blogDetailTtl {
	color: #CC4466;
	font-size: 13px;
	font-weight: bold;
	word-wrap: break-word;
}
.blogDetailImg {
	margin-top: 20px;
	text-align: center;
}
.blogDetailText {
	margin-top: 20px;
	word-wrap: break-word;
}

.couponMenuIcons{
	overflow:hidden;
}
.couponMenuIcons li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 1px 10px;
	color:white;
	text-align: left;
	white-space: nowrap;
}
.couponMenuIcons li.couponMenuIconOff {
	color: #CC4466;
	font-size: 10px;
	padding: 0;
	text-align: left;
}

@media screen and (min-width: 400px){
	.selectCoupon br{
		display: none;
			}
}
/*スタイル写真のしみだし */
.stylePhotoListInner {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
.stylePhotoList {
	display: inline-block;
	white-space: nowrap;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transform: translate3d(0px,0px,0px);
}
.stylePhotoList li {
	position: relative;
	display: inline-block;
	background-size: contain;
	width: 290px;
	vertical-align: middle;
}

.stylePhotoList img {
	width: 89px;
	height: 119px;
}
.stylePhotoPointList {
	text-align: center;
	margin-top: 5px;
}
.stylePhotoPointList li {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	margin-right: 10px;
	background-color: #999999;
	border-radius: 6px;
}

.stylePhotoPointList .current {
	background-color: #CCCCCC;
}
.swichPanel {
	padding: 5px 0;
	text-align: center;
	width: 290px;
	margin: 0 auto;
}
.whN{
	white-space: normal;
}

/*クーポン絞り込み */
.narrowSearchBar {
	height: 39px;
}
.couponListHeader {
	background: #988989;
	border-bottom: solid 3px #877878;
	border-radius: 4px;
	border-top: none;
	color: #FFFFFF;
	cursor: pointer;
	padding: 9px 10px 10px;
}
.couponListHeader.active {
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
.icnNbCouponSearch {
	border: solid 2px #EAE7E7;
	border-radius: 50%;
	height: 11px;
	margin-right: 10px;
	position: relative;
	width: 11px;
}
.icnNbCouponSearch:after {
	background: #EAE7E7;
	border-radius: 2px;
	content: "";
	height: 7px;
	left: 12px;
	position: absolute;
	top: 11px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 3px;
}
.iconSwich {
	width: 11px;
	height: 11px;
	background: #FFFFFF;
	position: absolute;
	right: 12px;
	top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.iconSwich:after {
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	background: #988989;
	left: 3px;
	top: -3px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.active .iconSwich  {
	top: 16px;
}
.active .iconSwich:after  {
	left: -3px;
	top: 3px;
}
.couponSearchListMenuWrap {
	margin-bottom: 19px;
}
.couponSearchListMenu {
	border: solid #988989;
	border-radius: 0 0 4px 4px;
	border-width: 1px;
}
.cmHeading {
	margin-bottom: 5px;
	color: #CC4466;
	font-size: 16px;
	font-weight: bold;
}
.couponSerachTtl{
	position: relative;
	display: block;
	background: url("/CSP/img/bt/smb/icons/icon_white_serach.png?switch=20170629") left center no-repeat;
	background-size: 20px;
	padding-left: 27px;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 15px
}
.slnMenuNote {
	padding: 10px;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

/* 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%;
	}
}

/*ボタン付きクーポンカセット*/
.couponCassetteWrap {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
	width: 100%;
	border: solid #BFB9B0;
	border-width: 1px 1px 0 1px;
}
.couponCassetteWrap:last-child {
	border-bottom: 1px solid #BFB9B0;
}
.couponCassetteInner,
.couponTblInner,
.couponTblInner2,
.couponTblInner3 {
	display: table-cell;
	vertical-align: top;
	word-break: break-all;
}
.couponCassetteInner > a {
	display: block;
	padding: 10px 30px 10px 10px;
	text-decoration: none !important;
	color: #666666 !important;
}
.couponTextWrap {
	padding: 8px 4px 0;
	font-size :12px;
	font-family: monospace;
	font-weight: bold;
}
.couponImgWrap {
	text-align: center;
	width: 119px;
}
.couponImgWrap img {
	max-height: 119px;
	max-width: 119px;
}
.couponMenuName {
	color: #665555;
	font-weight: bold;
	word-wrap: break-word;
}

.couponDetailModalLink {
	font-size: 11px;
	overflow: hidden;
}
.couponDetailModalLink > a {
	display: block;
	padding-bottom: 5px;
}
.couponDetailModalArea {
	left: 0;
	margin: 0 30px;
	position: absolute;
	right: 0;
	z-index: 1001;
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.couponDetailModalArea.isOpen {
	opacity: 1;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.couponDetailModalArea.isClose {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.couponDetailModalContents {
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 15px;
}
.ttlCouponDetailModal {
	color: #D36985;
	float: left;
	font-size: 11px;
}
.couponDetailModalPrice {
	color: #CC4466;
	float: right;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	width: 100px;
}
.couponDetailModalMenuName {
	color: #665555;
	font-size: 13px;
	font-weight: bold;
	word-wrap: break-word;
}
.couponDetailModalCloseBtn {
	height: 30px;
	position: absolute;
	right: -15px;
	top: -12px;
	width: 30px;
	z-index: 1001;
}
.couponDetailModalCloseBtn > a {
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	border-radius: 22px;
	box-sizing: border-box;
	color: #8A7C7C;
	display: block;
	height: 100%;
	vertical-align: top;
	width: 100%;
}
.couponDetailModalCloseBtn > a:before,
.couponDetailModalCloseBtn > a:after {
	background-color: #999999;
	content: "";
	display: block;
	height: 3px;
	left: 8px;
	position: absolute;
	top: 13px;
	width: 15px;
}
.couponDetailModalCloseBtn > a:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.couponDetailModalCloseBtn > a:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.couponDetailOverlay {
	background: #000000;
	height: 152%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.couponDetailOverlay.isOpen {
	opacity: 0.6;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.couponDetailOverlay.isClose {
	opacity: 0;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.couponTblInner {
	padding: 15px 8px;
}
.couponTblInner2 {
	padding: 10px 8px;
}
.couponTblInner3 {
	padding: 10px 30px 10px 8px;
	position: relative;
}
.couponTblInner3 > a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.couponTextWrap.couponLabelCT02 {
	background-color: #FB615F;
	color: #FFFFFF;
}
.couponTextWrap.couponLabelCT01 {
	background-color: #FFC8CB;
	color: #FC636B;
}
.couponTextWrap.couponLabelCT03 {
	background-color: #FFE0E0;
	color: #FC636B;
}
.cassetteBtnWrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.cassetteBtnWrap .btn2,
.cassetteBtnWrap .btn3 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	min-width: 123px;
	max-width: 200px;
	font-size: 10px;
}
.menuCassetteWrap {
	border: solid #BFB9B0;
	border-width: 1px 1px 0 1px;
	color: #666666;
	display: block;
	padding: 15px 30px 15px 10px;
}
.menuCassetteWrap > a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.menuCassetteWrap {
	border: solid #BFB9B0;
	border-width: 1px 1px 0 1px;
}
.menuCassetteWrap:last-child {
	border-bottom: 1px solid #BFB9B0;
}
.changeBtnWrap {
	border: solid #BFB9B0;
	border-radius: 0 0 10px 10px;
	border-width: 0 1px 2px 1px;
	padding: 20px 0;
}
.couponDetailDescription {
	border-left: 4px solid #FF8A90;
	color: #665555;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

/*iconPlusMinusGray ポジション指定*/
.iconPlusMinusGray.addBtnIcon {
	right: 0;
	top: 15px;
}
.iconPlusMinusGray.addBtnIcon:after {
	left: 7px;
	top: -7px;
}

.stHeadline {
	background-color: #EEEEEE;
	color: #333333;
	font-size: 14px;
	line-height: 1;
	padding: 15px 10px;
}
.stHeadline + div .verticalLinkList > .normalSplitLineT:first-child {
	border-top: 1px solid #BFB9B0;
}
.slnBlogLink + .slnDtlDataWrap > .slnDtlData:first-child .stHeadline {
	border-top: none;
}
.stKodawari {
	border-bottom: 1px solid #CCCCCC;
}
.stKodawari li,
.stStyle li,
.stStylist li {
	border-top: 1px solid #CCCCCC;
	color: #666666;
	margin-top: auto;
	padding: 15px 26px 15px 10px;
	position: relative;
	text-decoration: none;
}
.stKodawari li > a,
.stStyle li > a,
.stStylist li > a {
	height: 100%;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.stKodawariComment,
.stStylistName {
	color: #333333;
}
.stStylistName {
	line-height: 1;
	margin-top: 8px;
}
.stStylistTxt {
	color: #666666;
	line-height: 1;
}
.stDetailTxt {
	border-top: 1px solid #CCCCCC;
	position: relative;
}
.stDetailTxt:before,
.stDetailTxt:after {
	border-style: solid;
	border-width: 0 10px 10px 10px;
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -10px;
}
.stDetailTxt:before {
	border-color: transparent transparent #CCCCCC transparent;
	top: -10px;
}
.stDetailTxt:after {
	border-color: transparent transparent #FFFFFF transparent;
	top: -8.5px;
}
.stStylistComment {
	background-color: #F6F5EC;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #663300;
	font-size: 11px;
	margin-top: 8px;
	padding: 10px;
}

/* keyvisual */
.stKeyvisual {
	position: relative;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	height: 160px;
}
.stKeyvisual > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* /keyvisual */

/* carousel */
.slnTopImg {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	vertical-align: top;
	width: 300px;
}
.slnTopImgViewer {
	height: 225px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 300px;
}
.slnTopImgViewer img {
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
}
.slnTopImgCarouselWrap {
	height: 60px;
	margin: 10px auto 0;
	overflow: hidden;
	position: relative;
	width: 260px;
}
.slnTopImgCarousel {
	font-size: 0;
	left: 0;
	position: absolute;
	top: 0;
	white-space: nowrap;
}
.slnTopImgCarouselCentering {
	position: static;
	text-align: center;
}
.slnTopImgCarousel li {
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
}
.slnTopImgCarousel li + li {
	margin-left: 10px;
}
.slnTopImgCarouselPrev,
.slnTopImgCarouselNext {
	bottom: 0;
	height: 60px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 20px;
}
.slnTopImgCarouselPrev:before,
.slnTopImgCarouselNext:before,
.slnTopImgCarouselPrev:after,
.slnTopImgCarouselNext:after {
	background-color: #998A8A;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	content: "";
	display: block;
	height: 16px;
	position: absolute;
	width: 3px;
}
.slnTopImgCarouselPrev:before,
.slnTopImgCarouselNext:before {
	bottom: 28px;
}
.slnTopImgCarouselPrev:after,
.slnTopImgCarouselNext:after {
	top: 28px;
}
.slnTopImgCarouselPrev:before,
.slnTopImgCarouselNext:after {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.slnTopImgCarouselNext:before,
.slnTopImgCarouselPrev:after {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.slnTopImgCarouselNext:before,
.slnTopImgCarouselNext:after {
	right: 10px;
}
.slnTopImgCarouselPrev:before,
.slnTopImgCarouselPrev:after {
	left: 10px;
}
.slnTopImgCarouselPrev.isDisable:before,
.slnTopImgCarouselNext.isDisable:before,
.slnTopImgCarouselPrev.isDisable:after,
.slnTopImgCarouselNext.isDisable:after {
	background-color: #CCCCCC;
}
.slnTopImgCarouselPrev { left: -10px;}
.slnTopImgCarouselNext { right: -10px;}
/* /carousel */

/* 特集スワイプ */
.stCouponCassetteWrap {
	border-bottom: 1px solid #BFB9B0;
	border-top: 1px solid #BFB9B0;
}
.stCouponCassette {
	border-left: 1px solid #BFB9B0;
	border-right: 1px solid #BFB9B0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	width: 100%;
}
.stCouponCassette ~ .stCouponCassette {
	border-top: 1px solid #BFB9B0;
}
.stCouponCassetteInner {
	display: table-cell;
	vertical-align: top;
	word-break: break-all;
}
.stCouponCassetteInner > a {
	color: #666666 !important;
	display: block;
	padding: 10px 30px 10px 10px;
	text-decoration: none !important;
}
.stCouponTextWrap {
	font-family: monospace;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 4px 0;
}
.stCouponTextWrap.couponLabelCT02 {
	background-color: #FB615F;
	color: #FFFFFF;
}
.stCouponTextWrap.couponLabelCT01 {
	background-color: #FFE0E0;
	color: #FC636B;
}
.stCouponTextWrap.couponLabelCT03 {
	background-color: #FFC8CB;
	color: #FC636B;
}

.accordionBtn > a {
	background-color: #F4F4F4;
	border: solid 1px #BFB9B0;
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	text-decoration: none;
}
.accordionWrap .accordionBtn > a:after {
	border: solid #AB9C84;
	border-width: 0 3px 3px 0;
	content: "";
	display: block;
	height: 6px;
	line-height: 1;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 6px;
}
.accordionWrap.isClosed .accordionBtn .close,
.accordionWrap .accordionBtn .open {
	display: none;
}
.accordionWrap .accordionBtn .close,
.accordionWrap.isClosed .accordionBtn .open {
	display: block;
}
.accordionWrap.isClosed .accordionBtn > a:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -7px;
}
.accordionWrap.isClosed .stCouponCassetteWrap > li {
	display: none;
}
.accordionWrap.isClosed .stCouponCassetteWrap > li:first-child {
	display: block;
}
/* /特集スワイプ */

/*stylist Schedule list*/
.atworkScheduleHead {
	width: 100%;
}
.atworkScheduleHead.isFixed {
	width: 100%;
	z-index: 2;
}
.atworkScheduleNav {
	background-color: #FFFFFF;
	min-height: 20px;
	padding: 10px 0;
	position: relative;
}
.atworkScheduleNav .prevArrow,
.atworkScheduleNav .nextArrow {
	font-weight: bold;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.atworkScheduleNav .prevArrow {
	left: 5px;
	padding-left: 10px;
	margin-left: 150px;
}
.atworkScheduleNav .nextArrow {
	padding-right: 10px;
	right: 5px;
}
.atworkScheduleNav .prevArrow:before,
.atworkScheduleNav .prevArrow:after,
.atworkScheduleNav .nextArrow:before,
.atworkScheduleNav .nextArrow:after {
	background-color: #998A8A;
	border-radius: 3px;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	width: 2px;
}
.atworkScheduleNav .prevArrow:before,
.atworkScheduleNav .nextArrow:after {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.atworkScheduleNav .prevArrow:after,
.atworkScheduleNav .nextArrow:before {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.atworkScheduleNav .prevArrow:before,
.atworkScheduleNav .nextArrow:before {
	bottom: 0;
}
.atworkScheduleNav .prevArrow:after,
.atworkScheduleNav .nextArrow:after {
	top: 0;
}
.atworkScheduleNav .prevArrow:before,
.atworkScheduleNav .prevArrow:after {
	left: 0;
}
.atworkScheduleNav .nextArrow:before,
.atworkScheduleNav .nextArrow:after {
	right: 0;
}
.atworkScheduleNav .nextArrow.isDisabled,
.atworkScheduleNav .prevArrow.isDisabled {
	color: #CCCCCC;
	cursor: default;
	text-decoration: none;
}
.atworkScheduleNav .prevArrow.isDisabled:before,
.atworkScheduleNav .nextArrow.isDisabled:before,
.atworkScheduleNav .prevArrow.isDisabled:after,
.atworkScheduleNav .nextArrow.isDisabled:after {
	opacity: 0.4;
}
.atworkScheduleWrap {
	overflow: hidden;
	width: 100%;
}
.atworkScheduleInner {
	width: 100%;
}
.atworkScheduleInner .atworkScheduleTbl {
	float: left;
	width: 100%;
}
.atworkScheduleTbl {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	height: 100%;
}
.atworkScheduleTbl th,
.atworkScheduleWrap td {
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.atworkScheduleTbl tr:first-child td {
	border-top: 2px solid #CCCCCC;
}
.atworkScheduleTbl td,
.atworkScheduleTbl th {
	height: 54px;
}
.atworkScheduleWrap .isFixed {
	border-bottom: 2px solid #CCCCCC;
	left: 0;
	z-index: 2;
}
.atworkScheduleWrap .leftSide .atworkScheduleTbl {
	border-right: none;
	width: 150px;
}
.atworkScheduleWrap .leftSide .atworkScheduleTbl th {
	background-color: #F5F3F1;
	color: #665555;
	font-size: 11px;
	font-weight: normal;
	padding-right: 10px;
	text-align: right;
}
.atworkScheduleWrap .rightSide {
	overflow: hidden;
	width: 100%;
}
.atworkScheduleWrap .rightSide .atworkScheduleTbl th,
.atworkScheduleWrap .rightSide .atworkScheduleTbl td {
	color: #665555;
	min-width: 23px;
	text-align: center;
}
.atworkScheduleWrap .rightSide .atworkScheduleTbl th.sat {
	background-color: #E4F0F7;
	color: #079AEE;
}
.atworkScheduleWrap .rightSide .atworkScheduleTbl th.sun {
	background-color: #FFE8ED;
	color: #F23D64;
}
.atworkScheduleWrap .rightSide .atworkScheduleTbl th .date {
	font-weight: bold;
	line-height: 1;
}
.atworkScheduleWrap .rightSide .atworkScheduleTbl th .day {
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	margin-top: 4px;
}
.atworkScheduleTbl .closed {
	background-color: #EEEEEE;
}
.atworkScheduleTbl .holiday {
	background-color: #B2A2A2;
	border-radius: 4px;
	color: #FFFFFF;
	padding: 3px 4px;
}
.atworkScheduleTbl .notset {
	color: #999999;
}
.atworkScheduleTbl .staffInfoSingleWrap {
	padding: 0 10px;
	text-align: left;
	width: 130px;
}
.staffInfoSingleInner {
	display: inline-block;
	vertical-align: middle;
	width: 129px;
}
.atworkScheduleTbl .staffInfoSingleName {
	font-weight: bold;
	padding-top: 1px;
}
.atworkScheduleTbl .staffInfoSingleClass {
	color: #CC4466;
	font-size: 10px;
}
.atworkScheduleTbl .staffInfoSingleHistory {
	color: #666666;
	font-size: 8px;
}
.atworkScheduleTbl .staffInfoSingleName,
.atworkScheduleTbl .staffInfoSingleClass {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.atworkScheduleTbl .staffInfoSingleClass {
	padding-top: 3px;
}
.atworkScheduleTbl .staffInfoSingleHistory {
	padding-top: 1px;
}
.atworkScheduleTbl .staffInfoSingleName,
.atworkScheduleTbl .staffInfoSingleClass,
.atworkScheduleTbl .staffInfoSingleHistory {
	line-height: 1.1;
}
.atworkScheduleTbl .staffInfoSingleImg {
	float: left;
	margin-right: 5px;
}
.atworkScheduleTbl .staffInfoSingleImg img {
	width: 30px;
}

/*stylist Calender*/
.atworkCalWrap {
	margin: 0 auto;
	overflow: hidden;
	padding: 8px 0 0;
	position: relative;
	width: 300px;
}
.atworkCalPrev,
.atworkCalNext {
	bottom: 0;
	display: block;
	height: 25px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 12px;
	width: 25px;
}
.atworkCalPrev:before,
.atworkCalNext:before {
	bottom: 3px;
}
.atworkCalPrev:after,
.atworkCalNext:after {
	top: 4px;
}
.atworkCalPrev,
.atworkCalPrev:before,
.atworkCalPrev:after {
	left: 5px;
}
.atworkCalNext,
.atworkCalNext:before,
.atworkCalNext:after {
	right: 5px;
}
.atworkCalPrev:before,
.atworkCalPrev:after,
.atworkCalNext:before,
.atworkCalNext:after {
	background-color: #998A8A;
	border-radius: 3px;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	width: 2px;
}
.atworkCalPrev:before,
.atworkCalNext:after {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.atworkCalPrev:after,
.atworkCalNext:before {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.atworkCalPrev.isDisabled,
.atworkCalNext.isDisabled {
	opacity: 0.4;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.atworkCalPeriod {
	background: #F5F3F1;
	color: #665555;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 8px;
	text-align: center;
}
.atworkSingleCaltblWrap {
	float: left;
	width: 300px;
}
.atworkSingleCaltbl {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}
.atworkSingleCaltbl th,
.atworkSingleCaltbl td {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color: #665555;
	text-align: center;
}
.atworkSingleCaltbl tr {
	border-top: 1px solid #CCCCCC;
}
.atworkSingleCaltbl th {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 2px 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	padding: 5px 0;
	text-align: center;
}
.atworkSingleCaltbl td {
	border-right: 1px solid #CCCCCC;
	font-size: 13px;
	height: 37px;
	line-height: 1;
	padding-top: 8px;
	vertical-align: top;
	width: 34px;
}
.atworkSingleCaltbl td:first-child,
.atworkSingleCaltbl th:first-child {
	border-left: 1px solid #CCCCCC;
}
.atworkSingleCaltbl .sat {
	background-color: #E4F0F7;
	color: #079AEE;
}
.atworkSingleCaltbl .sun {
	background-color: #FFE8ED;
	color: #F23D64;
}
.atworkSingleCaltbl .closed {
	background-color: #E6E6E6;
	color: #999999;
}
.atworkSingleCaltbl .holiday {
	background-color: #B2A2A2;
	border-radius: 4px;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
	line-height: 1;
	margin: 4px 6px;
	padding: 3px 1px;
}
.atworkSingleCaltbl .notset {
	display: block;
	margin-top: 5px;
}
.bgClosedTxt:before {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	content: "";
	display: inline-block;
	height: 15px;
	margin-right: 3px;
	vertical-align: middle;
	width: 15px;
}

/*stylistDtl*/
.atworkCalLink {
	padding-left: 15px;
}
.icoArrowD.atworkCalLink:before {
	left: 0;
	top: 4px;
}

/*styleDtl*/
.staffCmntTxt {
	background: #F6F5EC;
	border-radius: 4px;
	color: #663300;
	padding: 10px;
	word-break: break-all;
}

/*vacantInfomation*/
.vacancyExistence {
	background-color: #F6F5EC;
	line-height: 1;
	text-align: center;
}

/*kodawari*/
.kodawariTabWrap {
	border-bottom: solid 1px #CD4D72;
}
.kodawariTab {
	margin: 0 auto;
	width: 300px;
}
.kodawariTab > li {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 36px;
	width: 145px;
}
.kodawariTab > li + li {
	margin-left: 10px;
}
.kodawariTab > li a,
.kodawariTab > li > .kodawariTabHead {
	background-color: #FFFFFF;
	color: #333333;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.kodawariTab > .isCurrent {
	border-color: #CD4D72 #CD4D72 #FFFFFF #CD4D72;
	border-width: 1px 1px 0 1px;
	position: relative;
}
.kodawariTab > .isCurrent > .kodawariTabHead {
	color: #CD4D72;
}
.kodawariTab > .isCurrent:after {
	background-color: #FFFFFF;
	bottom: -1px;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.kodawariCatch {
	color: #CD4D72;
	font-size: 13px;
	font-weight: bold;
	word-wrap: break-word;
}
.kodawariStepCassette {
	padding: 15px 0;
}
.kodawariStepCassette + .kodawariStepCassette {
	border-top: 1px dashed #CCCCCC;
}
.kodawariFreeCassette {
	background-color: #F6F5EC;
	border-radius: 4px;
	padding: 10px;
}
.kodawariFreeCassette + .kodawariFreeCassette {
	margin-top: 10px;
}
.numberHead {
	color: #837373;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-right: 10px;
}
.kodawariTtl {
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word;
}
.kodawariImgWrap img {
	max-height: 219px;
	max-width: 219px;
	text-align: center;
}
.slnTopCatchCopy {
	color: #CD4D72;
	font-size: 13px;
	font-weight: bold;
}
.slnComment {
	background-color: #F6F5EC;
	border-radius: 4px;
	padding: 10px;
	overflow: hidden;
}
.slnPageLink {
	border-bottom: 1px solid #BFB9B0;
	display: block;
}
.slnPageLink li {
	border-top: 1px solid #BFB9B0;
	display: table;
	width: 100%;
}
.slnPageLink .slnPageLinkAnchor {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333333;
	display: table-cell;
	padding-top: 13px;
	padding-bottom: 13px;
	text-decoration: none;
	vertical-align: middle;
}
.slnVacancyMark {
	border: solid 1px #CC4466;
	border-radius: 6px;
	display: inline-block;
	height: 10px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 10px;
}
.couponTypeFilter {
	box-sizing: border-box;
	padding: 0 10px;
	width: 100%;
}
.couponTypeFilter > li {
	box-sizing: border-box;
	display: table;
	float: left;
	height: 40px;
	line-height: 1;
	vertical-align: middle;
	width: 33.3333%;
}
.couponTypeFilter > li + li {
	padding-left: 10px;
}
.btnCouponTypeFilter {
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-radius: 4px;
	border-width: 1px 1px 3px 1px;
	box-sizing: border-box;
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.btnCouponTypeFilter.isCr {
	background-color: #BEB4AB;
	border: 0;
	color: #FFFFFF;
}
a.btnCouponTypeFilter {
	color: #988989;
	text-decoration: none;
}

.btnCouponTypeFilter.isDisabled{
	border-color: #EEEEEE;
	color: #CCCCCC;
}
.couponPager {
	background-color: #F0EDDD;
	margin-top: 10px;
	padding: 10px;
}
.couponPager > p {
	height: 33px;
	line-height: 33px;
}
.couponPager > p > a {
	font-size: 13px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	width: 90px;
}
.couponResultMessage {
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 12px;
	color: #988989;
	line-height: 1;
}

/* 検討リストに追加 */
.btnSaveExamList,
.btnAlreadySaveExamList {
	font-size: 13px;
	padding: 6px 5px 5px;
}
.btnSaveExamList:before,
.btnAlreadySaveExamList:before {
	background: url(/CSP/img/common/sprites/icon_star_pink.png?switch=20170629) no-repeat;
	background-size: 17px;
	content: "";
	display: inline-block;
	height: 17px;
	margin-right: 6px;
	vertical-align: middle;
	width: 17px;
}
.btnSaveExamList:before {
	margin-top: -4px;
}
.btnAlreadySaveExamList:before {
	background-position: 0 -17px;
	margin-top: -3px;
}
.zoneBmBefore .saveExamList:before,
.zoneBmAfter .alreadySaveExamList:before {
	background: url(/CSP/img/common/sprites/icon_star_white.png?switch=20170629) no-repeat;
	background-size: 14px;
	content: "";
	display: inline-block;
	height: 14px;
	margin-right: 6px;
	width: 14px;
}
.zoneBmBefore .saveExamList:before {
	margin-bottom: 3px;
}
.zoneBmAfter .alreadySaveExamList:before {
	background-position: 0 -14px;
	margin-bottom: 2px;
	margin-top: 1px;
}

/* スタッフ募集 */
.viewCareerDetail {
	background-color: #F6F5EC;
}
.btnViewCareerDetail {
	font-size: 13px;
	line-height: 1.3;
	margin: 0 auto;
	padding: 5px 0;
}
.viewCareerDetailNotice {
	color: #999999;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

/* awardSalon */
.awardSalon {
	box-sizing: border-box;
	height: 28px;
	margin-top: 10px;
	position: relative;
	width: 100%;
}
.stKeyvisual + .awardSalon {
	margin-top: 0;
}
.awardSalon::after {
	background-color: #F6F5EC;
	content: "";
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	top: -10px;
	width: 100%;
}
.stKeyvisual + .awardSalon::after {
	display: none;
}
.awardSalon::before {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 40px auto;
	content: "";
	height: 46px;
	left: 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 40px;
	z-index: 10;
}
.awardSalonGold {
	background-color: #C5A300;
}
.awardSalonGold::before {
	background-image: url("/CSP/img/bt/smb/icons/icon_award_gold.png?switch=20170629");
}
.awardSalonSilver {
	background-color: #AAB1B8;
}
.awardSalonSilver::before {
	background-image: url("/CSP/img/bt/smb/icons/icon_award_silver.png?switch=20170629");
}
.awardSalonTxt {
	height: 12px;
	left: 60px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.awardSalonFeatured {
	background-color: #FFFFFF;
	border-bottom: 2px solid #9F1547;
	border-top: 2px solid #9F1547;
}
.awardSalonFeatured::after {
	top: -12px;
}
.awardSalonTxtFeatured {
	left: 15px;
}

/* awardStyle */
.awardStyle {
	background-color: rgba(159, 21, 71, 0.8);
	position: absolute;
}
.awardStyleSalon {
	bottom: 0;
	height: 18px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 89px;
}
.awardStyleList {
	bottom: 11px;
	height: 18px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 94px;
}
.awardStyleDetail {
	bottom: 21px;
	height: 28px;
	left: 11px;
	width: 247px;
}
.awardStyle::before {
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.awardStyleSalon::before,
.awardStyleList::before {
	background-image: url("/CSP/img/bt/smb/icons/icon_award_style_list.png?switch=20170629");
	background-size: 26px auto;
	height: 30px;
	left: -5px;
	width: 26px;
}
.awardStyleDetail::before {
	background-image: url("/CSP/img/bt/smb/icons/icon_award_style.png?switch=20170629");
	background-size: 40px auto;
	height: 46px;
	left: 11px;
	width: 40px;
}
.awardStyleTxt {
	height: 7px;
	left: 27px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.awardStyleTxtSalon {
	left: 24px;
}
.awardStyleTxtDetail {
	border: none !important;
	height: 12px;
	left: 60px;
	margin: 0 !important;
}

/* awardLinkLp */
.awardLinkLpWrap {
	margin: 20px 10px 0;
}
.awardLinkLp {
	border: 1px solid #C5A300;
	color: #C5A300 !important;
	display: block;
	font-weight: bold;
	padding: 10px 0;
}
.awardLinkLpTxt {
	display: block;
	margin: 0 auto;
	padding-left: 45px;
	position: relative;
	width: 220px;
}
.awardLinkLpTxt::before {
	background: url(/CSP/img/bt/smb/icons/icon_award_gold.png?switch=20170629) left 50% no-repeat;
	background-size: auto 36px;
	content: "";
	height: 36px;
	left: 5px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 31px;
}

/* telReservation */
.slnHeader {
	background: #BE3C5F;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 8px;
}
.slnSimpleHeaderTitle {
	font-size: 14px;
	line-height: 1.5;
	word-break: break-all;
}
.slnTelNetRsvAppealList {
	font-size: 0;
	margin-top: 10px;
	padding: 0 10px;
	text-align: center;
}
.slnTelNetRsvAppealTtl {
	color: #D36985;
	font-size: 13px;
	font-weight: bold;
}
.slnTelNetRsvAppealTxt {
	color: #665555;
	display: inline-block;
	font-size: 11px;
	line-height: 1.2;
	margin-top: 7px;
	padding-left: 31px;
	text-align: left;
}
.slnTelNetRsvAppealTxt + .slnTelNetRsvAppealTxt {
	margin-left: 15px;
}
.icnAppealPontaPoint,
.icnAppealCalendar {
	position: relative;
}
.icnAppealPontaPoint::before,
.icnAppealCalendar::before {
	background: url(/CSP/img/common/smb/sprites/icon_appealPoint.png?switch=20170629) no-repeat;
	background-size: 30px auto;
	content: "";
	display: inline-block;
	height: 25px;
	left: 0;
	position: absolute;
	top: 0;
	width: 25px;
}
.icnAppealCalendar::before {
	background-position: 0 0;
}
.icnAppealPontaPoint::before {
	background-position: 0 -60px;
}
.slnTelDataList {
	border-bottom: 1px solid #BFB9B0;
	border-top: 1px solid #BFB9B0;
	box-sizing: border-box;
	display: table;
	margin-top: 25px;
	padding: 10px 15px;
	vertical-align: top;
	width: 100%;
}
.slnTelDataTtl {
	display: table-cell;
	font-weight: bold;
	margin-top: 10px;
	width: 60px;
}
.slnTelDataDescription {
	display: table-cell;
	word-break: break-all;
}
.icnSlnTel {
	border: solid #BFB9B0;
	border-radius: 5px;
	border-width: 1px 1px 2px 1px;
	color: #837373 !important;
	display: inline-block;
	font-weight: bold;
	padding: 3px 5px 2px 20px;
	position: relative;
	text-decoration: none;
}
.icnSlnTel::before {
	background: url(/CSP/img/common/smb/sprites/icon_appealPoint.png?switch=20170629) no-repeat 0 -120px;
	background-size: 30px auto;
	content: "";
	display: inline-block;
	height: 14px;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 14px;
}
.slnBackBtnWrap {
	margin-top: 30px;
	padding-bottom: 10px;
	text-align: center;
}
.slnBackBtn {
	display: inline-block;
	font-size: 12px;
	padding: 5px 0 5px;
	width: 170px;
}
.slnPointDetailOverlay {
	background: #000000;
	height: 152%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition-property: opacity;
	width: 100%;
	z-index: 1000;
}
.slnPointDetailOverlay.isOpened {
	opacity: 0.6;
	transition-duration: 0.3s;
}
.slnPointDetailOverlay.isClosed {
	opacity: 0;
	transition-duration: 0.6s;
}
.slnPointDetailModalArea {
	left: 0;
	opacity: 0;
	padding: 0 30px 30px;
	position: absolute;
	right: 0;
	transition-property: opacity;
	z-index: 1001;
}
.slnPointDetailModalArea.isOpened {
	opacity: 1;
	transition-duration: 0.6s;
}
.slnPointDetailModalArea.isClosed {
	opacity: 0;
	transition-duration: 0.3s;
}
.slnPointDetailModalContents {
	background: #FFFFFF;
	border-radius: 4px;
	padding: 15px;
}
.slnPointDetailModalCloseBtnWrap {
	height: 30px;
	position: absolute;
	right: 15px;
	top: -12px;
	width: 30px;
	z-index: 1001;
}
.slnPointDetailModalCloseBtn {
	background: #FFFFFF;
	border: 2px solid #CCCCCC;
	border-radius: 22px;
	box-sizing: border-box;
	color: #8A7C7C;
	display: block;
	height: 100%;
	vertical-align: top;
	width: 100%;
}
.slnPointDetailModalCloseBtn::before,
.slnPointDetailModalCloseBtn::after {
	background: #999999;
	content: "";
	display: block;
	height: 3px;
	left: 8px;
	position: absolute;
	top: 13px;
	width: 15px;
}
.slnPointDetailModalCloseBtn::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.slnPointDetailModalCloseBtn::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}