.wrap,
.pc--view .footer_block,
.sp--view {
	background: #e8b4c5;
}


/* background color */
.page--home .section--video .slick-dots li button:before,
.block__answer,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"] {
	background: #fff;
	border: 1px solid #8f3a67 !important;
}


/* logo shadow color */
h1.logo a img {
	filter: drop-shadow(2px 1px 1px #00000055);
}
.tit .limited::after,
.drawer__btn span,
.limited .section-tit::after,
.page--schedule .section--list .block--refine label p,
.page--faq .block--faq-detail span.icon--a,
.block--login .nav__list--login li.g-nav--item__join a,
.drawer__btn::before,
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-thumb,
.page--blog .block--comment .list--comment .reply-form .btn {
	background: #8f3a67;
}
.block--login .nav__list--login li.g-nav--item__login a {
	background: transparent;
}
.block--login .nav__list--login li.g-nav--item__join a {
	color: #eae2d0;
	background: #8f3a67;
}
input[readonly="readonly"],
.list--schedule
	.block--date
	> [class^="block--date"]
	.block--date__month::after,
.block--pager li::before,
.page--schedule
	.section--list
	.block--refine
	li
	input[type="checkbox"]:not(:checked)
	+ p {
	background: #8f3a67;
}
.block__question {
	background: rgba(255, 255, 255, 0.1);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}


/* page--home salon intro */
.salon--intro .detailTit {
	background: rgb(255 255 255 / 78%);
}
.salon--detail.show::after {
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(40%, #fff),
		to(rgba(255, 255, 255, 0))
	);
	background: linear-gradient(360deg, #e8b4c4 40%, rgba(255, 255, 255, 0) 100%);
}


/* text color */
body,
.header .drawer .nav li a,
.block__answer,
.page--home .salon--intro .tit,
.page--home .fa-plus-circle:before,
.page--home .fa-chevron-right:before,
.fanstream--btn li a .fa-chevron-right::before,
.block--category .current a,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter,
.block--login .nav__list--login li.g-nav--item__login a,
.page--faq .section--detail .block--contact a {
	color: #8f3a67;
}
.section--detail.new .block--title .date::after,
.list__item.new .tit::after {
	color: #faff1e;
}


/* svg color */
.block--share li svg {
	fill: #8f3a67;
}
.ico--play {
	stroke: #a4a39c;
}
.page--feature .block--service__contents li .inner span svg {
	fill: #eae2d0;
}
.page--feature
	.page--introduction
	.block--service
	.block--service__contents
	li
	.inner
	span {
	background: #8f3a67;
}
.next-stream svg {
	fill: #eae2d0;
}


/* border color */
.block--pager .pager__item--newer a::after,
.block--pager .pager__item--newer span::after,
.block--pager .pager__item--older a::after,
.block--pager .pager__item--older span::after,
.page--faq .block--faq-detail span.icon--q,
.form__select select,
.form__select select:focus,
.form__select::after,
.form__checkbox label p::before,
.list__more a::after,
.block--login .nav__list--login li.g-nav--item__login a {
	border-color: #8f3a67;
}
.fanstream--btn li {
	background: #f1d6de;
}
.page--blog .block--comment .list--comment li,
.list--faq li,
.list--faq li:last-child,
textarea,
.page--faq .block--faq-detail,
.page--faq .block--faq-detail dt,
.list .list__item,
.fanstream--btn li,
.page--blog .section--list .section--latestBlogs .writer {
	border-color: rgba(201, 125, 166, 0.5);
}
.form--confirm {
	border: none;
	background: #fff;
}
.page--blog .form--confirm {
	border: 0.5px solid #fff;
}
header .drawer .nav__list--login {
	border-color: rgb(143 58 103 / 40%);
}


/* header,footer color */
.header .drawer .nav li a,
.list--support .list__item a,
.page--home footer .list-tit {
	color: #8f3a67;
}
.page--home .swiper-pagination-bullet,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.header .g-nav .nav li a::after {
	background: #8f3a67;
}
.page--home .swiper-pagination-bullet::before {
	background: #eae2d0;
}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-track {
	background: rgba(201, 125, 166, 0.4);
}
.page--information .section--list .list .list__item,
.page--blog .section--list .list .list__item,
.page--blog .section--list .section--latestBlogs,
.page--blog .block--comment .list--comment
{
	/* background: rgba(152, 182, 194, 0.5); */
	background: rgb(179 206 217);
}
.header .drawer,
footer {
	background: #92afbb;
}
header {
	background: #92afbb;
	border-color: transparent;
}


/* title,category color */
.page--information .category {
	background: #eae2d0;
	color: #8f3a67;
	/* border: 1px solid #8f3a67; */
}
.page--information .category.streaming {
	background: #8f3a67;
	color: #eae2d0;
	border: none;
}
.block--category li a {
	color: #c97da6;
}
.next-stream {
	background: #92afbb;
	color: #eae2d0;
}
.next-stream .section-tit {
	color: #eae2d0;
}
.next-stream .block--date .block--date__youbi {
	color: #eae2d0;
}
.section-tit {
	color: #6c9db1;
}


/* btn color */
.btn .btn--main {
	background: #8f3a67;
	color: #eae2d0;
}
.btn .btn--sub {
	border-color: #8f3a67;
	background: none;
	color: #8f3a67;
}
.salon--detail_btn {
	background: #8f3a67;
	color: #eae2d0;
}


/* questionnaire */
.page--questionnaire .form--post dt:not(:first-child) {
	border-color: rgb(143 58 103 / 30%);
}
.page--questionnaire input[type="text"],
.page--questionnaire textarea {
	border-color: #8f3a67;
	background: transparent;
	color: #8f3a67;
}
.page--questionnaire input[type="text"]::placeholder,
.page--questionnaire textarea::placeholder {
	color: rgb(143 58 103 / 50%);
}
.page--questionnaire .icon--required::after {
	background: #92afbb;
	color: #8f3a67;
}
.page--questionnaire .form__select select {
	color: #eae2d0;
}
.page--questionnaire .form__radio :checked ~ p::before {
	border-color: #8f3a67;
}
.page--questionnaire .form__checkbox label p::after {
	border-color: #eae2d0;
}
.page--questionnaire .form__checkbox :checked ~ p::before {
	border-color: #8f3a67;
	background: #8f3a67;
}
.page--questionnaire .form__select::after {
	border-color: #eae2d0 !important;
}


/* page--blog */
.list--blog	.category,
.page--blog .section--detail .category {
	background: #e6a5ba;
	color: #772e55;
}
.page--blog--all .list--blog .category {
	background: #86a0ac;
	color: #fffcf5;
}
.page--blog .block--comment .list--comment .replies li:first-child::before,
.page--blog .block--comment .list--comment .replies li::after {
	background: rgba(201, 125, 166, 0.25);
}
.page--blog .block--comment .list--comment > li.comment--member .comment--bg,
.page--blog .block--comment .list--comment .replies li.comment--member {
	background: #fdffea;
}
.page--blog textarea {
	background: #fff;
}
.page--blog .block--comment .list--comment li.comment--member .user::after {
	color:#7EC3DE;
}


/* PC */
.pc--view .footer_block footer {
	background: none;
}
@media screen and (min-width: 961px) {
	.page--home footer .list--support {
		background: #e8b4c5;
	}
	footer .copyright {
		color: #8f3a67 !important;
	}
}
/* SP */
@media screen and (max-width: 960px) and (min-width: 1px) {
	.page--home footer {
		padding-top: 40px;
	}
}

/* page--chat-community */

.page--chat-community .block--title,
.page--chat-community .section-detail__inner {
	background: #e8b4c5;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active::before,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button {
	background: #8f3a67;
}
.page--chat-community .block--comment .list--comment li .txt {
	background: #F1D6DE;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	background: #EFE1E5;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	background: #8f3a67;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	background: #9B3F70;
}
.page--chat-community .wrap--action.list--head .form--post .input_close::before,
.page--chat-community .wrap--action.list--head .form--post .input_close::after,
.page--chat-community .block--comment .list--comment li .icon,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community .form--inptarea textarea,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal,
.page--chat-community #ui-datepicker-div {
	background: #fff;
}
.page--chat-community .wrap--action.list--head .form--post .form--inptarea,
.page--chat-community .wrap--action.list--head .form--post .input_close,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea {
	background: #92afbb;
}
.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
	background: #EFE1E5;
}
.page--chat-community .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after,
.page--chat-community #comment_modal_close::after,
.page--chat-community #comment_modal_close::before,
.page--chat-community .comment_reply_modal_close::after,
.page--chat-community .comment_reply_modal_close::before {
	background: #8f3a67;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt a,
.ui-widget-header .ui-icon,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker,
.page--chat-community .comment_reply_confirm_modal.is-visible,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .delete input,
.page--chat-community .comment_reply_confirm_popup i,
.page--chat-community .block--cmnty_serch .cmnty_serch i {
	color: #8f3a67;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button {
	color: #eae2d0;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt a,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community #comment_confirm_modal,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea i,
.page--chat-community #comment_confirm_popup i {
	color: #fff;
}
.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
	color: #EF5180;
}
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker {
	border: none!important;
}
.page--chat-community .block--title {
	border-bottom:1px solid rgb(128 156 175 / 40%);
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight::before {
	border-color: #8f3a67;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	border-color: #EFEDEE;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	border-color: #82355E;
}
.page--chat-community .block--comment .list--comment li .txt::before {
	border: 8px solid transparent;
	border-left: 18px solid #f1d6de;
}
.page--chat-community .block--comment .list--comment li .parent.txt::before {
	border-left: 18px solid #EFE1E5;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt::before {
	border-left: 18px solid #8f3a67;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
	border-left: 18px solid #82355E;
}
.page--chat-community .block--comment .list--comment li .icon svg {
	fill: #8f3a67;
}
.page--chat-community #ui-datepicker-div,
.page--chat-community .form--inptarea,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
	-webkit-box-shadow: 0 35px 60px -20px rgba(77, 73, 70, 0.7);
			box-shadow: 0 35px 60px -20px rgba(77, 73, 70, 0.7);
}
.page--chat-community .form--inptarea .input_close,
.page--chat-community .wrap--action.list--head #comment_popup {
	-webkit-box-shadow: 0 5px 20px -4px rgba(77, 73, 70, 0.7);
			box-shadow: 0 5px 20px -4px rgba(77, 73, 70, 0.7);
}
