/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.recharts-default-legend {
	display: flex;
}

.recharts-legend-item {
	display: flex !important;
	align-items: center;
	margin-right: 28px !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

body {
	background: #f7f7f7;
}

* {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

pre {
	border: none;
	background-color: #fff;
	font-size: 14px;
	padding: 0px;
	white-space: pre-wrap;
	/* Since CSS 2.1 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	font-family: initial;
	overflow: hidden;
}

.stage-name {
	font-size: 12px;
}
.imgIconFirstTimePoup{
	width:122px;
	height:122px;
	margin-bottom: 30px;
}
.modal {
	display: none;
	position: fixed;
	z-index: 999999999999;
	padding-top: 40px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
	margin: auto;
	display: block;
	max-width: 50%;
	max-height: 70%;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	box-shadow: none;
}

.modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 1.5s;
	animation-name: zoom;
	animation-duration: 1.5s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0);
	}

	to {
		-webkit-transform: scale(1);
	}
}

@keyframes zoom {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

.boldText {
	font-weight: bold;
}

.replyAnswer textarea::placeholder {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
}

.hidden-pc {
	display: none !important;
}

.hiddenPC {
	display: none;
}

.closePicture {
	color: #f1f1f1;
	font-size: 50px;
	font-weight: bold;
	z-index: 111111;
	position: absolute;
	bottom: 30px;
	right: 50px;
}
.linkUrl{
	cursor: pointer;
	text-decoration-line: underline;
}
/* .select_number_chat {
    top: 50%;
    transform: translateY(-50%);
} */
.select_number_chat button {
	padding: 0 !important;
	width: 24 !important;
	height: 24 !important;
	top: 50% !important;
	transform: translateY(-50%);
}

.select_number_chat div:nth-child(2) div div:nth-child(2) {
	text-overflow: unset !important;
}

.closePicture:hover,
.closePicture:focus {
	color: #ef0303;
	text-decoration: none;
	cursor: pointer;
}

.list-pictures .picture-item {
	list-style: none;
	float: left;
	height: 145px;
	overflow: hidden;
	margin-bottom: 8px;
}

.list-pictures {
	overflow: auto;
	max-height: 545px;
	padding-left: 0px;
}

.picture-item {
	width: 22%;
	margin: 0px 10px;
}

.fix-btn {
	clear: left;
	display: block;
	float: right;
	position: absolute;
	bottom: 24px;
	right: 22px;
}

.pictures-wap {
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	overflow: auto;
	margin-top: 20px;
}

.btn-chat-close {
	border: none;
	background-color: #ffffff;
	float: right;
}

.drop-picture {
	border: 2px dashed rgb(17, 173, 157);
	border-radius: 4px;
	height: 350px;
	width: 100%;
	text-align: center;
}

.btn-picture-item {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	visibility: hidden;
}

.title-form-send-picture {
	display: inline-block;
	color: rgba(0, 0, 0, 0.87);
}

.picture-item {
	position: relative;
}

.name-picture {
	word-break: break-all;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.54);
}

.chat-form-custom-file {
	text-align: right;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 130px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

.chat-form-custom-file-sp {
	text-align: right;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 10px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

.chat-form-custom-file-count__data {
	margin-left: 5px;
}

.btn-picture-item {
	position: absolute;
	top: 0;
	right: 0;
}

.chat-form-custom-file-count__notice {
	position: absolute;
	right: 0;
	top: -55px;
	display: block;
	height: 45px;
	width: 100px;
	line-height: 45px;
	padding: 0 16px;
	margin: 0;
	background-color: rgb(236, 64, 122);
	color: #fff;
	font-size: 13px;
	border-radius: 4px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

.chat-form-custom-file-count__data.color_notice {
	color: rgb(236, 64, 122);
}

.chat-form-custom-file-count__data {
	height: 45px;
	padding: 0px;
	margin: 3px;
}

.chat-form-custom-file-count__notice::after {
	content: '';
	position: absolute;
	right: 25px;
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid rgb(236, 64, 122);
}

.content-picture:hover .btn-picture-item {
	visibility: visible;
}

.picture-error {
	width: 100%;
	height: 90px;
	background-color: deeppink;
	text-align: center;
	z-index: 99;
	margin-bottom: 16px;
}

.text-picture-error {
	color: rgba(255, 255, 255, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
}

.icon-info {
	text-align: center;
	display: block;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 6px;
}

.btn-file {
	background-color: #ffffff;
	border: none;
	margin-top: -5px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	height: 24px;
	padding-right: 10px;
}

.chat-form-wrap-picture {
	display: block;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.text-drop-picture {
	color: rgba(17, 173, 157, 1);
	font-size: 15px;
	font-weight: bold;
	padding-top: 130px;
	line-height: 50px;
}

#init-loading {
	display: none !important;
}

textarea.secondary-comment__input {
	height: 70px;
	overflow-y: hidden;
}

.hiddenClass {
	display: none;
}

.timeline__btn {
	padding: 0;
}

a:hover {
	color: rgb(17, 173, 157);
}

.auth-box {
	min-width: 300px;
	width: auto;
}

.navbar-brand {
	height: auto;
}

.sitelogo__image {
	max-width: 124px;
}

.navbar-brand .sitelogo__image {
	margin: 0 auto;
}

.timeline__main {
	word-break: break-word;
}

hr {
	bottom: -1px !important;
}

.secondary {
	/* height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px; */
	height: 100%;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	background-color: #2b293a;
	transition: 0.5s;
	padding-top: 60px;
}

.sitelogo.navbar-brand {
	padding: 9px 0;
	display: block;
	float: none;
}

.menu-collapse-chat {
	width: calc(100% - 256px);
}

.menu-collapse-chat .btn-tab {
	padding: 23px;
	height: auto;
	display: block;
	line-height: 18px;
}

.menu-collapse {
	width: auto;
}

.menu-collapse .btn-tab {
	padding: 23px;
	height: auto;
	display: block;
	line-height: 18px;
}

.secondary-profile {
	margin-top: 0;
}

.global-header__logout {
	width: auto;
}

.fix-top-menu {
	position: fixed;
	z-index: 9999;
	cursor: pointer;
}

.content {
	padding: 100px 10px 48px 10px;
}

.textMessageError {
	text-align: center;
	height: 100px;
	margin-top: 50px;
	font-weight: bold;
	font-size: 20px;
}

.btn-reset-password {
	float: right;
}

.menu-header {
	background: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

.navtab-header .btn-tab {
	height: auto;
	float: left;
	width: 20%;
	padding: 0;
	display: inline-block;
	text-align: center;
}

.navtab-header button {
	padding: 0 !important;
	min-width: auto !important;
}

.navbar-toggle {
	margin: 0 auto;
	padding: 13px 0 6px;
	width: 100%;
}

.navtab-header>button {
	min-width: auto !important;
	width: 25%;
	vertical-align: middle;
	padding: 9px 0 !important;
}

.navtab-header {
	padding: 0;
}

.list_comment {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}

.list_comment .list__item {
	width: 100%;
}

.layout_chat .chat-box-form {
	z-index: 0;
	height: auto;
}

.primary__inner_template {
	padding: 24px 24px;
}

.noti__reset-pw-success {
	font-weight: normal !important;
}

.chat-form-custom_sp {
	display: none;
}

.send-pictures-sp {
	display: none;
}

.chat-form-main_sp {
	display: none;
}

.show_template_sp {
	display: none;
}

.chat-form-custom-definition__data_sp {
	display: none;
}

.btn-close-tab {
	display: none;
}

.chat-box-customer {
	z-index: 9999;
}

.btn-round {
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 8px !important;
	margin: 0 4px !important;
	border-radius: 23px !important;
	font-size: 13px !important;
	border: solid 1px rgb(17, 173, 157) !important;
	color: rgb(17, 173, 157) !important;
	background: #fff !important;
}

.secondary-comment-edit__btn {
	padding: 0 !important;
}

.chat-call-history {
	height: 330px !important;
}

.list-check-box-sp {
	display: none;
}

.write_down_sp {
	display: none;
}

.color_default-sp {
	display: none;
}

.chat-memo-history__list_sp {
	display: none;
}

.call-log-sp {
	display: none;
}

.secondary-definition-wrap {
	/*height: calc(100vh - 332px) !important;*/
}

.secondary-definition__title-request {
	padding: 16px 10px 0 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	color: #9e9e9e;
	position: relative;
}

.secondary-definition__select-sort {
	font-size: 11px;
	padding-right: 0;
	cursor: pointer;
	font-weight: 100;
	min-width: 36%;
	text-align: right;
}

.secondary-definition__select-sort .active {
	background-color: rgb(17, 173, 157);
	color: #fff;
}

/*.secondary-definition__select-sort::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: none;
    border-right: none;
    border-left: solid 2px rgb(157 157 157);
    border-bottom: solid 2px rgb(157 157 157);
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg) translateX(-50%) translateY(50%);
}*/
.secondary-definition__container {
	min-height: 300px;
}

.secondary-definition__select-sort ul {
	position: absolute;
	list-style: none;
	margin-top: 6px;
	padding: 0;
	background-color: #272727;
	z-index: 111;
	right: 0;
}

.secondary-definition__select-sort li {
	line-height: 24px;
	border-top: 1px solid #9e9d9e;
	padding: 8px 28px;
	cursor: pointer;
}

.secondary-definition__select-sort li:first-child {
	border-top: unset;
}

.secondary-definition__select-sort li:hover {
	background-color: rgb(17, 173, 157);
	color: #fff;
}

.chat-memo__input-sp {
	display: none;
}

.title-list-check-sp {
	display: none;
}

.btn-tab[data-badge]:after {
	top: 6px;
	right: 6px;
}

.dialog-content {
	width: 425px !important;
}

.template-title {
	display: none;
}

.display-mobile {
	display: none;
}

.timeline-write-down-sp {
	display: none;
}

.timeline-form-wrap-sp {
	display: none;
}

.link-to-home-help {
	display: none !important;
}

.link-to-staff-log {
	display: none !important;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.stella-title {
	display: none;
}

.drop-down {
	position: relative;
}

.drop-down__selected {
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	cursor: pointer;
}

.drop-down__list {
	margin: 0;
	padding: 0;
	border: 1px solid #e0e0e0;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	list-style: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 99;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: -3px;
	max-height: 228px;
	overflow: scroll;
	display: none;
}

.drop-down__item {
	padding: 9px 8px;
	cursor: pointer;
	background: #fff;
}

.drop-down__item:hover {
	background: #11ad9d;
	color: #fff;
}

.template-title label {
	bottom: -50px !important;
}

.reset_pass {
	font-size: 20px;
	color: rgba(17, 173, 157, 1);
	text-align: center;
	margin-bottom: 24px;
}

.password_announce {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.announce {
	margin-top: 240px;
}

.dialogWelcome .slick-slider {
	margin: 0 3px;
}

.dialogWelcome .slick-dots li {
	width: 3px;
}

.dialog__chat-username {
	font-family: 'HiraKakuPro-W6' !important;
	font-size: 20px !important;
	color: #11ad9d !important;
	line-height: 21px;
	padding: 0 !important;
	text-align: center !important;
	font-weight: bold;
	margin-top: 10px;
}

.dialog__chat-subtitle {
	font-family: 'HiraKakuPro-W3' !important;
	font-size: 15px !important;
	color: rgba(33, 33, 33, 1);
	line-height: 21px;
	margin-top: 6px;
}

.dialogWelcome .slick-dots li button:before {
	font-size: 8px;
}

.dialogWelcome .slick-dots {
	margin-top: 10px;
	display: block !important;
	bottom: 9px;
}

.dialogWelcome>div:nth-child(1)>div:nth-child(1) {
	width: 546px !important;
	height: 402px;
}

.dialogWelcome .slick-track>div:nth-child(1) {
	margin-bottom: 42px;
}

@media screen and (min-width: 1025px) {
	.alert-advise-call {
		color: #EC407A;
		padding: 0px 16px;
		text-align: center;
		font-weight: bold;
		font-size: 11px
	}

	.dialog-notice {
		left: 716px;
		z-index: 1031;
	}

	.list.blog_list>.list__item {
		width: 50%;
	}
}

.prof-thumbnail-section__left {
	float: left;
	width: 272px;
	margin-right: 22px;
}

.prof-thumbnail-section__right {
	float: left;
	width: calc(100% - 294px);
}

.prof-thumbnail__right {
	float: left;
	width: calc(100% - 294px);
	display: flex;
}

.prof-thumbnail-section__left .textfield__input label {
	right: -11px !important;
	bottom: -48px !important;
}

.prof-thumbnail__button i {
	margin-right: 15px !important;
}

.prof-thumbnail {
	margin-top: 10px;
}

.thumbnail-guide {
	margin-top: 21px;
	padding: 16px 24px 24px 24px;
	background-color: rgba(235, 250, 248, 1);
}

.thumbnail-guide__title {
	font-size: 16px;
	color: rgba(17, 173, 157, 1);
	font-weight: bold;
	margin-bottom: 10px;
}

.thumbnail-guide__desc {
	font-size: 15px;
	margin-bottom: 17px;
}

.thumbnail-guide__desc span {
	color: rgba(236, 64, 122, 1);
}

.thumbnail-guide__image img {
	width: 100%;
	margin: 0;
	max-height: 400px;
}

.primary-title .primary-title__subtitle.subtitle_setting {
	margin-left: 16px;
}

.mission-list {
	background: #fff;
	border-radius: 5px;
}

.mission-item {
	padding: 16px;
	border-bottom: 1px solid #e0e0e0;
	list-style-type: none;
	display: flex;
}

.home-mission-list .mission-item:last-child {
	border: none;
}

.home-mission-list .mission-item__left {
	width: 70.75%;
}

.mission-item__left {
	cursor: pointer;
}

.home-mission-list .mission-item__right {
	width: 29.25%;
	padding-left: 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.mil__header {
	overflow: hidden;
}

.mil__header>* {
	float: left;
}

.mission-item__level {
	display: block;
	border-radius: 2px;
	width: 44px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
}

.mission-item__title {
	display: block;
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
}

.mission-item__progressBar {
	margin-top: 8px;
	height: 6px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.08);
	position: relative;
}

.mission-item__completed {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 3px;
	display: none;
}

.mission-item.started .mission-item__completed {
	display: block;
}

.mil__footer {
	margin-top: 8px;
	overflow: hidden;
}

.mission-item__progress {
	float: left;
	font-size: 12px;
	line-height: 1;
	color: rgba(0, 0, 0, 0.87);
}

.mission-item__point {
	float: right;
	color: rgba(0, 0, 0, 0.87);
	font-size: 12px;
	line-height: 1;
}

.mission-item__point span {
	font-weight: bold;
}

.mission-item__btn button {
	width: 100%;
	box-sizing: border-box;
	line-height: 42px;
	margin-top: 9px;
	height: auto;
}

.mission-level-4 .mission-item__level,
.mission-level-4 .mission-item__point span,
.mission-level-4.completed .mission-item__progress,
.mission-level-4 .mission-item__hint,
.mission-level-4 .mission-item__rewardContent .congratulations,
.mission-level-4 .mission-item__rewardContent .point {
	color: rgba(235, 61, 61, 1);
}

.mission-level-4 .mission-item__level {
	background-color: rgba(235, 61, 61, 0.1);
}

.mission-level-4 .mission-item__completed {
	background-color: rgba(235, 61, 61, 1);
}

.mission-item__detail,
.mission-item__reward {
	overflow-x: hidden !important;
}

.mission-level-1 .mission-item__level,
.mission-level-1 .mission-item__point span,
.mission-level-1.completed .mission-item__progress,
.mission-level-1 .mission-item__hint,
.mission-level-1 .mission-item__rewardContent .congratulations,
.mission-level-1 .mission-item__rewardContent .point {
	color: rgba(17, 173, 157, 1);
}

.mission-level-1 .mission-item__level {
	background-color: rgba(17, 173, 157, 0.1);
}

.mission-level-1 .mission-item__completed {
	background-color: rgba(17, 173, 157, 1);
}
.mission-level-5 .mission-item__level,
.mission-level-5 .mission-item__point span,
.mission-level-5.completed .mission-item__progress,
.mission-level-5 .mission-item__hint {
	color: rgba(17, 173, 157, 1);
	width: fit-content;
	/* padding-left: 5px;
	padding-right: 5px; */
}
.mission-level-5  .mission-item__rewardContent .congratulations ,
.mission-level-5  .mission-item__rewardContent .point {
	color: rgba(17, 173, 157, 1);
	/* padding-left: 5px;
	padding-right: 5px; */
}

.mission-level-5 .mission-item__level {
	background-color: rgba(17, 173, 157, 0.1);
}

.mission-level-5 .mission-item__completed {
	background-color: rgba(17, 173, 157, 1);
}

.mission-level-2 .mission-item__level,
.mission-level-2 .mission-item__point span,
.mission-level-2.completed .mission-item__progress,
.mission-level-2 .mission-item__hint,
.mission-level-2 .mission-item__rewardContent .congratulations,
.mission-level-2 .mission-item__rewardContent .point {
	color: rgba(255, 144, 0, 1);
}

.mission-level-2 .mission-item__level {
	background-color: rgba(255, 144, 0, 0.1);
}

.mission-level-2 .mission-item__completed {
	background-color: rgba(255, 144, 0, 1);
}

.mission-level-3 .mission-item__level,
.mission-level-3 .mission-item__point span,
.mission-level-3.completed .mission-item__progress,
.mission-level-3 .mission-item__hint,
.mission-level-3 .mission-item__rewardContent .congratulations,
.mission-level-3 .mission-item__rewardContent .point {
	color: rgba(236, 64, 122, 1);
}

.mission-level-3 .mission-item__level {
	background-color: rgba(236, 64, 122, 0.1);
}

.mission-level-3 .mission-item__completed {
	background-color: rgba(236, 64, 122, 1);
}

.mission-level-startdash .mission-item__level,
.mission-level-startdash .mission-item__point span,
.mission-level-startdash.completed .mission-item__progress,
.mission-level-startdash .mission-item__hint {
	color:rgba(255, 144, 0, 1);
	width: fit-content;
	/* padding-left: 5px;
	padding-right: 5px; */
}
.mission-level-startdash .mission-item__rewardContent .congratulations ,
.mission-level-startdash .mission-item__rewardContent .point {
	color:rgba(255, 144, 0, 1);
	/* padding-left: 5px;
	padding-right: 5px; */
}

.mission-level-startdash .mission-item__level {
	background-color: rgba(236, 64, 122, 0.1);
}

.mission-level-startdash .mission-item__completed {
	background-color: rgba(255, 144, 0, 1);
}
.block-line {
	width: 100%;
	height: 8px;
}

.mission-item__detail {
	max-height: none !important;
}

.mission-item__detail .mission-item__level,
.mission-item__reward .mission-item__level {
	text-align: center;
	width: 100%;
	margin-bottom: 24px;
	height: 25px;
	line-height: 25px;
}


.mission-item__detail .mission-item__title {
	font-size: 20px;
	margin-left: 0;
	font-weight: normal;
	padding-bottom: 16px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 16px;
}

.mission-item__detail .mission-item__desc-1,
.mission-item__detail .mission-item__desc-2 {
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 20px;
	word-break: break-all;
}

.mission-item__hint {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

.mission-item__hint span {
	color: rgba(255, 236, 0, 1);
}

.mission-item__start {
	text-align: center;
	margin-bottom: 20px;
}

.mission-item__close {
	text-align: center;
}

.popup-item_close {
	margin-top: 16px;
	cursor: pointer;
}

.mission-item__reward .mission-item__level {
	margin-bottom: 0;
}

.mission-item__rewardContent {
	text-align: center;
	position: relative;
}

.mission-item__rewardContent img {
	margin-bottom: 0;
}

.mission-item__rewardContent .congratulations,
.mission-item__rewardContent .point {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
}

.mission-item__rewardContent .congratulations {
	top: 25px;
	width: 100%;
}

.mission-item__rewardContent .point {
	bottom: 41px;
	width: 100%;
}

.mission-item__getReward {
	text-align: center;
	margin: -17px 0 20px 0;
}

.mission-item__getReward button {
	height: 44px;
	padding: 0 30px;
}

.mission-item__detail a,
.mission-item__reward a {
	cursor: pointer;
}

.setting-mission .mission-item {
	padding: 16px 32px 16px 16px;
}

.setting-mission .mission-item__left {
	width: 66.22%;
	padding-right: 20px;
	border-right: 2px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.setting-mission .mission-item__right {
	width: 33.78%;
}

.setting-mission .mission-item__right>* {
	float: left;
}

.setting-mission .mission-item__point {
	margin-left: 20px;
	line-height: 55px;
	font-size: 15px;
	font-weight: bold;
}

.setting-mission .mission-item__btn {
	float: right;
	width: 45.45%;
}

.setting-mission .mission-item__btn button {
	width: 100%;
}

.setting-mission ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mission-archived-item {
	padding: 10px 16px;
}

.mission-archived-item__left img {
	margin: 0;
}

.mission-archived-item__right {
	width: calc(100% - 70px);
	margin-left: 16px;
}

.mission-archived-item .mission-item__header {
	margin: 10px 0;
}

.mission-archived-item .mission-item__header>*,
.mission-archived-item .mission-item__footer>* {
	float: left;
}

.mission-archived-item .mission-item__archivedTime {
	font-size: 12px;
	margin-right: 24px;
	line-height: 1;
}

.mission-archived-item .mission-item__point {
	font-size: 12px;
	line-height: 1;
}

.mission-archived-item .mission-item__point span {
	font-weight: normal;
}

.home-mission-list h2 a {
	margin-left: 8px;
	font-size: 13px;
}

body.lock-scroll {
	overflow: hidden;
	height: 100%;
}

.answer-categories {
	background: #fff;
	height: 60px;
	margin-bottom: 32px;
	border-radius: 3px;
	padding: 3px 0px 3px 0px;
}

.list-answer-select {
	display: -webkit-inline-box;
	list-style-type: none;
	padding-inline-start: 0px;
}

.answer-category-title {
	line-height: 60px;
	float: left;
	margin-left: 24px;
}

.answer-category-item {
	margin-left: 24px;
}

.answer-item {
	background: #fff;
	padding: 12px 36px 12px 24px;
	border-radius: 3px;
	margin-top: 16px;
}

.answer-item-top {
	height: 20px;
	margin-bottom: 8px;
}

.answer-item-category {
	background: rgba(106, 214, 203, 0.5);
	width: 96px;
	text-align: center;
	border-radius: 3px;
	float: left;
	color: #fff;
}

.answer-item-status {
	float: right;
	color: rgba(167, 142, 218, 1);
}

.answer-item-short-content {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.5em;
	text-align: justify;
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
}

.answer-item-long-content {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.8em;
	text-align: justify;
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
}

.answer-item-content {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.3em;
	text-align: justify;
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
	overflow-wrap: break-word;
}

.answer-item-content:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}

.answer-item-content:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}

.answer-item-bottom {
	margin-top: 8px;
	height: 24px;
}

.answer-item-username {
	float: left;
	line-height: 24px;
	color: rgba(139, 132, 152, 1);
}

.answer-item-status-profile {
	float: left;
	margin-left: 12px;
}

.icon-active {
	color: #11ad9d;
}

.answer-item-status-time {
	float: left;
	margin-left: 12px;
	line-height: 24px;
	color: rgba(174, 169, 185, 1);
}

.answer-item-status-amount-answer {
	line-height: 24px;
	color: rgba(56, 53, 61, 1);
}

.icon-amount-answer {
	color: #11ad9d;
	margin-right: 4px;
}

.answer-item-status-amount-answer {
	float: right;
}

.detail-answer-item-content-box {
	padding: 12px 16px 12px 16px;
}

.detail-answer-item-content {
	font-size: 14px;
}

.detail-answer-item-content-box {
	background: #fff;
	padding: 12px 16px 12px 16px;
	border-radius: 3px;
	margin-top: 16px;
	overflow-wrap: break-word;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.detail-answer-item-top {
	height: 20px;
	margin-bottom: 8px;
}

.detail-answer-item-username {
	margin-left: 12px;
	float: left;
}

.detail-answer-item-category {
	background: #11ad9d;
	width: 96px;
	text-align: center;
	border-radius: 3px;
	float: left;
	color: #fff;
}

.detail-answer-item-time {
	float: left;
	margin-left: 12px;
}

.detail-answer-item-status {
	float: right;
	color: rgba(167, 142, 218, 1);
}

.answer-detail-left {
	width: 76%;
	float: left;
}

.answer-detail-right {
	margin-left: 1%;
	width: 22%;
	background: #fff;
	float: right;
	border: 1px solid #eeeeee;
	margin-bottom: 36px;
}

.answer-user-profile {
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	min-height: 420px;
}

.answer-user-profile .chat-karte {
	padding: 8px 24px !important;
}

.answer-other-teller {
	height: 34%;
	padding: 12px;
	border-top: 1px solid #ccc;
}

.list-answer-other {
	list-style-type: none;
	display: initial;
}

.answer-other-item {
	border: 1px solid rgb(218, 218, 218);
	height: 20%;
	margin-top: 8px;
	padding: 8px;
	border-radius: 3px;
	height: 78px;
	overflow: hidden;
}

.answer-other-item-content {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 3.6em;
	/* fix problem when last visible word doesn't adjoin right side  */
	text-align: justify;
	/* place for '...' */
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
}

.answer-other-item-content:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}

.answer-other-item-content:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}

.answer-other-teller-top {
	height: 20px;
}

.answer-item-status-amount-answer-other {
	line-height: 20px;
	float: right;
}

.answer-other-teller-title {
	float: left;
	color: #11ad9d;
	font-size: 12px;
	margin-top: 4px;
}

.icon-amount-answer-other {
	font-size: 16px;
	color: #11ad9d;
	margin-right: 4px;
}

.see-all-answer-other {
	color: #11ad9d;
	float: right;
	margin-top: 8px;
	font-size: 12px;
}

.best-answer-item {
	background: #fff;
	padding: 12px 36px 12px 24px;
	border-radius: 3px;
	margin-top: 16px;
	display: flex;
}

.best-answer-item-left {
	width: 80%;
	float: left;
}

.best-answer-item-right {
	margin-left: 10%;
	margin-top: auto;
	margin-bottom: auto;
}

.checkboxDialogWelcome {
	margin-top: 15px;
}

.checkboxDialogWelcome div {
	color: #7d7d7d;
	justify-content: center;
	margin-right: 5px !important;
}

.checkboxDialogWelcome label {
	color: rgba(139, 132, 152, 1) !important;
	font-size: 14px;
	width: unset !important;
	font-weight: unset !important;
}

.checkboxDialogWelcome svg:nth-child(1) {
	fill: #b0b0b0 !important;
}

.answer-detail-form__checkbox div {
	align-items: center;
}

.answer-detail-form__checkbox {
	background-color: rgba(248, 122, 166, 0.1);
	border-radius: 4px;
	margin: 7px auto;
	padding: 5px 7px;
	width: 94% !important;
}

.answer-detail-form__checked {
	background-color: unset;
}

.answer-detail-form__checkbox label {
	color: rgba(0, 0, 0, 0.87) !important;
	font-size: 13px;
	width: unset !important;
	font-weight: unset !important;
	line-height: 30px;
	margin-bottom: unset;
}

.answer-detail-form__checkbox svg:nth-child(1) {
	fill: rgba(118, 118, 118, 1) !important;
}

.answer-detail-form__checkbox svg:nth-child(2) {
	fill: rgba(17, 173, 157, 1) !important;
}

.answer-detail-form {
	padding: 30px 20% !important;
	white-space: unset;
}

.answer-detail-form__title {
	font-size: 14px;
	color: rgba(94, 202, 189, 1);
	letter-spacing: 0.02em;
	margin-bottom: 15px;
	margin-left: 20px;
	font-weight: bold;
}

.answer-detail-form__checked {
	background-color: unset !important;
}

.answer-detail-form__btn-submit {
	width: 100px !important;
	margin: 19px auto;
}

.answer-detail-form__text-footer {
	font-size: 12px;
	color: rgba(77, 75, 81, 1);
	letter-spacing: 0.02em;
	text-align: center;
	margin-top: 30px;
}

.submitWelcome {
	background: #11ad9d;
	float: right;
	width: 80px;
	height: 40px;
	color: #fff;
	margin-top: 28px;
}

.submitMessageOffline {
	height: 36px;
	width: 24%;
	margin-left: 38%;
	margin-top: 24px;
	color: #fff;
	background: #11ad9d;
	outline: none;
	border-radius: 3px;
}

.getPointBestAnswerActive {
	width: 80px;
	height: 40px;
	border-radius: 3px;
	background: #11ad9d;
	color: #fff;
	outline: none;
}

.getPointBestAnswerInActive {
	width: 80px;
	height: 40px;
	border-radius: 3px;
	background: #eeeeee;
	color: #7d7d7d;
	outline: none;
}

.answer-item-right {
	float: right;
}

.dialog__too-few-character-container {
	width: 50% !important;
}

.dialog__too-few-character-body {
	padding: 67px 21px 25px 25px !important;
}

.dialog__too-few-character__title {
	font-family: 'HiraKakuPro-W6';
	font-weight: bold;
	font-size: 20px;
	color: rgba(77, 75, 81, 1);
	margin-bottom: 11px;
}

.dialog__too-few-character__content {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 20px;
	color: rgba(0, 0, 0, 0.87);
}

.dialog__too-few-character__subcontent {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 20px;
	color: rgba(0, 0, 0, 0.87);
	margin-bottom: 42px;
}

.dialog__too-few-character__button-area {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.dialog__too-few-character__button-ok {
	border: none;
	background-color: rgba(17, 173, 157, 1);
	border-radius: 2px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24),
		0px 0px 2px 0px rgba(0, 0, 0, 0.12);
	padding: 11px 39.5px 10px 39.5px;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.dialogReplyConfirm div:nth-child(1) {
	max-width: 560px !important;
	margin-left: auto;
	margin-right: auto;
}

.dialogBlock div:nth-child(1) {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	white-space: pre-wrap;      /* Webkit */    
	white-space: -moz-pre-wrap; /* Firefox */     
	white-space: -pre-wrap;     /* Opera <7 */    
	white-space: -o-pre-wrap;   /* Opera 7 */     
	word-wrap: break-word;      /* IE */ 
	max-height: 750px !important;
}
.dialogContent{
	width:400px;
}
.dialog-out-chat div:nth-child(1) {
	width: 510px !important;
	margin-left: auto;
	margin-right: auto;
}

.dialog-out-chat__content1 {
	font-family: 'HiraKakuPro-W3';
	font-size: 17px;
	color: rgba(0, 0, 0, 0.87);
	line-height: 21px;
	margin-bottom: 30px;
}

.dialog-out-chat__content2 {
	font-family: 'HiraKakuPro-W3';
	font-size: 17px;
	color: rgba(236, 64, 122, 1);
	margin-bottom: 10px;
}

.dialog-out-chat__content2 span {
	padding-bottom: 14px;
	display: inline-block;
}

.dialog-out-chat__content3 {
	font-family: 'HiraKakuPro-W3';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
	margin-bottom: 30px;
}

.dialog-out-chat__content3 span {
	font-family: 'HiraKakuPro-W6';
	color: rgba(236, 64, 122, 1);
	font-weight: bold;
}

.btn-cancel-out-chat {
	color: rgba(0, 0, 0, 0.87);
}

.btn-accept-out-chat {
	margin-right: 20px;
}

.wrap-btn-out-chat {
	display: flex;
	justify-content: center;
}

.dialogReplyConfirm>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
	padding: 48px 24px 24px 24px !important;
}

.buttonsReply {
	float: right;
	margin-top: 32px;
	display: flex;
}

.buttonsReplyBlock {
	margin-left: auto;
	margin-right: auto;
	width: 84%;
}
.buttonsReplyBlock2 {
	margin-left: auto;
	margin-right: auto;
}
.cancelReply {
	background: #eeeeee;
	margin-right: 24px;
	height: 24px;
	width: 80px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	color: '#000000';
}

.submitReply {
	background: #11ad9d;
	height: 24px;
	color: #fff;
	width: 80px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
}

.submitReplyBlock {
	width: 135px;
	background: #11ad9d;
	margin-right: 24px;
	height: 32px;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12);
	margin-bottom: 13px;
}
.disableSubmitReplyBlock {
	width: 135px;
	background-color: rgba(0, 0, 0, 0.12);
	margin-right: 24px;
	height: 32px;
	color: rgba(0, 0, 0, 0.26);
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12);
	margin-bottom: 13px;
}
.cancelReplyBlock {
	width: 135px;
	background: #eeeeee;
	height: 32px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	color: rgba(32, 32, 32, 1);
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12);
}

.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1) {
	width: 64% !important;
	max-width: none !important;
	margin-left: 15% !important;
}

.dialogOtherAnswers {
	padding-top: 20px !important;
}

.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
	height: calc(100vh - 150px);
	max-height: none !important;
	background: #fff;
	overflow-y: scroll !important;
}

.otherAnwersTop {
	margin-bottom: 24px;
}

.otherAnswerContent {
	overflow-wrap: break-word;
}

.otherAnswerContent img {
	width: 64px;
	height: 64px;
	margin-right: 16px;
}

.otherAnswerContent p {
	margin-top: 32px;
}

.otherAnwersClose {
	color: #11ad9d;
	float: right;
}

.otherAnswerItem {
	padding: 12px;
	border: 1px solid #b0b0b0;
	border-radius: 3px;
	margin-top: 12px;
}

.wrapAnswerPosted {
	margin-top: 48px;
}

.titleAnswerPosted {
	color: rgba(0, 0, 0, 0.87);
	font-size: 18px;
}

.answerPosted {
	background: #f7f3fe;
	padding: 16px;
	border: 1px solid rgba(247, 243, 255, 1);
	border-radius: 3px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	margin-top: 12px;
	margin-bottom: 32px;
}

.answerPostedTime {
	float: right;
	color: rgba(139, 132, 152, 1);
}

.titleGetPoint {
	text-align: center;
	background-color: rgba(94, 202, 189, 0.1);
	color: rgba(94, 202, 189, 1);
	border-radius: 2px;
}

.congratulationsGetPoint {
	color: rgba(94, 202, 189, 1);
}

.pointBestAnswer {
	color: rgba(94, 202, 189, 1);
}

.popUpBestAnswer {
	background: #fff;
	box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
	border-radius: 4px;
}

.titlePopUpBestAnswer {
	float: left;
	line-height: 50px;
	margin-left: 12px;
	color: #000;
	margin-top: 6px;
}

.buttonBestAnswer {
	margin-left: 24px;
	background: #11ad9d;
	border-radius: 3px;
	height: 28px;
	margin-top: 14px;
	margin-bottom: 14px;
	color: #fff;
	width: 150px;
	outline: none;
	border-color: transparent;
}

.review__main {
	padding-left: 24px;
	overflow-wrap: break-word;
}

.answerDetailLeft {
	width: 100px;
	margin-right: 32px;
}

.answer-form-main {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.best-answer-item-right button {
	border: none;
}

.answer-other-item-best-answer img {
	width: 32px;
	margin-bottom: 0;
	float: right;
}

.answer-other-item-top {
	display: flex;
	margin-bottom: 4px;
}

.chat-list-delimiter__text {
	width: 86px !important;
}

.replyAnswer>div:nth-child(3) textarea:nth-child(2) {
	margin-top: 10px !important;
	margin-bottom: 36px !important;
}

.replyAnswer>div:nth-child(2) textarea:nth-child(2) {
	margin-top: 10px !important;
	margin-bottom: 12px !important;
}

#js_chat_karte {
	height: 45%;
}

#js_chat_memo_history {
	height: 49%;
	/*overflow: scroll;*/
}

.answerPostedLike {
	float: right;
	margin-top: 12px;
}

.answerPostedLike span {
	font-size: 16px;
	color: rgba(139, 132, 152, 1);
	margin: 0 4px 0 4px;
}

.answerPostedLike i {
	font-size: 16px;
	color: rgba(236, 64, 122, 1);
}

.answerPostedLikeOther {
	display: flex;
	float: right;
}

.answerPostedLikeOther span {
	font-size: 10px;
	color: rgba(139, 132, 152, 1);
	margin: 0px 0px 0px 4px;
}

.answerPostedLikeOther i {
	font-size: 10px;
	color: rgba(236, 64, 122, 1);
	margin-top: 2px;
}

.answerPostedLikeOtherDialog {
	display: flex;
	float: right;
	margin-top: 6px;
}

.answerPostedLikeOtherDialog span {
	font-size: 12px;
	color: rgba(139, 132, 152, 1);
	margin: 0px 0px 0px 4px;
}

.answerPostedLikeOtherDialog i {
	font-size: 12px;
	color: rgba(236, 64, 122, 1);
	margin-top: 2px;
}

.otherAnswerTop {
	display: flex;
}
.descriptionReview {
	display: flex;
	border: none;
	background-color: transparent;
}

.otherAnswerTop hr {
	margin: 8px 0px 0px 0px;
}

.otherAnswerTime {
	width: 96%;
}

.fa-heart0 {
	color: rgb(175, 171, 171) !important;
}

.reward-daily {
	width: 158%;
	font-size: 13px;
}

.reward-daily td {
	padding: 4px !important;
}

.rowHeader td {
	padding: 8px !important;
}

.rowHeader th {
	padding: 6px !important;
}

.rowHeaderBot th {
	background-color: rgba(0, 0, 0, 0.06);
	padding: 12px !important;
}

.closeMessageOffline {
	position: absolute;
	top: 8px !important;
	right: 8px !important;
	color: rgba(117, 117, 117, 1) !important;
	cursor: pointer;
}

.dialogMessageOffline>div>div {
	width: 28% !important;
}

.dialogMessageOffline>div>div>div>div {
	padding: 24px 0px 24px 32px !important;
}

.dialogMessageOfflineTitle {
	font-family: 'Hiragino Kaku Gothic Pro';
	color: rgba(0, 0, 0, 0.87);
	font-size: 17px;
	margin-top: 8px;
}

/* #ruler { visibility: hidden; white-space: nowrap; } */
.dialogConfirmSendTemplate>div>div {
	width: 28% !important;
}

.dialogConfirmSendTemplateContent {
	width: 100% !important;
	word-wrap: break-word;
	position: relative;
}

.dialogConfirmSendTemplateTitle,
.dialogConfirmSendTemplateContent {
	font-family: 'Hiragino Kaku Gothic Pro';
	color: rgba(0, 0, 0, 0.87);
	font-size: 17px;
	margin-top: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(151, 151, 151, 1);
}

.dialogMainContent {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dialogSubContent {
	position: absolute;
	width: 13px;
	height: 25px;
	bottom: 24px;
	right: 0px;
	background-color: #ffffff;
}

.containerButton {
	width: 60%;
	margin: 20px auto;
	height: 36px;
	display: flex;
}

.approveSendTemplate {
	width: 48%;
	margin-right: 5%;
	background-color: rgba(17, 173, 157, 1);
	border-radius: 2px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
		0px 0px 1px 0px rgba(0, 0, 0, 0.12);
	color: rgba(255, 255, 255, 1);
	font-size: 15px;
	font-family: 'Hiragino Kaku Gothic Pro';
	text-align: center;
}

.rejectSendTemplate {
	width: 48%;
	background-color: rgba(249, 249, 249, 1);
	color: rgba(0, 0, 0, 0.87);
	border-radius: 2px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
		0px 0px 1px 0px rgba(0, 0, 0, 0.12);
	font-size: 15px;
	font-family: 'Hiragino Kaku Gothic Pro';
	text-align: center;
}

.approveSendTemplate:focus,
.rejectSendTemplate:focus {
	outline: none;
}

.checkboxConfirmSendTemplate {
	width: 59% !important;
	margin: auto;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.checkboxConfirmSendTemplate label {
	font-weight: normal !important;
}

.checkboxMessage {
	margin-top: 24px;
	width: 78% !important;
	margin-left: auto;
}

.chat-list-label-off {
	display: flex;
}

.chat-list-label__text_off {
	display: inline-block;
	line-height: 1em;
	padding: 4px 8px;
	margin: 0 0 8px;
	color: #fff;
	border-radius: 2px;
	font-size: 13px;
	background-color: rgba(236, 64, 122, 1) !important;
}

.chat-list-label__text_free {
	color: rgba(17, 173, 157, 1);
	border: 1px solid rgba(17, 173, 157, 1);
	border-radius: 10px;
	height: 20px;
	text-align: center;
	width: 48px;
	margin-bottom: 8px;
	margin-top: 6px;
}

.helpMarginTop {
	margin-bottom: 12px;
}

.select {
	width: 540px;
	margin-top: 32px;
}

.title-cus-manage {
	margin-bottom: 12px;
}

.textArea {
	margin-top: 32px;
}

.inputCus {
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 4px;
	outline: none;
	padding: 16px;
	width: 504px;
	height: 96px;
}

.inputTitleCus {
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 4px;
	outline: none;
	padding: 10px;
	width: 518px;
}
.inputTitle {
	margin-top: 20px;
}
.dropdown-contact {
	/* width: 668px; */
	/* width: 370px; */
	max-width: 370px;
	margin-left: 24px;
}

.timeSpan1 {
	margin-left: 16px;
	color: rgba(0, 0, 0, 0.27);
	font-size: 20px;
}

.timeSpan2 {
	color: rgba(0, 0, 0, 0.44);
	margin-left: 12px;
}

.react-datepicker__navigation {
	height: 0px !important;
	outline: none;
}

.submitDate {
	position: absolute;
	bottom: 12px;
	right: 6px;
	background: #11ad9d;
	color: #fff;
	justify-content: center;
	border-radius: 2px;
	outline: none;
	border: none;
	width: 32px;
}

.react-datepicker-time__input {
	width: 64px !important;
}

.titleSelectTime {
	margin-bottom: 12px;
	margin-top: 24px;
}

.react-datepicker__input-container input {
	padding: 8px;
}

.submitNoti {
	width: 72px;
	border-radius: 3px;
	background: #11ad9d;
	color: #fff;
	height: 36px;
	outline: none;
	margin-top: 32px;
	margin-bottom: 32px;
	border: none;
}

.errNoti {
	margin-top: 12px;
	color: rgba(236, 64, 122, 1);
}

.countCharacters {
	position: relative;
	bottom: 12px;
	right: 72px;
	color: rgba(0, 0, 0, 0.38);
}

.countTitleCharacters {
	position: relative;
	right: 72px;
	color: rgba(0, 0, 0, 0.38);
}

.createNoti {
	width: 150px;
	background: #11ad9d;
	color: #fff;
	outline: none;
	border: none;
	height: 36px;
	justify-content: center;
	align-content: center;
	border-radius: 3px;
	font-size: 15px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.frame-table-noti th {
	background: rgba(0, 0, 0, 0.06);
}

.frame-table-noti td {
	text-align: center;
}

.editNoti {
	width: 36px;
	background: #11ad9d;
	color: #fff;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
}

.editNotiPushed {
	width: 36px;
	color: #000;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
	background: transparent;
}
.deleteNotiPushed {
	width: 36px;
	color: #000;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
	background: transparent;
}

.deleteNoti {
	width: 36px;
	background: rgba(236, 64, 122, 1);
	color: #fff;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
}

.iconDateNoti {
	font-size: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.26);
	right: 28px;
	position: relative;
	width: 48px;
	height: 100%;
	margin-right: 12px;
}

.buttonBlock {
	height: 24px;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 8px;
}

.button-out-chat {
	height: 23px;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 8px;
	margin-left: 10px;
	width: 72px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24),
		0px 0px 2px 0px rgba(0, 0, 0, 0.12);
}

#buttonBlock {
	width: 72px;
	background: rgba(236, 64, 122, 1);
	color: #fff;
}

#buttonUnBlock {
	width: 100px;
	background: rgba(17, 173, 157, 1);
	color: #fff;
}

#buttonCantBlock {
	width: 72px;
	background: rgba(229, 229, 229, 1);
	color: rgba(0, 0, 0, 0.38);
	padding-bottom: 1px;
}

.submitUnBlock {
	width: 40%;
	margin-left: 28%;
	outline: none;
	border: none;
	background: #11ad9d;
	margin-top: 12px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
	margin-bottom: 16px;
}

.submitUnBlock-wating-time{
	width: 40%;
	margin-left: 28%;
	outline: none;
	border: none;
	background: #11ad9d;
	margin-top: 16px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
	margin-bottom: 16px;
}

.submitCantBlock {
	width: 24%;
	margin-left: 36%;
	outline: none;
	border: none;
	background: #11ad9d;
	margin-top: 24px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
}

.closeUnBlock {
	position: relative;
	left: 102% !important;
	color: rgba(0, 0, 0, 0.5) !important;
	top: -28px;
	cursor: pointer;
}

.closeBlock {
	position: relative;
	top: -8px;
	left: 101% !important;
	color: rgba(0, 0, 0, 0.2) !important;
	cursor: pointer;
}
.closeBlockFirstTime {
	position: relative;
	top: -12px;
	left: 107% !important;
	color: rgba(0, 0, 0, 0.2) !important;
	cursor: pointer;
}
.table-data-block {
	margin-top: 16px;
}

.table-data-block th {
	background: transparent;
	border: none;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.38);
}

.table-data-block td {
	background: transparent;
	border: none;
	font-size: 15px;
}

.table-data-block tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.txtDialogBlock3 {
	font-size: 17px;
	color: rgba(0, 0, 0, 0.87);
	font-family: 'HiraKakuPro-W3';
}
.txtDialogFirstTime2 {
	font-size: 17px;
	color: rgba(0, 0, 0, 0.87);
	font-family: 'Hiragino Kaku Gothic Pro';
}
.txtDialogBlock1 {
	font-family: 'HiraKakuPro-W6';
	font-size: 17px;
	color: #11ad9d;
	line-height: 21px;
	margin-bottom: 33px;
	text-align: center;
	font-weight: 700;
}

.txtDialogBlock2 {
	font-family: 'HiraKakuPro-W3';
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 33px;
	color: rgba(0, 0, 0, 0.87);
}

.txtDialogBlock2 > span {
	color: #ec407a;
}

.txtDialogFirstTime {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 33px;
	color: rgba(0, 0, 0, 0.87);
}
.txtDialogFirstTime > span {
	font-family: 'HiraKakuPro-W6';
	font-size: 17px;
	line-height: 21px;
	color: rgba(238, 85, 137, 1);
}
.txtBlock {
	color: rgba(0, 0, 0, 0.87);
}

.txtBlock1 {
	color: rgba(0, 0, 0, 0.87);
}

.analysis-table {
	padding: 16px 48px 16px 16px;
	margin-top: 16px;
	margin-left: 8px;
}

.monthAnalysis {
	background: rgba(241, 255, 253, 1);
}

.timeline__background-pending {
	background-color: #dadada !important;
}

/*
.replyAnswer > div:nth-child(3) textarea:nth-child(1){
    margin-bottom: 0px !important;
} */

/* end PC */

/* .dialogReplyConfirm div:nth-child(1) div:nth-child(1) div:nth-child(1){
    width: 100%;
} */

/* .answer-detail-wrapper{
    background: #fff;
} */

/* Small devices (tablets, 768px and up) TABLET*/
@media (min-width: 768px) {
	/* .contactPrimary p {
		word-break: break-word;
		margin-right: 24px;
		width: 88%;
	} */
	.errMsgContact {
		color: red;
		margin-left: 24px;
	}
	.text-message-contact {
		color: rgba(236, 64, 122, 1);
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 12px;
		line-height: 15px;
		margin-top: 8px;
		margin-left: 24px;
	}
	.btnFile {
		margin-left: 24px;
		margin-top: 12px;
	}
	.imageContact {
		width: 32px;
		height: 32px;
		margin-left: 64px;
		margin-top: 16px;
	}
	.reviewpage_star-filter {
		width: 151px !important;
	}

	.reviewpage_star-filter hr {
		margin: 10px 0 !important;
	}

	.modal-missing__profile {
		position: relative;
		padding: 44px 17px 30px 31px !important;
	}

	.modal-missing__profile-close__icon {
		display: none;
		position: absolute;
		top: 9px;
		right: 10px;
		cursor: pointer;
		color: rgba(117, 117, 117, 1);
	}

	.modal-missing__profile-paper {
		width: 52% !important;
	}
	.modal-menu-premium-paper{
		width: 52% !important;
	}
	.modal-missing__profile-title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 24px;
		color: rgba(0, 0, 0, 0.87);
		line-height: 21px;
		margin-bottom: 25px;
	}

	.modal-missing__profile-content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 18px;
		color: rgba(0, 0, 0, 0.54);
		line-height: 21px;
		margin-bottom: 39px;
	}

	.modal-missing__profile-buttons {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	.modal-missing__profile-button__cancel {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		margin-right: 44px;
	}

	.modal-missing__profile-button__redirect {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		font-weight: bold;
	}

	.help-additional--title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(33, 33, 33, 1);
		margin-bottom: 8px !important;
	}

	.help-additional__content {
		padding-bottom: 6px !important;
		padding-top: 4px !important;
	}

	.help-additional__content-item {
		font-family: 'HiraKakuPro-W3' !important;
		font-size: 18px !important;
		color: rgba(17, 173, 157, 1);
	}

	.help-additional__content>ul {
		margin-bottom: 0px !important;
		padding-left: 24px !important;
		padding-right: 20px !important;
	}

	.help-additional__content ul li {
		margin-bottom: 23px !important;
	}

	.suspend-request-chat__wrap-icon-bell {
		position: fixed;
		top: 50px;
		right: 270px;
		width: 62px;
		height: 62px;
		z-index: 1000;
	}

	.suspend-request-chat__icon-bell {
		width: 100%;
		height: 100%;
	}

	.dialog__chat-button {
		margin-bottom: 26px !important;
	}

	.dialog__chat-countdown {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.dialog__chat-username {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 21px;
		color: #11ad9d !important;
		line-height: 21px;
		padding: 0 !important;
		text-align: center !important;
		font-weight: bold;
		margin-top: 10px;
	}

	.dialog__chat-subtitle {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 14px;
		color: rgba(33, 33, 33, 1);
		line-height: 21px;
		margin-top: 6px;
	}

	.dialog__chat-button__acceptchat,
	.dialog__chat-button__suspendchat {
		width: 156px !important;
		font-family: 'Hiragino Kaku Gothic Pro';
		outline: none;
	}

	.dialog__chat-notice {
		font-size: 12px !important;
		font-family: 'HiraKakuPro-W3';
		color: rgba(203, 203, 203, 1);
		line-height: 16px;
	}

	.pc_hide {
		display: none;
	}

	.auth-box {
		width: 416px;
	}

	.sitelogo__image {
		max-width: 255px;
	}

	.secondary-header {
		display: none
	}

	.navbar-fixed-bottom {
		bottom: auto;
		top: 0
	}
}

.template-title {
	height: 72px !important;
}

.template-title input[type='text'] {
	margin-top: 14px !important;
}

.labelfield {
	margin-top: 10px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.38);
}

.setting-external-url .textfield__textarea {
	height: 40px !important;
}

.textfield__textarea label {
	bottom: -50px !important;
}

.setting-external-url {
	margin-bottom: 40px !important;
}

.answer-other-item-time {
	color: rgba(174, 169, 185, 1);
	font-size: 10px;
	width: 86%;
}

.titleDailyReward {
	display: flex;
}

.titleDailyReward .primary-title__main {
	margin-top: 6px;
}

.dateTimeReward {
	margin-left: 32px;
	padding: 0px !important;
	display: flex;
}

.dateTimeReward .primary-title__main {
	margin-top: 4px;
	font-weight: normal !important;
	font-size: 16px !important;
	margin-top: 8px;
}

.monthWrap {
	width: 80px;
	height: 24px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.26);
	margin-left: 24px;
}

.preMonth {
	width: 49%;
	border-right: 1px solid rgba(0, 0, 0, 0.26);
	height: 100%;
}

.rdh__navigation {
	float: left;
	margin-left: 16px;
	border: 1px solid rgba(0, 0, 0, 0.26);
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
}

.rdh__navigation a {
	float: left;
	display: block;
	text-decoration: none;
	width: 40px;
	text-align: center;
}

.rdh__navigation a i {
	height: 28px;
	line-height: 28px;
	color: #efefef;
}

.rdh__navigation__prev {
	border-right: 1px solid #dedede;
}

.rdh__navigation__next {
	border-left: 1px solid #dedede;
}

.rdh__navigation a.is-active i {
	color: #7d7d7d;
}

.tableReward,
th,
td {
	text-align: center;
	border-right: 1px solid rgba(211, 211, 211, 1);
	border-bottom: 1px solid rgba(211, 211, 211, 1);
	padding-left: 4px;
	padding-right: 4px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: normal;
}

.valueRow:hover {
	background-color: #ddd;
}

.rowHeader {
	background-color: rgba(0, 0, 0, 0.06);
}

.lastCol {
	border-right: #fff solid;
}

.spaceRow {
	height: 12px;
	background-color: rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(211, 211, 211, 1);
}

.spaceRow>th {
	border-right: none;
}

.spaceRow>td {
	border-right: none;
}

.chat-list-area-wrap-block {
	background: rgba(0, 0, 0, 0.1);
}

.chat-box-form-hidden {
	display: none;
}

.userNameBlock {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	margin-top: 12px;
	font-weight: bold;
	text-align: center;
}

.txtBlock {
	font-size: 15px;
	margin-top: 8px;
	text-align: center;
}

.avatarBlock {
	margin-top: 8px;
	margin-left: 41%;
}

.txtBlock1 {
	font-size: 15px;
	text-align: center;
	margin-top: -20px;
}

.txtBlockClose {
	text-align: center;
	color: rgba(203, 203, 203, 1);
	font-size: 15px;
}

.picker-access {
	padding: 4px !important;
}

.date-picker-access {
	margin-left: 24px;
	margin-top: 12px;
	display: flex;
}

.access-end {
	margin-left: 12px;
}

.selectTime {
	width: 274px;
}

.iconDateAccess {
	font-size: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.26);
	right: 28px;
	position: relative;
	width: 48px;
	height: 72%;
	margin-right: 12px;
}

.centerIconAccess {
	margin-left: -82px;
	font-size: 26px;
}

.submitDateAccess {
	height: 30px;
	background: rgba(17, 173, 157, 1);
	color: #fff;
	outline: none;
	border: none;
	border-radius: 3px;
	width: 48px;
	margin-left: -64px;
}

.table-analysis th,
td {
	font-size: 14px !important;
	color: rgba(0, 0, 0, 0.87);
}

.titleTextBox {
	margin-left: 24px;
	font-weight: bold;
	font-size: 15px;
	margin-top: 43px;
	margin-bottom: 14px;
}
.titleTextField{
	margin-left: 24px;
	font-weight: bold;
	font-size: 15px;
	margin-top: 31px;
	margin-bottom: 14px;
}
.titleValue {
	margin-left: 24px;
	font-size: 15px;
	margin-bottom: 16px;
	font-family: 'HiraKakuPro-W3';
	color: rgba(0, 0, 0, 0.87);
	white-space: pre-wrap;
    word-break: break-word;
    width: 60%;
}
.titleValuePreview {
	margin-left: 24px;
	margin-right: 24px;
	font-size: 15px;
	/* margin-bottom: 16px; */
	font-family: 'HiraKakuPro-W3';
	color: rgba(0, 0, 0, 0.87);
	white-space: pre-wrap;
    word-break: break-word;
}
.inputContact {
	margin-left: 24px;
	/* width: 634px !important; */
	width: 336px !important;
	min-height: 112px !important;
}

.inputContact::placeholder {
	color: rgba(0, 0, 0, 0.38);
}



.inputChooseFile {
	border: 1px solid rgba(0, 0, 0, 0.24) !important;
}

.btn-raised__text {
	color: rgba(0, 0, 0, 0.87);
	font-weight: 200;
}

.checkBoxContact {
	display: flex;
	margin-left: 24px;
	width: 20%;
}

.submitContact {
	width: 84px;
	height: 36px;
	background: #11ad9d;
	color: #fff;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 24px;
	margin-top: 24px;
	margin-bottom: 96px;
}
.submitContact[disabled] {
	width: 84px;
	height: 36px;
	background: rgba(144, 140, 154, 1);;
	color: #fff;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 24px;
	margin-top: 24px;
	margin-bottom: 96px;
}

.fileContact {
	display: flex;
}

.txtFileContact {
	margin-left: 12px;
	margin-top: 24px;
	color: 'rgba(0, 0, 0, 0.7)';
}



.imageConfirm {
	width: 320px;
	height: auto;
	margin-left: 24px;
	margin-top: 24px;
}

.notMarginTop {
	margin-top: 24px !important;
}

.btnsContact {
	display: flex;
}

.cancelContact {
	width: 84px;
	height: 36px;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 24px;
	margin-top: 24px;
	margin-bottom: 96px;
	background: rgba(229, 229, 229, 1);
	color: rgba(0, 0, 0, 0.38);
}

.contact-table th,
td {
	border: none;
}

.contact-table {
	margin-top: 16px;
}

.contact-table td:first-child {
	text-align: center;
}

.contact-table td:last-child {
	text-align: center;
}

.contact-table td {
	text-align: center;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.contact-table th {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.38);
}

.contact-table__content-unread {
	background-color: #f7f7f7;
}

.take_notice {
	margin: 0px 0 20px;
	font-size: 15px;
}

.contact-table__content-unread td {
	font-weight: bold !important;
}

.support-wrap {
	margin-left: 24px;
	margin-top: 32px;
}

.support-title {
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 12px;
}

.support-question-datetime {
	color: rgba(192, 192, 192, 1);
	font-size: 13px;
	margin-bottom: 11px;
}

.support-question-content {
	white-space: pre-wrap;
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 12px;
	margin-top: 24px;
	word-break: break-word;
	width: 90%;
	padding: 0px 12px 0px 0px;
}

.support-question-content-admin {
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 12px;
	line-height: 22px;
	word-break: break-word;
	white-space: pre-wrap;
}

.link-image {
	color: rgb(17, 173, 157);
	cursor: pointer;
}

.support-question {
	padding-bottom: 24px;
	width: 60%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.support-detail-area{
	padding-bottom: 10px;
}
.support-subject {
	font-family: 'HiraKakuPro-W3';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: normal;
}
.support-content {
	font-family: 'HiraKakuPro-W3';
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	line-height: 22px;
}
.support-reply-inner {
	padding: 12px;
	background: rgba(228, 249, 248, 1);
	margin-top: 12px;
	width: 90%;
}

.support-question-title {
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	font-weight: bold;
}

.support-reply-confirm {
	margin-top: 23px;
}

.support-reply {
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
	width: 60%;
}

.support-reply-confirm button {
	width: 88px;
	color: #fff;
	height: 36px;
	outline: none;
	background: #11ad9d;
	margin-left: 12px;
	border: none;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	color: rgba(255, 255, 255, 1);
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24),0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.support-reply-confirm span {
	font-family: 'HiraKakuPro-W3';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.contact-detail-title {
	color: #11ad9d;
	font-size: 13px;
	margin-top: -12px;
	margin-bottom: 16px;
}

.dialogShowImage {
	width: 50%;
	padding-top: 80px !important;
	overflow-y: scroll;
}

.closeImageShow {
	font-size: 36px;
	left: 100% !important;
}

.dialogShowImage img {
	width: 70%;
	margin-left: 15%;
	margin-top: 16px;
}

.noContent {
	text-align: center !important;
}

.noImage {
	width: 200px;
	height: 96px;
	background: rgba(216, 216, 216, 1);
	margin-left: 24px;
	margin-top: 24px;
	position: relative;
}

.noImage p {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 100px;
}

.textCancelContact {
	display: none;
}

.contentConfirm {
	margin-left: 24px;
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	font-family: HiraKakuPro-W3;
	width: 60%;
	word-break: break-word;
	white-space: pre-wrap;
}

.free_unofficial {
	color: rgba(17, 173, 157, 1);
	border: 1px solid rgba(17, 173, 157, 1);
	border-radius: 10px;
	height: 20px;
	text-align: center;
	width: 48px;
	margin-left: 8px;
}

.pay_unofficial {
	color: rgba(236, 64, 122, 1);
	border: 1px solid rgba(236, 64, 122, 1);
	border-radius: 10px;
	height: 20px;
	text-align: center;
	width: 48px;
	margin-left: 8px;
}

/* .tableReward {
    border-collapse: collapse;
    border: 1px solid black;
}

.tableReward th td {
    border: 1px solid black;
} */

/* Medium devices (desktops, 992px and up) DESKTOP*/
@media (min-width: 1200px) {
	.reviewpage_star-filter {
		width: 151px !important;
	}

	.reviewpage_star-filter hr {
		margin: 10px 0 !important;
		width: 92% !important;
	}

	.reviewpage_star-filter_underline {}

	.modal-missing__profile {
		position: relative;
		padding: 24px 16px 26px 24px !important;
	}

	.modal-missing__profile-close__icon {
		display: none;
		position: absolute;
		top: 9px;
		right: 10px;
		cursor: pointer;
		color: rgba(117, 117, 117, 1);
	}

	.modal-missing__profile-paper {
		width: 35% !important;
	}

	.modal-menu-premium-paper{
		width: 25% !important;
	}
	.modal-missing__profile-title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 20px;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 24px;
	}

	.modal-missing__profile-content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.54);
		margin-bottom: 33px;
	}

	.modal-missing__profile-buttons {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	.modal-missing__profile-button__cancel {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		margin-right: 44px;
	}

	.modal-missing__profile-button__redirect {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		font-weight: bold;
	}

	.help-additional--title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(33, 33, 33, 1);
		margin-bottom: 8px;
	}

	.help-additional__content {
		padding-bottom: 9px;
		padding-top: 12px;
	}

	.help-additional__content-item {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px !important;
		color: rgba(17, 173, 157, 1);
	}

	.help-additional__content>ul {
		margin-bottom: 0px;
		padding-left: 24px !important;
		padding-right: 20px !important;
	}

	.help-additional__content ul li {
		margin-bottom: 16px;
	}

	.suspend-request-chat__wrap-icon-bell {
		width: fit-content;
		position: fixed;
		top: 50px;
		right: 270px;
		width: 62px;
		height: 62px;
		z-index: 9999999;
	}

	.navbar-fixed-bottom {
		top: 0;
		bottom: auto;
	}

	.content {
		padding: 100px 32px 48px 288px;
	}
}

.message-dialog>div {
	height: auto !important;
}

.main-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.main-content>div {
	/* float: left; */
	width: calc(50% - 12px);
}

.main-content .home-mission-list {
	/* float: right; */
}

.mission-empty {
	padding: 48px 26px;
	text-align: center;
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	line-height: 20px;
}

.home-mission-list>a {
	cursor: pointer;
}

.mission-item__detail .mission-item__level,
.mission-item__reward .mission-item__level {
	font-size: 15px;
}

.mission-item__start button,
.mission-item__getReward button {
	font-size: 15px;
	font-weight: bold;
}

.mission-item__close a {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.38);
}

.select-feild>div:nth-child(2)>div:nth-child(1)>div:nth-child(2) {
	width: 100%;
	color: rgb(17, 173, 157) !important;
	line-height: 60px !important;
}

.on-top {
	z-index: 9999 !important;
}

.linkBlog {
	background-color: rgba(102, 102, 114, 1);
	height: 24px;
	position: relative;
	display: block;
	text-decoration: none !important;
	margin-bottom: 16px;
}

.linkBlog:hover {
	text-decoration: none;
}

.linkBlog p {
	text-align: center;
	margin: auto;
	top: 2.5px;
	position: relative;
}

.linkBlog p span {
	font-size: 14px;
	font-weight: bold;
}

.dialogWelcome__btn-next {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	position: relative;
}

.dialogWelcome__icon-clear {
	top: 7%;
	left: unset;
	right: 2%;
	cursor: pointer;
	color: #ccc;
}

.dialogWelcome h3 {
	padding: 24px 24px 0px 20px !important;
	font-family: 'HiraKakuPro-W6';
	font-size: 27px !important;
	font-weight: bold !important;
}

.dialogWelcome__line {
	width: 75%;
}

.dialogWelcome__content {
	padding: 0 8px;
}

.content__icon-welcome-answer {
	margin-left: 7px;
	position: relative;
	top: 4px;
	color: rgb(17, 173, 157);
	cursor: pointer;
}

.dialogWelcome__step {
	font-size: 20px;
	line-height: 26px;
	color: rgba(0, 0, 0, 0.87);
}

/* Large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) {
	.suspend-request-chat__wrap-icon-bell {
	}
} */

/****/
@media (max-width: 767px) {
	.alert-advise-call {
		color: #EC407A;
		padding: 0px 16px;
		text-align: center;
		font-weight: bold;
		font-size: 11px
	}

	body {
		min-height: none !important;
	}

	.btn-post-sp {
		margin-top: 24px;
	}

	.btn-tab:hover {
		color: rgba(73, 73, 88, 0.6);
	}

	.btn-tab.is-active:hover {
		color: rgb(17, 173, 157);
	}

	.showText {
		opacity: 1 !important;
	}

	.content__title {
		display: none;
	}

	.replySP textarea::placeholder {
		color: rgba(0, 0, 0, 0.3);
		font-size: 12px;
	}

	.secondary-header .navbar .navbar-default .navbar-fixed-top {
		height: 44px;
	}

	.navbar-header {
		width: auto !important;
	}

	.secondary-hidden {
		left: -100%;
	}

	.on-top {
		z-index: 9999 !important;
	}

	.secondary-show {
		left: 10;
	}

	.secondary {
		padding-top: 0;
	}

	.secondary-header {
		height: 44px;
		background-color: #fff;
	}

	.header-back {
		height: 44px;
		background-color: #fff;
		position: fixed;
		width: 100%;
	}

	.overlay.secondary-show {
		position: fixed;
		background: #0000006e;
		width: 100%;
		height: 100%;
		z-index: 1200;
	}

	.secondary {
		z-index: 1300;
		width: 80%;
	}

	.navbar-default .navbar-toggle {
		border: none;
	}

	.navbar-header {
		background: transparent !important;
	}

	.subtitle_setting {
		display: inherit;
	}

	.sitelogo.navbar-brand {
		display: none;
	}

	.content {
		padding-top: 65px;
	}

	.contentNoti {
		padding: 16px;
		margin-top: -36px;
		padding-bottom: 150px;
	}

	.container {
		height: 44px;
		padding: 0;
	}

	.navtab-header {
		height: 50px;
	}

	.navtab-header a button div div {
		line-height: 20px;
		font-size: 10px;
		color: rgba(0, 0, 0, 0.54);
	}

	.navtab-header a {
		padding: 0;
	}

	.dialog-notice {
		left: 0;
		min-width: 96%;
		margin-left: 2%;
		margin-top: 5px;
	}

	.dialog-notice>div {
		width: 100%;
	}

	.dialog-notice ul {
		max-height: 332px !important;
	}

	.timeline-form-wrap {
		height: 140px;
	}

	.timeline-form-wrap form {
		height: 80px;
	}

	.timeline-form-main {
		height: calc(100vh - 108px);
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	}

	.timeline-form-actions {
		padding: 12px 16px 12px;
	}

	.timeline-answer-actions {
		white-space: unset;
	}

	.answer-detail-form__checkbox svg:nth-child(2) {
		fill: rgba(17, 173, 157, 1) !important;
	}

	.timeline-form {
		height: 100%;
		margin: 0px 16px 0px 16px;
	}

	.timeline-form div {
		height: 100% !important;
	}

	.timeline-answer {
		/* margin-top: 42px; */
	}

	.timeline-form div div {
		height: 98% !important;
	}

	.timeline-answer div div textarea {
		height: 98% !important;
		padding-top: 52px !important;
		/* width: calc(100% - 100px) !important; */
	}

	.timeline-form-main-answer {
		height: calc(70vh - 178px) !important;
		padding-bottom: 30px;
		min-height: 45vh;
	}

	.answer-detail-form__title {
		margin-left: 11px;
		font-size: 12px;
	}

	.answer-detail-form__text-footer {
		font-size: 10px;
	}

	.answer-detail-form__checkbox div {
		margin-right: 6px !important;
	}

	.answer-detail-form__checkbox label {
		font-size: 11px;
		color: rgba(0, 0, 0, 0.87);
	}

	.answer-detail-form__checkbox {
		width: 96% !important;
	}

	.frame-table {
		overflow-x: hidden;
		overflow: scroll;
	}

	.frame-table::-webkit-scrollbar {
		display: none;
	}

	.checkout-box {
		min-width: 92%;
	}

	.timeline__btn {
		padding: 0;
		margin: 0;
	}

	.timeline-form-actions__file {
		padding: 0;
		min-width: 0px;
	}

	.timeline__btn::after {
		right: 12px !important;
	}

	.timeline__inner .list .list__item {
		width: 50%;
	}

	.seal-name__text {
		overflow: scroll;
		width: 75px;
	}

	.review__main {
		word-break: break-all;
	}

	.primary__inner .btn-wrap {
		display: inline-flex;
		width: 100%;
	}

	.primary__inner .prof-thumbnail__button.btn-wrap {
		flex-direction: column;
	}

	.primary__inner .btn-wrap input {
		font-size: 15px;
		width: 100%;
	}

	.bottom_menu {
		padding-top: 60px;
		padding-bottom: 100px;
		height: 100%;
	}

	.bottom_menu_list {
		list-style: none;
		background-color: #fff;
		padding-top: 10px;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.bottom_menu_list>li {
		border-top: 1px solid #e5e5e5;
	}

	.bottom_menu_list li {
		border-bottom: 1px solid #e5e5e5;
		padding: 13px;
	}

	.bottom_menu_list li span {
		color: grey;
	}

	.bottom_menu_list li a {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}

	.bottom_list_logout {
		padding: 13px;
		margin-top: 10px;
		background-color: #fff;
	}

	.bottom_list_logout span {
		color: grey;
	}

	.lead-nav {
		overflow-x: scroll;
		margin: 0px -10px 8px !important;
	}
	.lead-nav::-webkit-scrollbar { 
		display: none;  /* Safari and Chrome */
	}
	.scroll-menu-list-reward {
		width: max-content;
	}

	.definition__data .list.flex_start .list__item {
		float: left;
		padding: 4px 4px;
	}

	.primary__inner_template {
		padding: 0px;
	}

	.noti__reset-pw-success {
		font-weight: normal !important;
	}

	/* .primary-title{
        display: none;
    } */
	.primary-title__description {
		font-size: 12px;
		font-weight: 600;
	}

	.primary-title__description-template {
		padding-bottom: 15px;
	}

	.template-block__title {
		padding-left: 12px;
		width: 96%;
	}

	.template-block__title>div {
		height: 40px !important;
	}

	.template-block__body {
		padding: 45px 0px 0px 0px;
	}

	.template-block {
		border-bottom: 1px solid #e5e5e5;
		padding-left: 12px;
		padding-right: 12px;
		margin-top: 8px;
		padding-bottom: 4px;
	}

	.template-block__btn {
		margin-top: 60px;
		height: 25px;
		width: 50px;
		position: relative;
	}

	.chat-box-customer {
		right: -256px;
		transition: 0.2s;
	}

	.show_chat-box-customer {
		transition: 0.2s;
		right: 0 !important;
		z-index: 999;
		width: 100%;
		background-color: gray;
		z-index: 9999;
	}

	/* .wrap-chat-box-customer{
        width: 100%;
        height: 100%;
        z-index: 99999;
    } */
	.chat-karte-list-wrap {
		height: 100%;
		width: 85%;
		margin-left: 15%;
		background: white;
	}

	.chat-karte-list .list__item {
		height: 33%;
	}

	.chat-memo-history-hidden {
		display: none;
	}

	.chat-karte-list-wrap-hidden {
		display: none;
	}

	.chat-memo-history__nav-hidden {
		display: none;
	}

	.chat-memo__fullscreen-hidden {
		display: none;
	}

	.content.layout_chat {
		width: 100%;
		height: 90%;
		padding: 0;
	}

	.chat-box-form {
		padding: 0;
		bottom: 0px;
	}

	.chat-form-custom {
		display: none;
	}

	.chat-form-main {
		display: none;
	}

	.chat-form-custom_sp {
		display: block;
		padding-bottom: 20px;
	}

	.send-pictures-sp {
		display: block;
		overflow: auto;
	}

	.list-pictures-sp {
		list-style: none;
		float: left;
	}

	.picture-item-sp {
		width: 14%;
		margin: 0px 10px;
		list-style: none;
		float: left;
		height: 60px;
		overflow: hidden;
	}

	.btn-file-sp {
		background-color: #ffffff;
		border: none;
		height: 24px;
	}

	.btn-picture-item-sp {
		margin-left: -17px;
		margin-top: -7px;
		height: 25px;
		width: 18px;
		color: rgba(255, 255, 255, 1);
		border-radius: 50%;
		border: none;
		background-color: rgba(117, 117, 117, 1);
		position: absolute;
	}

	/* .content-picture:hover .btn-picture-item-sp {
        visibility: visible;
    } */
	.chat-list-delimiter__text {
		z-index: 40;
	}

	.chat-list-delimiter {
		z-index: 0;
	}

	.chat-form-main_sp {
		display: block;
		overflow: hidden;
		padding-bottom: 5px;
	}

	.chat-memo-history {
		top: 0;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 9999;
	}

	.chat-memo-wrap {
		height: 100%;
		width: 85%;
		margin-left: 15%;
		background: white;
		position: relative;
	}

	.chat-memo {
		height: 95%;
	}

	.chat-memo__input {
		height: 100%;
		border: none;
	}

	.chat-form__input {
		height: 30px;
		padding: 11px 12px 0px 0px;
		width: 100%;
	}

	.chat-form-btn {
		padding: 6px;
		width: 18%;
		margin-left: 6px;
	}

	.chat-form-btn button {
		float: right;
	}

	.chat-form-custom__pay {
		margin-left: 10px;
		float: left;
		padding: 0 6px 0 0;
	}

	.chat-form-custom-definition__title {
		display: none;
	}

	.chat-form-custom__pay:after {
		display: none;
	}

	.chat-form-custom-count {
		top: 40px;
		padding: 8px;
		z-index: -1;
		color: darkgrey;
	}

	.show_template_sp {
		float: left;
		display: block;
	}

	.btn_show_template {
		height: 24px;
		line-height: 24px;
		padding: 0 8px;
		margin: 0 4px;
		border-radius: 23px;
		font-size: 13px;
		border: solid 1px rgb(17, 173, 157);
		color: rgb(17, 173, 157);
		background: #fff;
	}

	.dialog-chat div div {
		width: 80%;
		margin-left: 4%;
	}

	.dialog-chat h3 {
		font-size: 20px;
	}

	.dialog-chat div {
		font-size: 13px;
	}

	#lead-nav .list.lead_nav {
		white-space: nowrap;
	}

	.list__item {
		display: inline-block;
		float: none;
	}

	.nav_right_chat {
		display: inline-block;
		float: right;
		padding: 12px 6px 12px 0px;
	}

	.pencil {
		display: none;
	}

	.user {
		display: none;
	}

	.show-pencil {
		display: block;
		background: none;
		float: left;
		border: none;
		outline: none;
		height: 24px;
	}

	.show-user {
		background: none;
		border: none;
		outline: none;
	}

	.message_text {
		/* width: 130px;
        display: inline-lock; */
		float: left;
		margin-top: 16px;
		color: rgb(17, 173, 157);
	}

	.link-to-home {
		display: none;
	}

	.show-link-to-home {
		float: left;
		margin-left: 5px;
		margin-top: 16px;
	}

	.chat-list-area {
		padding-bottom: 120px;
		height: auto;
		scroll-behavior: smooth;
	}

	.user_name_hidden {
		display: none;
	}

	.user_name_show {
		font-size: 18px;
		color: rgba(0, 0, 0, 0.87);
		font-weight: 500;
		float: left;
		width: 40%;
		text-align: center;
		padding-top: 12px;
		padding-left: 25px;
	}

	.chat-form-custom-definition__data {
		display: none;
	}

	.hiddenClass {
		display: none !important;
	}

	.hiddenNotImportant {
		display: none;
	}

	.chat-form-custom-definition__data_sp {
		display: none;
	}

	.chat-form-custom-definition__data_sp-show {
		display: block;
		height: 200px;
		width: 90%;
		z-index: 9999;
		margin-left: 5%;
		background-color: #fff;
		position: absolute;
		top: -164px;
	}

	.chat-form-custom-definition__data_sp-show ul {
		box-shadow: 0px 4px 4px 8px #f5f5f5;
	}

	.chat-form-custom-definition__data_sp-show ul li {
		width: 50%;
		margin-top: 12px;
	}

	.chat-form-custom-definition__data_sp-show .btn-round {
		height: 16px;
		line-height: 16px;
		border-radius: 23px !important;
		font-size: 13px;
		border: solid 1px rgb(17, 173, 157) !important;
		width: 80%;
		margin-left: 4% !important;
		padding: 0 8px 0 8px !important;
	}

	.chat-form-custom-definition__data_sp .chat-form-custom-definition__data_sp-show {
		display: inline-block;
	}

	.btn_hide_template {
		height: 24px;
		line-height: 24px;
		padding: 0 8px;
		margin: 0 4px;
		border-radius: 23px;
		font-size: 13px;
		border: solid 1px grey;
		color: grey;
		background: #fff;
	}

	.hide_template_sp {
		display: none;
	}

	.hide_template_sp-show {
		display: block;
		float: left;
	}

	.dialog__chat-notice {
		font-size: 12px !important;
		font-family: '';
	}

	.logout-dialog-btn-wrap p {
		font-size: 0.9em;
	}

	/* .dialog__content {
        width: 100% !important;
        text-align: center;
        margin-left: 0 !important;
    }

    .dialog__content div,
    .dialog__content div div {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 6px 0 0;
    }

    .dialog__content::parent {
        width: 90%;
    } */

	.list.column_4 .list__item:last-child {
		width: calc(100% / 4 - 1px);
		border-left: 1px solid grey;
	}

	.btn-close-tab {
		width: 36px;
		height: 36px;
		top: 0;
		position: fixed;
		margin-left: 2%;
		display: initial;
	}

	.btn-close-tab i {
		color: white;
		font-size: 36px;
	}

	.logout-dialog {
		width: 90%;
	}

	.logout-dialog-list .list__item:last-child {
		width: 44%;
	}

	.logout-dialog-list .list__item:last-child hr {
		width: 85% !important;
	}

	.dialog-chat-pc {
		display: none;
	}

	.secondary-comment-edit__btn {
		padding: 0 !important;
	}

	.drag-and-drop__title {
		font-size: 14px;
	}

	.btn-raised {
		margin-right: auto;
	}

	.list-check-box {
		display: none;
	}

	.list-check-box-sp {
		display: initial;
	}

	.write_down_sp {
		display: initial;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.38);
	}

	.link-setting-pass {
		font-size: 14px;
		color: rgba(17, 173, 157, 1);
	}

	.color_default-sp {
		display: initial;
	}

	.write_down {
		display: none;
	}

	.definition__data p {
		font-size: 14px;
	}

	.primary__inner updateTeller .color_default {
		display: none;
	}

	.primary {
		margin: 0 0 8px;
		padding: 12px;
	}

	.definition__data.margin_bottom {
		margin: 0 0 24px;
	}

	.color_accent {
		width: 100%;
	}

	.prof-thumbnail__button {
		width: auto !important;
	}

	.input2 {
		background: rgb(17, 173, 157) !important;
		color: rgba(255, 255, 255, 1);
	}

	.input1 {
		color: rgba(0, 0, 0, 0.87);
	}

	.data_genres {
		overflow-x: hidden;
		overflow: scroll;
	}

	.data_genres>ul.list.flex_start {
		width: 420%;
	}

	.data_methods {
		overflow-x: hidden;
		overflow: scroll;
	}

	.data_methods>ul.list.flex_start {
		width: 720%;
	}

	.data_styles {
		overflow-x: hidden;
		overflow: scroll;
	}

	.data_styles>ul.list.flex_start {
		width: 360%;
	}

	.primary__inner {
		overflow-x: hidden;
		overflow: scroll;
		padding: 0;
	}

	.chat-memo-history__list_sp {
		display: initial;
	}

	.chat-call-history_display {
		display: initial !important;
	}

	.call-log-sp-show {
		display: initial;
	}

	.chat-call-history {
		background: white !important;
		height: 90% !important;
	}

	.dialog-notice::before {
		left: 95%;
	}

	.dialog-notice::after {
		left: 95%;
	}

	.global-header__timeline button {
		top: -2px !important;
	}

	.global-header__checkout button {
		top: -2px;
	}

	.fa-product-hunt {
		font-size: 22px;
		color: rgba(0, 0, 0, 0.54);
		position: relative;
		display: block;
		user-select: none;
		transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
		width: 100%;
		top: -3px;
	}

	.fa-file-alt {
		top: -3px;
		font-size: 20px;
		color: rgba(0, 0, 0, 0.54);
		position: relative;
		display: block;
		user-select: none;
		transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
		width: 100%;
		/* background-color: rgba(0, 0, 0, 1); */
	}

	.secondary-definition-wrap {
		/*height: calc(100vh - 277px) !important;*/
	}

	.left-badge span {
		width: 22px !important;
		height: 22px !important;
		font-size: 12px !important;
	}

	.noti_icon span {
		width: 22px !important;
		height: 22px !important;
		font-size: 12px !important;
	}

	.link-to-staff {
		color: rgba(17, 173, 157, 1);
		margin-bottom: 20px;
		margin-left: 10px;
		display: block;
		text-decoration: none !important;
	}

	.blog_list .list__item:last-child .card {
		margin: 0;
	}

	.blog_list>.list__item {
		width: 50% !important;
		display: flex;
		margin-bottom: 24px;
	}

	.blog_list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 10px;
	}

	.blog_list .list__item .card {
		width: 96%;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 0 !important;
	}

	/* .bar-line__icons{
        display: none !important;
    } */
	.bar-line__text {
		color: rgba(0, 0, 0, 0.87);
		font-size: 13px;
		margin: 0;
	}

	.active-bottom-item div div {
		color: rgba(17, 173, 157, 1) !important;
		font-weight: bold;
	}

	.chat-memo__input-sp {
		display: initial;
		height: 100%;
		width: 95% !important;
		border: none;
		outline: none;
	}

	.chat-memo__input {
		display: none;
	}

	.content__title.lv_2 {
		font-size: 14px !important;
		color: rgba(0, 0, 0, 0.87) !important;
		font-weight: bold;
		margin: -6px 8px;
	}

	.card-main__figure {
		height: 110px;
	}

	.card__inner .list .list__item {
		width: 100% !important;
		overflow-x: hidden;
		overflow: scroll;
	}

	.hidden-sp {
		display: none;
	}

	#popup-bestanswer__mobile {
		float: unset;
	}

	.title-list-check-sp {
		display: inline-block;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 16px;
	}

	.noScroll {
		white-space: nowrap;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.dialog-content {
		width: 90% !important;
	}

	.dialog-content h3 {
		font-size: 16px !important;
		padding: 8px 24px 0 !important;
	}

	.textfield__textarea {
		height: 60px !important;
	}

	.textfield__textarea label {
		bottom: -50px !important;
	}

	.definition.wide_bottom {
		margin: 0 0 32px;
	}

	.primary-title__subtitle {
		margin-top: 10px;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.38);
	}

	.primary-title__main {
		font-weight: bold;
		font-size: 16px;
	}

	.textfield__textarea-sp div hr {
		bottom: 0px !important;
	}

	.textfield__textarea-sp label {
		bottom: -50px !important;
	}

	.chat-box-form__typing {
		left: 56% !important;
	}

	.avatar-dialog {
		width: 300px !important;
		transform: translate(0px, 48px) !important;
	}

	.avatar-dialog div h3 {
		text-align: center;
		padding: 12px 0px 12px !important;
		font-size: 16px !important;
	}

	.chat-form-custom-count__notice {
		display: none;
	}

	.bar {
		margin: 0 0 8px;
	}

	.dialog-notice__content p {
		text-align: justify;
	}

	.definition__data .textfield__input {
		width: 100% !important;
	}

	.primary-title-template {
		padding: 4px 12px 0 !important;
		border-bottom: 1px solid #e5e5e5;
	}

	#telephone_number {
		font-size: 14px !important;
	}

	#mail_address {
		font-size: 14px !important;
	}

	.btn-dialog {
		margin: 0 !important;
	}

	.btn-bottom-dialog {
		margin-bottom: 23px !important;
	}

	.btn-setting-1,
	.btn-setting-2,
	.btn-setting-3 {
		margin-bottom: 8px !important;
	}

	.prof-dialog-wrap {
		border-bottom: none !important;
		overflow-y: hidden;
		max-height: none !important;
	}

	.prof-dialog__button {
		padding: 1px !important;
	}

	.template-title {
		display: initial;
		color: rgba(0, 0, 0, 0.38);
	}

	.card-main__title {
		font-size: 16px !important;
	}

	.card-main__time {
		font-size: 12px !important;
	}

	.icon-back {
		font-size: 36px !important;
		position: absolute;
		line-height: 50px;
		float: left;
		color: rgba(0, 0, 0, 0.6);
	}

	.component-title {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		display: block;
		text-align: center;
		line-height: 48px;
	}

	.timeline-write-down-sp {
		background-color: white;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.38);
		text-align: left;
		padding: 6px;
		display: inherit;
	}

	.timeline-form-wrap-sp {
		display: initial;
	}

	.timeline-write-down-sp span {
		width: 90%;
		display: inline-flex;
	}

	.timeline-write-down-sp img {
		float: right;
	}

	.timeline {
		margin: 0 0 10px !important;
	}

	.timeline-list {
		padding: 12px 0 0;
	}

	.icon-close {
		/* position: relative; */
		font-size: 32px;
	}

	.buttonClose {
		float: right;
		background: none;
		outline: 0px;
		border: 0px;
		margin-right: 20px;
		width: 24px;
		height: 40px;
		position: relative;
	}

	.close-timeline {
		height: 48px;
		background-color: white;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.content-css {
		padding: 0px !important;
	}

	#timelineContent--undefined-18059 {
		height: 90%;
	}

	.help-form-wrap {
		margin: 0px 0 15px;
	}

	.help-content {
		margin: -16px 0 24px;
	}

	.timeline__btn i {
		float: left;
		margin-top: 6px;
	}

	.timeline__main {
		word-wrap: break-word;
	}

	.lead-nav-blog {
		margin: 0 !important;
		overflow-x: scroll;
	}

	.lead-nav-blog ul {
		width: 280%;
	}

	.content__title.lv_2 {
		display: inherit;
	}

	.link-to-staff-log {
		font-size: 12px;
		color: rgba(17, 173, 157, 1);
		margin: 8px 0px 12px;
		display: inherit !important;
	}

	.link-to-home-help {
		font-size: 12px;
		color: rgba(17, 173, 157, 1);
		margin: 8px 0px 12px;
		display: inherit !important;
	}

	.password_title {
		display: initial !important;
		color: rgba(0, 0, 0, 0.38) !important;
	}

	.service_title {
		display: initial !important;
		font-size: 14px !important;
		color: rgba(0, 0, 0, 0.87) !important;
	}

	.stella-title {
		display: inherit;
		font-size: 16px;
		font-weight: normal;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 16px;
	}

	.password_input {
		margin: 0 0 8px !important;
	}

	.password_input div {
		width: 100% !important;
	}

	.review-content {
		padding: 0px !important;
	}

	.review {
		padding: 24px 24px !important;
	}

	#handle_name::-webkit-input-placeholder {
		font-size: 14px;
	}

	/* .chat-form-main{
        position: absolute;
        top: 499px;
        left: 12px;
        height: 30px;
        width: 254px;
        font-family: 'Hiragino Kaku Gothic Pro';
        font-size: 14px;
        color: rgba(0, 0, 0, 0.38);
        text-align: left;
    } */

	.bank-detail .primary>.primary-title,
	.reward .primary>.primary-title {
		display: none;
	}

	.bank-box {
		border: none;
	}

	.bank-box .table-th-left tr,
	.bank-box .table-th-left th,
	.bank-box .table-th-left td {
		height: 30px;
	}

	.bank-box th.table-align-left {
		padding: 0 16px 0 0 !important;
		vertical-align: middle;
		border: none;
	}

	.bank-box td.table-align-left {
		padding: 0 !important;
	}

	.bank-branches-setting .btn-raised,
	.bank-account .btn-raised {
		background: rgba(247, 247, 247, 1) !important;
		color: #000;
	}

	.bank-detail .primary__inner,
	.reward .primary__inner {
		padding: 0;
	}

	.primary-content__body {
		padding: 16px;
	}

	.primary-content__header {
		padding: 16px;
		color: rgba(0, 0, 0, 0.54);
		border-bottom: solid 1px rgba(0, 0, 0, 0.12);
		overflow: hidden;
	}

	.bank-setting .list.japanese_syllabary {
		margin-bottom: 0;
	}

	.hidden-mobile {
		display: none !important;
	}

	.bank-detail .list.flex_start .list__item {
		padding: 7px 0;
		float: left;
		width: 50%;
		min-width: 145px;
	}

	.bank-detail .list.flex_start .list__item a {
		width: auto;
	}

	.bank-detail .primary-title__main {
		margin-bottom: 10px;
	}

	.bank-detail .list.japanese_syllabary .list__item {
		float: left;
	}

	.bank-detail .list.japanese_syllabary .bank-link.width_short {
		width: auto;
	}

	.bank-detail .list.japanese_syllabary {
		width: 100%;
		padding-left: 4px;
		margin-right: -13px;
	}

	.bank-detail .list.japanese_syllabary>.list__item {
		width: 10%;
		padding: 0;
	}

	.display-mobile {
		display: block !important;
	}

	.primary-content__header__left {
		color: rgba(0, 0, 0, 0.87);
		float: left;
		margin-right: 37px;
	}

	.primary-content__header__right {
		float: left;
		color: rgba(0, 0, 0, 0.54);
	}

	.bank-account-setting .bank-account-info {
		border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	}

	.pch__row {
		overflow: hidden;
		margin-bottom: 13px;
	}

	.pch__row:last-child {
		margin: 0;
	}

	.bank-setting #lead-nav,
	.bank-initial #lead-nav,
	.bank-branches-setting #lead-nav,
	.bank-branch-initial-setting #lead-nav,
	.bank-account-setting #lead-nav,
	.bank-confirm #lead-nav {
		display: none;
	}

	.reward-default .checkout-box-wrap {
		padding: 8px;
	}

	.reward-default .checkout-box-wrap .checkout_ng {
		display: block;
	}

	.reward-default .checkout-box {
		border-radius: 2px;
	}

	.reward-default .checkout-box__text {
		margin-bottom: 20px;
	}

	.reward .lead-nav {
		margin-bottom: 8px !important;
	}

	.reward-default table {
		width: 100%;
		white-space: normal;
	}

	.reward-default table td {
		word-wrap: break-word;
	}

	.reward-default table th {
		padding: 10px !important;
		vertical-align: middle;
		text-align: center !important;
	}

	.reward-default .first-table table th {
		width: 37%;
	}

	.reward-default .second-table table th:first-child {
		width: 40%;
	}

	.reward-daily .primary-content__body {
		padding: 16px 20px 0 0;
	}

	.rdh__date {
		margin-left: 24px;
		height: 28px;
		line-height: 28px;
		float: left;
	}

	.rdh__navigation {
		float: left;
		margin-left: 16px;
		border: 1px solid rgba(0, 0, 0, 0.26);
		border-radius: 3px;
		overflow: hidden;
	}

	.rdh__navigation a {
		float: left;
		display: block;
		text-decoration: none;
		width: 40px;
		text-align: center;
	}

	.rdh__navigation a i {
		height: 28px;
		line-height: 28px;
		color: #efefef;
	}

	.rdh__navigation__prev {
		border-right: 1px solid #dedede;
	}

	.rdh__navigation__next {
		border-left: 1px solid #dedede;
	}

	.rdh__navigation a.is-active i {
		color: #7d7d7d;
	}

	.reward-daily__header {
		margin-bottom: 8px;
		overflow: hidden;
	}

	.reward-daily .table-th-head {
		width: 100%;
	}

	.reward-daily .table-th-head th,
	.reward-daily .table-th-head td {
		padding: 0 10px;
		height: 36px;
		line-height: 36px;
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}

	.reward-daily .table-th-head th {
		background: none;
		color: #b0b0b0;
	}

	.reward-daily .table-th-head th:first-child {
		width: 37%;
	}

	.reward-default .checkout-box__title {
		margin-bottom: 13px;
	}

	.reward .checkout-box-wrap {
		margin-bottom: 0px;
	}

	.reward .checkout-box {
		padding: 16px 16px 24px 16px;
		display: block;
		min-width: auto;
	}

	.reward .checkout-box.checkout_done {
		padding: 40px 30px 20px 30px;
	}

	.reward .checkout-box tr {
		height: auto;
		background-color: #fff !important;
	}

	.reward .checkout-box th,
	.reward .checkout-box td {
		padding: 0 0 10px 0 !important;
		vertical-align: top !important;
		height: auto;
	}

	.reward .checkout-box th {
		text-align: left !important;
	}

	.reward .checkout-box td {
		text-align: right !important;
	}

	.reward .checkout-box tr.table-checkout__result>* {
		padding-top: 14px !important;
	}

	.reward .checkout-box tr.table-checkout__result>*:before {
		margin: 0;
	}

	.reward .table-checkout {
		margin-bottom: 10px;
	}

	.reward-history .primary-title {
		display: none;
	}

	.history-list {
		padding: 0;
		margin: 0;
	}

	.history-item {
		padding: 12px 16px;
		border-bottom: 1px solid #e0e0e0;
	}

	.history-item:last-child {
		border: none;
	}

	.history-item__header {
		overflow: hidden;
		margin-bottom: 12px;
	}

	.hih__left {
		float: left;
	}

	.hih__right {
		float: right;
		font-weight: bold;
	}

	.history-item__body {
		color: rgba(0, 0, 0, 0.54);
		font-size: 12px;
	}

	.warpper-item {
		height: 120px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		padding: 16px 0px 0px 16px;
	}

	.top-item {
		margin-bottom: 8px;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.pay {
		float: right;
		margin-right: 16px;
	}

	.list-info {
		list-style-type: none;
		padding: 0px;
		color: rgba(0, 0, 0, 0.54);
	}

	.contact-tableSP__content-unread {
		font-weight: bold !important;
		background-color: #f7f7f7;
	}

	.contact-tableSP__content-unread .content-noti,
	.contact-tableSP__content-unread .info-user {
		color: #000 !important;
	}

	.take_notice {
		font-size: 14px;
	}

	.reward .checkout-box td,
	.reward .checkout-box th {
		font-size: 14px;
	}

	.reward .checkout-box .text-secondary {
		font-size: 12px;
	}

	.primary-title.lv_2 .primary-title__main {
		font-size: 14px;
	}

	.reward .frame-table td,
	.reward .frame-table th {
		font-size: 13px;
		padding: 0 16px;
		line-height: 1.2;
	}

	.bank-detail.content {
		padding-bottom: 10px;
		margin-bottom: 48px;
	}

	.bank-detail.content>.primary {
		margin-bottom: 0;
	}

	.reward-daily .table-th-head td,
	.reward-daily .table-th-head th {
		font-size: 12px;
	}

	.reward-daily .table-th-head tr {
		height: auto;
	}

	.bank-branch-initial-setting .primary__inner {
		overflow: inherit;
	}

	.bank-branch-initial-setting .drop-down {
		margin-bottom: 24px;
	}

	.title-setting-account {
		margin-left: 4px;
	}

	.card__category {
		width: 100%;
	}

	.picker div div div hr {
		display: none;
	}

	.picker div div input {
		font-size: 13px !important;
	}

	.ts-bar {
		height: 16px;
	}

	.ts-p {
		float: left;
		font-size: 13px;
	}

	.ts-ul1 {
		margin: 0px !important;
	}

	.ts-ul1 * {
		margin: 0px !important;
		padding: 0px !important;
		height: 16px !important;
		float: left;
		display: inline-block;
		color: rgba(0, 0, 0, 0.87);
		font-weight: bold;
	}

	.ts-ul1>li {
		margin-top: -2px !important;
	}

	.ts-ul1>li:nth-child(1) {
		width: 90px !important;
		overflow: hidden;
		height: 20px !important;
		margin-right: 5px !important;
	}

	.ts-ul1>li:nth-child(1) * {
		width: 90px !important;
		height: 20px !important;
	}

	.ts-ul1>li:nth-child(2) {
		width: 48px !important;
		overflow: hidden;
		height: 20px !important;
	}

	.ts-ul1>li:nth-child(2) * {
		width: 70px !important;
		height: 20px !important;
	}

	.ts-div2 {
		margin: 2px 0px 0px 5px !important;
		float: right;
		width: 55%;
	}

	.ts-div2>div:nth-child(1) {
		margin: 0px;
		height: 16px;
		line-height: 16px;
	}

	.ts-div1 {
		float: right;
		padding: 0px;
	}

	.saveDateTime {
		color: rgba(17, 173, 157, 1);
		font-size: 13px;
	}

	.template-title input[type='text'] {
		margin-top: 0 !important;
	}

	.prof-thumbnail-section__left,
	.prof-thumbnail-section__right,
	.prof-thumbnail__right {
		float: none;
	}

	.prof-thumbnail-section__left {
		margin: 0 0 40px 0;
		width: 100%;
	}

	.prof-thumbnail-section__right {
		width: 100%;
		display: none;
	}
	
	.prof-thumbnail__right {
		display: none;
	}

	.main-content>div {
		float: none !important;
		width: 100% !important;
	}

	.home-mission-list {
		margin-bottom: 20px;
	}

	.home-mission-list h2 a {
		font-size: 11px;
		font-weight: normal;
	}

	.mission-list,
	.mission-empty {
		margin-top: 10px;
	}

	.mission-empty {
		padding: 24px 16px;
		font-size: 14px;
	}

	.mission-item__level {
		font-size: 11px;
		height: 20px;
		line-height: 20px;
	}

	.mission-item__title {
		font-size: 14px;
		line-height: 20px;
	}

	.mission-item__progress,
	.mission-item__point {
		font-size: 11px;
	}

	.mission-item__btn button {
		line-height: 36px;
		padding: 0 9px;
	}

	.home-mission-list>a {
		margin-left: 8px;
	}

	.setting-mission .mission-item__left {
		width: 70.75%;
		padding: 0;
		border: none;
	}

	.setting-mission .mission-item__right {
		width: 29.25%;
		padding-left: 16px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.setting-mission .mission-item {
		padding: 12px 8px;
	}

	.setting-mission .mission-item__btn {
		width: 100%;
	}

	.setting-mission .mission-item__point {
		font-size: 11px;
		line-height: 1;
		margin: 0;
	}

	.mission-item__detail .mission-item__level {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.mission-item__reward .mission-item__level {
		font-size: 14px;
	}

	.mission-item__detail .mission-item__title {
		font-size: 16px;
	}

	.mission-item__detail .mission-item__desc-1,
	.mission-item__detail .mission-item__desc-2 {
		font-size: 14px;
	}

	.mission-item__hint,
	.mission-item__detail a,
	.mission-item__reward a {
		font-size: 14px;
	}

	.mission-item__detail,
	.mission-item__reward {
		padding: 16px 16px 24px 16px !important;
	}

	.mission-item__rewardContent .congratulations,
	.mission-item__rewardContent .point {
		font-size: 16px;
	}

	.mission-item__getReward button {
		height: 36px;
		width: auto;
	}

	.mission-archived-item__left {
		width: 58px;
	}

	.setting-mission .mission-archived-item {
		padding: 8px;
	}

	.mission-archived-item__right {
		margin-left: 12px;
	}

	.mission-archived-item .mission-item__archivedTime {
		font-size: 11px;
	}

	.mission-archived-item .mission-item__point span {
		font-weight: bold;
	}

	.mission-item__rewardContent .point {
		bottom: 35px;
	}

	.password_announce {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.password_announce .primary-title__main {
		font-size: 16px !important;
	}

	.password_announce p {
		font-size: 11px;
	}

	.password_announce .btn-wrap a {
		width: 100%;
	}

	.password_announce img {
		width: 180px;
	}

	.img_announce {
		width: 120px;
	}

	.announce {
		margin-top: 120px;
	}

	.answer-categories {
		height: 48px;
		margin-bottom: 10px;
	}

	.answer-category-title {
		line-height: 48px;
		margin-left: 12px !important;
	}

	.answer-category-item {
		margin-left: 8px;
	}

	.answer-category-item .select-feild {
		height: 36px !important;
		width: 80px !important;
	}

	.answer-category-item .select-feild>div:nth-child(2)>div:nth-child(1)>div:nth-child(2) {
		line-height: 48px !important;
		font-size: 11px;
	}

	.answer-category-item .select-feild svg {
		display: none !important;
	}

	.hidden-pc {
		display: initial !important;
	}

	.answer-item-status-time {
		margin-left: 0;
		float: none;
	}

	.answer-detail-left {
		width: 100%;
	}

	.content-title-answer {
		display: initial;
		color: rgba(0, 0, 0, 0.87);
		font-size: 16px;
		margin-left: 12px;
	}

	.detail-answer-item-reply-box {
		margin-top: 16px;
	}

	.answer-write-down-sp {
		background-color: white;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.38);
		text-align: left;
		padding: 12px;
		display: inherit;
		border-radius: 3px;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		margin-top: 24px;
		margin-bottom: 72px;
	}

	.answer-write-down-sp span {
		width: 90%;
	}

	.answer-write-down-sp img {
		float: right;
	}

	.answer-form-main {
		height: calc(100vh - 108px);
	}

	.detail-answer-item-username {
		float: none;
		margin-left: 0px;
	}

	.detail-answer-item-time {
		float: none;
	}

	.best-answer-item {
		display: block;
		padding: 12px 24px 12px 24px;
	}

	.best-answer-item-left {
		width: 100%;
	}

	.best-answer-item-right {
		margin-left: 0;
	}

	.best-answer-item-right button {
		width: 70%;
		height: 24px;
		margin-left: 15%;
		margin-top: 16px;
	}

	.dialogGetBestAnswer {
		padding-top: 120px !important;
	}

	.submitWelcome {
		margin-top: 12px;
		height: 32px;
		border-radius: 3px;
		width: 70%;
		margin-right: 12%;
	}

	.dialogWelcome h3 {
		padding: 14px 12px 0px 12px !important;
		font-size: 20px !important;
		font-weight: bold !important;
		text-align: center;
	}

	.dialogWelcome__line {
		width: 100%;
		margin: 10px 0;
	}

	.dialogWelcome__content {
		padding: 0;
		margin: 0 -2px;
	}

	.content__text-welcome-answer {
		font-size: 10px;
		color: rgba(17, 173, 157, 1);
		letter-spacing: 0.02em;
		text-align: center;
		display: block !important;
		margin-bottom: 25px;
		cursor: pointer;
		padding-top: 10px;
	}

	.dialogWelcome__btn-next {
		width: 70%;
	}

	.dialogWelcome__step {
		font-size: 15px;
	}

	.checkboxDialogWelcome {
		margin-top: 12px;
		width: 100% !important;
	}

	.userAnswer {
		float: right;
		line-height: 60px;
		margin-top: -4px;
		margin-right: 8px;
		color: rgba(0, 0, 0, 0.87);
	}

	.userAnswerActive {
		float: right;
		line-height: 60px;
		margin-top: -4px;
		margin-right: 8px;
		color: #11ad9d;
	}

	.show_answer-user-profile-sp {
		display: initial;
	}

	.answer-user-profile-sp {
		position: fixed;
		background: #333;
		width: calc(100vh - 0px) !important;
		height: calc(100vh - 0px) !important;
		z-index: 1200;
		left: 0px;
	}

	.totalAnswerSP {
		float: right;
		margin-top: 12px;
		color: rgba(94, 202, 189, 1);
	}

	.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1) {
		width: 85% !important;
		transform: none !important;
	}

	.dialogOtherAnswers {
		padding-top: 0px !important;
	}

	.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
		height: calc(100vh - 0px) !important;
		padding: 0px !important;
		background-color: rgba(230, 230, 230, 1);
	}

	.wrapInfoUser {
		width: 94%;
		float: right;
		background-color: #fff;
		height: 100%;
	}

	.noInfoUser {
		width: 30%;
		margin-left: 10%;
		margin-top: 45%;
	}

	.closeInfo {
		font-size: 36px;
		left: 12px;
		top: 5%;
		color: #fff;
	}

	.otherAnwersClose {
		display: none;
	}

	.closeOtherAnswerSP {
		font-size: 32px;
		left: -32px;
		color: #fff;
		top: 30px;
		display: initial;
	}

	#hidden-popup__best-awswer {
		margin-top: unset;
		margin-bottom: 10px !important;
	}

	.popUpBestAnswer {
		margin-top: 48px;
		margin-bottom: -36px !important;
	}

	.lead-nav-answer {
		/* margin: 0px 0px 12px 0px !important; */
	}

	.dialogWelcome>div:nth-child(1)>div:nth-child(1) {
		width: 90% !important;
		color: rgba(0, 0, 0, 0.87);
	}

	.pager {
		margin: 20px 0 6px !important;
	}

	.pager .btn {
		padding: 0px !important;
	}

	.nav-answer ul {
		margin-left: 12px;
	}

	.itemSelectAnswer>div:nth-child(1)>div:nth-child(1) {
		padding: 0 12px 0 12px !important;
	}

	.answer-item-status-profile i {
		font-size: 20px;
	}

	.icon-amount-answer {
		font-size: 12px;
	}

	.answer-item {
		padding: 12px 24px 12px 12px !important;
	}

	.answer-item-category {
		font-size: 14px;
	}

	.answer-item-status {
		font-size: 12px;
	}

	.answer-item-content {
		font-size: 13px;
	}

	.answer-item-username {
		font-size: 12px;
	}

	.answer-item-status-time {
		font-size: 10px;
	}

	.dialogGetBestAnswer {
		padding-top: 60px !important;
	}

	.dialogGetBestAnswer>div:nth-child(1)>div:nth-child(1) {
		width: 90% !important;
	}

	.detail-answer-item-category {
		font-size: 14px;
		background-color: rgba(106, 214, 203, 0.5);
	}

	.content-title-answer {
		font-size: 18px;
	}

	.totalAnswerSP span {
		font-size: 11px;
	}

	.answerPostedTime {
		font-size: 10px;
	}

	.detail-answer-item-status {
		font-size: 10px;
	}

	.wrapAnswerPosted {
		margin-bottom: 64px;
	}

	.icon-amount-answer-other {
		font-size: 12px;
	}

	.answerDetailLeft {
		width: 50px;
		margin-right: 8px !important;
	}

	.answerDetailLeft img {
		width: 36px;
		height: 36px;
	}

	.answerDetailRight p {
		margin-top: 20px !important;
	}

	.replySP>div:nth-child(2) textarea {
		margin-top: 0px !important;
	}

	.infoSP {
		display: flex !important;
	}

	.total-answer-sp {
		float: right;
		display: flex;
	}

	.total-answer-sp i {
		margin-top: 4px;
	}

	.leftInfoSP {
		width: 92%;
	}

	.detail-answer-item-username-sp {
		color: rgba(139, 132, 152, 1);
		font-size: 14px;
	}

	.detail-answer-item-time-sp {
		font-size: 10px;
		color: rgba(174, 169, 185, 1);
	}

	.user_name_answer {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		float: left;
		width: 60%;
		text-align: center;
		padding-top: 16px;
		padding-left: 42px;
	}

	.questionContentSP {
		float: left;
	}

	.answerPostedSP {
		background: #f7f3fe;
		padding: 16px;
		border: 1px solid rgba(247, 243, 255, 1);
		border-radius: 3px;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		margin-top: 8px;
		margin-bottom: 32px;
		display: block;
	}

	.icBestAnswerSP {
		width: 48px;
		height: 48px;
	}

	.otherAnswerTime {
		margin-top: 8px;
		font-size: 10px;
	}

	.otherAnswerContent {
		margin-top: 6px;
	}

	.otherAnswerContent p {
		margin-top: 6px !important;
		font-size: 14px;
	}

	.otherAnwersTitle {
		font-size: 14px;
	}

	.dialogOtherAnswers>div:nth-child(2) {
		background-color: #333 !important;
	}

	.answer-nav li {
		width: 33%;
	}

	.answer-nav li a {
		width: 80%;
	}

	.wrapInfoUser .chat-karte-chart__title {
		width: 11% !important;
		font-size: 11px;
	}

	.wrapInfoUser .chat-karte {
		padding: 16px 10px !important;
	}

	.wrapInfoUser .chat-karte-chart__data {
		font-size: 11px;
		width: 35% !important;
	}

	.firstRowMobileDown {
		background-color: rgba(241, 255, 253, 1);
		margin-top: 48px;
	}

	.rewardItem {
		padding: 8px;
		color: rgba(0, 0, 0, 0.87);
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
		border-radius: 4px;
		border: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rewardContent {
		padding: 0px !important;
	}

	.firstRowTop {
		display: flex;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
		padding-bottom: 8px;
	}

	.rewardItemLeftCol {
		width: 55%;
	}

	.rewardItemRightCol {
		width: 45%;
		display: flex;
		justify-content: flex-end;
	}

	.rewardItemRightCol i {
		line-height: 20px;
	}

	.reward-daily {
		width: 100% !important;
	}

	.rowReward {
		padding: 8px 8px 8px 12px;
	}

	.rewardContent {
		padding: 8px;
	}

	.rowReward {
		display: flex;
	}

	.rowLeftCol {
		width: 55%;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.5);
	}

	.rowRightCol {
		width: 45%;
		padding-right: 8px;
	}

	.rowItem {
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rowLeftCol {
		text-align: center;
		margin-top: auto;
		margin-bottom: auto;
	}

	.titleLeft {
		color: rgba(0, 0, 0, 0.5);
	}

	.titleRight {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.valueRight {
		text-align: right;
		float: right;
		width: 50%;
		margin-right: 10px;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.pluralRightCol i {
		width: 50%;
	}

	.singleRow .rowRightCol {
		display: flex;
	}

	.pluralRightCol {
		display: flex;
	}

	.topRightCol {
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
		color: rgba(0, 0, 0, 0.5);
		padding: 0 0 8px 0;
	}

	.rowRightCol .fab {
		top: 5px !important;
		color: rgba(166, 166, 166, 1);
		font-size: 13px;
	}

	.bottomRightCol {
		padding: 8px 0 0 0;
	}

	.centerRightCol {
		padding: 8px 0 8px 0;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rowRightCol .material-icons {
		margin-top: 4px;
		color: rgba(166, 166, 166, 1);
		font-size: 14px;
	}

	.bottomRightCol span {
		color: rgba(166, 166, 166, 1);
	}

	.detailReward i {
		font-size: 12px;
	}

	.pluralRightColSpecial span {
		margin-left: 4px;
		margin-right: 4px;
	}

	.lastRowItem {
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.primaryReward {
		background-color: #f7f7f7;
		box-shadow: none;
	}

	#js_chat_karte {
		height: 100%;
	}

	#js_chat_memo_history {
		height: 100%;
	}

	.chat-list-delimiter {
		margin: 64px 0px 0px 0px !important;
	}

	.answerPostedLike {
		float: right;
		margin-top: 0px !important;
	}

	.answerPostedLike span {
		font-size: 11px;
		color: rgba(139, 132, 152, 1);
		margin: 0px 4px 0px 4px;
	}

	.answerPostedLike i {
		font-size: 11px;
		color: rgba(236, 64, 122, 1);
	}

	.titleAnswerPosted {
		font-size: 15px;
	}

	.answerPostedTop {
		display: block;
	}

	.otherAnwersTop {
		padding: 16px 16px 8px 12px;
		border-bottom: 1px solid rgba(216, 216, 216, 1);
		margin-bottom: 0px !important;
		background-color: #fff;
	}

	.otherAnswerItem {
		border: none;
		background-color: #fff;
	}

	.otherAnswerItemFirst {
		margin-top: 0px !important;
	}

	.answerPostedLikeOtherDialog {
		display: flex;
		float: right;
	}

	.answerPostedLikeOtherDialog span {
		font-size: 10px;
		color: rgba(139, 132, 152, 1);
		margin: 0px 0px 0px 4px;
	}

	.answerPostedLikeOtherDialog i {
		font-size: 10px;
		color: rgba(236, 64, 122, 1);
	}

	.otherAnswerItem {
		padding: 8px 12px 12px 12px;
	}

	.rowBody {
		padding: 4px;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rowsSP {
		border: 1px solid rgba(224, 224, 224, 0.8);
		border-radius: 5px;
		margin-top: 16px;
	}

	.dialogMessageOffline>div>div {
		width: 90% !important;
	}

	.dialogConfirmSendTemplate>div>div {
		width: 90% !important;
	}

	.dialogConfirmSendTemplateTitle span {
		font-weight: bold;
	}

	.approveSendTemplate {
		width: 48%;
		margin-right: 11%;
		background-color: rgba(17, 173, 157, 1);
		border-radius: 2px;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
			0px 0px 1px 0px rgba(0, 0, 0, 0.12);
		color: rgba(255, 255, 255, 1);
		font-size: 15px;
		font-family: 'Hiragino Kaku Gothic Pro';
		text-align: center;
	}

	.rejectSendTemplate {
		width: 48%;
		background-color: rgba(249, 249, 249, 1);
		color: rgba(0, 0, 0, 0.87);
		border-radius: 2px;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
			0px 0px 1px 0px rgba(0, 0, 0, 0.12);
		font-size: 15px;
		font-family: 'Hiragino Kaku Gothic Pro';
		text-align: center;
	}

	.containerButton {
		width: 100%;
		margin: 20px auto;
		height: 36px;
		display: flex;
	}

	.checkboxConfirmSendTemplate>div>div>div {
		margin-right: 5px !important;
	}

	.checkboxConfirmSendTemplate label {
		font-weight: normal !important;
	}

	.submitMessageOffline {
		width: 36%;
		margin-left: 32%;
		margin-bottom: 8px;
	}

	.dialogMessageOffline>div>div>div>div {
		padding: 24px !important;
	}

	.closeMessageOffline {
		margin-bottom: 8px;
		top: 2px !important;
		right: 4px !important;
		cursor: pointer;
	}

	.createNoti {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.primaryNotification {
		padding-top: 2px;
	}

	.warpper-item-noti {
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		padding: 16px 16px 0px 16px;
	}

	.content-noti {
		word-break: break-all;
		margin-bottom: 8px;
		color: rgba(0, 0, 0, 0.87);
	}

	/* .last-row-noti{
        display: flex;
    } */
	.notiRatio {
		float: left;
		width: 50%;
	}

	.noti-btns {
		width: 40%;
		margin-left: 60%;
		position: relative;
		display: flex;
		bottom: 10px;
	}

	.deleteNoti {
		margin-left: 16px;
	}

	.select {
		width: 328px;
	}

	.inputCus {
		width: 310px;
	}

	.inputTitleCus{
		width: 305px;
	}

	.dropdown-contact {
		/* width: 325px; */
		max-width: 325px;
		margin-left: 15px;
		margin-right: 13px;
	}

	.countCharacters {
		bottom: 32px;
		left: 272px;
		font-size: 11px;
	}
	.countTitleCharacters{
		bottom: 32px;
		left: 272px;
		font-size: 11px;
	}
	.react-datepicker-wrapper {
		border: 1px solid rgba(0, 0, 0, 0.12) !important;
		width: 180px;
	}

	.selectTime {
		margin-top: -12px;
	}

	.contentNotiWrap {
		padding: 0px !important;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.submitNotiSP {
		width: 100%;
		height: 54px;
		margin-top: 20%;
	}

	.submitNoti {
		margin-top: 8px;
		float: right;
	}

	.inputCus {
		padding: 8px !important;
	}

	.dropdown-contact {
		/* padding: 8px !important; */
	}

	.react-datepicker__input-container input {
		border: none;
		background: rgba(247, 247, 247, 1);
		width: 72%;
	}

	.submitUnBlock {
		font-size: 14px;
		width: 80%;
		margin-left: 3%;
	}

	.avatarBlock {
		margin-left: 34%;
	}

	.dialogReplyConfirmBlock div:nth-child(1) {
		max-width: 332px !important;
	}

	.dialogReplyConfirmBlock {
		z-index: 10000 !important;
	}

	.dialogBlock {
		margin-left: 0px;
		z-index: 10000 !important;
	}
	.dialogBlock div:nth-child(1) {
		margin-left: 0px;
		margin-right: auto;
	}
	.dialog-out-chat {
		z-index: 10000 !important;
		padding-top: unset !important;
	}

	.dialog-out-chat div:nth-child(1) {
		max-width: 98% !important;
		white-space: normal;
	}

	.wrap-btn-out-chat {
		flex-direction: column;
		align-items: center;
	}

	.out-chat__content {
		transform: translate(0px, 30px) !important;
	}

	.out-chat__body {
		overflow-y: auto !important;
		padding: 18px;
	}

	.btn-accept-out-chat {
		margin: 0 auto;
	}

	.btn-cancel-out-chat {
		margin: 10px auto 0px;
	}

	.dialog-out-chat__content1 {
		margin-bottom: 22px;
	}

	.dialog-out-chat__content2 {
		margin-bottom: 0px;
	}

	.dialog-out-chat__content3 {
		margin-bottom: 20px;
	}

	.txtBlock1 {
		font-size: 14px;
		margin-top: -28px !important;
	}

	.txtBlock {
		font-size: 14px;
	}

	.txtBlockClose {
		font-size: 14px;
	}

	.txtDialogBlock1 {
		font-size: 17px;
		font-family: 'HiraKakuPro-W3';
		color: rgba(0, 0, 0, 0.75);
		margin-bottom: 15px;
	}

	.txtDialogBlock2 {
		font-size: 17px;
		margin-bottom: 15px;
		color: rgba(0, 0, 0, 0.87);
		font-family: 'HiraKakuPro-W3';
	}
	.txtDialogFirstTime {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 17px;
		line-height: 21px;
		color: rgba(0, 0, 0, 0.87);
	}
	.txtDialogBlock3 {
		font-size: 17px;
		color: rgba(0, 0, 0, 0.87);
		font-family: 'HiraKakuPro-W3';
		line-height: 21px;
	}
	
	.buttonsReplyBlock {
		width: 92%;
		display: flex;
	}
	.buttonsReplyBlock2 {
		display: flex;
	}
	.submitReplyBlock {
		width:auto;
		height: 38px;
		margin-right: 0px;
	}
	.disableSubmitReplyBlock{
		width:auto !important;
		height: 38px;
		margin-right: 0px;
	}
	.cancelReplyBlock {
		width: 50%;
		height: 38px;
		align-self: center;
	}

	.dialogCantBlock {
		z-index: 10000 !important;
	}

	.block-user-name {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.block-sp li {
		display: flex;
	}

	.blockSpan1 {
		width: 30%;
	}

	.unBlockSp {
		position: relative;
		width: 36px;
		background: #11ad9d;
		color: #fff;
		outline: none;
		border: none;
		height: 24px;
		border-radius: 3px;
		justify-content: center;
		align-content: center;
		left: 84%;
		bottom: 30px;
	}

	.list-customer {
		width: 112%;
	}

	.lead-nav-analysis {
		border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	}

	.list-nav-analysis li {
		width: 25%;
	}

	.primaryAnalysis {
		background: rgba(247, 247, 247, 1);
	}

	.content__body-analysis {
		padding: 8px;
	}

	.content__body-analysis .rdh__date {
		margin-left: 0px !important;
	}

	.analysisItem .titleLeft {
		color: rgba(0, 0, 0, 0.87);
		font-size: 12px;
	}

	.iconAnalysis {
		width: 12px;
		height: 12px;
		margin-top: 14px;
	}

	.analysisItem .rowLeftCol {
		font-size: 12px;
	}

	.analysisItem .rowRightColImg .valueRight {
		width: 100%;
		margin-top: 10px;
	}

	.analysisItem .rowRightCol .valueRight {
		width: 100%;
	}

	.analysisItem .rowRightCol .material-icons {
		font-size: 13px;
	}

	.singleRowImg {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.lastSingleRow {
		border-bottom: 0px;
	}

	.primaryAnalysis {
		border: none;
	}

	.content__body-analysis .date-picker-access {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: -52px;
	}

	.centerIconAccess {
		margin-left: -32px;
		margin-right: 12px;
	}

	.content__body-analysis .selectTime {
		margin-top: 4px;
		display: flex;
		padding: 0px;
	}

	.picker-access {
		width: 80% !important;
	}

	.content__body-analysis .react-datepicker__input-container {
		width: 80% !important;
	}

	.content__body-analysis .react-datepicker-wrapper {
		width: 100% !important;
	}

	.access-end {
		margin-left: 0px;
	}

	.content__body-analysis .selectTime {
		width: 50%;
	}

	.content__body-analysis .selectTimeRight .react-datepicker {
		left: -96px !important;
	}

	.content__body-analysis .selectTimeRight .react-datepicker__triangle {
		left: 120px;
	}

	.content__body-analysis .submitDateAccess {
		position: relative;
		float: right;
		margin-top: 8px;
		margin-bottom: 24px;
	}

	.access-period-time {
		font-size: 12px;
		color: rgba(0, 0, 0, 0.87);
		margin-top: 64px;
		margin-bottom: -32px;
	}

	.content__body-analysis .iconDateAccess {
		top: 4px;
	}

	.analysis-daily {
		overflow: hidden;
	}

	.slick-slider {
		margin-bottom: -6px !important;
	}

	.list-nav-analysis a {
		margin-left: 22% !important;
	}

	.iconDateNoti {
		right: 32px !important;
		width: 36px;
	}

	.contactPrimary {
		margin-top: -8px !important;
		padding-top: 16px;
		margin-bottom: 35px;
	}

	.titleTextBox {
		margin-left: 15px;
		margin-right: 13px;
		margin-top: 15px;
	}
	.titleTextField {
		margin-left: 15px;
		margin-right: 13px;
		margin-top: 15px;
	}
	.titleValue {
		margin-top: 32px !important;
	}
	.titleValuePreview {
		margin-left: 15px;
		margin-top: 14px !important;
		/* margin-bottom: 26px !important; */
	}
	.checkBoxContact {
		margin-left: 15px;
		width: 55%;
	}

	.checkBoxContactAndroid {
		width: 80% !important;
	}

	.checkBoxContactIOS {
		/* width: 36% !important; */
	}

	.contact-lead-nav li {
		width: 50%;
	}

	.contact-lead-nav a {
		width: 100%;
	}

	.help-content {
		padding: 4px;
	}

	.help-additional--title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(33, 33, 33, 1);
		margin-bottom: 8px !important;
	}

	.help-additional__content {
		padding-bottom: 0.5px !important;
		padding-top: 4px !important;
	}

	.help-additional__content-item {
		font-family: 'HiraKakuPro-W3' !important;
		font-size: 14px !important;
		color: rgba(17, 173, 157, 1);
	}

	.help-additional__content>ul {
		margin-bottom: 0px !important;
		padding-left: 24px !important;
		padding-right: 20px !important;
	}

	.help-additional__content ul li {
		margin-bottom: 16px !important;
	}

	.help-content .primary-title__main {
		margin-bottom: 12px;
	}

	.submitContact {
		margin-bottom: 32px;
		float: right;
		margin-right: 13px;
		margin-top: 48px;
	}

	.contactContentDetail .lead-nav {
		display: none;
	}

	.support-reply {
		width: 94%;
	}

	.support-question {
		width: 94%;
	}

	.support-wrap {
		margin-top: -8px;
	}

	.support-reply-confirm {
		width: 95%;
		display: flex;
	}

	.support-reply-confirm button {
		float: right;
	}

	.support-reply-confirm span {
		top: 8px;
		position: relative;
		font-size: 13px;
	}

	.contactStatus {
		float: right;
	}

	.warpper-item-contact span {
		font-size: 12px;
		margin-top: 2px;
	}

	.warpper-item-contact .content-noti {
		color: rgba(0, 0, 0, 0.54);
		font-size: 12px;
	}

	.warpper-item-contact .info-user {
		color: rgba(0, 0, 0, 0.54);
		font-size: 12px;
	}

	.btnsContact .submitContact {
		float: right !important;
		margin-top: 24px !important;
		margin-right: 12px !important;
	}

	.btnsContact .cancelContact {
		margin-left: 12px;
	}

	

	.textCancelContact {
		display: block;
		text-align: center !important;
	}

	.dialogShowImage img {
		width: 90%;
		margin-left: 5%;
		margin-top: 0px;
	}

	.dialogShowImage div:nth-child(1) {
		width: 96% !important;
		margin-left: 2%;
	}

	.inputContact {
		margin-left: 15px;
		width: 87% !important;
	}

	.closeImageShow {
		font-size: 28px;
		left: 102% !important;
	}

	.support-question-content {
		width: 98%;
	}

	.support-reply-inner {
		width: 92%;
	}

	.submitContactBtn {
		width: 100%;
	}

	.submitCantBlockIOS {
		margin-left: 32% !important;
	}

	.imageConfirm {
		width: 320px;
		height: 600px;
	}

	.title-contact-rep {
		color: rgba(0, 0, 0, 0.87);
		font-weight: 500;
		font-size: 15px;
	}
}

@media (max-width: 991px) {}

/* mobile */
@media (min-width: 321px) and (max-width: 767px) {
	.errMsgContact {
		color: red;
		margin-left: 15px;
	}
	.boxBtnPreview{
		display:flex;
		flex-direction: row-reverse;
		justify-content:space-between
	}
	.text-message-contact {
		color: rgba(236, 64, 122, 1);
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 12px;
		line-height: 15px;
		margin-top: 8px;
		margin-bottom: 30px;
		margin-left: 15px;
		margin-right: 13px;
	}
	.btnFile {
		margin-left: 15px;
		margin-top: 12px;
	}
	.contactPrimary p {
		word-break: break-word;
		padding-top: -5px;
		/* margin-right: 24px; */
	}
	.imageContact {
		width: 34px;
		height: 34px;
		margin-left: 12px;
		margin-top: 13px;
	}
	.closeBlockFirstTime {
		position: relative;
		top: -12px;
		left: 102% !important;
		color: rgba(0, 0, 0, 0.2) !important;
		cursor: pointer;
	}
	.imgIconFirstTimePoup{
		width:122px;
		height:122px;
		margin-bottom: 17px;
	}
	.dialogContent{
		width:'90%'
	}
	.reviewpage_star-filter {
		width: 100% !important;
	}

	.reviewpage_star-filter hr {
		margin: 0 !important;
		width: 100% !important;
	}

	.modal-missing__profile {
		position: relative;
		padding: 23px 24px 30px 22px !important;
	}

	.modal-missing__profile-close__icon {
		position: absolute;
		top: 9px;
		right: 10px;
		cursor: pointer;
		color: rgba(117, 117, 117, 1);
	}

	.modal-missing__profile-paper {
		width: 90% !important;
	}
	.modal-menu-premium-paper{
		width: 90% !important;
	}
	.modal-missing__profile-title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 17px;
		color: rgba(0, 0, 0, 0.87);
		line-height: 21px;
		margin-bottom: 21px;
	}

	.modal-missing__profile-content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.54);
		line-height: 21px;
		margin-bottom: 26px;
	}

	.modal-missing__profile-buttons {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.modal-missing__profile-button__cancel {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		margin-right: 44px;
		display: none
	}

	.modal-missing__profile-button__redirect {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		font-weight: bold;
	}

	.dialog__too-few-character-container {
		width: 86.5% !important;
	}

	.dialog__too-few-character-body {
		padding: 19px 25px 23px 25px !important;
	}

	.dialog__too-few-character__title {
		font-family: 'HiraKakuPro-W6';
		font-weight: bold;
		font-size: 17px;
		color: rgba(77, 75, 81, 1);
		margin-bottom: 8px;
	}

	.dialog__too-few-character__content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.87);
	}

	.dialog__too-few-character__subcontent {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 16px;
	}

	.dialog__too-few-character__button-area {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.dialog__too-few-character__button-ok {
		border: none;
		background-color: rgba(17, 173, 157, 1);
		border-radius: 2px;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
		padding: 11px 40px;
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(255, 255, 255, 1);
		text-align: center;
	}

	.suspend-request-chat__wrap-icon-bell {
		position: fixed;
		top: 50px;
		right: 10px;

		z-index: 1000;
	}

	.suspend-request-chat__icon-bell {
		width: 48px;
		height: 48px;
	}

	.dialog__chat-button {
		margin-bottom: 23px !important;
	}

	.dialog__chat-countdown {
		margin-top: 20px;
		margin-bottom: 17px;
	}

	.dialog__chat-username {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 21px;
		color: #11ad9d !important;
		line-height: 21px;
		padding: 0 !important;
		font-weight: bold;
		margin-top: 16px;
		text-align: center !important;
		margin-top: 10px;
	}

	.dialog__chat-subtitle {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 14px;
		color: rgba(33, 33, 33, 1);
		line-height: 21px;
		margin-top: 6px;
	}

	.dialog__chat-button__acceptchat,
	.dialog__chat-button__suspendchat {
		width: 104px !important;
		font-family: 'Hiragino Kaku Gothic Pro';
		outline: none;
	}

	.dialog__chat-notice {
		font-size: 12px !important;
		font-family: 'Hiragino Kaku Gothic Pro';
		color: rgba(203, 203, 203, 1);
		line-height: 16px;
	}

	.stage-name {
		font-size: 14px;
	}

	.auth-box {
		position: relative;
		max-width: 300px;
		transform: none;
		left: auto;
		right: auto;
		padding-top: 25%;
	}

	.password {
		color: rgb(17, 173, 157);
		font-size: 12px;
		font-weight: 500;
	}
}

@media (max-width: 375px) {
	.alert-advise-call {
		color: #EC407A;
		padding: 0px 16px;
		text-align: center;
		font-weight: bold;
		font-size: 11px
	}

	.stage-name {
		font-size: 14px;
	}

	.mission-archived-item__left {
		position: relative;
	}

	.mission-archived-item__left img {
		position: absolute;
		top: 50%;
		margin-top: -29px;
	}

	.answer-category-title {
		display: none;
	}

	.list-answer-select {
		margin-left: 0px;
	}

	.answer-item-category {
		width: 78px;
	}
}

@media (max-width: 300px) {
	.user_name_show {
		width: 20%;
	}

	.stage-name {
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 1800px) {
	.alert-advise-call {
		color: #EC407A;
		padding: 0px 16px;
		text-align: center;
		font-weight: bold;
		font-size: 11px
	}

	.menu-collapse-chat {
		position: absolute;
		left: 256px;
		width: calc(100% - 510px);
		display: flex;
	}

	.menu-collapse-chat .btn-tab {
		padding: 4px;
	}

	.menu-collapse {
		position: absolute;
		left: 256px;
		width: calc(100% - 265px);
		display: flex;
	}

	.menu-collapse .btn-tab {
		padding: 4px;
	}

	.navbar-nav li {
		padding: 4px;
	}

	.navbar-nav:first-child {
		width: 75%;
	}
}

@media screen and (max-width: 1730px) {
	
	.chat-form-custom-definition__data .list__item {
		display: block;
		/* margin-bottom: 10px; */
		/* padding-left: 7px;
        padding-right: 7px; */
		float: left;
	}

	.container-template-scroll {
		width: 100%;
	}

	.template-scroll {
		/* width: calc(100% - 250px); */
		height: 42px;
		overflow-x: scroll;
	}

	.list-template-scroll {
		width: max-content;
	}

	.chat-form-custom {
		height: 33px;
	}
}

.textIdleTimer {
	margin-top: 15px;
	color: #ec407a;
	margin-bottom: 20px;
}

.timeline-form .replyAnswer.answer {
	height: auto !important;
}

.text-count-total {
	text-align: right;
	line-height: 22px;
	z-index: 1;
	color: rgb(0, 188, 212);
}

.primary__inner-box {
	padding: 0 20px 0 24px;
}

.list__item_question {
	position: relative;
	padding-left: 16px;
	margin-top: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}

.list__item_question:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	display: block;
	height: 5px;
	width: 5px;
	background-color: rgba(0, 0, 0, 0.38);
	border-radius: 49%;
}

.help-content {
	padding-bottom: 24px;
}

.back-link-header-help {
	margin-bottom: 20px;
}

.box-title-null-data {
	padding: 15px 0 0 15px;
}

.content-request-list-offline {
	padding-bottom: 45px;
}

.color-content-secendary-nondata {
	padding: 0 16px 0 16px;
	color: #9e9e9e;
}

/* Dialog First Login */
.dialogFirstLogin div:nth-child(1) {
	max-width: 666px !important;
}

.dialogFirstLogin>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
	padding: 32px 27px 27px 19px !important;
}

.dialog-first-login-content {
	margin-bottom: 16px;
	font-size: 17px;
	line-height: 21px;
	font-family: 'HiraKakuPro-W3';
	color: rgba(0, 0, 0, 0.87);
}

.dialog-first-login-title {
	font-family: 'Hiragino Kaku Gothic Pro';
}

.dialog-first-login-text-note {
	color: rgba(236, 64, 122, 1);
}

.dialog-first-login-text-link {
	text-decoration: underline;
	color: rgba(17, 173, 157, 1);
	cursor: pointer;
}

.dialog-first-login-area-button {
	text-align: center;
}

.dialog-first-login-button {
	width: 132px;
	margin-left: 0;
	font-family: 'Hiragino Kaku Gothic Pro';
	background: rgba(17, 173, 157, 1);
}

.dialog-first-login-button-close {
	color: rgba(117, 117, 117, 1) !important;
	top: -15px;
}

/*  */
.Dropdown-option.is-selected {
	background-color: rgba(17, 173, 157, 1) !important;
	color: white !important;
}


.backgroung-contact {
	margin-left: 24px;
	width: 163px;
	height: 88px;
	background-color: rgba(216, 216, 216, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;

}

.content-image-contact {
	width: 70%;
	text-align: center;
	line-height: 17px;
	color: rgba(0, 0, 0, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 14px
}
/*  */


.checkboxDialogBlock .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .checkboxDialogBlock .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkboxDialogBlock .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: white;
	border: 2px solid gray;
	border-radius:4px;
  }
  
  /* On mouse-over, add a grey background color */
  .checkboxDialogBlock .container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .checkboxDialogBlock .container input:checked ~ .checkmark {
	background-color: #2dad9d;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkboxDialogBlock .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .checkboxDialogBlock .container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkboxDialogBlock .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .imgIconFirstTime{
	width:20px;
	height:21px;
	margin-left:7px;
	margin-bottom: 0px;
	cursor: pointer;
  }

  #menu-padding {
	padding: 0 15px 0 15px;
  }

  #margin-top-mission__item {
	margin: auto;
  }

  #mission-home_right {
	margin-right: 15px;
  }

  #archived-img-center {
	margin: auto;
  }

  #archived-hidden-top {
	margin-top: 0px
  }

  #unset-height-mission {
	min-height: unset;
  }

#height-table {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: auto !important;
}

.color-pink {
	background-color: rgb(236, 64, 122);
	color: white;
	font-weight: bold;
}

.color-pink:hover {
	color: white;
	background-color: rgb(236, 64, 122, 0.5);
}

#tr-payoff {
	height: auto;
}

.table-payoff {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 28px;
	border: 0;
}

.table-payoff, th {
	text-align: justify;
	height: auto;
	border: 0;
}

.table-payoff td {
	text-align: end;
	height: auto;
	border: 0;
}

.table-payoff tr:first-child {
	height: 30px;
	border: 0px;
	border-bottom: 2px solid #F3F3F3;
}

.table-payoff tr:first-child > th {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 9px !important;
}

.table-payoff tr:first-child > td {
	font-size: 18px !important;
	font-weight: bold;
	padding-bottom: 9px !important;
}

.table-payoff tr:last-child {
	height: 30px;
	border: 0px;
	border-top: 2px solid #F3F3F3;
}

.table-payoff tr:last-child > th {
	padding-top: 16px !important;
	color: #11AD9D;
	font-size: 18px;
	font-weight: bold;
}

.table-payoff tr:last-child > td {
	padding-top: 16px !important;
	color: #11AD9D;
	font-size: 18px !important;
	font-weight: bold;
}

.table-payoff tr:nth-child(2) > th {
	padding-top: 17px !important;
	padding-bottom: 0 !important;
}

.table-payoff tr:nth-child(2) > td {
	padding-top: 17px !important;
	padding-bottom: 0 !important;
}

.table-payoff tr:nth-child(4) > th {
	padding-bottom: 16px !important;
}

.table-payoff tr:nth-child(4) > td {
	padding-bottom: 16px !important;
}

#payoff-margin__bottom {
	margin-bottom: 21px;
}

#padding-table-payoff {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 13px;
	padding-bottom: 12px;
}

  #hidden-popup__best-awswer {
	margin-bottom: 10px;
  }
  
  .answer-log__bestanswer {
	margin: auto;
	width: 100% !important;
	margin-left: 20px;
  }

  .answer-log__bestanswer > input {
	color: red !important;
  }

  .container-answer-teller {
	width: 100%;
	height: 50px;
    background: white;
    display: flex;
    margin: auto;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
  }

  .tooltip-answer {
	position: relative !important;
	display: inline-block !important;
  }

  .img-lable__target {
	position: absolute;
    z-index: 1;
    bottom: 25%;
    max-width: 57px;
    right: -120%;
  }

  #top-answer_item {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	height: auto !important;
  }

  .flex-answer_info {
	display: flex;
	flex-direction: column;
  }

	#margin-item_answer {
		margin-left: 0px;
	}

	#comment-answer-web__item {
		display: flex;
		align-items: end;
	}

	.checkbox-management {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.lable-answer_log {
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 10px;
	}

	.container-answer_checkbox {
		display: block;
		position: relative;
		padding-left: 25px;
		cursor: pointer;
		font-size: 15px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-left: 24px;
		color: rgba(56, 53, 61, 1);
		font-weight: 500;
		margin-top: 5px;
		letter-spacing: 1px;
	}

	.background-container_answerlog {
		/* background-color: rgba(255, 255, 255, 1); */
		height: 40px;
		border-radius: 3px;
		display: flex;
		align-items: center;
	}
  
	.container-answer_checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
  
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 18px;
		width: 18px;
		background-color: white;
		border: 2px solid #8E8E8E;
		border-radius: 3px;
	}
  
	.container-answer_checkbox input:checked ~ .checkmark {
		background-color: #11AD9D;
		border: 1px solid #11AD9D;
	}
	
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	
	.container-answer_checkbox input:checked ~ .checkmark:after {
		display: block;
	}
	
	.container-answer_checkbox .checkmark:after {
		left: 6px;
		top: 0px;
		width: 7px;
		height: 14px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#category-answer_mangement {
		height: 40px;
	}

	#title-category_web {
		line-height: 40px;
		color: rgba(139, 132, 152, 1);
		font-weight: bold;
		letter-spacing: 0.28px;
		margin-right: 7px;
	}

	#category-answer_management {
		top: -8px !important;
	}

	#category-checkbox_management {
		margin-top: 10px;
		margin-left: 37px;
	}

	.img-icon_commnet {
		max-width: 100%;
		margin-bottom: -2px;
	}

	.event-click {
		cursor: pointer;
	}

	.link-appeal__mesage {
		color: #ec407a;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		font-family: 'HiraKakuPro-W6';
	}

	.link-appeal__mesage span {
		border-bottom: 1px solid #ec407a;
		cursor: pointer;
	}

	.link-suggest-upload {
		color: #11ad9d;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		font-family: 'HiraKakuPro-W6';
		margin-top: 25px;
		white-space: pre-wrap;
	}
	
	.link-suggest-upload span {
		border-bottom: 1px solid #11ad9d;
		cursor: pointer;
	}

	
	#content-appeal__message {
		margin: 20px 40px;
	}

	.description-appeal__message {
		margin-top: 20px;
		font-weight: bold;
	}

	.title-description-appeal {
		color: #eb5a99;
		font-size: 17px;
		font-family: "Hiragino Kaku Gothic Pro";
		margin-bottom: 12px;
	}

	.text-description-appeal {
		color: #333;
		font-size: 18px;
		font-family: "Hiragino Kaku Gothic Pro";
	}
	
	.text-description-appeal span {
		color: #eb5898;
	}

	.modal-appeal__message-btn {
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
		margin-top: 20px;
	}

	.modal-appeal__message-btn-cancel {
		background-color: rgba(17, 173, 157, 1);
		border-radius: 2px;
		font-size: 15px;
		font-family: "HiraKakuPro-W6";
		color: white;
		padding: 10px 90px;
		border: 0;
	}

	.cancel-dialog__right span {
		font-size: 18px;
		font-weight: 500;
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		color: rgba(202, 202, 202, 1);
		height: 14px;
		width: 14px;
		cursor: pointer;
	}

	.image-appeal__item {
		width: 100%;
	}

	.image-appeal__item:nth-child(1) {
		margin-bottom: 40px;
	}

	.image-appeal__item:nth-child(2) {
		margin-bottom: 43px;
	}

	.setting-popup-template {
		top: 0;
		position: absolute !important;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.image-setting-template__item {
		margin-bottom: 20px;
	}

	.image-setting-template__item:last-child {
		margin-bottom: 0;
	}

	.setting-popup-overflow {
		overflow: auto !important;	
	}
	
	#popup-review {
		margin: 0;
		margin-top: 10px;
	}

	#popup-review .checkmark {
		width: 15px;
		height: 15px;
	}

	#popup-review .checkmark:after {
		left: 4px;
	}

	.text-overflow_ellipsis {
		max-width: 120px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
	}

	.review-note {
		margin: 24px 8px 0;
		font-size: 12px;
		color: rgba(33, 33, 33, 0.54);
		text-align: center;
	}

	.text-note-review {
		color: #ec407a;
		font-size: 12px;
	}

	#scroll-review {
		overflow-y: auto;
	}

	.dialog-reward-description {
		font-size: 14px;
		color: rgba(94, 202, 189, 1);
		text-align: center;
		margin-bottom: 30px;
		font-weight: bold;
	}

	.dialog-reward-text__note {
		font-size: 12px;
		color: #4d4b51;
		text-align: center;
		margin-bottom: 25px;
		margin-top: -2px;
	}

	.text-link {
		text-decoration: underline;
		text-underline-offset: 4px;
		color: #5ecabd;
	}
	
	.radio-unchecked .MuiIconButton-label > div {
		color: black !important;
	}

	.radio-checked .MuiIconButton-label > div {
		color: #00bcd4 !important;
	}
	
	#icon-speech-bubble {
		position: relative;
		margin-left: 22px;
	}
	
	#icon-speech-bubble:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 22px solid #EBFAF8;
		border-left: 0;
		content: "";
		position: absolute;
		top: 15%;
		left: -22px;
	}

	@media screen and (max-width: 768px) {
		.review-note {
			margin: 24px 8px;
		}
	}


.dialog-newbie-content {

}

.dialog-wating-time {
	max-width: 500px !important;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	justify-items: center;
	display: grid;
	padding-bottom: 16px;
	border-radius: 8px;
}
.dialog-newbie {
	max-width: 500px !important;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	justify-items: center;
	display: grid;
	padding-bottom: 20px;
}
.dialog-newbie-title {
	font-size: 18px;
	color: #212020;
	text-align: center;
	display: flex;
	justify-content: center;
	font-weight: 600;
	align-items: center;
}
.dialog-time-end-newbie {
	color: #ec407a;
	font-size: 13px;
	border: 1px solid #ec407a;
	padding: 7px 25px;
	width: 130px;
	align-self: center;
	margin-block: 15px;
	text-align: center;
}
.dialog-newbie-text-note {
	font-size: 14px;
}

.ranking_event_icon_floating {
	width: 141px;
	height: 141px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
.dialog-join-event {
	background-color: white;
}
.dialog-event-btn-close{
	font-size: 14px;
	 color: #4d4b51;
	 padding-block: 5px 15px;
	 outline: none;
	 border: none;
	 background-color: white;
}
.dialog-event-ranking-button {
	background-color: rgba(17,173,157,1);
	width: 251px;
	outline: none;
	border: none;
	background: #11ad9d;
	margin-top: 5px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
}
.dialog-event-ranking-button[disabled] {
	background-color: rgba(144, 140, 154, 1);
	width: 251px;
	outline: none;
	border: none;
	margin-top: 5px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
}
.dialog-event-view_info {
	position: absolute;
	bottom: 50px;
	display: grid;
	margin-bottom: 20px;
	right: 10%;
	justify-items: center;
}
.dialog-event-time {
	text-shadow: 0 0 8px rgba(236, 64, 122, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 14px;
	color: rgba(255, 255, 255, 1);
}
.dialog-event-banner-img {
	max-width: 100%;
	margin-bottom: 0 !important;
}
.dialog-event-ranking-info {
	position: absolute;
	top: 40%;
	display: grid;
	justify-items: center;
	left: 25%;
	width: 50%;
}
.dialog-event-ranking-rank {
	font-size: 56px;
	color: rgba(33, 32, 32, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
	font-weight: 600;
}

.dialog-event-ranking-rank span{
	font-size: 36px;
}
.dialog-event-completed {
	position: absolute;
	top: 42%;
	display: grid;
	justify-items: center;
	left: 31%
}
.dialog-event-ranking-text_time_publish {
	font-size: 16px;
    color: #4d4b51;
    width: 128px;
    text-align: center
}
.dialog-event-ranking-time-announced {
	position: absolute;
	bottom: 15%;
	left: 31%
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: rgba(241, 255, 253, 1);
}

.primary-title-menu-premium {
	display: flex;
	padding: 4px 12px 12px !important;
	border-bottom: 1px solid #e5e5e5;
}

.flex-button-title-menu-premium{
	display: flex ;
	justify-content: center;
	align-items: center;
}

.primary-title1-menu-premium {
	font-family: HiraginoSans-W3;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin: 10px 0 10px 0;
}

.inline{
	width: 95%;
	margin: 0 auto;
}

.menu-premium-grid{
	display: grid;
	grid-template-columns: 5fr 1fr 1fr;
	margin: 20px 0px 0px 70px;
	gap: 10px;
}

.flex-menu-premium-list{
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.setting-create-menu-form{
	margin: 36px 107px 36px 105px;
  padding: 16px 22px 24px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #11ad9d;
}

.menu-premium-grid-form{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}
.modal-btn-menupremium{
	width: 165px;
	height: 44px;
}
.setting-popup-menu-premium{
	top: 0;
	position: absolute !important;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: none !important;
	width: 60% !important;
}
.p_edit_create_menu-premium{
	font-family: HiraKakuPro-W3;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
}
.color_label{
	color: #9e9e9e;
	font-weight: 100;
	font-size: 12px !important;
}

.header-title-wating-time{
	position: relative;
}
.header-title-wating-time p{
  font-family: 'HiraKakuPro-W6';
  width: 376.5px;
  flex-grow: 0;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;

color: #ec407a;
position: absolute;
top: 177px;
text-align: center;
left: 50%;
transform: translateX(-50%);
}

@media (max-width: 767px) {
	#padding-table-payoff {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 16px;
		padding-bottom: 20px;
	}
	.header-title-wating-time p{
		top: 126px;
	}
}