@charset "utf-8";

/*-----------------------------------*/
/* modal window common style
/*-----------------------------------*/
#modal_overlay{
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
}
.modal_window{
	left: 0;
	right: 0;
	padding: 20px;
	background: #fff;
	border: solid 4px #555;
	border-radius: 10px;
	width: 96%;
	max-width: 640px;
	box-sizing: border-box;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	margin: auto;
	z-index: 11000;
	-webkit-transform: translate3d(0,0,0); /* for iOS bugs */
}
@media screen and (orientation:landscape){
	#modal_overlay{
		width: 100%;
		height: 100%;
	}
	.modal_window{
		width: 96%;
	}
}
.modal_window--flex{
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
	box-sizing: border-box;
}
.modal_window .btn_close{
	position: absolute;
	top: -10px;
	right: -10px;
	display: block;
	width: 24px;
	height: 24px;
	/* background: #555; */
	background: url('../../images/icon/modal_close.png') no-repeat 0 0 / cover;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}
.modal_window .btn_close:before{
	display: inline-block;
	content: '\f00d';
	font-family: 'fontAwesome';
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 24px;
}

.modal_window .btn_close--inner{
	top: 4px;
	right: 4px;
}
.modal_window .btn_close--inner_2{
	top: -1px;
	right: -2px;
}
/* disable overlay click */
.modal_window.static_overlay:after{
	display: block;
	content: '';
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: transparent;
	z-index: -1;
}
/* scrollable */
.modal_window .scrollable{
	overflow: scroll;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
	height: 100%;
	max-height: 90vh;
	padding: 2rem;
	margin: 0.2rem 0.2rem 0.2rem;
}
.modal_window .scrollable::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.modal_window .scrollable::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,0.4);
	box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
/*-----------------------------------*/
/* modal dialog common style
/*-----------------------------------*/
.modal_window.dialog .modal_ttl{
	margin: 0 0 15px;
	padding: 0;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.5;
}
.modal_window.dialog p{
	line-height: 1.5;
}

/* notice */
.modal_window.dialog .modal_notice li{
	line-height: 1.5;
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.modal_window.dialog .modal_notice li:before{
	content: '※';
}
.modal_window.dialog .modal_notice li:first-child{
	margin-top: 0;
}

/*-----------------------------------*/
/* diaolog individual styles
/*-----------------------------------*/

/*-----------------------------------*/
/* #dialog_crop_img
/*-----------------------------------*/
#dialog_crop_img .crop_img_wrap{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
#dialog_crop_img .crop_img_wrap .crop_img_area .crop_img{
	width: inherit !important;
	height: inherit !important;
}
#dialog_crop_img .controls_crop_img{
	width: 100%;
	background: #000;
	text-align: center;
	white-space: nowrap;
}
#dialog_crop_img .controls_crop_img a{
	display: inline-block;
	vertical-align: middle;
	width: 16%;
	padding: 1rem;
	font-size: 2rem;
	box-sizing: border-box;
	font-weight: normal;
	color: #999;
}

.modal_window.w_auto{
	width: auto !important;
}

/*-----------------------------------*/
/* #dialog_point_log_detail
/*-----------------------------------*/
.dialog_point_log_detail{
	opacity: 1.0 !important;
	color: #FFFFFF;
}
.dialog_point_log_detail .log_detail_wrap{
	padding: 1rem 2rem;
}
.dialog_point_log_detail table{
	width: 100%;
	margin: auto;
	font-size: 15px;
	font-size: 1.5rem;
}
.dialog_point_log_detail table tr{
	border-bottom: 1px #ccc solid;
}
.dialog_point_log_detail table th{
	padding: 1.5rem 0 1.5rem 0.5rem;
	text-align: left;
}
.dialog_point_log_detail table td{
	padding-right: 0.5rem;
	text-align: right;
}
.dialog_point_log_detail table.increase td.col_pt_diff{
	color: #ff2f65;
}
.dialog_point_log_detail table.decrease td.col_pt_diff{
	color: #1b91ff;
}
.dialog_point_log_detail .modal_btn_area{
	border: none;
}
.dialog_point_log_detail .coin_kinds_details{
	text-align: right;
	font-weight: normal;
	margin-right: 0px;
	border-collapse: inherit;
}
.dialog_point_log_detail .coin_kinds_details th{
	padding: 1.5rem 0 1.5rem 0.5rem;
    text-align: left;
}
.dialog_point_log_detail .coin_kinds_details td{
	padding-right: 0.5rem;
    text-align: right;
}
@media screen and (max-width: 375px){
	.dialog_point_log_detail{
		width: 90vw;
	}
}
/*-----------------------------------*/
/* dialog_cs_history_detail
/*-----------------------------------*/
.dialog_cs_history_detail .cs_history_detail_wrap .cs_title {
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.dialog_cs_history_detail .cs_history_detail_wrap .btn_wrap {
	margin-top: 1.5rem;
}
.dialog_cs_history_detail .cs_history_detail_wrap .btn_wrap .btn_style {
	display: block;
}
/*-----------------------------------*/
/* dialog_rating_staff
/*-----------------------------------*/
.dialog_rating_staff .modal_inner .btn_wrap .btn_style{
	min-width: 180px;
	border-radius: 6px;
	box-sizing: border-box;
}
.dialog_rating_staff .modal_inner .btn_wrap .btn_style.disabled{
	background: #ccc !important;
	color: #fff !important;
}
.dialog_rating_staff .modal_inner .ui_mark.optional:after,
.dialog_rating_staff .modal_inner .ui_mark.required:after{
	content: '';
	display: none;
}
.dialog_rating_staff .modal_inner .c_required{
	color: #ed1515;
}
/*---------------------------------*/
/*-------- New Rating Star --------*/
/*---------------------------------*/
.dialog_rating_staff .rating_radio_wrap {
	margin: 0 auto 3rem;
	max-width: 500px;
}
.dialog_rating_staff .rating_radio_group * {
	box-sizing: border-box;
}
.dialog_rating_staff .rating_radio_group {
	display: flex;
	flex-flow: row-reverse;
	align-items: stretch;
	margin-left: -1rem;
	margin-right: -1rem;
	position: relative;
	padding-bottom: 3.5rem;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star {
	display: flex;
	flex-flow: row-reverse;
	align-items: stretch;
	margin-left: -1rem;
	margin-right: -1rem;
	position: relative;
	padding-bottom: 3.5rem;
	justify-content: center;
}
.dialog_rating_staff .rating_radio_group:after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 2rem);
	height: 1.5rem;
	background: linear-gradient(to right,#8acbd6 40%, #f1c93a);
	bottom: 0;
	left: 1rem;
}
.dialog_rating_staff .rating_radio_group input {
	position: absolute;
	visibility: hidden;
	top: -99999px;
}
.dialog_rating_staff .rating_radio_group .label_wrap {
	width: 20%;
	padding: 0 0.5rem;
	text-align: center;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star .label_wrap {
	width: 25%;
	padding: 0 0.5rem;
	text-align: center;
}
.dialog_rating_staff .rating_radio_group .rating_radio_label {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.dialog_rating_staff .rating_radio_group .rating_radio_label:hover {
	cursor: pointer;
}
.dialog_rating_staff .rating_radio_group .rating_radio_label .star_wrap {
	transition: color 0.2s ease-in-out;
	color: #fff;
}
.dialog_rating_staff .rating_radio_group .rating_radio_label .star_wrap i.fa {
	font-size: 4rem;
}
.dialog_rating_staff .rating_radio_group .rating_radio_label .star_txt {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #555;
}
/* star color */
.dialog_rating_staff .rating_radio_group.style_value_5 input:nth-child(1) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.style_value_4 input:nth-child(3) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.style_value_3 input:nth-child(5) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.style_value_2 input:nth-child(7) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.style_value_1 input:nth-child(9) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}

.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_3 input:nth-child(1) ~ .label_wrap .rating_radio_label .star_wrap i.fa::before {
	content: "\f005";
	color: #fff;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_2 input:nth-child(3) ~ .label_wrap .rating_radio_label .star_wrap i.fa::before {
	content: "\f005";
	color: #fff;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_1 input:nth-child(5) ~ .label_wrap .rating_radio_label .star_wrap i.fa::before {
	content: "\f005";
	color: #fff;
}


.dialog_rating_staff .rating_data_form_wrap .rating_desc .text_one_star {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .textarea_desc .desc_default,
.dialog_rating_staff .rating_data_form_wrap.comment_required .textarea_desc .desc_required {
	display: block;
}
.dialog_rating_staff .rating_data_form_wrap.comment_required .textarea_desc .desc_default,
.dialog_rating_staff .rating_data_form_wrap .textarea_desc .desc_required {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.optional,
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required {
	background-color: #555;
	color: #fff;
	font-size: 1.4rem;
	padding: 0.25rem 0.5rem;
	display: inline-block;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required {
	background-color: #ed1515;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner textarea{
	background-color:#fff;
	line-height: 1.5;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .review_notice_wrap > p{
	display: inline-block;
}
/*btn mobapp*/
.modal_window-sp .btn_wrap-modal{
	border-top: #DFDEDE 1px solid;
	padding: 0;
}
.modal_window-sp .btn_wrap-modal .btn_style-modal{
	line-height: 4.5rem;
	color: #0180FF;
	font-size: 1.6rem;
	display: block;
}
/* receiving box */
.dialog_receiving_done{
	position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: #323232;
    padding: 2rem;
	border: none;
	width: 90%;
}
.dialog_receiving_done .modal_inner {
	width: 100%;
}
.dialog_receiving_done .icon_wrap.icon_gift_open {
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    padding: 1.5rem;
    box-sizing: border-box;
	margin: 2.5rem auto;
}
.dialog_receiving_done .icon_wrap.icon_gift_open img {
	width: 3.5rem;
	height: auto;
}
.dialog_receiving_done .title_bar{
    color: #fff;
    padding: 1rem 0;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 700;
}
.dialog_receiving_done .txt_wrap{
	text-align: center;
	margin-bottom: 30px;
}
.dialog_receiving_done .btn_wrap{
	text-align: center;
	margin-top: 1rem;
}
.dialog_receiving_done .btn_wrap .c_blue{
    font-weight: bold;
    width: 160px;
    height: 38px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 4px;
    color: #000000!important;
    margin: auto;
}
.mobile_env {
	position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: #323232;
    padding: 2rem;
    border: none;
    width: 90%;
	margin-top: 0!important;
}
.mobile_env .modal_inner {
	width: 100%;
}
.mobile_env .title_bar {
    color: #fff;
    padding: 1.5rem 0;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 700;
}
.mobile_env .txt_wrap {
    text-align: left;
    margin-bottom: 30px;
    color: #fff;
}
.mobile_env .btn_wrap .c_ok {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: #000000;
}
.mobile_env .icon_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
	margin-bottom: 30px;
}
.mobile_env .icon_wrap img {
	width: 80px;
	height: auto;
}
.mobile_env .modal_close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -15px;
	right: -15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 50%;
}
.mobile_env .modal_close img {
	width: 12px;
	height: auto;
}
/* login modal */
.dialog_login_form .sec_login_inner dl.input{
	border: #ccc solid 1px;
	border-radius: 4px;
}
.dialog_login_form .sec_login_inner dl.input dt{
	border-right-color: #ddd;
}
.dialog_login_form .sec_border {
    border-top: 1px solid #cdcdcd;
	position: relative;
}
.dialog_login_form .sec_border_or:before{
	content: "または";
	color: #707070;
	font-weight: bold;
	font-size: 1.2rem;
	display: inline-block;
	background: #FFF;
	position: absolute;
	top: -0.6rem;
	right: 0;
	left: 0;
	margin: auto;
	width: 5.6rem;
	box-sizing: border-box;
	text-align: center;
}
.dialog_login_form .sec_border_or-text{
	color: #707070;
	font-weight: bold;
	font-size: 1.2rem;
	display: inline-block;
	background: #FFF;
	position: absolute;
	top: -0.6rem;
	right: 0;
	left: 0;
	margin: auto;
	width: 5.6rem;
	box-sizing: border-box;
	text-align: center;
} 
#dialog_change_mail_address #resultMessageError{
	text-align: center;
    padding: 15px 15px 8px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    color: #ed1515;
}
/*-----------------------------------*/
/* #page report
/*-----------------------------------*/
.dialog_report_teacher{
	padding: 2.5rem 0;
}
.dialog_report_teacher .page_ttl{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2rem;
	text-align: center;
}
.dialog_report_teacher .page_ttl_sub{
	padding: 0 2rem;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 2.5rem;
	text-align: center;
}
.dialog_report_teacher .form_item + .form_item{
	margin-top: 4rem;
}
.dialog_report_teacher .form_item .content_ttl{
	color: #7F7F84;
	font-size: 1.5rem;
	margin-bottom: 1rem;
	padding: 0 1.6rem;
}
.dialog_report_teacher .form_item .trigger_select{
	display: block;
	border: #999 1px solid;
	padding: 1.2rem 1.6rem;
	background: #FFF;
	position: relative;
	color: #3C3C3C;
	font-size: 1.6rem;
	border-radius: 4px;
	height: 50px;
}
.dialog_report_teacher .form_item .ui-count_form{
	padding: 0 1.6rem;
}
.dialog_report_teacher .form_item .ui-count_form textarea{
	width: 100%;
	box-sizing: border-box;
	min-height: 80px;
	border-color: #999;
	max-height: 400px;
}
.dialog_report_teacher .form_item .ui-count_form .ui-counter{
	text-align: right;
	font-size: 1.2rem;
}
.dialog_report_teacher .btn_wrap{
	padding: 0 1.6rem;	
}
.dialog_report_teacher .btn_wrap .btn_style.btn_white{
	border-color: #AAAAAA;
	color: #AAAAAA !important;
}
.dialog_report_teacher .btn_wrap .btn_style.btn_report{
	background: #D26D6A;
	text-shadow: none;
    border: none;
}
.dialog_report_teacher .btn_wrap .btn_style.disabled{
	color: #FFF !important;
}
.dialog_report_teacher .btn_wrap.btn_center .btn_style{
}
.dialog_report_teacher .input_wrap_select select{
	border-radius: 0;
	border-right: none;
	border-left: none;
}
.dialog_report_teacher .input_wrap_select{
	position: relative;
	padding: 0 1.6rem;
}
.dialog_report_teacher_complete{
	box-sizing: border-box;
}
/* modal_family_coin_transfer */
.modal_family_coin_transfer{
	border-radius: 14px;
	background-color: #232323;
	color: #fff;
	border: none;
	box-shadow: none;
	padding: 20px 0 0;
	text-align: center;
}
.modal_family_coin_transfer .title{
	font-size: 1.7rem;
	font-weight: 600;
	margin-bottom: 12px;
}
.modal_family_coin_transfer .text{
	font-size: 1.3rem;
	margin-bottom: 20px;
}
.modal_family_coin_transfer .btn-wrap{
	border-top: rgba(60,60,67, .36) solid 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal_family_coin_transfer .btn-wrap .btn{
	padding: 16px;
	text-align: center;
	width: 100%;
}
.modal_family_coin_transfer .btn-wrap.btn-2col .btn{
	width: 50%;
	color: #007AFF;
	font-size: 1.3rem;
}
.modal_family_coin_transfer .btn-wrap.btn-2col .btn + .btn{
	border-left: 1px rgba(60,60,67, .36) solid;
}
/* dialog login */
.modal-wrap{
	background: #323232;
	border-radius: 12px;
	color: #FFF;
	padding: 30px 38px;
	padding: 8vw 10.133vw;
}
.modal-wrap.dialog-login{
	width: 295px;
	width: 78.667vw;
}
.modal-wrap .modal-title{
	text-align: center;
	font-size: 16px;
	font-size: 4.267vw;
	font-weight: 700;
}
.modal-wrap .btn-wrap{
	margin-top: 30px;
	margin-top: 8vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.modal-wrap .btn-wrap .btn{
	display: block;
	border-radius: 4px;
	width: 220px;
	height: 40px;
	width: 58.667vw;
	height: 10.667vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-size: 4.267vw;
}
.modal-wrap .btn-wrap .btn + .btn{
	margin-top: 30px;
	margin-top: 8vw;
}
.modal-wrap .btn-wrap .btn.btn-orange{
	background: #F1890E;
	color: #FFF;
}
.modal-wrap .btn-wrap .btn.btn-white{
	background: #FFF;
	color: #555;
}
.modal-wrap .btn-close{
	position: absolute;
	top: -15px;
	right: -15px;
	top: -4vw;
	right: -4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	width: 8vw;
	height: 8vw;
	background: #FFF;
	border-radius: 50%;
}
.modal-wrap .btn-close:before{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	width: 3.2vw;
	height: 3.2vw;
	background: url('../images/modal/cross.svg') no-repeat center;
	background-size: contain;
}

/* sevendays_free_trial */
.modal_window.sevendays_free_trial{
	background-image:url(../images/modal/app_sevendays_main.png);
	background-size:cover;
	background-repeat:no-repeat;
	border: solid 1px #FFFFFF;
	border-radius: 10px;
	padding-top:3.5rem;
	padding-bottom:3.5rem;
	width: 96%;
	height: auto;
}

.sevenh3{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.2 !important;
	color: #FFFFFF;
	font-weight: bold;
	font-size:3.5rem;
}
.sevendays_free_trial figure{
	width:9rem;
	margin-right:auto;
	margin-left:auto;
}

.sevendays_free_trial p{
	color: #FFFFFF;
	font-weight:bold;
	border-bottom:2px solid #FFFFFF;
	padding-bottom:4px;
}

.sevendays_free_trial ul li{
	line-height: 1.6;
	font-size:18px;
	font-weight:bold;
	color: #FFFFFF;
}

.sevendays_free_trial ul li img{
	width:1.6rem;
	height:1.1rem;
	margin-right:1rem;
	margin-top: 0.8rem;
}

.sevendays_free_trial ul li.flex{
	display:flex;
	align-items:flex-start;
}

.sevendays_free_trial_1 ul li:not(:first-child) {
	margin-top: 10px;
}

.sevendays_free_trial ul li p{
	border:none;
	padding-bottom:0;
	line-height: normal;
}

.sevendays_free_trial_1{
	padding: 0 12px;
}

.sevendays_free_trial_1 ul li:before{
	content: url(../images/modal/sevendays_check.png);
  	display: inline;
	margin-right:10px;
}

.sevendays_free_trial .btn{
	border-radius:4px;
	width: 100%;
	font-weight:normal;
}
 
.sevendays_free_trial_2 ul .batsu::before, .batsu::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 55%;
  left: -18%;
  width: 1px; /* 棒の幅（太さ） */
  height: 16px; /* 棒の高さ */
  background: #FFFFFF;
}
 
.sevendays_free_trial_2 ul .batsu::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.sevendays_free_trial_2 ul .batsu::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.sevendays_free_trial .not{
	font-weight:normal;
}

.sevendays_free_trial_2 ul .btn_close{
	position: relative;
	top: 0;
	right: 0;
	display: inline-block;
	width: auto;
	height: auto;
	background: none;
	cursor: pointer;
	margin-top:0;
	margin-left: 12px;
}
#dialog_create_new_topic *{
	box-sizing: border-box;
}
#dialog_email_inactive.modal_window .btn_close{
	background: url('../../images/icon/modal_close.png') no-repeat 0 0 / cover;
}
#dialog_create_new_topic.modal_window img.btn_close{
	position: initial!important;
	display: block;
	width: 24px;
	height: 24px;
	background: transparent;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	padding: 0;
}
#dialog_create_new_topic textarea{
	width: 100%;
}

#trigger_modal_delete_topic .t_color_red{
	color: #E80000;
}

/* dialog_store_cosmopier */
.dialog_store_cosmopier {
	background: #323232;
	border: none;
	border-radius: 12px;
	color: #FFF;
	width: 94%;
	font-size: 1.4rem;
}
.modal_window.dialog_store_cosmopier .btn_close{
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 50%;
}
.modal_window.dialog_store_cosmopier .btn_close:before,
.modal_window.dialog_store_cosmopier .btn_close:after{
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal_window.dialog_store_cosmopier .btn_close:before{
	transform: translate(-50%, -50%) rotate(135deg);
}
.modal_window.dialog_store_cosmopier .btn_close:after{
	transform: translate(-50%, -50%) rotate(-135deg);
}
.modal_window.dialog_store_cosmopier.bg_black{
	background: #000!important;
}
.modal_window.dialog_store_cosmopier.bg_gray{
	background: #323232!important;
}
.modal_window.dialog_store_cosmopier.c_white{
	color: #FFF!important;
}
.modal_window.dialog_store_cosmopier .btn_style.btn_white{
	background: #FFF !important;
	color: #000 !important;
}
.modal_window.dialog_store_cosmopier .border-wrap{
	border: 1px solid #555555;
	padding: 1.6rem;
	position: relative;
}
.modal_window.dialog_store_cosmopier .ui_notice_list.listmark{
	background: #555!important;
	padding: 1.6rem;
	border-radius: 7px;
}
.modal_window.dialog_store_cosmopier .border-wrap + .border-wrap{
	margin-top: 6rem;
}
.modal_window.dialog_store_cosmopier .border-wrap + .border-wrap:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #999999;
	border-bottom: none;
	position: absolute;
	bottom: calc(100% + 2rem);
	left: 50%;
	transform: translateX(-50%);
}
/* ENGLISH FOR EVERYONE Amazon Kindle Link modal */
.dialog_efe_kindle_purchase {
	background: #323232;
	border: none;
	border-radius: 12px;
	color: #FFF;
	width: 94%;
	font-size: 1.4rem;
}
.modal_window.dialog_efe_kindle_purchase .btn_close{
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 50%;
}
.modal_window.dialog_efe_kindle_purchase .btn_close:before,
.modal_window.dialog_efe_kindle_purchase .btn_close:after{
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal_window.dialog_efe_kindle_purchase .btn_close:before{
	transform: translate(-50%, -50%) rotate(135deg);
}
.modal_window.dialog_efe_kindle_purchase .btn_close:after{
	transform: translate(-50%, -50%) rotate(-135deg);
}
.modal_window .efe-kindle-list > li{
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	padding: 1.6rem;
	text-align: center;
}
.modal_window .efe-kindle-list > li + li{
	margin-top: 1.5rem;
}

/* NETFLIX UI CSS - Mark */
.dialog_receiving_done {
	color: #fff;
	margin-top: auto !important;
}
.dialog_receiving_done .icon_wrap.icon_gift_open{
	width: 6.5rem;
    height: 6.5rem;
	margin: 1.5rem auto;
}
.dialog_rating_staff .rating_radio_group .rating_radio_label .star_txt {
	align-items: flex-start;
	color: #fff;
}
.dialog_rating_staff .rating_radio_group:after {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.optional::before,
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required::before{
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner textarea{
	color: #fff;
	background-color: #323232 !important;
    border-color: #fff;
    border-radius: 0;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner textarea + p{
	color: #aaa;
}
.dialog_rating_staff .modal_inner .btn_wrap .btn_style.disabled {
	color: #000 !important;
    background-color: #6D6D6D !important;
    border: 0;
}
/* star color */
.dialog_rating_staff .rating_radio_group.style_value_5 input:nth-child(1) ~ .label_wrap .rating_radio_label .star_wrap,
.dialog_rating_staff .rating_radio_group.style_value_4 input:nth-child(3) ~ .label_wrap .rating_radio_label .star_wrap,
.dialog_rating_staff .rating_radio_group.style_value_3 input:nth-child(5) ~ .label_wrap .rating_radio_label .star_wrap,
.dialog_rating_staff .rating_radio_group.style_value_2 input:nth-child(7) ~ .label_wrap .rating_radio_label .star_wrap,
.dialog_rating_staff .rating_radio_group.style_value_1 input:nth-child(9) ~ .label_wrap .rating_radio_label .star_wrap  {
	color: #fff;
}
.dialog_rating_staff .rating_radio_group.style_value_5 input:nth-child(1) ~ .label_wrap .rating_radio_label .star_wrap > .fa::before,
.dialog_rating_staff .rating_radio_group.style_value_4 input:nth-child(3) ~ .label_wrap .rating_radio_label .star_wrap > .fa::before,
.dialog_rating_staff .rating_radio_group.style_value_3 input:nth-child(5) ~ .label_wrap .rating_radio_label .star_wrap > .fa::before,
.dialog_rating_staff .rating_radio_group.style_value_2 input:nth-child(7) ~ .label_wrap .rating_radio_label .star_wrap > .fa::before,
.dialog_rating_staff .rating_radio_group.style_value_1 input:nth-child(9) ~ .label_wrap .rating_radio_label .star_wrap > .fa::before{
	content: "\f005";
}
/* END NETFLIX UI CSS */

.modal_window.bg_black{
	background: #000 !important;
}
.modal_window.c_white{
  	color: #FFF !important;
}
.modal_window .btn_style.btn_white{
	background: #FFF !important;
	color: #000 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	line-height: 1 !important;
}

.modal_window.dialog_counseling{
	background: #000;
    padding: 2rem;
	border: none;
	color: white;
}
.dialog_counseling .counseling_content ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3rem 0;
}
.dialog_counseling .counseling_content ul li{
	width: 50%;
}
.dialog_counseling .counseling_content_image {
	width: 100px;
	margin: 0 auto;
}
.dialog_counseling .counseling_content_image--third {
	background: #00156C;
	width: 80px;
	height: 45px;
	padding: 10px 20px;
}
.dialog_counseling .counseling_content_image img {
	width: 100%;
}
.dialog_counseling .counseling_content_title {
	font-size: 14px;
}

.modal_window.dialog_counseling .btn_close{
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 50%;
}
.modal_window.dialog_counseling .btn_close:before,
.modal_window.dialog_counseling .btn_close:after{
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal_window.dialog_counseling .btn_close:before{
	transform: translate(-50%, -50%) rotate(135deg);
}
.modal_window.dialog_counseling .btn_close:after{
	transform: translate(-50%, -50%) rotate(-135deg);
}
.dialog_counseling input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
.dialog_counseling input[type=checkbox]:before {
	font-family: "FontAwesome";
    content: "\f00c";
    font-size: 10px;
    color: transparent !important;
    background: transparent;
    display: block;
    padding: 2px;
    border: 1px solid white;
    border-radius: 3px;
    margin-right: 7px;
}
.dialog_counseling input[type=checkbox]:checked:before {
	color: white !important;
}

#dialog_counseling .modal_inner .counseling_new_content {
	text-align: center;
	margin-top: 25px;
}

#dialog_counseling .modal_inner .counseling_new_content p {
	text-align: left;
}

#dialog_counseling .modal_inner .counseling_new_content .counseling_new_image img {
	width: 175px;
	height: 175px;
	margin: 25px auto;
	border-radius: 50%;
	border: 1px solid #CCCCCC;
	opacity: 1;
}

#dialog_counseling .btn_center {
	padding: 0;
	margin-top: 25px;
}

#dialog_counseling .btn_close {
	position: relative;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	margin: 30px auto;
}

#dialog_counseling .btn_close::before, #dialog_counseling .btn_close::after {
	width: 20px;
}

#dialog_counseling .btm_line {
	border-bottom: 5px solid #fff;
	border-radius: 20px;
	width: 135px;
	margin: 0 auto;
}

#dialog_email_inactive.modal_window {
	color: #fff;
	font-size: 1.3rem;
	background: #323232
}

#dialog_email_inactive.modal_window .btn_close{
	background: url('../../images/icon/modal_close.png') no-repeat 0 0 / cover;
}

#dialog_email_inactive.modal_window .btn_close:before {
	display: none;
}

#dialog_email_inactive.modal_window .c_checkbox {
	position: relative;
}

#dialog_email_inactive.modal_window .c_checkbox input {
	display: none
	/* visibility: hidden;
	position: absolute;
    left: 0;
    z-index: 99999; */
}

#dialog_email_inactive.modal_window .c_checkbox .checkbox-indicator {
	display: block;
	height: 18px;
	width: 18px;
	border: 1px solid #CCC;
	float: left;
	margin-right: 5px;
}

#dialog_email_inactive.modal_window .sec_text {
	display: flex;
	justify-content: center;
}
  
#dialog_email_inactive.modal_window .c_checkbox input:checked ~ .checkbox-indicator {
	background-color: #fff;
	box-shadow: 0 0 0 3px #000 inset;
}

/* NJ-23553: Counseling modal */

.counseling_hdngs {
	position: relative;
	text-align: center;
	border-bottom: 1px solid gray;
	padding-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}

.counseling_hdngs::after {
	content: url('/mobapp/images/counseling/beginner_icon.svg');
	width: 16px;
    height: 25px;
    padding-left: 5px;
    position: absolute;
}

@media screen and (max-width: 768px) {
	.counseling_hdngs::after {
		bottom: 5px;
	}
}

/* End NJ-23553: Counseling modal */


#purchase_not_available.dialog_purchase_not_available {
	padding: 30px 25px;
	padding: 3rem 2.5rem;
	max-width: 75%;
	font-size: 14px;
	font-size: 1.4rem;
}

.dialog_purchase_not_available .modal_inner {
}

/* NJ-23812: dialog_complete_register */
.dialog_complete_register {
	width: 100%;
	max-width: 328px;
	padding: 20px;
	box-sizing: border-box;
	background: #232323;
}

.dialog_complete_register .page_ttl {
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
}

.dialog_complete_register .image_block{
	display: flex;
	justify-content: center;
	align-items:center;
	margin-bottom:20px;
}

.dialog_complete_register .image_block .image_block_left{
	display:flex;
	align-items:center;
	margin-right:19px;
}

.dialog_complete_register .image_block .image_block_left img{
	width:40px;
	height:40px
}

.dialog_complete_register .image_block .image_block_left p {
    font-weight: normal;
    margin-left: 5px;
    color: #fff;
    font-size: 1.6rem;
}

.dialog_complete_register .image_block .image_block_right{
	width:100px;
	height:100px;
}

.dialog_complete_register .lesson_text {
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}

.dialog_complete_register .t_center {
    font-size: 1.5rem;
    color: #fff;
}

.dialog_complete_register .btn_wrap a{
	color:#000000;
}

.dialog_complete_register .btn_style {
    display: inline-block;
    min-width: 284px;
    height: 4.4rem;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    text-decoration: none !important;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 10px;
	color: #000000 !important;
}

.dialog_complete_register .btn_center {
    padding: 0;
}

/* .dialog_complete_register .btn_wrap{
	margin-top:30px;
	background:#FFFFFF;
	border-radius:4px;
	text-align:center;
	height: 38px;
  line-height: 38px;
} */
/* END NJ-23812: dialog_complete_register */

/* NJ-23812 #coin_purchase_dialog_processing */

#coin_purchase_dialog_processing {
    width: 100%;
    max-width: 115px;
}

/* NJ-23802 */
/*************************/
/* FAILED LESSON ENTRY */
/*************************/
.modal-wrap.dialog-lesson-fail {
	width: 100%;
	max-width: 84vw;
	padding: 3rem 2rem;
}
/* TITLE */
.modal-wrap.dialog-lesson-fail .modal-title{
	font-size:1.6rem;
	line-height: 1.5;
}
/* TEXT */
.modal-wrap.dialog-lesson-fail .failure_reason p, 
.modal-wrap.dialog-lesson-fail .instructions{
	font-size: 1.4rem;
	line-height: 1.285;
}
/* REASONS */
.modal-wrap.dialog-lesson-fail .failure_reason{
	border: solid 1px #555555;
	border-left: 0;
	border-right: 0;
	box-sizing: border-box;
	padding: 1.5rem 0;
	margin-top: 1.5rem;
}
.modal-wrap.dialog-lesson-fail .failure_reason p{
	color: #F84F63;
}
.modal-wrap.dialog-lesson-fail .failure_reason p:before{
	content: '・';
}
.modal-wrap.dialog-lesson-fail .failure_reason p + p{
	margin-top: 0.5rem;
}
/* INSTRUCTIONS */
.modal-wrap.dialog-lesson-fail figure{
	margin-top: 2rem;
	text-align: center;
}
.modal-wrap.dialog-lesson-fail figure img{
	max-width: 10rem;
}
.modal-wrap.dialog-lesson-fail .instructions{
	margin-top: 2.032rem;
	color: #fff;
}
/* BUTTON */
.modal-wrap.dialog-lesson-fail .btn-wrap{
	margin-top: 2rem;
}
.modal-wrap.dialog-lesson-fail .btn-wrap .btn{
	width: 100%;
	max-width: 16rem;
	height: 3.8rem;
	line-height: 3.8rem;
	color: #000;
}
/*/ NJ-23802 */

/* Start NJ-27939 */
#dialog_cancel_reservation_rules.modal_window {
	color: #fff;
	font-size: 1.3rem;
	background: #323232;
	border: none;
	padding: 2.5rem;
}

#dialog_cancel_reservation_rules.modal_window .btn_close{
	background: url('../../images/icon/modal_close.png') no-repeat 0 0 / cover;
}

#dialog_cancel_reservation_rules.modal_window .btn_close:before {
	display: none;
}

#dialog_cancel_reservation_rules.modal_window .b_l_1r {
    border-left: 3px solid white;
    padding-left: 1rem;
}
/* End NJ-27939 */

/* NJ-31902  */
.dialog_coupon_expiry{
}
.dialog_coupon_expiry.fullscreen-mobile{
	width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: #000;
    padding: 1rem;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.dialog_coupon_expiry.fullscreen-mobile{
	height: 100%;
}
.dialog_coupon_expiry.fullscreen-mobile .btn_close{
	width: 48px;
    height: 48px;
    position: absolute;
    top: unset;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0;
    background-color: transparent;
}
.dialog_coupon_expiry.fullscreen-mobile .btn_close::before{
	content: '';
    width: 100%;
    height: 100%;
    background-image: url(/mobapp/images/icon/time_circle.png)!important;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
}
.dialog_coupon_expiry .box-title{
	display: flex;
    border-bottom: 1px #CCCCCC solid;
    padding-bottom: 1rem;
    margin: 0 auto;
    color: #FFFFFF;
    align-items: baseline;
    justify-content: space-between;
}
.dialog_coupon_expiry .box-gray{
	border: 1px #555555 solid;
    margin: 2rem auto;
    padding-bottom: 1rem;
    max-height: 380px !important;
    box-sizing: border-box;
    overflow: auto;
}
.dialog_coupon_expiry .box-gray .tb-coupon{
	font-size: 1.4rem;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 2rem;
	width: 100%;
}
.dialog_coupon_expiry .box-gray .tb-coupon .tb-head{
	background: #555555;
}
.dialog_coupon_expiry .box-gray .tb-coupon .tb-head th,
.dialog_coupon_expiry .box-gray .tb-coupon td{
	padding: 0.5rem 2rem;
}
.dialog_coupon_expiry .box-gray .tb-coupon .tb-body td{
	padding-top: 1rem;
}
.dialog_coupon_expiry .box-gray .tb-coupon tr th:nth-child(even),
.dialog_coupon_expiry .box-gray .tb-coupon tr td:nth-child(even) {
  	text-align:right;
}
/* END NJ-31902  */
/* NJ-23803 Start */

.modal-wrap.dialog-option_unavailable{
	width: 328px !important;
    transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	padding: 30px 22px;
	background: #232323 !important;
}

.modal-wrap.dialog-option_unavailable p{
	font-size: 15px !important;
	text-align: center;
	line-height: 20px;
}

.modal-wrap.dialog-option_unavailable .modal-title{
	font-size: 16px;
	line-height: 22px;
}

.modal-wrap.dialog-option_unavailable .btn-wrap{
	margin-top: 30px;
}

.modal-wrap.dialog-option_unavailable .btn{
	width: 100%;
	font-size: 16px;
    color: #000000;
	height: 38px;
}

.modal-wrap.dialog-reservation_limit{
	width: 328px !important;
    transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	padding: 30px 22px;
	background: #232323 !important;
}

.modal-wrap.dialog-reservation_limit p{
	font-size: 15px !important;
	text-align: center;
	line-height: 20px;
}

.modal-wrap.dialog-reservation_limit .modal-title{
	font-size: 16px;
	line-height: 22px;
}

.modal-wrap.dialog-reservation_limit .btn-wrap{
	margin-top: 30px;
}

.modal-wrap.dialog-reservation_limit .btn{
	width: 100%;
	font-size: 16px;
    color: #000000;
	height: 38px;
}

/* NJ-23803 End */


/* NJ-14864 start */
#dialog_modal_reservation_requests {
	width: 315px;
	background-color: #323232;
	border: none;
	color: #fff;
}

#dialog_modal_reservation_requests h2 {
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 1.5rem;
	margin-bottom: 3rem;
	font-weight: bold;
}

#dialog_modal_reservation_requests .profile-container {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1.6rem;
	flex-direction: column;
}

#dialog_modal_reservation_requests .profile-container .badge {
	border-radius: 10px;
	padding: 2px 8px 3px 8px;
	font-size: .8rem;
}

#dialog_modal_reservation_requests .profile-container .badge-orange {
	background-color: #F3AE4C;
	color: #fff;
}

#dialog_modal_reservation_requests .profile-container .badge-default {
	border: 1px solid #fff;
	color: #fff;
}

#dialog_modal_reservation_requests .profile-container li {
	display: flex;
	flex-basis: calc(50% - 10px);
}

#dialog_modal_reservation_requests .username_container {
	display: flex;
	flex-direction: column;
}

#dialog_modal_reservation_requests .profile_details {
	display: flex;
	align-items: center;
	column-gap: .4rem;
	margin-bottom: 0.4rem;
}

#dialog_modal_reservation_requests .teacher_details {
	display: flex;
	align-items: center;
	column-gap: .8rem;
}

#dialog_modal_reservation_requests .teacher_details img {
	width: 24px;
	height: 24px;
}

#dialog_modal_reservation_requests .profile_details p {
	font-weight: bold;
}

#dialog_modal_reservation_requests .teacher_details span {
	font-size: 1.2rem;
}

#dialog_modal_reservation_requests .profile-img {
	margin-right: 1.6rem;
}

#dialog_modal_reservation_requests .profile-img img {
	border-radius: 50%;
	width: 56px;
	height: 56px;
}


#dialog_modal_reservation_requests .btn_close{
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 50%;
}
#dialog_modal_reservation_requests .btn_close:before,
#dialog_modal_reservation_requests .btn_close:after{
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#dialog_modal_reservation_requests .btn_close:before{
	transform: translate(-50%, -50%) rotate(135deg);
}
#dialog_modal_reservation_requests .btn_close:after{
	transform: translate(-50%, -50%) rotate(-135deg);
}

#dialog_modal_reservation_requests .btn_close {
	top: -15px;
	right: -15px;
}

#dialog_modal_reservation_requests .btn_close::before, #dialog_modal_reservation_requests .btn_close::after {
	width: 15px;
}

/* NJ-14864 end */
/* NJ-28441 start */
.modal-wrap.modal_annual_discount_subscribed {
	border: none;
	width: calc(100% - 40px);
	background: #323232;
}
.modal-wrap.modal_annual_discount_subscribed h3 {
    max-width: 100%;
    margin: 0 auto;
    line-height: 30px;
    width: 99%;
}

.modal-wrap.modal_annual_discount_subscribed .modal_inner {
	padding: 0 !important;
}

.modal-wrap.modal_annual_discount_subscribed .option-btn, .modal-wrap.modal_cancel_annual_discount_complete .option-btn {
    width: 500px;
    max-width: 100%;
    background: #fff !important;
    padding: 6px !important;
    color: #000000 !important;
    border-radius: 4px !important;
    display: block;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
}

.modal-wrap.modal_annual_discount_subscribed .btn_close:before {
	content: "";
	background: url('../images/common/modal-cross.svg') no-repeat center / contain;
    height: 12px;
    width: 12px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.modal-wrap.modal_annual_discount_subscribed .btn_close {
	width: 30px;
    height: 30px;
    background: #fff;
    padding: 9px;
    box-sizing: border-box;
	top: -15px;
    right: -15px;
}

.modal_window .btn_close.no_psudo{
	width: 2.4rem;
	height: 2.4rem;
}

.modal_window .btn_close.no_psudo:before{
	display: none;
}

/* NJ-28441 end*/

/* NJ-15759 Start */
.modal_ok_black {
	background: #232323;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.2rem;
	max-width: 315px;
}
.modal_ok_black p {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	color: #fff !important;
}
.modal_ok_black .btn-wrap-top-border {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid #535353
}
.modal_ok_black .btn-wrap-top-border a.close_modal {
	color: #3778F1
}
.modal_ok_black .btn-wrap {
	padding: 2.5rem 2.5rem 1.5rem;
}
.modal_ok_black .btn-wrap .btn-white {
	border-radius: 4px;
	background: #fff;
	display: block;
	padding:1rem;
	text-align: center;
	color: #000
}
.modal_ok_black .btn_close {
	background: url('../../images/icon/cross.svg') #fff no-repeat center center/contain;
	border: 6px solid #fff;
	width: 18px;
	height: 18px;
}
.modal_ok_black .btn_close:before{
	display: none;
}

.dialog_confirm_withdrawal h3 {
	color: #FFFFFF;
	font-size: 16px; 
	text-align: center; 
	margin-bottom: 15px; 
}
.dialog_confirm_withdrawal p {
	color: #FFFFFF;
}
.dialog_confirm_withdrawal .withdrawal_btn_wrap {
	padding: 2rem 0 0; 
	width: 100%;
}
.dialog_confirm_withdrawal ul.withdrawal_confirm_choice {
	display: flex; 
	justify-content: space-around; 
	align-items: center; 
	font-size: 18px; 
	border-top: solid 1px #535353; 
	width: 100%; 
	position: relative; 
	padding: 1.5rem 0;
}
.dialog_confirm_withdrawal ul.withdrawal_confirm_choice:before {
	content: "";
    position: absolute;
    left: 50%;
    background: #535353;
    width: 2px;
    height: 100%;
}
.dialog_confirm_withdrawal ul.withdrawal_confirm_choice li {
	width: 50%; 
	text-align: center;
}
.dialog_confirm_withdrawal ul.withdrawal_confirm_choice li a.withdrawal_cancel {
	color: #3778F1;
}
.dialog_confirm_withdrawal ul.withdrawal_confirm_choice li a.withdrawal_ok {
	color: #D22F26;
}
@media screen and (min-width: 768px) {
	.dialog_confirm_withdrawal {
		max-width: 500px;
	}
}
/* NJ-15759 End */

/* NJ-31356 start */
.dialog_uploading_student_discount {
	box-sizing: border-box;
	max-width: 335px;
	transform: translate(-50%, -50%);
	width: 100%;
	background: #323232;
	border: 1px solid #323232;
	margin-left: 0 !important;
	padding: 20px !important;
}

#uploading_student_discount p {
	color: #FFF;
}

.dialog_uploading_student_discount ul {
background: #555555;
padding: 15px;
margin-bottom: 13px;
}

.dialog_uploading_student_discount .uploading_student_discount_container div p {
	margin-bottom: 9px;
}

.dialog_uploading_student_discount .uploading_student_discount_container img {
	display: block;
	width: 160px;
	min-height: 103px;
	margin: 0 auto;
}

.dialog_uploading_student_discount ul li {
	color: #fff;
}

.dialog_uploading_student_discount .m_b_14 {
	margin-bottom: 14px;
}

#dialog_complete_register {
	margin-left: 0 !important;
	transform: translate(-50%, -50%);
}

.dialog_student_discount_upload_details {
	box-sizing: border-box;
	max-width: 385px;
	background: #323232 !important;
	border: 1px solid #323232;
	padding: 20px !important;
}

@media only screen and (max-width: 375px) {

	.dialog_student_discount_upload_details {
		max-width: 335px;
	}

}

.dialog_student_discount_upload_details .font-12 {
	font-size: 12px !important;
	color: #fff;
	display: block;
}

#dialog_student_discount_upload_details p {
	color: #FFF;
}

.dialog_student_discount_upload_details .uploading_student_discount_container div p {
	margin-bottom: 9px;
	font-size: 14px !important;
}

.dialog_student_discount_upload_details .uploading_student_discount_container img {
	display: block;
	width: 160px;
	min-height: 103px;
	margin: 0 auto;
}

.dialog_student_discount_upload_details .modal_student_discount_list {
  background: #555555;
  border: 1px solid #555555;
  padding: 15px;
  margin: 20px 0;
}

.dialog_student_discount_upload_details ul li {
	color: #fff;
}

.dialog_student_discount_upload_details .m_b_14 {
	margin-bottom: 14px;
}

.dialog_student_discount_upload_details .btn_close::before {
	display: none;
}

.dialog_student_discount_upload_details .btn_close {
	background: url('../../images/icon/icon-close-white.svg') no-repeat 0 0 / cover;
	top: -15px;
  	right: -15px;
	width: 30px;
  	height: 30px;
}

.dialog_coin_grant_complete_register {
	max-width: 335px;
	padding: 30px 20px;
	box-sizing: border-box;
	border: none;
}

.dialog_coin_grant_complete_register {
	max-width: 335px;
	padding: 30px 20px;
	box-sizing: border-box;
}

.dialog_coin_grant_complete_register h3 {
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.dialog_coin_grant_complete_register .btn_wrap .btn_style {
	width: 100%;
	min-width: unset;
	max-width: 285px;
	height: 38px;
	color: #000000 !important;
	background: #fff;
	border: none;
	font-size: 16px;
	line-height: 38px;
}

.dialog_coin_grant_complete_register .image_block img {
	width: 100px;
	min-height: 100px;
}

.dialog_coin_grant_complete_register .btn_wrap .btn_style {
	width: 285px;
	color: #000000 !important;
	background: #fff;
	border: none;
}

.dialog_student_discount_option_cancelled {
	max-width: 335px;
	padding: 20px;
	box-sizing: border-box;
}
.dialog_student_discount_option_cancelled .c-red {
	color: #F84F63;
}

.dialog_student_discount_option_cancelled .discount_option_cancelled_list {
	border: 1px solid #555555;
	padding: 10px;
	margin: 10px 0;
}

.dialog_student_discount_option_cancelled .border-b {
	border-bottom: 1px solid #555555;
}

.dialog_student_discount_option_cancelled .btn_style {
	display: block;
}

.dialog_student_discount_option_cancelled .btn_wrap a:first-child.btn_style {
	margin-bottom: 15px;
	background: #737373;
	border: 1px solid #737373;
}

.dialog_student_discount_option_cancelled .btn_wrap a:last-child.btn_style {
	color: #000 !important;
	background: #fff;
}

.dialog_student_discount_option_cancelled .c_blue {
	color: #3674e8 !important;
}

.mb_dialog_complete_register .modal_window.disabled_outside_click {
	background: #323232;
	color: #ffffff;
}

/* NJ-31356 end */

/* NJ-37836 START */
.dialog_credit_security {
	transform: translate(-50%, -50%);
}
/* NJ-37836 END */
/* NJ-37571 Start */
.modal_black {
	background-color: #323232 !important;
	border-color: #323232;
	padding: 2.8rem !important;
}
.modal_black .btn_wrap.btn_center {
	padding: 0;
}
.modal_black .btn_wrap.btn_center li:not(:last-child){
	margin-bottom: 1rem;
}
.modal_black .btn-wrap .btn-white {
	border-radius: 4px;
	background: #fff;
	display: block;
	padding:1rem;
	text-align: center;
	color: #000
}
.modal_black .btn_close {
	background: url('../../images/icon/cross.svg') #fff no-repeat center center/contain;
	border: 6px solid #fff;
	width: 18px;
	height: 18px;
	top: -15px;
	right: -15px;
}
.modal_black .btn_close:before{
	display: none;
}
.dialog_login_required,
.dialog_unlimited_option_purchase,
.dialog_unsupported_browser,
.dialog_unsupported_teaching_material,
.dialog_teacher_leave_notice {
	max-width: 50rem;
	width: 86%;
}
.btn_style.auto_height {
	height: auto;
	padding: 1rem;
	width: 100%;
	white-space: normal;
}
/* NJ-37571 End */
/* NJ-44869 */
/* dialog_lesson_teacher_internet_unstable */
.modal_window.dialog_lesson_teacher_internet_unstable{
	background-color: #323232;
	border-radius: 12px;
	text-align: center;
	padding: 30px 20px !important;
}

.modal_window.dialog_lesson_teacher_internet_unstable h3.page_ttl{
	line-height: 1.1875;
}

.dialog_lesson_teacher_internet_unstable .lesson_teacher_internet_unstable_image{
	max-width: 138px;
	margin-left: auto;
	margin-right: auto;
}

.modal_window.dialog_lesson_teacher_internet_unstable .lesson_teacher_internet_unstable_btn{
	min-width: 160px;
	border: none;
}

/* dialog_lesson_end_teacher_internet_unstable */
.modal_window.dialog_lesson_end_teacher_internet_unstable{
	background-color: #323232;
	border-radius: 12px;
	text-align: center;
	padding: 30px 20px !important;
}

.dialog_lesson_end_teacher_internet_unstable .lesson_end_teacher_internet_unstable_image{
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
}

.modal_window.dialog_lesson_end_teacher_internet_unstable .lesson_end_teacher_internet_unstable_btn{
	min-width: 160px;
	border: none;
}

/* dialog_teacher_internet_instable_refund_coins */
.modal_window.dialog_teacher_internet_instable_refund_coins{
	background-color: #323232;
	border-radius: 12px;
	text-align: center;
	padding: 30px 20px !important;
}

.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_image{
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
}

.modal_window.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_btn{
	min-width: 128px;
	border: none;
}
.modal_window.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_btn.teacher_internet_instable_refund_coins_btn_blue{
	background: #5068DC;
    font-weight: normal;
}

/* dialog_lesson_end_refund_coins */
.modal_window.dialog_lesson_end_refund_coins{
	background-color: #323232;
	border-radius: 12px;
	text-align: center;
	padding: 30px 20px !important;
}

.modal_window.dialog_lesson_end_refund_coins p .orange{
	color: #F1890E;
}

.dialog_lesson_end_refund_coins .lesson_end_refund_coins_image{
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
}

.modal_window.dialog_lesson_end_refund_coins .lesson_end_refund_coins_btn{
	min-width: 160px;
	border: none;
}
/* dialog_lesson_leave */
.modal_window.dialog_lesson_leave{
	background-color: #323232;
	border-radius: 12px;
	text-align: center;
	padding: 30px 20px;
}

.dialog_lesson_leave .lesson_leave_image{
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
}

.modal_window.dialog_lesson_leave .lesson_leave_btn{
	min-width: 128px;
	border: none;
}
.modal_window.dialog_lesson_leave .lesson_leave_btn.lesson_leave_btn_blue{
	background: #5068DC;
    font-weight: normal;
}
/* dialog_lesson_user_disconnection */
.modal_window.dialog_lesson_user_disconnection{
	background-color: #323232;
	border-radius: 12px;
	text-align: center;
	padding: 30px 20px;
}

.modal_window.dialog_lesson_user_disconnection h3.page_ttl {
	line-height: 1.1875;
}

.dialog_lesson_user_disconnection .lesson_user_disconnection_image{
	max-width: 93px;
	margin-left: auto;
	margin-right: auto;
}

.modal_window.dialog_lesson_user_disconnection .lesson_user_disconnection_btn{
	min-width: 160px;
	border: none;
}
/* End NJ-44869 */

/* NJ-45455 */
@font-face {
    font-family: "MR1cBold";
    src: url("../fonts/MPLUSRounded1c-Bold.ttf") format("opentype");
}

@font-face {
    font-family: "MR1cExBold";
    src: url("../fonts/MPLUSRounded1c-ExtraBold.ttf") format("opentype");
    font-weight: normal;
}

.dialog_first_lesson_kids {
	background: #fff !important;
	height: 563px;
	border-radius: 20px;
	max-width: 303px !important;
}
.dialog_first_lesson_kids .modal_inner {
	padding: 0 !important;
	height: 100%;
}
.kids_modal_top {
	height: 70px;
    border-bottom: 2px solid #CDCCCD;
    display: grid;
    justify-content: center;
    align-items: center;
	padding: 20px;
}
.modal_window .kids_modal_top p {
	color: #504F4B !important;
	font-family: 'MR1cExBold';
}
.kids_modal_body {
	padding: 20px;
	position: relative;
}
.kids_modal_body.first_lesson_body::after {
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(https://assets.nativecamps.com/user/webroot/images/modal/modal-line.svg);
    margin: 20px 0 0;
}
.modal_window .kids_modal_body p {
	color: #504F4B !important;
	font-family: 'MR1cBold';
}
.modal_window .kids_modal_body img {
	width: 120px;
	margin: 20px auto 0;
    display: block;
}
.kids_modal_bottom {
	padding: 0 20px;
}
.modal_window .kids_modal_bottom p {
	color: #F84F63 !important;
	font-family: 'MR1cBold';
	padding: 0 20px 0 0;
}
.kids_modal_bottom .btn_wrap {
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 15px;
}
.kids_modal_bottom .btn_wrap a {
	width: 124px;
	height: 47px;
	line-height: 47px;
	border-radius: 100px;
	font-family: 'MR1cBold';
	margin: 10px 0 0;
}
.kids_modal_bottom .btn_wrap .btn_gray {
	background: #CDCCCD;
	box-shadow: 0px 6px 0px 0px #A9A8A9;
}
.kids_modal_bottom .btn_wrap .btn_gray:hover {
	background: #D6D6D6;
}
.kids_modal_bottom .btn_wrap .btn_blue {
	background: #16B1F5;
	box-shadow: 0px 6px 0px 0px #0090DE;
}
.kids_modal_bottom .btn_wrap .btn_blue:hover {
	background: #43C6FF;
}

.dialog_complete_register_kids {
	background: #fff !important;
	height: 340px;
	border-radius: 20px;
	max-width: 303px !important;
}
.dialog_complete_register_kids .modal_inner {
	padding: 0 !important;
	height: 100%;
}
.kids_modal_body.register_complete_body .img_wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
	width: 204px;
    margin: 0 auto;
}
.kids_modal_body.register_complete_body .img_wrap img:first-child {
	width: 84px;
    margin: 20px 0 0;
}
.kids_modal_body.register_complete_body .img_wrap img:last-child {
	width: 100px;
    margin: 0;
}

.dialog_choose_timezone_kids {
	background: #fff !important;
	height: 356px;
	border-radius: 20px;
	max-width: 303px !important;
}
.dialog_choose_timezone_kids .modal_inner {
	padding: 0 !important;
	height: 100%;
}
.kids_modal_top.choose_timezone_top {
	height: 100px;
}
.kids_modal_bottom.choose_timezone_bottom .btn_wrap .btn_blue {
	width: 263px;
	margin: 0;
}
.kids_modal_body.choose_timezone_body .timezone_select {
	color: #1E73DC;
	font-family: 'MR1cBold';
	border: none;
	position: relative;
	height: 24px;
	z-index: 1;
}
.kids_modal_body.choose_timezone_body .timezone_select li {
	display: none;
	background: #fff;
}
.kids_modal_body.choose_timezone_body .timezone_select li:first-child {
	display: block;
	background: none;
}
.kids_modal_body.choose_timezone_body .timezone_select::before {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #006CDC;
	z-index: -1;
}
.timezone_switch {
	display: flex ;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
.timezone_switch .switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 28px;
}
.timezone_switch .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.timezone_switch .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #737373;
	-webkit-transition: .4s;
	transition: .4s;
}
.timezone_switch .switch .slider:before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.timezone_switch .switch input:checked + .slider {
	background-color: #16B1F5;
}

.timezone_switch .switch input:focus + .slider {
	box-shadow: 0 0 1px #16B1F5;
}
  
.timezone_switch .switch input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.timezone_switch .switch .slider.round {
	border-radius: 100px;
}
.timezone_switch .switch .slider.round:before {
	border-radius: 100%;
}
/* NJ-45455 End */

/* START NJ-59263 */
.dialog_campaign_qrcode.modal_window {
	padding: 2rem 2rem 3.2rem;
}
.dialog_campaign_qrcode {
	width: 34.5rem;
	text-align: center;
}
.dialog_campaign_qrcode h2 {
	font-size: 1.8rem;
	margin-bottom: 2rem;
	color: #555;
	font-weight: 700;
}
.dialog_campaign_qrcode p.line span {
	min-width: 4.8rem
}
.dialog_campaign_qrcode p.line {
	margin-bottom: 2rem;
	color: #555;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.6rem;
}
.dialog_campaign_qrcode p.line:before,
.dialog_campaign_qrcode p.line:after {
	content: "";
	display: inline-block;
	border-top: 0.1rem solid #D9D9D9;
	width: 100%;
}
.dialog_campaign_qrcode figure img {
	border: 0.1rem solid #DDDDDD;
	border-radius: 1rem;
	margin: 2.4rem auto;
	/* padding: 1.2rem; */
    width: 15rem;
    height: 15rem;
    box-sizing: border-box;
}
.dialog_campaign_qrcode a {
	border: 0.3rem solid #13A3B6;
    border-radius: 0.5rem;
    margin: 2.4rem auto 0;
    color: #13A3B6;
    font-size: 1.6rem;
    width: 17.2rem;
    display: flex;
    justify-content: center;
    height: 4.4rem;
    align-items: center;
    font-weight: 700;
    gap: 0.8rem;
}
.dialog_campaign_qrcode a:before {
	content: url("https://assets.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon5.webp");
}

/* addt. specs */
.dialog_campaign_qrcode_login_notice.modal_window .btn_close,
.dialog_campaign_qrcode.modal_window .btn_close {
    width: 32px;
    height: 32px;
    top: -15px;
    right: -15px;
}

.dialog_campaign_qrcode_login_notice.modal_window.static_overlay .btn_close:before,
.dialog_campaign_qrcode.modal_window.static_overlay .btn_close:before {
	content: none;
}

.dialog_campaign_qrcode_login_notice.modal_window {
    width: 345px;
    padding: 44px 30px;
    text-align: center;
	color: #555555;
	line-height: 22px;
	font-size: 14px;
}
/* END NJ-59263 */

/* NJ-61655 start */
.modal_window.dialog_store_product_preview {
	padding: 5.3rem 0 1rem;
	background: #232323;
	border: none;
}
.modal_window.dialog_store_product_preview .btn_close {
	width: 1.8rem;
	height: 1.8rem;
	background: url(https://assets.nativecamps.com/user/webroot/mobapp/images/common/icon/close.svg) no-repeat center center / cover;
	top: 2rem;
	right: 1.5rem;
	z-index: 99;
}
.modal_window.dialog_store_product_preview .btn_close::before {
	display: none;
}
.dialog_store_product_preview .product_preview_image img {
	display: block;
	width: 100%;
	max-width: 33.5rem;
	height: auto;
	object-fit: cover;
	margin: 0 auto;
}
.dialog_store_product_preview .product_preview_image img + img {
	margin-top: 1.5rem;
}
.dialog_store_product_preview .product_preview_image {
	max-height: 90vh; /*fallback incase dvh is not supported*/
	max-height: 90dvh;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.dialog_store_product_preview .product_preview_pdf {
	max-height: 90vh; /*fallback incase dvh is not supported*/
	max-height: 90dvh;
	overflow-y: scroll;
	scrollbar-width: thin;
	padding-inline: 1rem;
}
.dialog_store_product_preview .product_preview_pdf canvas {
	display: block;
	width: 100%;
}
.dialog_store_product_preview .product_preview_pdf canvas + canvas {
	margin-top: 1.5rem;
}
/* NJ-61655 end */

/* NJ-56015 Start */
.modal_window.dialog_leave_lesson_confirm {
	width: min(84%, 860px) !important;
}
.modal_window.dialog_leave_lesson_confirm img {
	display: block;
	width: auto;
	margin-inline: auto;
}
.modal_window.dialog_leave_lesson_confirm .btn_wrap {
	padding-top: 10px;
	padding-bottom: 27px;
}
.modal_window.dialog_leave_lesson_confirm ul {
	gap: 19px;
}
.modal_window.dialog_leave_lesson_confirm ul li {
	width: calc((100% - 19px) / 2);
}
.modal_window.dialog_leave_lesson_confirm ul li .btn_style {
	width: 100%;
	height: 3.8rem;
	line-height: 3.8rem;
	border: none;
	box-shadow: none;
	padding: 0;
}
.modal_window.dialog_leave_lesson_confirm ul li:last-child .btn_style {
	background: #5068DC;
}

.modal_window.dialog_end_lesson_no_teacher {
	width: min(84%, 860px) !important;
}
.modal_window.dialog_end_lesson_no_teacher img {
	display: block;
	width: auto;
	margin-inline: auto;
}
.modal_window.dialog_end_lesson_no_teacher .btn_wrap {
	padding-top: 10px;
	padding-bottom: 27px;
}
.modal_window.dialog_end_lesson_no_teacher ul {
	justify-content: center;
}
.modal_window.dialog_end_lesson_no_teacher ul li .btn_style {
	width: 100%;
	height: 3.8rem;
	line-height: 3.8rem;
	border: none;
	box-shadow: none;
	padding: 0;
}
.modal_window.dialog_end_lesson_no_teacher li {
	width: 160px;
}

.modal_window.dialog_leave_lesson_confirm_kids {
	background: #fff !important;
	border-radius: 20px;
	max-width: 303px !important;
}
.modal_window.dialog_leave_lesson_confirm_kids .modal_inner {
	padding: 30px 20px 35px !important;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_top {
	height: auto;
    border-bottom: none;
    padding: 0;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_body {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 0;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_body img {
	margin: 0;
	width: auto;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_bottom {
	padding: 0;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_bottom .btn_wrap a {
	margin: 0;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_bottom .btn_wrap .btn_gray {
	box-shadow: 0px 5px 0px 0px #A9A8A9;
}
.modal_window.dialog_leave_lesson_confirm_kids .kids_modal_bottom .btn_wrap .btn_blue {
	box-shadow: 0px 5px 0px 0px #0090DE;
}

.modal_window.dialog_end_lesson_no_teacher_kids {
	background: #fff !important;
	border-radius: 20px;
	max-width: 303px !important;
}
.modal_window.dialog_end_lesson_no_teacher_kids .modal_inner {
	padding: 30px 20px 35px !important;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_top {
	height: auto;
    border-bottom: none;
    padding: 0;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_body {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 0;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_body img {
	margin: 0;
	width: auto;
}
.modal_window.dialog_end_lesson_no_teacher_kids .t_gray {
	color: #A9A8A9 !important;
	line-height: 1.4615;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_bottom {
	padding: 0;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_bottom .btn_wrap a {
	margin: 0;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_bottom .btn_wrap a {
	width: 100%;
}
.modal_window.dialog_end_lesson_no_teacher_kids .kids_modal_bottom .btn_wrap .btn_blue {
	box-shadow: 0px 5px 0px 0px #0090DE;
}
/* NJ-56015 End */

/* NJ-49747 start */
.modal_window.dialog_receiving_done-new {
    width: 29.8rem;
    max-width: 100%;
    margin-left: 0 !important;
    transform: translate(-50%);
    border: none;
    text-align: center;
	padding: 0;
	border-radius: 3.2rem;
	background-color: #333333;
	color: #FFFFFF;
	overflow: hidden;
}
.modal_window.dialog_receiving_done-new .receiving-done-header {
	padding: 2rem;
	text-align: left;
}
.modal_window.dialog_receiving_done-new .coin_title_bar {
    font-size: 1.6rem;
    font-weight: 700;
}
.modal_window.dialog_receiving_done-new .receiving-done-divider {
	height: 1px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.1);
}
.modal_window.dialog_receiving_done-new .receiving-done-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.6rem;
	padding: 2rem;
}

.modal_window.dialog_receiving_done-new .icon_wrap.teddy {
	margin: 0 auto;
	width: 12rem;
	height: 12rem;
}

.modal_window.dialog_receiving_done-new .icon_wrap.teddy img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.modal_window.dialog_receiving_done-new .text_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.8rem;
	width: 100%;
}

.modal_window.dialog_receiving_done-new .info-text,
.modal_window.dialog_receiving_done-new .text_wrap ul.breakdown li {
    font-size: 1.8rem;
    font-weight: 700;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.4rem;
}

.modal_window.dialog_receiving_done-new .info-text span,
.modal_window.dialog_receiving_done-new .text_wrap ul.breakdown li span {
    font-size: 3.2rem;
}

.modal_window.dialog_receiving_done-new .text {
    font-size: 1.4rem;
	color: #999999;
}

.modal_window.dialog_receiving_done-new .btn_close{
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/icon/close_white.svg) no-repeat center;
    background-size: contain;
    right: 2rem;
    top: 2rem;
	padding-right: unset;
}

.modal_window.dialog_receiving_done-new .btn_close::before{
	display: none;
}

/* NJ-49747 end */

/* NJ-79472 start */
.ncxai--dialog--overlay-wrapper {
    pointer-events: none;
}
.ncxai--dialog--wrapper {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    left: 0;
    padding: 4rem 2.4rem 2.4rem;
    position: fixed;
    top: 0;
    -webkit-text-size-adjust: 100%;
    width: 100%;
}

.ncxai--dialog--wrapper.ncxai--position--center {
    justify-content: center;
}
.ncxai--dialog--wrapper.ncxai--position--middle {
    padding-top: 2rem;
}

.ncxai--dialog--closer {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.ncxai--dialog--container {
	display: inline-flex;
	flex-direction: column;
	pointer-events: auto;
	position: relative;
	width: 100%;
	max-width: 95vw;
	margin: 0 auto;
	z-index: 101;
}

.ncxai--dialog--image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0.6rem;
    margin: 0 auto 2.4rem;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.12);
}

.ncxai--dialog--content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ncxai--dialog--text {
    width: 100%;
    text-align: center;
    margin-top: 0.8rem;
    margin-bottom: 1.6rem;
}
.ncxai--dialog--header {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 3.5rem;
}

.ncxai--dialog--body {
    font-size: 1.8rem;
    line-height: 1.7;
    color: #fff;
    margin-bottom: 5rem;
}

.ncxai--dialog--header,
.ncxai--dialog--body {
    overflow: visible;
    line-height: inherit;
    color: white;
}

.ncxai--dialog--btn-container {
    display: flex;
    justify-content: center;
    gap: 1.4rem;
    margin-top: 0;
    padding: 0 2.9rem;
}

.ncxai--btn {
    flex: 1 1 0;
    align-items: center;
    background-color: #F1890E;
    border: 0.1rem solid #000;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: 0.8rem;
    overflow: hidden;
    border-radius: 1.2rem;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word;
    width: 100%;
    max-width: 32rem;
    padding: 1.8rem 0;
    margin: 0 auto;
    border-radius: 1rem;
    padding: 1.8rem 0;
    box-shadow: 0 0.4rem 1.4rem rgba(25, 118, 210, 0.25);
    transition: all .2s ease;
}
.ncxai--btn--text {
    color: white;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.4;
    max-height: 4rem;
    min-width: 18rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ncxai--btn:hover {
    transform: translateY(-0.2rem);
    box-shadow: 0 0.4rem 1.4rem rgba(25, 118, 210, 0.25);
}
.ncxai--btn .ncxai--btn--text {
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.2;
}
@media only screen and (max-width: 1024px) {
	.ncxai--dialog--image {
		width: 40rem;
		margin-bottom: 2rem;
	}
	.ncxai--dialog--text {
		margin-top: 0;
	}
	.ncxai--dialog--body {
		margin-bottom: 3rem;
	}
}
@media only screen and (max-width: 768px) {
	.ncxai--dialog--image {
		width: 30rem;
	}
}
@media only screen and (max-width: 600px) {
	.ncxai--dialog--image {
		width: 100%;
	}
}
@media only screen and (max-width: 380px) {
    .ncxai--dialog--header {
        font-size: 2.4rem;
    }
	.ncxai--dialog--body {
		margin-bottom: 3rem;
	}
}
/* NJ-79472 end */

/* NJ-81567 Start */
.ncxai--dialog--wrapper.new_year {
	padding: 0;
	overflow-y: auto;
}
.ncxai--dialog--closer.new_year {
    background: url(https://assets.nativecamps.com/user/webroot/images/index/ver_4/new-year_campaign/bg_sp.webp);
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ncxai--dialog--container.new_year .campaign_text {
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.3;
    color: #C00E0E;
    background-color: #fff;
    padding: 0.8rem 1.5rem;
    margin: 0 2.4rem 6.2rem;
}
.new_year .ncxai--btn {
    background: var(--navy_gradation, linear-gradient(90deg, #092846 0%, #115CB3 100%));
    max-width: 32.7rem;
    min-height: 5.6rem;
    border-radius: 5rem;
    box-shadow: 0 0.4rem 3.2rem 0 rgba(0, 0, 0, 0.25);
    border: unset;
}
.new_year span.coin {
    display: inline-block;
}
.new_year .ncxai--btn .ncxai--btn--text {
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
}
.new_year .ncxai--dialog--image {
	box-shadow: unset;
	margin: 7rem 2.75rem 2rem;
}
.new_year .ncxai--dialog--btn-container {
	padding: 0;
	margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
	.ncxai--dialog--container.new_year {
		max-width: 102.4rem;
	}
	.new_year .ncxai--dialog--image {
		width: 92%;
	}
}
@media only screen and (max-width: 768px) {
	.ncxai--dialog--container.new_year {
		max-width: 76.8rem;
	}
	.new_year .ncxai--dialog--image {
		width: 92%;
	}
}
@media only screen and (max-width: 600px) {
	.ncxai--dialog--container.new_year {
		max-width: 60rem;
	}
	.new_year .ncxai--dialog--image {
		width: 88%;
	}
}
@media only screen and (max-width: 375px) {
	.ncxai--dialog--container.new_year {
		max-width: 37.5rem;
		transform: scale(0.75);
		transform-origin: top;
	}
	.new_year .ncxai--dialog--image {
        width: 86%;
    }
}

@media only screen and (max-height: 568px){
	.ncxai--dialog--container.new_year {
		transform: scale(0.6)
	}
}

/* =====================================================
   Counseling Modal Redesign - Mobile Styles
   Ticket: NJ-92779
   All classes use .counseling-modal-mobile__ prefix
   ===================================================== */

/* Base Modal Container */
.counseling-modal-mobile {
  position: relative;
  max-width: 100%;
  background: #ffffff;
  border-radius: 1.5rem;
  overflow: hidden;
  padding: 0;

}


/* Gradient Background */
.counseling-modal-mobile__gradient-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 23.35rem;
  background: linear-gradient(135deg, #00BFA5 0%, #1E88E5 100%);
  z-index: 1;
}
.counseling-tooltip {
	position: relative;
}
.counseling-tooltip .counseling-modal-mobile__tooltip::before {
  content: "";
  position: absolute;
  top: 15.15rem;
  left: 50%;
  transform: rotate(135deg) translateX(65%);
  width: 4.5rem;
  height: 4.5rem;
  background: #149ad0;
  z-index: 0;
}

/* Header Section */
.counseling-modal-mobile__header {
  position: relative;
  z-index: 1;
  padding: 0 1rem 0;
}

.counseling-modal-mobile__photo-title-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  margin-bottom: 7.6rem;
}

.counseling-modal-mobile__photo-wrapper {
  position: relative;
  flex-shrink: 0;
}

.counseling-modal-mobile__photo {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  display: block;
}

.counseling-modal-mobile__online-indicator {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  width: 1.9rem;
  height: 1.9rem;
  background: #0BCAFA;
  border: 0.2rem solid #ffffff;
  border-radius: 50%;
}

.counseling-modal-mobile__title-subtitle {
  flex: 1;
  padding-top: 0.3rem;
}

.counseling-modal-mobile__title {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.33;
  color: #ffffff;
  margin: 0 0 0.9rem 0.2rem;
  text-indent: -1.1rem;
  padding-left: 1.3rem;
  text-align: justify;
}

.counseling-modal-mobile__subtitle {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.54;
  color: #ffffff;
  margin: 0;
  padding: 0 0 0 1.2rem;
}

/* Stats Section */
.counseling-modal-mobile__stats {
  position: relative;
  z-index: 1;
  display: flex;
  background: #ffffff;
  width: 33rem;
  height: 8.1rem;
  margin: 0 auto 3.5rem;
  border-radius: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  top: -6.1rem;
}
.counseling-modal-mobile__stat-col.w_border {
	position: relative;
}
.counseling-modal-mobile__stat-col.w_border::before {
  content: '';
  position: absolute;
  height: 6rem;
  width: 0.1rem;
  left: 0rem;
  z-index: 6;
  background: #E8E8E8; 
  top: 1.5rem;
}
.counseling-modal-mobile__stat-col.w_border::after {
  content: '';
  position: absolute;
  height: 6rem;
  width: 0.1rem;
  right: 0;
  z-index: 6;
  background: #E8E8E8;
  top: 1.5rem;
}
.counseling-modal-mobile__stat-col {
  flex: 1;
  text-align: center;
  padding: 1.2rem 0.8rem;
}

.counseling-modal-mobile__stat-col--outer {
  border-right: none;
  border-left: none;
}

.counseling-modal-mobile__stat-number {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #092846;
  margin-bottom: 0.2rem;
}

.counseling-modal-mobile__stat-label {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #333333;
}

/* Benefits Section */
.counseling-modal-mobile__benefits {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 4rem 3.5rem;
  background: #ffffff;
  top: -4.9rem;
}

.counseling-modal-mobile__benefits-title {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.68;
  color: #333333;
  margin: 0 0 1.2rem 0;
}

.counseling-modal-mobile__benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  display: inline-block;
  width: 27rem;
}

.counseling-modal-mobile__benefit-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.8rem;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #333333;
}

.counseling-modal-mobile__benefit-item:last-child {
  margin-bottom: 0;
}

.counseling-modal-mobile__checkmark {
  width: 2rem;
  height: 2rem;
  margin-right: 0.6rem;
  flex-shrink: 0;
}

/* Steps Section */
.counseling-modal-mobile__steps {
  position: relative;
  z-index: 1;
  background: #FFF0DE;
  border-radius: 1rem;
  padding: 3rem 1.2rem 1.8rem;
  margin: 0 1.2rem 0;
  top: -3.9rem;
}

.counseling-modal-mobile__steps-badge {
  text-align: center;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.38;
  color: #F1890E;
  border: 0.2rem solid #F1890E;
  border-radius: 10rem;
  display: inline-block;
  padding: 0.7rem 1.8rem;
  margin: 0 auto 1.6rem auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -2rem;
  background: #FFF;
}

.counseling-modal-mobile__steps-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.counseling-modal-mobile__step {
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 8rem;
}

.counseling-modal-mobile__step-icon {
  width: 4.8rem;
  height: 4.8rem;
  background: #F1890E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.8rem auto;
}

.counseling-modal-mobile__step-icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.counseling-modal-mobile__step-label {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #333333;
  text-align: center;
  width: 9.6rem;
}

.counseling-modal-mobile__arrow {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0.4rem;
  flex-shrink: 0;
  margin-bottom: 3.6rem;
}

/* CTA Button Section */
.counseling-modal-mobile__cta-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 2rem 3rem;
}

.counseling-modal-mobile__cta-button {
  display: inline-block;
  width: 100%;
  max-width: 31rem;
  background: #F1890E;
  color: #ffffff;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  padding: 1.4rem 2rem;
  border-radius: 0.4rem;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  box-shadow: 0 0.2rem 0.8rem rgba(241, 137, 14, 0.3);
}

.counseling-modal-mobile__cta-button:hover {
  background: #E07A00;
  text-decoration: none;
  color: #ffffff;
}

.counseling-modal-mobile__cta-button:active {
  transform: translateY(0.1rem);
}

/* Close Button Override */
#dialog_counseling.modal_window.dialog {
	width: min(86rem, 94%);
}
.modal_window.dialog .modal_inner.counseling-modal-mobile {
	padding: 2rem 0.5rem 0;
	height: 59.2rem;
	overflow: hidden;
}
.counseling-modal-mobile__button {
	width: 100%;
}

@media only screen and (max-width: 364px) {
	.counseling-modal-mobile__stats {
		width: unset;
	}
	.counseling-modal-mobile__step-label 
	{
		width: unset;
	}
}
/* NJ-92779 Mobile END */
/* NJ-81567 End */

.modal_window_center {
	transform: none;
}

.modal_window.dialog_help_pin .btn_close:before{
	display: none;
}