/* background color */
.wrap,
.sp--view,
.block__answer
{ background: #fff; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"] {
	background: #fbd4c4;
}

.page--blog .block--comment .list--comment li form input {
	background: #f1f1f1;
}

/* logo shadow color */
h1.logo a img {
 filter: drop-shadow(2px 1px 1px #00000055);
}

.tit .limited::after,
.drawer__btn span,
.limited .section-tit::after,
.block--login .nav__list--login li a,
.page--schedule .section--list .block--refine label p,
.block--login .nav__list--login li.g-nav--item__join a
{ background: #676767;}

.drawer__btn::before,
.drawer__btn span,
.page--faq .block--faq-detail span.icon--a{ background: #fbb395;}

.block--login .nav__list--login li.g-nav--item__login a{
	background: transparent;
	border-color: #fbb395;
	color: #fbb395;
}
.block--login .nav__list--login li.g-nav--item__join a {color: #ffffff; background: #fbb395;}

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: #0054a7;}
.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::before{ background: linear-gradient(0deg, #ffffff 0%,rgb(255 255 255 / 79%) 30%, rgba(255, 255, 255, 0) 100%); }
.salon--detail_btn{
	background: #f7bba2;
	color: inherit;
}
.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, #fff 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,
.section--detail.new .block--title .date::after,
.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,
.page--faq .section--detail .block--contact a,
.next-stream  .list__item.new .tit::after
{ color: #0054a7; }

.list__item.new .tit::after { color: #fbb395; }

/* svg color */
.block--share li svg{ fill:#0054a7;}
.ico--play{ stroke: #a4a39c; }
.page--feature .block--service__contents li .inner span svg { fill: #fff; }
.page--feature .page--introduction .block--service .block--service__contents li .inner span { background: #0054a7;}


/* border color */
.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,
.page--blog .section--list .section--latestBlogs .writer {
	border-color: #0054a7;
}
.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 {
	border-color: #fbb395;
}
.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,
.form--confirm {
	border-color:rgb(170 172 172 / 30%);
}


/* mix color */
.header .drawer .nav li a {color: #ffd1be; }
.page--home .footer_block .salon--copy {color: #fbb395;}
.header .g-nav .nav li a::after {background: #ffd1be;}
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.page--blog .block--comment .list--comment .reply-form .btn {background: #0054a7;}
.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: #f1f1f1; }
.header .drawer {background: #0054a7;}
header {
	background: #0054a7;
	border-color: #2172c3;
}
.next-stream {
	background: #f7bba2;
	color: #0054a7;
}
.next-stream .section-tit{color: #0054a7;}
.next-stream svg { fill:#0054a7;}
.btn .btn--main{background: #0054a7;}
.section-tit{color: #0054a7;}
.btn .btn--sub{ background: none; border-color: #0054a7; color:#0054a7; }


.page--information .category {
	background: #dfdfdf;
	color: #0054a7;
}
.page--information .category.streaming {
	background: #f7bba2;
}


/* questionnaire */
.page--questionnaire .form--post dt:not(:first-child) {
	border-color:rgb(170 172 172 / 30%);
}
.page--questionnaire input[type="text"],
.page--questionnaire textarea {
	border-color: #0054a7;
	background: transparent;
}
.page--questionnaire .icon--required:after {
	background: #0054a7;
	color: #f7bba2;
}
.page--questionnaire .form__select select {
	color: #ffffff;
}
.page--questionnaire .form__radio :checked ~ p::before {
	border-color: #0054a7;
}
.page--questionnaire .form__checkbox label p::after {
	border-color: #ffffff;
}
.page--questionnaire .form__checkbox :checked ~ p::before {
	background: #0054a7;
	border-color: #0054a7;
}


/* swipe navigation */
.page--home .swiper-pagination-bullet {
	background:#0054a7;
}
.page--home .swiper-pagination-bullet::before {
	background: #E8E8E8;
}


/* page--blog */
.list--blog	.category,
.page--blog .section--detail .category {
	background: #e8e9e9;
	color: #0054a7;
}
.page--blog--all .list--blog .category {
	background: #fffaf7;
	color: #0054a7;
}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-thumb {
	background: #f7bba2;
}
.page--blog .section--list .section--latestBlogs .list--latestBlogs::-webkit-scrollbar-track {
	background: rgb(247 187 162 / 20%);
}
.page--blog .block--comment .list--comment .replies li:first-child::before,
.page--blog .block--comment .list--comment .replies li::after {
	background:rgb(170 172 172 / 15%)
}
.page--blog .block--comment .list--comment > li.comment--member .comment--bg,
.page--blog .block--comment .list--comment .replies li.comment--member {
	background: #ffd1be;
}
.page--blog textarea {
	background: #fff;
}
.page--blog .block--comment .list--comment li.comment--member .user::after {
	color: #EE8256;
}


/* ==============================
page--ticket pat：11
============================== */

.page--ticket .section--detail .block--form dd::before,
.page--ticket .section--detail .block--form dd::after,
.page--ticket .section--detail .ticket_use_select{
	background-color: #0054a7;
}

.page--ticket .section--list .list--ticket .sales_status span.sales_end,
.page--ticket .section--detail #current-time,
.page--ticket .section--detail .block--form .tit{
	color: #fff;
}
.page--ticket .section--detail .ticket_use_select .block--form label span,
.page--ticket .block--event_check .ticket_use_select .item--centering + .btn .btn--main {
	background-color: #fbb395;
}

.page--ticket .block--event_check .ticket_use_select .item--centering + .btn .btn--main,
.page--ticket .section--detail input[type="checkbox"] + label{
	color: #0054a7;
}

.page--ticket .section--list .list--ticket .sales_status span {
	background-color: #bd3636;
	color: #ffffff;
}
.page--ticket .section--list .list--ticket .sales_status span.sales_end {
	border: solid 1px #ffffff;
	background: none;
}
.page--ticket .section--detail .ticket_used_list .tit,
.page--ticket .section--detail .form-error,
.page--ticket .section--detail .txt-main.strong,
.page--ticket .section--detail .block--error {
	color: #bd3636;
}
.page--ticket .section--detail input[type="checkbox"] + label:before,
.page--ticket .section--detail .block--form dd input[type="checkbox"]:checked + label {
	border-color: #0054a7;
}

.page--ticket .section--detail input[type="checkbox"]:checked + label:before,
.page--ticket .section--detail .ticket_used_list .used_ticket,
.page--ticket .section--detail .block--alert .inner dt,
.page--ticket .section--detail .ticket_used_list .used_ticket,
.page--ticket .section--detail .ticket_used_list .tit {
	border-color: #bd3636;
}

.page--ticket .section--detail .ticket_used_list .used_ticket,
.page--ticket .section--detail .block--alert .inner dt {
	color: #2c2e2f;
}

.page--ticket .section--detail input[type="checkbox"]:checked + label:before {
	border-top-color: transparent;
	border-left-color: transparent;
}
.page--ticket .section--detail.ticket--detail .block--reload-attention {
    background: #084887;
    color: #fff;
    border: none;
}
.page--ticket .spinner {
	border: solid 4px #fbb395;
	border-top: solid 4px #000000;
}

/* PC */
@media screen and (min-width: 961px) {
	.pc--view .footer_block {
		background: #fff;
	}
	.page--home footer .list--support {
		background: #fff;
	}
	footer .copyright {
		color: #3e3a3a !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 {
	background: #fff;
}
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .block--comment .list--comment li .txt {
	background: #F7BBA2;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	background: #F8CBB8;
}
.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 .section-detail__inner,
.page--chat-community .form--inptarea textarea,
.page--chat-community #ui-datepicker-div,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
	background: #fff;
}
.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
	background: #d9e4ef;
}
.page--chat-community .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after,
.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 #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active::before,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
	background: #0054a7;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	background: #0060C1;
}

.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: #61605b;
}
.page--chat-community .block--comment .list--comment li .icon {
	background: #0054a7;
}
.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,
.page--chat-community #comment_confirm_popup i,
.page--chat-community .wrap--action.list--head #comment_popup {
	color: #fff;
}
.page--chat-community .comment_reply_confirm_popup i,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .block--cmnty_serch .cmnty_serch i,
.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 .wrap--action.list--head .form--post .form--inptarea i,
.page--chat-community #comment_confirm_modal,
.ui-widget-header .ui-icon {
	color: #0054a7;
}
.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
	color: #ff8d7b;
}
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker {
	border:1px solid rgba(33, 114, 195, 0.4);
}
.page--chat-community .block--title {
	border-bottom:1px solid rgba(33, 114, 195, 0.1);
}
.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight::before {
	border-color: #0054a7;
}
.page--chat-community .block--comment .list--comment li .parent.txt {
	border-color: #FADCD0;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
	border-color: #2974b9;
}
.page--chat-community .block--comment .list--comment li .txt::before {
	border: 8px solid transparent;
	border-left: 18px solid #F7BBA2;
}
.page--chat-community .block--comment .list--comment li .parent.txt::before {
	border-left: 18px solid #F8CBB8;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt::before {
	border-left: 18px solid #0054a7;
}
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
	border-left: 18px solid #0060C1;
}
.page--chat-community .block--comment .list--comment li .icon svg {
	fill: #fff;
}
.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);
}