@charset "utf-8";

html:lang(zh-tw) body {
	font-family: "Noto Sans TC", "Noto Sans", sans-serif;
}

/* dialog_rating */
.dialog_rating{
	padding: 40px 130px 40px;
	border: none;
}
.dialog_rating .modal_inner{
	max-width: 94rem;
}

.dialog_rating .modal_inner .ui_mark.required:after{
	background: #f0295d;
}
.dialog_rating .modal_inner .c_required{
	color: #f0295d;
}
.dialog_rating .rating_data_inner .review_cancel {
	margin-right: -20px;
}
.dialog_rating .rating_data_inner .review_cancel a{
	color: #00acee;
	border: #00acee 1px dashed;
	border-radius: 30px;
	padding: 10px 15px;
	line-height: 1;
	transition: all 0.2s linear;
}
.dialog_rating .rating_data_inner > .review_cancel a:hover{
	color: #3dc8ff;
	border-color: #3dc8ff;
}
.dialog_rating .btn_comment_wrap .btn_comment{
	text-decoration: none;
	border-bottom: 1px solid #00acee;
}
.dialog_rating .btn_comment_wrap .btn_comment:before{
	font-family: 'fontAwesome';
	content: '\f107';
}
.dialog_rating .btn_comment_wrap .btn_comment.on:before{
	content: '\f106';
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .rating_data .rating:after{
	content: '';
	width: 100%;
	margin: 30px auto 0;
	background: linear-gradient(to right,#8acbd6 40%, #f1c93a);
	display: block;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .rating_data dt img{
	width: 110px;
	height: 110px;
	display: block;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	margin: 0 auto;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .rating_data dd{
	vertical-align: top;
	padding: 20px 25px 25px;
}
.dialog_rating .rating{
	direction: rtl;
}
.dialog_rating .rating > .wrap{
	margin-left: 50px;
}
.dialog_rating .rating .star{
	display:inline-block;
	margin-right:60px;
	vertical-align:middle;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	white-space:nowrap;
	position:relative;
}
.dialog_rating .rating .star:before{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f005";
	width:40px;
	height:40px;
	font-size: 40px;
	font-size: 4rem;
	color: #ccc;
}
.dialog_rating .rating .star.rating_rate5:before{
	transform: scale(1.2);
	height: 45px;
}
.dialog_rating .rating .star > .star_txt{
	position: absolute;
	top:40px;
	width: 100px;
	right:-30px;
	white-space:break-spaces;
	color: #999;
	margin-top: 8px;
	direction: ltr;
	font-weight: bold;
}
.dialog_rating .rating .star.rating_rate5 .star_txt{
	margin-top: 10px;
}

/* bug fix for android */
.dialog_rating .rating input:checked + .wrap {
	font-size:inherit;
}
/*  */

.dialog_rating .rating input:checked ~ .wrap .star:before {
	color:#fcc926;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner textarea{
	background-color:#fff;
	line-height: 1.786;
	font-size: 1.4rem;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .comment_box_normal{
	margin: 0 auto;
	display: none;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .comment_box_normal .comment_gray_erea{
	padding: 20px 10px;
	background: #f0f0f5;
	margin-top: 10px;
	margin: 12px auto 10px;
	box-sizing: border-box;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .review_notice_wrap > p{
	display: inline-block;
}

/*-----------------------------------*/
/* .dialog_rating_complete
/*-----------------------------------*/
.dialog_rating_complete{
	padding: 70px 70px 50px;
}
.dialog_rating_complete .modal_inner{
	width: 600px;
}
.dialog_rating_complete .modal_inner .d_table{
	table-layout: fixed;
	margin: 0 auto;
	border-spacing: 40px 0px;
	width: 480px;
}
.stamp_rally{
	background: #8FCEFD;
	padding:4rem 5rem;
	max-width: 60rem;
	margin: 0 auto;
}
.stamp_rally .heading{
	color: #fff;
	font-weight: bold;
	margin-bottom: 2rem;
	text-align: center;
	padding: 1rem;
	background-color: #002077;
}
.stamp_rally .period{
	font-size: 1.8rem !important;
}
/*-----------------------------------*/
/* dialog_cs_history_detail
/*-----------------------------------*/
.dialog_cs_history_detail .cs_history_detail_wrap .cs_title {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
/*-----------------------------------*/
/* dialog_rating_staff
/*-----------------------------------*/
.dialog_rating_staff .modal_inner .btn_wrap .btn_style{
	min-width: 180px;
	border-radius: 6px;
	box-sizing: border-box;
}
.stamp_rally .period span{
	color: #D92A28;
	font-size: 2.6rem !important;
	margin:0 0.4rem;
}
.stamp_rally .progress{
	margin-bottom: 2.4rem;
	padding: 0.4rem 1.2rem 0;
	background:#fff;
	border-radius:5px;
}
.stamp_rally .progress p{
	font-size: 1.8rem !important;
	font-weight: bold;
	text-align: center;
}
.stamp_rally .progress p span{
	color: #D92A28;
	font-size: 3.6rem;
	margin:0 0.8rem;
}
.stamp_rally .cource{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.stamp_rally .cource:nth-child(even){
	flex-direction: row-reverse;
	}
.dialog_rating_staff .modal_inner .btn_wrap .btn_style.disabled{
	background: #ccc !important;
	color: #fff !important;
}
.stamp_rally .cource + .cource {
	margin-top: 1.5rem;
}
.dialog_rating_staff{
	padding: 40px 60px 40px;
	border: none;
}
.dialog_rating_staff .modal_inner{
	width: 650px;
}
.dialog_rating_staff .modal_inner .ui_mark.required:after{
	background: #f0295d;
}
.dialog_rating_staff .modal_inner .c_required{
	color: #f0295d;
}
/*---------------------------------*/
/*-------- 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 1rem;
	text-align: center;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star .label_wrap {
	width: 25%;
	padding: 0 1rem;
	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: #ccc;
}
.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 {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_2 input:nth-child(3) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_1 input:nth-child(5) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.stamp_rally .cource + .cource .cource-item:first-child::before{
	content: "";
	display: block;
	width: 1rem;
	height: 1.5rem;
	background: #002077;
	position: absolute;
	top: -1.5rem;
	left: 50%;
	margin-left: -0.5rem;
}
.stamp_rally .cource .cource-item{
	width: 100%;
	position: relative;
}
.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 .rating_desc .text_one_star,
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .rating_desc .text_default {
	width: 570px;
	margin-left: auto;
	margin-right: auto;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .rating_desc .text_one_star {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required:after,
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.optional:after {
	content: '';
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .textarea_desc .desc_required,
.dialog_rating_staff .rating_data_form_wrap.comment_required .textarea_desc .desc_default {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap.comment_required .desc_required,
.dialog_rating_staff .rating_data_form_wrap .desc_default {
	display: block;
}
.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: 16px;
	font-size: 1.6rem;
	padding: 3px 15px;
	display: inline-block;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required {
	background-color: #f0295d;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .review_notice_wrap > p{
	display: inline-block;
}

/*-----------------------------------*/
/* .dialog_rating_complete
/*-----------------------------------*/
.dialog_rating_complete{
	padding: 70px 70px 50px;
}
.dialog_rating_complete .modal_inner{
	width: 600px;
}
.dialog_rating_complete .modal_inner .d_table{
	table-layout: fixed;
	margin: 0 auto;
	border-spacing: 40px 0px;
	width: 480px;
}

/*-----------------------------------*/
/* modal window common style
/*-----------------------------------*/
#modal_overlay {
    position: fixed;
    z-index:10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.modal_window{
	padding: 30px;
	background: #fff;
	border: solid 4px #555;
	border-radius: 10px;
	max-width: 720px;
	/*width: 960px;*/
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	color: #000;
}
.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: -2.7rem;
	right: -2.8rem;
	display: block;
	width: 5.5rem;
	height: 5.5rem;
	background: url(https://assets.nativecamps.com/user/webroot/images/coin/icon/modal_close-button.png) no-repeat 0 0;
	cursor: pointer
}
.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;
}
/*----------------------------------------------*/
/* color style
/*----------------------------------------------*/
.c_red{ color: #f14444 !important; }
.c_green{ color: #16a9b2 !important; }
.c_blue{ color: #00acee !important; }
.c_yellow{ color: #b2a516 !important; }
.c_nc_yellow{ color: #f1890e !important; }
.c_gray{ color: #999 !important; }
.c_white{ color: #fff !important; }
.c_indigo{ color: #465e74 !important; }
.c_orange { color: #f1890e !important; }


/*-----------------------------------*/
/* modal dialog common style
/*-----------------------------------*/
.modal_window.dialog h3{
	margin: 0 0 15px;
	padding: 0;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.5;
}
.modal_window.dialog p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.modal_window.dialog .rating_bad_tag_select .question, 
.modal_window.dialog .rating_good_tag_select .question{
	font-size: 1.8rem;
	line-height: 1.389;
}
.modal_window.dialog input[type='text'],
.modal_window.dialog input[type='password'],
.modal_window.dialog input[type='tel'],
.modal_window.dialog select{
	background: #fff;
}
.modal_window.dialog .dialog_inner{
	margin-bottom: 20px;
	border-bottom: #f4f4f4 solid 1px;
}
.modal_window.dialog .dialog_inner > div{
	padding: 10px 30px;
	margin: 0 -30px;
}
.modal_window.dialog .dialog_inner > div:nth-child(odd){
	background: #f4f4f4;
}
.modal_window.dialog .dialog_inner > div:nth-child(even){
	background: #fff;
}
.modal_window.dialog .dialog_inner .t_item{
	min-width: 85px;
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	line-height: 38px;
	text-align: right;
	margin-right: 10px;
}
.modal_window.dialog .dialog_inner > div.half > div{
	width: 50%;
	float: right;
}
.modal_window.dialog .dialog_inner > div.half > div:first-child{
	float: left;
}
.modal_window.dialog .dialog_inner .radios li,
.modal_window.dialog .dialog_inner .checkboxs li{
	float: left;
	margin-right: 10px;
	line-height: 38px;
}

.modal_window.dialog .btn_wrap{
	margin-top: 20px;
}
.modal_window .notice_area{
	background: #f9f9f9;
	padding: 15px;
	border-radius: 5px;
}
.modal_window .notice_area .ui_notice_list ul li{
	font-size: 12px;
	font-size: 1.2rem;
}

/* lesson data */
.modal_window.dialog .lesson_data{
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
}
.modal_window.dialog .lesson_data .thumb{
	width: 100px;
	height: 100px;
	margin: 0 auto 0;
}
.modal_window.dialog .lesson_data .thumb img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.modal_window.dialog .lesson_data .name_area .name{
	display: block;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	text-align: center;
}
.modal_window.dialog .lesson_data .name_area .kana{
	display: block;
	color: #999;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
}
.modal_window.dialog .lesson_data table{
	width: auto;
	min-width: 300px;
	max-width: 500px;
	margin: 0 auto;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.modal_window.dialog .lesson_data table th,
.modal_window.dialog .lesson_data table td{
	/*width: 50%;*/
}
.modal_window.dialog .lesson_data table th{
	min-width: 90px;
	text-align: center;
	white-space: nowrap;
	background: #eee;
	border: #fff solid 1px;
	padding: 5px 10px;
	font-weight: normal;
}
.modal_window.dialog .lesson_data table tr:first-child th{
	border-top: #eee solid 1px;
}
.modal_window.dialog .lesson_data table tr:last-child th{
	border-bottom: #eee solid 1px;
}
.modal_window.dialog .lesson_data table td{
	text-align: left;
	border: #eee solid 1px;
	padding: 5px 10px;
}

/* notice */
.modal_window.dialog .modal_notice{
	width: 656px;
}
.modal_window.dialog .modal_notice li{
	font-size: 14px;
	font-size: 1.4rem;
	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;
}

/* btn_table */
.btn_table{
	margin: 0 -10px;
}
.btn_table ul{
	display: table;
	table-layout: fixed;
	min-width: 650px;
	border-spacing: 10px;
	margin: 0 auto;
}
.btn_table li{
	display: table-cell;
	vertical-align: top;
}
.btn_table li .btn_style{
	width: 100%;
	min-width: inherit;
	box-sizing: border-box;
}
.btn_table-2 li{
	width: 50%;
}
.btn_table-3 li{
	width: 33.33%;
}
.btn_table-4 li{
	width: 25%;
}

/* multiline button */
.modal_window .btn_style .multiline{
	display: inline-block;
	padding-top: 4px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

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

/*-----------------------------------*/
/* #dialog_message_search
/*-----------------------------------*/
#dialog_message_search .dialog_search_inner input[type='text']{
	display: inline;
	width: 550px;
}
#dialog_message_search .dialog_search_inner{
	margin-bottom: 20px;
	border-bottom: 1px solid #f6f6f6;
}
#dialog_message_search .dialog_search_inner .keyword{
	text-align: center;
}
#dialog_message_search .dialog_search_inner .filter{
	margin: 10px auto 10px;
}
#dialog_message_search .dialog_order_inner .order{
	text-align: center;
}
#dialog_message_search .dialog_order_inner .order select{
	width: auto;
	background: #fff;
}

/*-----------------------------------*/
/* #dialog_message_search_personal
/*-----------------------------------*/
#dialog_message_search_personal .dialog_search_inner input[type='text']{
	display: inline;
	width: 550px;
}
#dialog_message_search_personal .dialog_search_inner{
	margin-bottom: 20px;
	border-bottom: 1px solid #f6f6f6;
}
#dialog_message_search_personal .dialog_search_inner .keyword{
	text-align: center;
}
#dialog_message_search_personal .dialog_search_inner .filter{
	width: 480px;
	margin: 10px auto 10px;
}
#dialog_message_search_personal .dialog_order_inner .order{
	text-align: center;
}
#dialog_message_search .dialog_order_inner .order select{
	width: auto;
	background: #fff;
}

/*-----------------------------------*/
/* #dialog_schedule_reserve_confirm
/*-----------------------------------*/
.modal_window .textbook_confirm_area_wrap{
	width: 660px;
	margin: 0 auto;
}
.modal_window .textbook_confirm_area{
	border: #ccc solid 3px;
	border-radius: 6px;
	padding: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
}
.modal_window .textbook_confirm_area table{
	margin: 0 auto;
}
.modal_window .textbook_confirm_area table td:before{
	content: ':';
	margin-right: 10px;
}
.modal_window .textbook_confirm_area table td.content-none:before{
	content: none;
}
.modal_window .textbook_confirm_area table th,
.modal_window .textbook_confirm_area table td{
	padding: 10px 5px;
}
.modal_window .textbook_confirm_area table td.content-none{
	padding-left: 20px;
	padding-top: 0;
	font-family: "Noto Sans JP", sans-serif;
	color: #555555;
}
.modal_window .textbook_confirm_area table td .ic_textbook{
	position: relative;
	top: -3px;
	vertical-align: middle;
}

/*-----------------------------------*/
/* dialog_schedule_reserve_complete
/*-----------------------------------*/
.dialog_schedule_reserve_complete{
}
.dialog_schedule_reserve_complete .btn_facebook{
	background: #3c599f !important;
	border: none !important;
	text-shadow: none;
	font-size: 16px;
	font-size: 1.6rem;
}
.dialog_schedule_reserve_complete .btn_facebook:hover{
	background: #5877C3 !important;
}
.dialog_schedule_reserve_complete .btn_google{
	background: #d94a38 !important;
	border: none !important;
	text-shadow: none;
	font-size: 16px;
	font-size: 1.6rem;
}
.dialog_schedule_reserve_complete .btn_google:hover{
	background: #F05946 !important;
}
.dialog_schedule_reserve_complete .link_list{
	text-align: center;
	font-size: 0;
}
.dialog_schedule_reserve_complete .link_list li{
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
}
.dialog_schedule_reserve_complete .link_list li + li{
	margin-left: 30px;
}
.dialog_schedule_reserve_complete .btn_blue-ss{
	background: #0B41A0;
	text-shadow: none;
}
.dialog_schedule_reserve_complete .btn_blue-ss:hover{
	opacity: 0.6;
}
/*-----------------------------------*/
/* #dialog_schedule_reserve_cancel
/*-----------------------------------*/
#dialog_schedule_cancel .reserve_cancel_wrap{
	margin: 0 auto;
	padding: 25px 0;
}
#dialog_schedule_cancel .reserve_cancel_wrap ul{
line-height: 1.5;
font-size: 15px;
}
#dialog_schedule_cancel .reserve_content {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
#dialog_schedule_cancel .reserve_content .time{
	font-weight: bold;
}
#dialog_schedule_cancel .reserve_content .name{
	color: #888;
}
#dialog_schedule_cancel .lesson-data-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#dialog_schedule_cancel .lesson-data-wrap .col_right{
	margin-left: 20px;
	text-align: right;
}
#dialog_schedule_cancel .teacher_data{
	text-align: center;
}
#dialog_schedule_cancel .teacher_data .thumb > img {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
}
#dialog_schedule_cancel .teacher_data .name-jp{
	font-size: 1.2rem;
}
#dialog_schedule_cancel .lesson-data-wrap .lesson-data{
	font-size: 1.5rem;
}
#dialog_schedule_cancel .reserve_content .cancellation_reason_txt{
	max-height: 100px;
	overflow: auto;
	word-break: break-word;
}
/*-----------------------------------*/
/* #dialog_schedule_reserve_cancel
/*-----------------------------------*/
#dialog_inquiry_search .esb-displayer{
	width: 400px;
}

/*-----------------------------------*/
/* .dialog_schedule_reserve_request_cancel
/*-----------------------------------*/
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap{
	display: table;
	margin: auto;
}
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_left,
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_right{
	display: table-cell;
	vertical-align: middle;
}
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_left{
}
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_left figure{
	width: 70px;
	height: 70px;
}

#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_left figure.teacher-image{
	margin: auto;
}

#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_left figure img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_right{
	padding-left: 20px;
}
#dialog_schedule_reserve_request_cancel .textbook_confirm_area .col_wrap .col_right p{
	font-size: 15px;
	font-size: 1.5rem;
}

/*-----------------------------------*/
/* #modal_user_profile
/*-----------------------------------*/
#modal_user_profile{
	padding: 0;
}
#modal_user_profile .ttl{
	padding: 15px;
	background: #555;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
}
#modal_user_profile .profile_data{
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	/* fix 20141022 >>> */
	max-height: 500px;
	overflow: scroll;
	overflow-x: hidden;
	/* <<< */
}
#modal_user_profile .profile_data tr:first-child{
	border-top: none;
}
#modal_user_profile .profile_data tr{
	border-top: #ddd 1px solid;
}
#modal_user_profile .profile_data th,
#modal_user_profile .profile_data td{
	padding: 15px;
}
#modal_user_profile .profile_data th{
	font-weight: bold;
	color: #aaa;
	width: 220px;
}
#modal_user_profile .profile_data td{
	width: 260px;
	padding-left: 0;
}
#modal_user_profile .profile_data td li{
	line-height: 1.5;
	margin-top: 5px;
}
#modal_user_profile .profile_data td li:first-child{
	margin-top: 0;
}

/*-----------------------------------*/
/* #dialog_select_text_lesson
/*-----------------------------------*/
#dialog_select_text_lesson .modal_window{
	width:100% !important;
	max-width:680px !important;
	min-width:320px !important;
}
#dialog_select_text_lesson .modal_window .btn_close--inner_2{
	top: 4px;
	right: 25px;
}
#dialog_select_text_lesson .modal_window .lesson_text_content{
	position:absolute;
	width:100%;
}
#dialog_select_text_lesson .modal_window_inner{
	position:relative;
	height:100%;
	width:100%;
	overflow: scroll;
	overflow-x: hidden;
}
#dialog_select_text_lesson{
	width: 100% !important;
	max-width: 680px !important;
	min-width: 350px !important;
	height:80%;
	/*width: 680px;
	min-height: 690px;  fix 20141017*/
	padding: 0 0 25px;
	margin:auto auto !important;
	top:0 !important;
	bottom:0 !important;
	left:0 !important;
	right:0 !important;
}
#dialog_select_text_lesson h3{
	padding: 15px;
	background: #555;
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
}
#dialog_select_text_lesson .lesson_level_list_wrap{
	padding: 15px 50px 40px;
	box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.1) inset;
}
#dialog_select_text_lesson .lesson_level_list_wrap p{
	font-weight: bold;
	margin-bottom: 15px;
}
#dialog_select_text_lesson .lesson_level_list ul{
	margin-right: -100px;
}
#dialog_select_text_lesson .lesson_level_list li{
	position: relative;
	display: block;
	min-width: 123px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 4px;
	background: #e3e3e3;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #555;
	float: left;
	margin-right: 30px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#dialog_select_text_lesson .lesson_level_list li:before,
#dialog_select_text_lesson .lesson_level_list li:after{
	display: none;
	bottom: -45px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 1;
	transition: all 0.2s ease;
}
/*
#dialog_select_text_lesson .lesson_level_list li:before{
	border-color: rgba(85, 85, 85, 0);
	border-bottom-color: #555;
	border-width: 26px;
	margin-left: -26px;
}
#dialog_select_text_lesson .lesson_level_list li:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
#dialog_select_text_lesson .lesson_level_list li.on:before,
#dialog_select_text_lesson .lesson_level_list li.on:after{
	display: block;
}
*/
#dialog_select_text_lesson .lesson_level_list li.on{
	background: #ff194a;
	color: #fff;
}
#dialog_select_text_lesson .lesson_text_list_wrap{
	position: relative;
	border-top: solid 5px #555;
	padding: 30px 30px 0;
	box-sizing:border-box;
	width:100%;
}
#dialog_select_text_lesson .lesson_text_list_wrap:before,
#dialog_select_text_lesson .lesson_text_list_wrap:after{
	left: 21%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 1;
}
#dialog_select_text_lesson .lesson_text_list_wrap:before{
	top: -52px;
	border-color: rgba(85, 85, 85, 0);
	border-bottom-color: #555;
	border-width: 26px;
	margin-left: -26px;
}
#dialog_select_text_lesson .lesson_text_list_wrap:after{
	top: -40px;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
#dialog_select_text_lesson .lesson_text_list{
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 15px;
	min-height: 352px;
}
#dialog_select_text_lesson .lesson_text_list ul{
	border: solid 1px #555;
}
#dialog_select_text_lesson .lesson_text_list li{
	position: relative;
	padding: 10px;
	border-top: solid 1px #555;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#dialog_select_text_lesson .lesson_text_list li .ic_clear{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 136px;
	height: 36px;
	background: url('../images/icon/ribbon_clear.png') no-repeat 0 0;
	z-index: 1;
}
#dialog_select_text_lesson .lesson_text_list li:hover{
	background: #ffe5eb;
}
#dialog_select_text_lesson .lesson_text_list li:first-child{
	border-top: none;
}
#dialog_select_text_lesson .lesson_text_list li .lesson_name{
	font-weight: bold;
}
#dialog_select_text_lesson .lesson_text_list li .lesson_name:after{
	content: '：';
	margin: 0 0.5em;
}
#dialog_select_text_lesson .lesson_text_list li.finished{
	background: #fdfae3;
	color: #bbb;
}
#dialog_select_text_lesson .lesson_text_list li.on{
	background: #ff194a;
	color: #fff;
	font-weight: bold;
}
#dialog_select_text_lesson .lesson_text_list i{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	font-size: 28px;
	font-size: 2.8rem;
	width: 1em;
	height: 1em;
	margin: auto;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager{
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
}
#dialog_select_text_lesson .btn_close--inner_2{
	top:0px;
	right:0px;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager a{
	color: inherit;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager .disable{
	color: #ccc !important;
	cursor: default;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager .prev{
	float: left;
	display: inline-block;
	position: relative;
	color: #555;
	background: #fff;
	border: #BEBEBE solid 2px;
	padding: 5px 10px 2px;
	border-radius: 4px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 16px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-left: 10px;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager .prev:before{
	content: '＜';
	margin-right: 0.2em;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager .next{
	float: right;
	display: inline-block;
	position: relative;
	color: #555;
	background: #fff;
	border: #BEBEBE solid 2px;
	padding: 5px 10px 2px;
	border-radius: 4px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 16px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-left: 10px;
}
#dialog_select_text_lesson .lesson_text_list_wrap .pager .next:after{
	content: '＞';
	margin-left: 0.2em;
}
/*-----------------------------------*/
/* Modal Lesson Flow
/*-----------------------------------*/
/* common */
.dialog_rating_lesson_connect,
.dialog_rating_lesson_text,
.dialog_rating_complete,
.dialog_rating_cancel,
.dialog_rating_transmission_done{
	padding: 40px 70px 40px;
	/* border: none; */
}
.dialog_rating_lesson_connect .modal_inner,
.dialog_rating_complete .modal_inner{
	width: 595px;
}
.dialog_rating_lesson_connect .modal_inner .top_img,
.dialog_rating_lesson_text .modal_inner .top_img,
.dialog_rating .modal_inner .top_img{
	position: relative;
}
.dialog_rating_lesson_connect .modal_inner .top_img img,
.dialog_rating_lesson_text .modal_inner .top_img img,
.dialog_rating .modal_inner .top_img img{
	display: block;
	margin: 0 auto;
	max-width: 100px;
}
.dialog_rating_lesson_connect .modal_inner .top_img:before,
.dialog_rating_lesson_text .modal_inner .top_img:before,
.dialog_rating .modal_inner .top_img:before,
.dialog_rating_lesson_connect .modal_inner .top_img:after,
.dialog_rating_lesson_text .modal_inner .top_img:after,
.dialog_rating .modal_inner .top_img:after{
	content: "";
	border-bottom: 1px solid #ccc;
	width: 26.3rem;
	position: absolute;
	top: 50%;
	margin: auto;
}
.dialog_rating_lesson_connect .modal_inner .top_img:before,
.dialog_rating_lesson_text .modal_inner .top_img:before,
.dialog_rating .modal_inner .top_img:before{
	left: 0;
}

.dialog_rating_lesson_connect .modal_inner .top_img:after,
.dialog_rating_lesson_text .modal_inner .top_img:after,
.dialog_rating .modal_inner .top_img:after{
	right: 0;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating{
	display: table;
	width: 100%;
	width: 380px;
	table-layout: fixed;
	margin: 0 auto 0;
	border-spacing: 60px 0;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li{
	display: table-cell;
	vertical-align: middle;
}
.dialog_rating_lesson_connect .rating input,
.dialog_rating .rating input,
.dialog_rating_lesson_text .rating input{
	display:none;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn{
	display: block;
	height: 100px;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	transition: all 0.2s linear;
	cursor: pointer;
	border: 2px solid #0bcafa;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn.ic_bad,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn.ic_bad{
	border: 2px solid #f36575;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn{
	background : url(../images/icon/ic-good.png) no-repeat center center;
	display:block;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li input:checked ~ .rating_icon_btn,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li input:checked ~ .rating_icon_btn,
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn:hover,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn:hover{
	background : url(../images/icon/ic-good_on.png) no-repeat center center;
	background-color: #0bcafa;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn.ic_bad,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn.ic_bad{
	background : url(../images/icon/ic-bad.png) no-repeat center center;
	display:block;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li input:checked ~ .rating_icon_btn.ic_bad,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li input:checked ~ .rating_icon_btn.ic_bad,
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn.ic_bad:hover,
.dialog_rating_lesson_text .modal_inner .rating_data_form_wrap .rating li .rating_icon_btn.ic_bad:hover{
	background : url(../images/icon/ic-bad_on.png) no-repeat center center;
	background-color: #f36575;
}
.dialog_rating_lesson_connect .modal_inner .btn_wrap .btn_style,
.dialog_rating_lesson_text .modal_inner .btn_wrap .btn_style,
.dialog_rating .modal_inner .btn_wrap .btn_style,
.dialog_rating_complete .modal_inner .btn_wrap .btn_style,
.dialog_rating_cancel .modal_inner .btn_wrap .btn_style,
.dialog_rating_transmission_done .modal_inner .btn_wrap .btn_style{
	width: 315px;
	height: 48px;
	border-radius: 6px;
	box-sizing: border-box;
}
.dialog_daily_news_filter .daily_news_filter_panel .disabled,
.dialog_daily_topics_filter .daily_topics_filter_panel .disabled,
.dialog_rating_complete .modal_inner .btn_wrap .btn_style.disabled{
	background: #ccc !important;
	color: #fff !important;
}
.dialog_rating_lesson_connect .modal_inner .rating_data_form_wrap .display_bad,
.dialog_rating .modal_inner .rating_data_form_wrap .rating_data_inner .comment_box.comment_box_bad{
	display: none;
}
.dialog_rating_lesson_connect .modal_inner .ui_mark:after,
.dialog_rating_lesson_text .modal_inner .ui_mark:after,
.dialog_rating .modal_inner .ui_mark:after{
	padding: 3px 15px;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.dialog_rating_lesson_connect .modal_inner .ui_mark.optional:after,
.dialog_rating_lesson_text .modal_inner .ui_mark.optional:after,
.dialog_rating .modal_inner .ui_mark.optional:after{
	background: #555;
}
.modal_window.dialog_rating .btn_flex_center > ul{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
/* .dialog_rating .btn_flex_center > ul > li + li{
	margin-left: 20px;
} */
.dialog_rating .btn_fav_set{
	display: ruby-text;
	position: relative;
}
.dialog_rating .btn_fav_set .fav_enable,
.dialog_rating .btn_fav_set .fav_disable{
	vertical-align: middle;
	min-width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 2.0rem;
	text-shadow: none;
	padding: 0 1.5rem;
}
.dialog_rating .btn_fav_set .cnt_fav{
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	padding: 7px 7px;
	border: solid 1px #ccc;
	border-radius: 4px;
	font-size: 16px;
}
.dialog_rating .btn_fav_set .cnt_fav:before,
.dialog_rating .btn_fav_set .cnt_fav:after{
	left: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.dialog_rating .btn_fav_set .cnt_fav:after{
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 4px;
}
.dialog_rating .btn_fav_set .cnt_fav:before{
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #cccccc;
	border-width: 5px;
}
.dialog_rating .btn_fav_set .fav_disable:hover {
	background-color: #aaa;
}
.dialog_rating .btn_fav_set .fav_flash_wrap{
	top: -25rem;
  	right: 100%;
}

/* dialog_rating_lesson_connect */
.dialog_rating_lesson_connect .modal_inner .rating_lesson_headding{
	border: 1px solid #03c9a9;
	color: #03c9a9;
	max-width: 540px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 25px;
}

/* dialog_rating_lesson_text */
.dialog_rating_lesson_text .modal_inner{
	width: 64.6rem;
}
.dialog_rating_lesson_text .modal_inner .top_img img{
	border-radius: 0.4rem;
	width: 8rem;
	height: 8rem;
}
.dialog_rating_lesson_text .modal_inner .top_img:before,
.dialog_rating_lesson_text .modal_inner .top_img:after{
	top: 20%;
}
.dialog_rating_lesson_text .modal_inner .top_img .txt-name-wrap{
	display: block;
	width: max-content;
	margin: 3.5rem auto auto;
	text-align: left;
	max-width: 100%;
	min-width: 48.5rem;
	line-height: 1.389;
}
.dialog_rating_lesson_text .modal_inner .top_img .cat-name{
	/* font-size: 1.6rem;
	font-weight: bold; */
	display: block;
}
.dialog_rating_lesson_text .modal_inner .top_img .sub-cat-name{
	/* font-size: 1.4rem;
	font-weight: bold; */
	margin-top: 1rem;
	display: block;
}
.dialog_rating_lesson_text .modal_inner .top_img .chapter-name{
	/* font-size: 1.4rem; */
	margin-top: 1rem;
	/* font-weight: normal; */
	display: block;
}

/* dialog_rating */
.dialog_rating{
	box-sizing: border-box;
	max-width: 769px;
	width: 769px;
	border: none;
}
.dialog_rating .modal_inner{
	margin: 0 auto;
}
.dialog_rating .mw-550 {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.dialog_rating .mw-610 {
	max-width: 610px;
}
.dialog_rating .mw-690 {
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
}
.dialog_rating .mw-740 {
	max-width: 74rem;
	margin-left: auto;
	margin-right: auto;
}
.dialog_rating .modal_inner .top_img img{
	border-radius: 50%;
}
#dialog_rating .modal_inner .top_img:before,
#dialog_rating .modal_inner .top_img:after {
	width: 41rem;
}
.dialog_rating .modal_inner .top_name{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}
.dialog_rating .modal_inner .ui_mark.required:after{
	background: #f0295d;
}
.dialog_rating .modal_inner .c_required{
	color: #f0295d;
}
.dialog_rating .rating_data_inner .review_cancel {
	margin-right: -20px;
}
.dialog_rating .rating_data_inner .review_cancel a{
	color: #00acee;
	border: #00acee 1px dashed;
	border-radius: 30px;
	padding: 10px 15px;
	line-height: 1;
	transition: all 0.2s linear;
}
.dialog_rating .rating_data_inner > .review_cancel a:hover{
	color: #3dc8ff;
	border-color: #3dc8ff;
}
.dialog_rating .btn_comment_wrap .btn_comment{
	text-decoration: none;
	border-bottom: 1px solid #00acee;
}
.dialog_rating .btn_comment_wrap .btn_comment:before{
	font-family: 'fontAwesome';
	content: '\f107';
}
.dialog_rating .btn_comment_wrap .btn_comment.on:before{
	content: '\f106';
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .rating_data .rating:after{
	content: '';
	width: 80%;
	margin: 30px auto 0;
	background: linear-gradient(to right,#8acbd6 40%, #f1c93a);
	display: block;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .rating_data dt img{
	width: 110px;
	height: 110px;
	display: block;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	margin: 0 auto;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .rating_data dd{
	vertical-align: top;
	padding: 20px 25px 25px;
}
.dialog_rating .rating{
	direction: rtl;
	width: max-content;
}
.dialog_rating .rating > .wrap{
	margin-left: 50px;
}
.dialog_rating .rating .star{
	display:inline-block;
	margin-right:60px;
	vertical-align:middle;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	white-space:nowrap;
	position:relative;
}
.dialog_rating .rating .star:before{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f005";
	width:40px;
	height:40px;
	font-size: 40px;
	font-size: 4rem;
	color: #ccc;
}
.dialog_rating .rating .star.rating_rate5:before{
	transform: scale(1.2);
	height: 45px;
}
.dialog_rating .rating .star > .star_txt{
	position: absolute;
	top:40px;
	width:100px;
	right:-30px;
	white-space:break-spaces;
	color: #999;
	margin-top: 8px;
	direction: ltr;
	font-weight: bold;
}
.dialog_rating .rating .star.rating_rate5 .star_txt{
	margin-top: 10px;
}

/* bug fix for android */
.dialog_rating .rating input:checked + .wrap {
	font-size:inherit;
}
/*  */

.dialog_rating .rating input:checked ~ .wrap .star:before {
	color:#fcc926;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner textarea{
	background-color:#fff;
	line-height: 1.5;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .comment_box_normal{
	margin: 0 auto;
	display: none;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .comment_box_normal .comment_gray_erea{
	padding: 20px 10px;
	background: #f0f0f5;
	margin-top: 10px;
	margin: 12px auto 10px;
	box-sizing: border-box;
}
.dialog_rating .rating_data_form_wrap .rating_data_inner .review_notice_wrap > p{
	display: inline-block;
}
/* NJ-4856 : rating tags */
.dialog_rating .rating_bad_tag_list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 1rem;
	column-gap: 1.5rem;
}
.dialog_rating .rating_bad_tag_list > li {

}
.dialog_rating .rating_bad_tag_list .bad_tag_box {
	position: relative;
	cursor: pointer;
}
.dialog_rating .rating_bad_tag_list .bad_tag_box input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
	z-index: -999;
}
.dialog_rating .rating_bad_tag_list .bad_tag_box .bad_tag_badge {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	background-color: #ccc;
	padding: 1rem 2rem;
	border-radius: 1.7rem;
	font-weight: bold;
}
.dialog_rating .rating_bad_tag_list .bad_tag_box.on .bad_tag_badge {
	background-color: #555;
}
.dialog_rating .rating_good_tag_list * {
	box-sizing: border-box;
}
.dialog_rating .rating_good_tag_list {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	/* flex-wrap: wrap; */
}
.dialog_rating .rating_good_tag_list p {
	font-size: 1.4rem;
	line-height: inherit;
}
.dialog_rating .rating_good_tag_list img {
	display: block;
	width: 100%;
}
.dialog_rating .rating_good_tag_list > li {

}
.dialog_rating .rating_good_tag_list .good_tag_box {
	position: relative;
	width: 10rem;
	cursor: pointer;
}
.dialog_rating .rating_good_tag_list .good_tag_box input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
	z-index: -999;
}
.dialog_rating .rating_good_tag_list .good_tag_box .tag_icon {
	width: 7rem;
	margin: 0 auto;
}
.dialog_rating .rating_good_tag_list .good_tag_box .tag_icon img.icon_grey {
	display: block;
}
.dialog_rating .rating_good_tag_list .good_tag_box .tag_icon img.icon_color {
	display: none;
}
.dialog_rating .rating_good_tag_list .good_tag_box.on .tag_icon img.icon_grey {
	display: none;
}
.dialog_rating .rating_good_tag_list .good_tag_box.on .tag_icon img.icon_color {
	display: block;
}
.dialog_rating .rating_good_tag_list .good_tag_box .tag_name {
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	color: #7f7f7f;
	margin-top: .8rem;
}
.dialog_rating .rating_good_tag_list .good_tag_box.on .tag_name {
	font-weight: bold;
}
/*-----------------------------------*/
/* .dialog_rating_complete
/*-----------------------------------*/
.dialog_rating_complete{
	padding: 70px 70px 50px;
}
.dialog_rating_complete .modal_inner{
	width: 600px;
}
.dialog_rating_complete .modal_inner .d_table{
	table-layout: fixed;
	margin: 0 auto;
	border-spacing: 40px 0px;
	width: 480px;
}

/*-----------------------------------*/
/* .dialog_about_system_trouble
/*-----------------------------------*/
.dialog_about_system_trouble{
	padding: 30px 60px 30px;
}
.dialog_about_system_trouble .link_style_1{
	color: #092846;
	border: #999 2px solid;
	border-radius: 10px;
	padding: 20px;
	width: 600px;
	position: relative;
}
.dialog_about_system_trouble .link_style_1:hover{
	background: #fffcee;
}
.dialog_about_system_trouble .notice_icon:before{
	content: url('../images/icon/ic-maintenance.png');
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding-right: 15px;
}
.dialog_about_system_trouble .notice_icon.icon_coinback:before{
	content: url('../images/icon/ic-coinback_s.png');
}
.dialog_about_system_trouble .notice_icon:after{
	content: "\f08e";
	font-family: FontAwesome;
	vertical-align: middle;
	position: absolute;
	width: 16px;
	height: 16px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
}

/*-----------------------------------*/
/* modal_blackboard_style
/*-----------------------------------*/
.modal_blackboard_style{
	min-width: 600px;
	min-height: 120px;
	padding: 60px 30px 60px;
	background: #173119;
	border-color: #452C17;
	border-radius: 2px;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.5) inset, 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 0 10px 0 rgba(0,0,0,0.2);
	color: #fff;
}
.modal_blackboard_style:before{
	position: absolute;
	bottom: 1px;
	left: 60px;
	content: '';
	width: 80px;
	height: 26px;
	background: url('../images/chat/fig_blackboard.png');
}
/*-----------------------------------*/
/* #dialog_lesson_student_intro
/*-----------------------------------*/
#dialog_lesson_student_intro .btn_exit{
	font-size: 13px;
	font-size: 1.3rem;
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: rgba(174, 74, 74, 0.8);
	padding: 5px;
	border-radius: 4px;
	color: #FFF;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#dialog_lesson_student_intro .btn_exit:before{
	content: '×';
	display: inline-block;
	margin-right: 2px;
}
#dialog_lesson_student_intro .btn_exit:hover{
	background: rgba(207, 119, 119, 0.8);
}
/*-----------------------------------*/
/* #dialog_lesson_instructor_ready
/*-----------------------------------*/
#dialog_lesson_instructor_ready .btn_wrap{
	margin: 30px 0 15px;
}
/*-----------------------------------*/
/* #dialog_lesson_student_ready
/*-----------------------------------*/
#dialog_lesson_student_ready .btn_wrap{
	margin: 30px 0 15px;
}

/*-----------------------------------*/
/* #dialog_sms_auth_required
/*-----------------------------------*/
#dialog_sms_auth_required{
	width: 700px;
}

/*-----------------------------------*/
/* #dialog_chat_exit
/*-----------------------------------*/
/*
#dialog_chat_exit{
	min-width: 600px;
	max-height: 640px;
	width:960px;
	height: 98%;
	height: 600px\9;
	padding: 0;
}
#dialog_chat_exit .flex_table{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
#dialog_chat_exit .flex_tr_1{
	height: 100px;
}
#dialog_chat_exit .flex_td_1_1{
	padding: 20px 30px 15px;
}
#dialog_chat_exit .flex_tr_2{
	height: 100%;
}
#dialog_chat_exit .feedback_box_wrap{
	width:100%;
	height:100%;
	height:455px\9;
	overflow: scroll;
	overflow-x: hidden;
}
#dialog_chat_exit .feedback_box{
	width: 100%;
	height: 100%;
	border-top: 1px solid #eee;
	box-sizing: border-box;
	position:relative;
}
#dialog_chat_exit .feedback_table{
	width: 100%;
}
#dialog_chat_exit .feedback_table th{
	width: 110px;
	line-height: 1.5;
	font-size: 16px;
	font-size: 1.6rem;
}
#dialog_chat_exit .feedback_table th.required:after{
	content: '*';
	color: #f00;
	margin-left: 2px;
}
#dialog_chat_exit .feedback_table td{
	padding: 20px;
}
#dialog_chat_exit .feedback_table td textarea{
	min-height:100px;
}
#dialog_chat_exit .feedback_box_inner{
	height: 100%;
	margin: 20px 4%;
	box-sizing: border-box;
	position:absolute;
	position:relative\9;
	top:0;
	bottom:0;
}
#dialog_chat_exit .feedback_box h4{
	font-size: 16px;
	font-size: 1.6rem;
}
#dialog_chat_exit .feedback_box .btn_rating_wrap li{
	margin-right: 50px;
}
#dialog_chat_exit .feedback_free_area textarea{
	width: 100%;
}
#dialog_chat_exit .feedback_select_area ul{
	width: 100%;
}
#dialog_chat_exit .feedback_select_area li{
	display: inline-block;
	text-align: left;
	margin: 0 20px 0 0;
}
#dialog_chat_exit .feedback_select_area li label{
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}
#dialog_chat_exit .feedback_select_area li label input[type='radio']{
	margin: 0 5px 0 0;
}
#dialog_chat_exit .notice_list li{
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
#dialog_chat_exit .notice_list li:first-child{
	margin-top: 0;
}
/*

/*-----------------------------------*/
/* #dialog_guide_warmup
/*-----------------------------------*/
#dialog_guide_warmup{
	position: absolute !important;
	top: 0 !important;
	bottom: auto !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	border: none;
	box-shadow: none;
	counter-reset: step;
}
#dialog_guide_warmup h3{
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 20px;
}
#dialog_guide_warmup .item + .item{
	margin-top: 50px;
}
#dialog_guide_warmup .item .item_inner{
	width: 808px;
	padding: 0 20px;
	margin: 0 auto;
}
#dialog_guide_warmup .item .ttl{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #f1890e;
	margin-bottom: 15px;
}
#dialog_guide_warmup .item .ttl .step{
	position: relative;
	top: -2px;
	display: inline-block;
	background: #f1890e;
	color: #fff;
	border-radius: 4px;
	padding: 5px 8px;
	margin-right: 0.5em;
	vertical-align: middle;
	line-height: 1;
}
#dialog_guide_warmup .item .ttl .step:before{
	counter-increment: step;
	content: counter(step);
	vertical-align: middle;
	line-height: 1;
	position: relative;
	top: 2px;
}
#dialog_guide_warmup .item p{
	line-height: 1.7;
	margin-bottom: 20px;
}
#dialog_guide_warmup .item p em{
	font-weight: bold;
}
#dialog_guide_warmup .item p.notice{
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 0;
}
#dialog_guide_warmup .item figure img{
	display: block;
	margin: 0 auto;
}
#dialog_guide_warmup .modal_notice_wrap{
	padding: 20px;
	background: #eee;
	border-radius: 4px;
}
#dialog_guide_warmup .modal_notice_wrap .modal_notice{
	width: auto;
}

/*-----------------------------------*/
/* #dialog_tutorial-device_settings
/*-----------------------------------*/
#dialog_tutorial-device_settings{
	min-width: 720px;
	max-width: 720px;
	box-sizing: border-box;
}
#dialog_tutorial-device_settings .next_step_test_connect .fa-arrow-down,
#dialog_tutorial-device_settings .next_step_test_connect h4,
#dialog_tutorial-device_settings .next_step_test_connect p,
#dialog_tutorial-device_settings .next_step_test_connect .ui_step-orange{
	transition: color 0.2s linear;
}

#dialog_tutorial-device_settings .next_step_test_connect .fa-arrow-down{
	color: #f1890e;
}
/* disabled style */
#dialog_tutorial-device_settings .next_step_test_connect.disabled .fa-arrow-down{
	color: #ccc !important;
}
#dialog_tutorial-device_settings .next_step_test_connect.disabled h4{
	color: #ccc !important;
}
#dialog_tutorial-device_settings .next_step_test_connect.disabled p{
	color: #ccc !important;
}
#dialog_tutorial-device_settings .next_step_test_connect.disabled .ui_step-orange{
	background: #ccc !important;
	color: #fff !important;
}

/*-----------------------------------*/
/* #dialog_tutorial-teacher_choice
/*-----------------------------------*/
#dialog_tutorial-teacher_choice{
	min-width: 720px;
	box-sizing: border-box;
}
#dialog_tutorial-teacher_choice .tutorial_teacher_choice_area{
	min-height: 360px;
}
#dialog_tutorial-teacher_choice .tutorial_teacher_choice_area .msg_box{
	margin-bottom: 10px;
}
#dialog_tutorial-teacher_choice .msg_fail{
	color: #F05444;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap{
	display: table;
	margin: 0 auto;
}
#dialog_tutorial-teacher_choice .teacher_choice_inner{
	display: table-cell;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap .user_list_style_2{
	margin-right: 0;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap .user_list_style_2 .user_list_item{
	width: 200px;
	margin: 0 25px 0;
	height: inherit;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap .user_list_style_2 .user_list_item:hover{
	background: none;
	height: inherit;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap .user_list_style_2 .user_list_item .thumb .pic{
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap .user_list_style_2 .user_list_item .name_area .name{
	font-size: 18px;
	font-size: 1.8rem;
}
#dialog_tutorial-teacher_choice .teacher_choice_wrap .user_list_style_2 .user_list_item .name_area .kana{
	font-size: 12px;
	font-size: 1.2rem;
}
#dialog_tutorial-teacher_choice .tutorial_teacher_choice_area .loader, #dialog_tutorial-teacher_choice .loader_wrapper .loader {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 30px;
	width: 30px;
	height: 30px;
	margin: auto;
}

/*-----------------------------------*/
/* #dialog_campaign
/*-----------------------------------*/
#dialog_campaign{
	border: none;
	background: none;
	color: #fff;
	box-shadow: none;
}
#dialog_campaign:after{
	display: block;
	content: '';
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: transparent;
	z-index: -1;
	background: rgba(0,0,0,0.5);
}
.modal_window .btn_close-fixed{
	position: fixed;
	top: 0;
	right: 0;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
}
.modal_window .btn_close-fixed:before{
	width: 40px;
	height: 40px;
	font-family: 'fontAwesome';
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	content: '\f00d';
}
/*-----------------------------------*/
/* .dialog_counseling_reserve
/*-----------------------------------*/
.dialog_counseling_reserve{
	border: none;
	box-shadow: none;
	counter-reset: step;
}
.dialog_counseling_reserve input[type=text]{
	min-width:200px;
}
.dialog_counseling_reserve .dialog_head{
	text-align:center;
}
.dialog_counseling_reserve .counseling_sheet_wrap h4{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin-top:40px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item{
	padding:0 20px;
	position: relative;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item .ui_notice_list ul li{
	line-height: 1.5;
	margin-top: 0;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item .ui_notice_list{
	position: absolute;
	top: -50px;
	right: 0;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl{
	padding:25px 0;
	border-bottom:solid 1px #ccc;
	line-height: 1.5;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl dt{
	position: relative;
	display:inline-block;
	vertical-align:middle;
	width:330px;
	box-sizing: border-box;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	padding-right: 50px;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl dt:before{
	content: '・';
	display: inline;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item-sub dl dt{
	padding-left: 1em;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl dd{
	position: relative;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	font-size:1.6rem;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item .ui_mark:after{
	position: absolute;
	right: 15px;
	margin: auto;
	top: -3px;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl dd textarea{
	width: 410px;
	background: #fff;
}
.dialog_counseling_reserve .counseling_sheet_wrap .list_inline li{
	display: inline-block;
}
.dialog_counseling_reserve .counseling_sheet_wrap .list_inline li + li{
	margin-left: 30px;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl dd .small{
	font-size: smaller;
}
.dialog_counseling_reserve .counseling_sheet_wrap .item dl dd .color-gray{
	color: #bbb;
}

/*-----------------------------------*/
/* .dialog_reserve_cancel_rate_alert
/*-----------------------------------*/
.dialog_reserve_cancel_rate_alert .alert_inner {
	min-width: 660px;
}
.dialog_reserve_cancel_rate_alert p.text_main {
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.dialog_reserve_cancel_rate_alert p.text_1 {
	font-size: 14px;
}
.dialog_reserve_cancel_rate_alert p.text_2 {
	font-size: 14px;
}
.dialog_reserve_cancel_rate_alert p.text_2 > .text_2_big {
	font-size: 36px;
}
.dialog_reserve_cancel_rate_alert .cancel_rate_list {
	max-width: 300px;
	margin: 0 auto;
}
.dialog_reserve_cancel_rate_alert .cancel_rate_list > li {

}
.dialog_reserve_cancel_rate_alert .cancel_rate_list > li + li {
	margin-top: 20px;
}
.dialog_reserve_cancel_rate_alert .rate_box {
	border: 1px solid #000;
	background-color: #000;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.dialog_reserve_cancel_rate_alert .rate_box .box_head {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
	padding: 5px 10px;
}
.dialog_reserve_cancel_rate_alert .rate_box .rate_data_list {
	background-color: #fff;
	display: flex;
}
.dialog_reserve_cancel_rate_alert .rate_box .rate_data_list > li {
	box-sizing: border-box;
	flex: 1 1 0px;
	text-align: center;
	padding: 20px;
}
.dialog_reserve_cancel_rate_alert .rate_box .rate_data_list > li + li {
	border-left: 1px solid #333;
}
.dialog_reserve_cancel_rate_alert .alert_inner .notice_wrap {
	background-color: #f1f1f1;
	padding: 20px;
}
/*-----------------------------------*/
/* .dialog_lesson_settings
/*-----------------------------------*/
.dialog_set_next_textbook {
	width: 280px;
    padding: 20px 40px;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 6px;
    border: unset;
    opacity: 0.56 !important;
}
.page_wrap.page_daily_topics_home.daily_topics_responsive_control_1.daily_topic {
    overflow: visible;
}
.page_wrap.page_daily_topics_home.daily_topics_responsive_control_1.daily_topic
.daily_topics_sec .complete_date {
	z-index: 999;
}
/*-----------------------------------*/
/* .dialog_lesson_settings
/*-----------------------------------*/
.dialog_lesson_settings{
	width: 90%;
	min-width: 850px;
	max-width: 960px;
}
.dialog_lesson_settings .lesson_settings .frame_wrap{
	/* display: flex; */
	align-items: center;
	width: 100%;
	height: 90%;
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
}
.dialog_lesson_settings .frame_left,
.dialog_lesson_settings .frame_right{
	/*display: table-cell;
	vertical-align: middle;*/
	width: 50%;
}
.dialog_lesson_settings .frame_left{
	/*width: 525px;
	min-width: 525px;*/
	padding: 0 15px;
	box-sizing: border-box;
}
.dialog_lesson_settings .frame_left .msg_area{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.dialog_lesson_settings .frame_left .msg{
	text-align: center;
	font-weight: bold;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap{
	display: table;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_left,
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right{
	display: table-cell;
	vertical-align: middle;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_left{
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_left figure{
	width: 70px;
	height: 70px;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_left figure img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right{
	padding-left: 20px;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p{
	font-size: 15px;
	font-size: 1.5rem;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p + p{
	margin-top: 6px;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p em{
	font-weight: bold;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p .kana{
	margin-left: 10px;
	font-size: 10px;
	font-size: 1.0rem;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p .date:after{
	content: '～';
}

.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p.callan_option {
	font-size: 12px;
	color: #fff;
	width: auto;
	border-radius: 15px;
	padding: 5px;
	text-align: center;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p.callan_option.callan_full, .discount_tag_area p.callan_option.callan_full {
	background: #F8495F;
	display: block;
	width: 199px;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p.callan_option.campaign_modal_tag {
	text-align: center;
}
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p.callan_option.callan_half, .discount_tag_area p.callan_option.callan_half {
	background: #F8AE49;
	display: block;
	width: 199px;
}
.discount_tag_area {
	position: absolute;
    right: 5px;
    top: 10px;
}
.discount_tag_area p.callan_option {
	font-size: 12px;
    color: #fff;
    width: auto;
    border-radius: 15px;
	text-align: center;
    padding: 5px;    
	max-width: 180px;
	margin-bottom: 5px;
}

.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap table{
	width: 100%;
	min-height: 60px;
	table-layout: fixed;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .box-gray{
	background: #f9f9f9;
	border: #ccc solid 2px;
	border-radius: 4px;
	padding: 10px 15px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .item_ttl{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_textbook table tr td{
	padding-top: 6px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_textbook table tr:first-child td{
	padding-top: 0;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .tb_custom_selector .options{
	top: auto;
	bottom: 100%;
	max-height: -webkit-calc(100vh - 65vh);
	max-height: calc(100vh - 65vh);
	min-height: 258px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge{
	position: relative;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .current_coin{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 1.4rem;
	font-size: 14px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .charge_coin .charge_coin_int{
	font-weight: bold;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .charge_coin .charge_coin_details{
	font-size: 13px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .charge_coin .charge_coin_details:before{
	content: '(';
	margin-right: 2px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .charge_coin .charge_coin_details:after{
	content: ')';
	margin-left: 2px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .charge_coin .charge_coin_details em{
	font-weight: bold;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .box-orange{
	background: #fffcee;
	border: #FFB54A solid 2px;
	border-radius: 4px;
	padding: 10px 15px;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .box-free_ticket{
	background: #FFE9EC;
    border: #F84F63 solid 2px;
    border-radius: 4px;
    padding: 10px 15px;
    color: #F84F63;
}
.dialog_lesson_settings .frame_left .lesson_settings_menu_wrap .lesson_settings_charge .tag{
	display: inline-block;
	background: #F38E44;
	color: #fff;
	padding: 5px;
	border-radius: 2px;
	line-height: 1;
}

.dialog_lesson_settings .frame_right{
	flex-shrink: 0;
	width: 505px;
	position: relative;
	background: #fff;
}
.dialog_lesson_settings .frame_right .iframe_textbook{
	width: 100%;
	height: 100%;
	min-height: 500px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
/* btn charge coin */
.dialog_lesson_settings .btn_charge_coin{
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: 5px;
	font-weight: bold;
}
.dialog_lesson_settings .btn_charge_coin:before{
	content: '(';
	margin-right: 3px;
}
.dialog_lesson_settings .btn_charge_coin:after{
	content: ')';
	margin-left: 3px;
}
.dialog_lesson_settings .btn_charge_coin .charge_coin_int{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.dialog_lesson_settings .btn_charge_coin .charge_coin_int:before{
	content: '\f1c0';
	font-family: 'fontAwesome';
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	margin-right: 3px;
}

/*-----------------------------------*/
/* .dialog_alt_teacher_setting
/*-----------------------------------*/
.dialog_alt_teacher_setting .notice_box.box_style_1{
	background-color: #f4f4f4;
	width: 550px;
	margin: 0 auto;
	padding: 15px 0;
}

/*-----------------------------------*/
/* .dialog_waiting_lesson_history
/*-----------------------------------*/
.dialog_waiting_lesson_history {
	max-width: 800px;
}
.dialog_waiting_lesson_history .waiting_lesson_history_table_wrap {
	box-sizing: border-box;
	max-height: calc(100vh - 20rem);
}
/*-----------------------------------*/
/* #dialog_lesson_preset
/*-----------------------------------*/
#dialog_textbook_preset .frame_left .lesson_settings_menu_wrap .tb_custom_selector .options{
	top: auto;
	bottom: 100%;
	max-height: -webkit-calc(100vh - 65vh);
	max-height: -moz-calc(100vh - 65vh);
	max-height: calc(100vh - 65vh);
}

/*-----------------------------------*/
/* .message_board_comment
/*-----------------------------------*/

/*-----------------------------------*/
/* .dialog_counseling_1stlesson
/*-----------------------------------*/
.dialog_counseling_1stlesson{

	background: url('../images/icon/question.png') 60px 70px no-repeat #fff;
	background-size: 180px;
}

.dialog_counseling_1stlesson h3{
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: 1.2px;
}

.dialog_counseling_1stlesson .user_quest ul{
	margin: 0 auto;
	text-align: left;
	margin-left: 270px;
}

.dialog_counseling_1stlesson .user_quest ul li{
	list-style-type:disc;
	margin-left: 10px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.5;
}

/*-----------------------------------*/
/* .dialog_sms_auth
/*-----------------------------------*/
.dialog_sms_auth .input_phonenumber_area span,
.dialog_sms_input_number .input_phonenumber_area span{
	font-size: 18px;
	font-size: 1.8rem;
	vertical-align: middle;
}
.dialog_sms_auth select,
.dialog_sms_auth input,
.dialog_sms_input_number select,
.dialog_sms_input_number input{
	background: #fff;
}
.dialog_sms_input_number select{
	width: 128px;
}
.dialog_sms_input_number input{
	width: 210px;
}

.dialog_sms_auth select,
.dialog_sms_auth input{
	border: none;
}

.dialog_sms_auth select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*-----------------------------------*/
/* #dialog_media_permit_guide
/*-----------------------------------*/
#dialog_media_permit_guide{
	top: 250px !important;
	margin-top: 0 !important;
	max-width: 86% !important;
}
#dialog_media_permit_guide .img_box img{
	display: block;
	border: 1px solid #999;
	border-radius: 4px;
	margin: 0 auto;
}

/*-----------------------------------*/
/* #free ticket description
/*-----------------------------------*/
.dialog_free_ticket{
	padding: 20px;
}
.dialog_free_ticket .top_area .fa-ticket{
	color: #F84F63;
	font-size: 75px;
	float: right;
	border: #f84f63 4px solid;
	border-radius: 50%;
	padding: 8px;
}
.dialog_free_ticket .bottom_area{
	position: relative;
}
.dialog_free_ticket .bottom_area .desc_words{
	position: absolute;
	bottom: -23px;
	left: 170px;
}

/*tutorial_lesson_practice_area*/

.tutorial_teacher_choice_area{
	min-height: 360px;
}
.dialog_tutorial_teacher_choice{
	width: 720px;
	box-sizing: border-box;
	position: relative;
}
.dialog_tutorial_teacher_choice .teacher_choice_wrap{
	display: table;
	margin: 0 auto;
}
.tutorial_teacher_choice_area .teacher_choice_inner{
	display: table-cell;
}
.tutorial_teacher_choice_area .user_list_style_2{
	margin-right: 0;
}
.tutorial_teacher_choice_area .user_list_style_2 .user_list_item{
	width: 200px;
	margin: 0 25px 0;
	height: inherit;
}
.tutorial_teacher_choice_area .user_list_style_2 .user_list_item .thumb .pic{
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
.tutorial_teacher_choice_area .msg_fail{
	color: #F05444;
}
.tutorial_teacher_choice_area .user_list_style_2 .user_list_item .name_area .kana{
	font-size: 12px;
	font-size: 1.2rem;
}
.tutorial_teacher_choice_area .user_list_style_2 .user_list_item:hover{
	background: #fff;
}
.dialog_tutorial_teacher_choice .tutorial_teacher_choice_area .loader{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 30px;
	width: 30px;
	height: 30px;
	margin: auto;
}
/* dialog text recommend */
.dialog_tb_recommend .tb_recommend_wrap{
	border: solid 5px #45D1BA;
	padding: 20px;
}
.dialog_tb_recommend .tb_recommend_wrap h3{
	width: 425px;
	color: #03c9a9;
	font-size: 30px;
	font-size: 3.0rem;
	border-bottom: #03c9a9 solid 4px;
	padding-bottom: 5px;
	margin: 0 auto 20px;
}
.dialog_tb_recommend .tb_recommend_wrap h3 span{
	display: inline-block;
	padding: 0 8px 0 0;
}
.dialog_tb_recommend .tb_recommend_wrap h3 img {
    vertical-align: bottom;
    display: inline-block;
    height: 50px;
}

/* dialog campaign twitter */
.dialog_campaign .tweet_wrap{
	border-radius: 5px;
	overflow: hidden;
	padding: 0 25px;
}
.dialog_campaign .tweet_wrap figure img{
	border-radius: 5px 5px 0 0;
}
.dialog_campaign .tweet_wrap .text_area{
	border: #ccc solid 1px;
	border-top: none;
	box-sizing: border-box;
	border-radius: 0 0 5px 5px;
	width: 600px;
	margin: -3px auto 0;
	padding: 13px 10px 10px;
}
.dialog_campaign .btn_wrap{
	width: 480px;
	margin: auto;
}
.dialog_campaign .modal_inner .btn_wrap .btn_style{
	min-width: 180px;
	border-radius: 6px;
	box-sizing: border-box;
}

/* counseling */
.dialog_counseling_reserve .link_list{
	text-align: center;
	font-size: 0;
}
.dialog_counseling_reserve .link_list li{
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
}
.dialog_counseling_reserve .link_list li + li{
	margin-left: 30px;
}
/*-----------------------*/
/* check chat image file */
/*-----------------------*/
.dialog_view_upload_image {
	min-width: 500px;
	max-width: 800px;
}
.dialog_view_upload_image .modal_inner {
	padding: 0;
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}
.dialog_view_upload_image .dl-icon-box {
	text-align: right;
}
.dialog_view_upload_image .download-target {
	display: inline-block;
	width: 30px;
}
.dialog_view_upload_image .download-target > img {
	display: block;
	width: 100%;
}
.dialog_view_upload_image .img-box {
	margin-top: 20px;
}
.dialog_view_upload_image .img-box > img {
	display: block;
	width: 100%;
}

/* dialog_intro_app */
.dialog_intro_app .area_top{
	padding: 1rem 3.5rem 4rem 4.5rem;
}
.dialog_intro_app .area_top ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_intro_app .area_top ul li+li{
	margin: 0 0 0 3rem;
}
.dialog_intro_app.modal_window{
	padding: 4rem 5.5rem;
	border: none;
}
.dialog_intro_app .area_btm{
	padding: 2rem 5.5rem;
	border: #cccccc 2px solid;
	border-radius: 7px;
}
.dialog_intro_app .area_btm h4 .box_orange{
	background: #f1890e;
	border-radius: 10px;
	font-weight: bold;
	color: #fff;
	padding: 1rem 2.5rem 1rem;
	border-radius: 25px;
}
.dialog_intro_app .area_btm h4 span + span{
	margin: 0 0 0 1rem;
}
.dialog_intro_app .area_btm h4{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}
.dialog_intro_app .area_btm .links_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem 0 0;
}
.dialog_intro_app .area_btm .links_wrap .col_right{
	margin: 0 0 0 3rem;
}
.dialog_intro_app .area_btm .links_wrap .col_right .dl_btns_wrap .app_link + .app_link{
	margin: 0 0 0 2rem;
}
.dialog_intro_app .btn_style.btn_gray{
	min-width: 200px;
	border-radius: 8px;
}

/* receiving box */
.dialog_receiving_done{
	padding: 4rem;
	border: none;
}
.dialog_receiving_done .icon_wrap.icon_gift_open {
    width: 15rem;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FCC829;
    border-radius: 50%;
    padding: 1.5rem;
    box-sizing: border-box;
    margin: 4rem auto;
}
.dialog_receiving_done h3.title_bar{
	background: #3b7cf2;
	color: #fff;
	text-align: center;
	width: 52rem;
	height: 5rem;
	line-height: 5rem;
	font-size: 1.8rem
}
.dialog_receiving_done .txt_wrap{
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.dialog_receiving_done .txt_wrap p + p{
	margin-left: 1.3rem;
}
.dialog_receiving_done .btn_wrap{
	text-align: center;
	margin-top: 1rem;
}
.dialog_receiving_done .btn_wrap .c_blue{
	display: block;
	padding: 2rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #3b7cf2;
}

/*-----------------------------------*/
/* lesson cancel modal style
/*-----------------------------------*/
/* common */
.dialog_lesson_cancel .text_wrap{
	width: 530px;
	margin: 0 auto 20px;
}

/* #dialog_lesson_cancel-1 */
.dialog_lesson_cancel .top_img_wrap{
	display: table;
	table-layout: fixed;
	width: 550px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}
.dialog_lesson_cancel .top_img_wrap .top_img{
	display: table-cell;
	vertical-align: bottom;
	padding: 20px;
	box-sizing: border-box;
}
.dialog_lesson_cancel .top_img_wrap .top_img a{
	display: block;
}
.dialog_lesson_cancel .top_img_wrap .top_img figcaption{
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;

}
.dialog_lesson_cancel .top_img_wrap .top_img + .top_img:before{
	font-family: 'fontAwesome';
	content: '\f061';
	color: #999;
	font-size: 50px;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 1;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.dialog_lesson_cancel .top_img img{
	display: block;
	margin: 0 auto 15px;
	max-width: 100px;
	border-radius: 50%;
}
.dialog_lesson_cancel .table_wrap th{
	text-align: center;
}

/* #dialog_lesson_cancel-2,3 */
.dialog_lesson_cancel .return_coin_info{
	padding: 15px;
	background: #fffce7;
	width: 450px;
	margin: 0 auto 20px;
	text-align: center;
}
.dialog_lesson_cancel .return_coin_info .return_coin_info_list{
	display: inline-block;
	text-align: left;
}
.dialog_lesson_cancel .return_coin_info .return_coin_info_list .coin_img{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.dialog_lesson_cancel .return_coin_info .return_coin_info_list .coin_img + .coin_img{
	margin-top: 5px;
}
.dialog_lesson_cancel .return_coin_info .return_coin_info_list .coin_img:before{
	content: url(https://assets.nativecamps.com/user/webroot/images/modal/icon_coin_unified.svg);
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-right: 5px;
}

#dialog_lesson_cancel-3 .return_coin_info {
    height: 22px;
}

/* dialog_requests_for_lessons */
.dialog_requests_for_lessons{
	max-width: 748px;
	width: 100%;
	padding: 1px 2px 1px 0;
}
.dialog_requests_for_lessons .modal_inner{
	overflow: scroll;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 30px;
	max-height: unset;
}
.dialog_requests_for_lessons .modal_inner::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.dialog_requests_for_lessons .modal_inner::-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);
}
.dialog_requests_for_lessons .request_modal_inner{
	padding: 0 2rem;
}
.dialog_requests_for_lessons .request_list{
	display: flex;
}
.dialog_requests_for_lessons .request_list li + li{
	margin: 0 0 0 14rem;
}
.dialog_requests_for_lessons .request_wrap + .request_wrap{
	margin: 4rem 0 0;
}
.dialog_requests_for_lessons .request_wrap .req_ttl{
	margin-bottom: 1.5rem;
}
.dialog_requests_for_lessons .request_wrap .request_inner{
	padding: 0 2rem;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap{
	font-size: 1.4rem;
	color: #707070;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .trigger_open_translation{
	display: flex;
	padding: 13px 19px;
	align-items: center;
	color: #707070;
	transition: .2s all linear;
	transform: translateY(-2px);
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .trigger_open_translation.on{

}
.dialog_requests_for_lessons .request_wrap .translation_wrap .trigger_open_translation:hover{
	opacity: .6;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .trigger_open_translation:before{
	content: url('../images/icon/arrow-down.svg');
	display: block;
	margin-right: 13px;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .trigger_open_translation.on:before{
	transform: scale(1, -1);
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap{
	display: none;
	transition: .2s all linear;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap.on{
	display: flex;
	border-top: 1px solid #CCCCCC;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .left_col,
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .right_col{
	flex-basis: 50%;
	box-sizing: border-box;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .left_col textarea{
	padding: 14px 22px 14px 11px;
	border: none;
	box-shadow: none;
	resize: none;
	height: 143px;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.6;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .right_col{
	padding: 14px 11px;
	background: #F5F5F5;
	border-left: 1px solid #CFCFCF;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .translated_texts{
	line-height: 1.6;
    height: 143px;
    overflow: auto;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .input_wrap{
	position: relative;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .input_wrap [class^="btn"]{
	display: none;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .input_wrap .btn-del-texts{
	position: absolute;
	top: 8px;
	right: 20px;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .input_wrap .btn-translate{
	display: flex;
	position: absolute;
	bottom: 8px;
	right: 20px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 6px 8px;
	color: #707070;
	background: #FFF;
	transition: .2s all linear;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .input_wrap .btn-translate:hover{
	opacity: .6;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .result_wrap{
	position: relative;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .result_wrap [class^="btn"]{
	display: none;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .result_wrap .btn-copy{
	position: absolute;
	bottom: 11px;
	right: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	transition: .2s all linear;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .result_wrap .btn-copy.copy-done{
	background: #DDDDDD;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .result_wrap .btn-copy .balloon-copy-done{
	position: absolute;
	bottom: calc(100% + 10px);
	right: 0;
	background: rgba(16,16,16,0.6);
	color: #FFF;
	padding: 8px 18px;
    border-radius: 8px;
	width: max-content;
	font-size: 1.4rem;
	display: none;
}
.dialog_requests_for_lessons .request_wrap .translation_wrap .exchange_wrap .result_wrap .btn-copy .balloon-copy-done:after{
	content: "";
	display: block;
	position: absolute;
	border: 0px solid transparent;
	border-top-color: rgba(16,16,16,0.6);
	border-left-width: 3px;
	border-right-width: 3px;
	border-top-width: 6px;
	top: 100%;
	right: 12px;
}
/* dialog_requests_for_lessons-reserved */
.dialog_requests_for_lessons-reserved{
	padding: 40px 130px 40px;
}

/*-----------------------------------*/
/* waiting_camera_permission
/*-----------------------------------*/
.dialog_waiting_camera_permission .text,
.dialog_waiting_camera_permission .image {
	margin-bottom: 20px;
}
.dialog_waiting_camera_permission .image img {
	width: 350px;
	border: 1px solid #ccc;
}
.dialog_waiting_camera_permission .notice_list {
	font-size: 14px;
	line-height: 1.4;
}
.dialog_waiting_camera_permission .guide-chrome,
.dialog_waiting_camera_permission .guide-firefox{
	display: none;
}
/* only chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dialog_waiting_camera_permission .guide-chrome {
		display: block;
	}
}
/* only firefox */
@-moz-document url-prefix() {
	.dialog_waiting_camera_permission .guide-firefox {
		display: block;
	}
}
/*-----------------------------------*/
/* waiting_camera_permission_fail
/*-----------------------------------*/
.dialog_waiting_camera_permission_fail {
	max-width: 500px;
}
/*-----------------------------------*/
/* waiting_teacher_taken
/*-----------------------------------*/
.dialog_waiting_teacher_taken {
	max-width: 500px;
}
.dialog_waiting_teacher_taken .notice_list {
	font-size: 14px;
	line-height: 1.4;
}

/* select timezone
/*-----------------------------------*/
.dialog_select_timezone {
	position: relative;
	padding: 40px 60px;
}
.modal_window.dialog_select_timezone {
	max-width: 600px;
}
.modal_window.dialog.dialog_select_timezone .modal_ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.modal_window.dialog.dialog_select_timezone .modal_ttl_2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.modal_window.dialog.dialog_select_timezone p.text {
	font-size: 18px;
	line-height: 1.6;
}
.dialog_select_timezone .form_timezone {
	padding-top: 20px;
}
.dialog_select_timezone .form_timezone .select_wrap {
	text-align: center;
	box-sizing: content-box;
	width: 410px;
	margin: 0 auto;
}
.dialog_select_timezone .form_timezone .select_timezone {
	min-width: 300px;
	position: relative;
	height: 50px;
	background-color: #fff;
	border: 2px solid #999;
	-webkit-appearance: menulist-button;
	-moz-appearance: menulist-button;
	appearance: menulist-button;
}
.dialog_select_timezone .form_timezone .select2-container {
	width: 300px;
}

.stamp_rally{
	background: #8FCEFD;
	padding:4rem 5rem;
	max-width: 60rem;
	margin: 0 auto;
}
.stamp_rally .heading{
	color: #fff;
	font-weight: bold;
	margin-bottom: 2rem;
	text-align: center;
	padding: 1rem;
	background-color: #002077;
}
.stamp_rally .period{
	font-size: 1.8rem !important;
}
/*-----------------------------------*/
/* dialog_cs_history_detail
/*-----------------------------------*/
.dialog_cs_history_detail .cs_history_detail_wrap .cs_title {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
/*-----------------------------------*/
/* dialog_rating_staff
/*-----------------------------------*/
.dialog_rating_staff .modal_inner .btn_wrap .btn_style{
	min-width: 180px;
	border-radius: 6px;
	box-sizing: border-box;
}
.stamp_rally .period span{
	color: #D92A28;
	font-size: 2.6rem !important;
	margin:0 0.4rem;
}
.stamp_rally .progress{
	margin-bottom: 2.4rem;
	padding: 0.4rem 1.2rem 0;
	background:#fff;
	border-radius:5px;
}
.stamp_rally .progress p{
	font-size: 1.8rem !important;
	font-weight: bold;
	text-align: center;
}
.stamp_rally .progress p span{
	color: #D92A28;
	font-size: 3.6rem;
	margin:0 0.8rem;
}
.stamp_rally .cource{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.stamp_rally .cource:nth-child(even){
	flex-direction: row-reverse;
}
.stamp_rally .cource + .cource {
	margin-top: 1.5rem;
}
.dialog_rating_staff .modal_inner .btn_wrap .btn_style.disabled{
	background: #ccc !important;
	color: #fff !important;
}
.dialog_rating_staff{
	padding: 40px 60px 40px;
	border: none;
}
.dialog_rating_staff .modal_inner{
	width: 650px;
}
.dialog_rating_staff .modal_inner .ui_mark.required:after{
	background: #f0295d;
}
.dialog_rating_staff .modal_inner .c_required{
	color: #f0295d;
}
/*---------------------------------*/
/*-------- 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 1rem;
	text-align: center;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star .label_wrap {
	width: 20%;
	padding: 0 1rem;
	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: #ccc;
}
.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 {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_2 input:nth-child(3) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}
.dialog_rating_staff .rating_radio_group.rating_group_three_star.style_value_1 input:nth-child(5) ~ .label_wrap .rating_radio_label .star_wrap {
	color: #fcc926;
}

.stamp_rally .cource + .cource .cource-item:first-child::before{
	content: "";
	display: block;
	width: 1rem;
	height: 1.5rem;
	background: #002077;
	position: absolute;
	top: -1.5rem;
	left: 50%;
	margin-left: -0.5rem;
}
.stamp_rally .cource .cource-item{
	width: 100%;
	position: relative;
}
.stamp_rally .cource .img_box{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.stamp_rally .cource .img_box img{
	display: block;
	width: 8rem;
	height:8rem;
	margin:0 auto;
}
.stamp_rally .cource .cource-item.two_col{
	width: 200%;
}
.stamp_rally .cource .cource-item.two_col .lesson_box{
	width:95%;
}
.stamp_rally .cource .cource-item .lesson_box{
	width: 90%;
	margin:0 auto;
	border: solid 2px #002077;
	box-sizing: border-box;
}
.stamp_rally .cource .cource-item + .cource-item .lesson_box::before{
	content: "";
	display: block;
	width: 10%;
	height: 1rem;
	background: #002077;
	position: absolute;
	top: 50%;
	right: auto;
	left: -5%;
}
.stamp_rally .cource:nth-child(even) .cource-item + .cource-item .lesson_box::before{
	content: "";
	display: block;
	width: 10%;
	height: 1rem;
	background: #002077;
	position: absolute;
	top: 50%;
	left: auto;
	right: -5%;
}
.stamp_rally .cource:nth-child(even) .cource-item + .cource-item.two_col .lesson_box::before{
	width: 10%;
}
.stamp_rally .cource .cource-item .lesson_box .box_head{
	color: #fff;
	background: #002077;
	text-align: center;
	padding:0.4rem;
	font-size: 1.5rem;
}
.stamp_rally .cource .cource-item .lesson_box .box_body{
	font-size:1.4rem;
	padding:1rem 0;
	background: #fff;
	position: relative;
	z-index: 5;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.off::after{
	content: '100コイン\AGET!';
	white-space: pre;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner textarea{
	background-color:#fff;
	line-height: 1.5;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.off::after{
	content: '100コイン\AGET!';
	white-space: pre;
	line-height: 1.5;
	display: block;
	color: #CCCCCC;
	font-size:1.4rem;
	font-weight: bold;
	text-align: center;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.on::before{
	content: '';
	display: block;
	max-width: 100%;
	width:4.2rem;
	height: 4.2rem;
	background-image: url(../images/campaign/toeictest/coin.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.stamp_rally .cource .cource-item .lesson_box .box_body img{
	display: block;
	max-width: 100%;
	width:4.2rem;
	height: 4.2rem;
	margin: 0 auto;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal{
	display: flex;
	align-items: center;
	justify-content: center;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal.off::before{
	content: '';
	display: block;
	max-width: 100%;
	width:4.2rem;
	height: 4.2rem;
	background-image: url(../images/campaign/toeictest/goal.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin:0 2rem 0 0;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal.off::after{
	content: '500コイン\AGET!';
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal.on::before{
	background-image: url(../images/campaign/toeictest/finish.png);
	width: 11.2rem;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .rating_desc .text_one_star {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required:after,
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.optional:after {
	content: '';
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap .textarea_desc .desc_required,
.dialog_rating_staff .rating_data_form_wrap.comment_required .textarea_desc .desc_default {
	display: none;
}
.dialog_rating_staff .rating_data_form_wrap.comment_required .desc_required,
.dialog_rating_staff .rating_data_form_wrap .desc_default {
	display: block;
}
.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: 16px;
	font-size: 1.6rem;
	padding: 3px 15px;
	display: inline-block;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .ui_mark.required {
	background-color: #f0295d;
}
.dialog_rating_staff .rating_data_form_wrap .rating_data_inner .review_notice_wrap > p{
	display: inline-block;
}

/*-----------------------------------*/
/* .dialog_rating_complete
/*-----------------------------------*/
.dialog_rating_complete{
	padding: 70px 70px 50px;
}
.dialog_rating_complete .modal_inner{
	width: 600px;
}
.dialog_rating_complete .modal_inner .d_table{
	table-layout: fixed;
	margin: 0 auto;
	border-spacing: 40px 0px;
	width: 480px;
}
.dialog_rating_complete .modal_inner .btn_list{
	display: flex;
	flex-direction: column;
}
.dialog_rating_complete .modal_inner .btn_list .btn_style{
	border-radius: 4px;
}
.dialog_rating_complete .modal_inner .btn_list .btn_style.btn_blue{
	width: 345px;
}
.dialog_rating_complete .modal_inner .btn_list .btn_style.btn_gray{
	width: 203px;
}
.dialog_rating_complete .modal_inner .btn_list .btn_style.btn_gray_out{
	background: #D8D8D8;
    text-shadow: none;
    border: none;
    color: #BCBCBC !important;
	width: 345px;
}

/*------------------------------------------------*/
/* block teacher confirm
/* unblock teacher confirm
/* block teacher confirm fail
/* block teacher confirm success
/* unblock teacher confirm success
/*------------------------------------------------*/
.dialog_block_teacher_confirm {
	min-width: 600px;
}
.dialog_block_teacher_confirm .teacher_info {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.dialog_block_teacher_confirm .teacher_info .image {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}
.dialog_block_teacher_confirm .teacher_info .name {
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px;
	line-height: 1;
}
.dialog_block_teacher_confirm .teacher_info .name .kana {
	font-size: 14px;
	margin-left: 10px;
	font-weight: normal;
}
.dialog_block_teacher_confirm .teacher_info .name-kana {

}
.dialog_block_teacher_confirm .teacher_info .image img {
	width: 100%;
}
.dialog_block_teacher_confirm .text_wrap {
	padding-bottom: 20px;
}
.dialog_block_teacher_confirm .text_wrap .text {
	text-align: center;
}
.dialog_block_teacher_confirm .text_wrap .text + .text {
	margin-top: 10px;
}
.dialog_block_teacher_confirm .btn_wrap {
	text-align: center;
}
/*-----------------------------------*/
/* campagin_halloween_ modal after_lesson
/*-----------------------------------*/
.border_ccc{
	border: 2px solid #ccc;
	margin: 1rem 0;
}
.dialog_campaign.dialog_campaign_halloween{
	width: 56rem;
}
.modal_window.dialog.dialog_campaign.dialog_campaign_halloween figure img{
	width: 100%;
}
.dialog_campaign.dialog_campaign_halloween .c_purple{
	color: #3C1E6B;
}
/*-----------------------------------*/
/* #dialog_point_log_detail
/*-----------------------------------*/
.dialog_point_log_detail{
	opacity: 1.0 !important;
}
.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 tr:last-child{
	border-bottom: none;
}
.dialog_point_log_detail table th{
	padding: 2rem 10rem 1rem 1rem;
	text-align: left;
	font-weight: normal;
}

.dialog_point_log_detail table td{
	padding-right: 0.5rem;
	padding-left: 5rem;
	text-align: right;
}
.dialog_point_log_detail table.increase td.col_pt_diff{
	color: #ff2f65;
	font-weight: bold;
}
.dialog_point_log_detail table.decrease td.col_pt_diff{
	color: #1b91ff;
}
.dialog_point_log_detail table td.col_pt_diff em{
	padding-left: 0.3rem;
	font-weight: bold;
	font-size: 1.6rem;
}
.dialog_point_log_detail .modal_btn_area{
	border: none;
}
.dialog_point_log_detail .coin_kinds_details{
	width: 80%;
	text-align: right;
	font-size: 1.2rem;
	font-weight: normal;
	margin-right: 0px;
	border-collapse: inherit;
}
.dialog_point_log_detail .coin_kinds_details th,
.dialog_point_log_detail .coin_kinds_details td{
	padding: 1rem 0 0.5rem;
}
.dialog_point_log_detail .coin_kinds_details .col_service_coin{
	text-align: right;
}
.dialog_point_log_detail .coin_kinds_details .col_paid_coin{
	text-align: right;
}
/*coin_expiration_date*/
.dialog_coin_expiration_date .existing_coin_ttl{
	font-size: 2.5rem;
	padding-bottom: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dialog_coin_expiration_date .existing_coin_ttl em{
	color: #16a8b5;
	font-weight: bold;
	padding-left: 17rem;
}
.dialog_coin_expiration_date .exisiting_coin_sub{
	background-color: #555555;
	color: #fff;
	height: 45px;
	width: 500px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.dialog_coin_expiration_date .expiration_date_summary{
	border: 1px solid #555555;
	font-size: 1.5rem;
}
.dialog_coin_expiration_date .coin_expiration_details table{
	margin: 0 auto;
	width: 90%;
}
.dialog_coin_expiration_date .coin_expiration_details th,
.dialog_coin_expiration_date .coin_expiration_details td{
	padding: 0.8rem;
}
.dialog_coin_expiration_date .coin_expiration_details th{
		width: 50%;
		text-align: left;
}
.dialog_coin_expiration_date .coin_expiration_details .coin_name td{
	font-weight: bold;
	text-align: right;
}
.dialog_coin_expiration_date .coin_expiration_details .coin_breakdown th{
	font-weight: normal;
	width: 35%;
	text-align: left;
}
.dialog_coin_expiration_date .coin_kinds{
	padding: 0 5rem;
}
.dialog_coin_expiration_date .coin_kinds.paid_coin{
	border-bottom: 1px solid #555555;
}
.dialog_coin_expiration_date .coin_breakdown td{
	text-align: right;
}
.dialog_coin_expiration_date .coin_expiration_details p {
	margin-bottom: 1rem;
	/* padding-left: 6.5rem; */
}
.dialog_coin_expiration_date .reffer_coin_expiration{
	font-size: 1.4rem;
	text-align: center;
	padding-top: 2rem;
}
.dialog_coin_expiration_date .scrollable_table{
	overflow: scroll;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 15vh;
}
.dialog_coin_expiration_date .scrollable_table::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.dialog_coin_expiration_date .scrollable_table::-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);
}

/*-----------------------------------*/
/* #page report
/*-----------------------------------*/
.dialog_report_teacher .page_inner{
	padding: 3rem 0;
}
.dialog_report_teacher .page_ttl{
	font-size: 2.4rem;
	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 callan ebook free desc
/*-----------------------------------*/
.modal_window.dialog_callan_ebook_free_desc {
	padding: 0;
	width: auto;
	max-width: 710px;
}
.modal_window.dialog_callan_ebook_free_desc h3 img{
	width: 100%;
	display: block;
	border-radius: 10px 10px 0px 0px;
}
.modal_window.dialog_callan_ebook_free_desc .modal_inner{
	padding: 40px;
}

/*-----------------------------------*/
/* dialog callan ebook free
/* dialog callan ebook free confirm
/*-----------------------------------*/
/* common */
.modal_window.dialog.ebook_apply_form{
	padding: 35px 30px;
	width: 710px;
	min-width: 710px;
	box-sizing: border-box;
}
.modal_window.dialog.ebook_apply_form .required:before{
	content: '*';
	color: #f14444;
	vertical-align: middle;
	margin-right: 3px;
}
.modal_window.dialog.ebook_apply_form .callan_ttl_green{
	border-left: 8px #03c9a9 solid;
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
}
.modal_window.dialog.ebook_apply_form .purchase_plat_input_content_inner{
	margin: 0 auto;
	box-sizing: border-box;
}
.modal_window.dialog.ebook_apply_form .purchase_plat_input_content_inner table{
	margin:0 auto;
}
.modal_window.dialog.ebook_apply_form .purchase_plat_input_content_inner table tr + tr{
	border-top: solid 1px #ededed;
}
.modal_window.dialog.ebook_apply_form .purchase_plat_input_content_inner table th{
	font-size: 14px;
	font-size: 1.4rem;
	width: 250px;
	font-weight: bold;
	text-align: right;
	padding: 20px 0 20px;
	vertical-align: middle;
}
.modal_window.dialog.ebook_apply_form .purchase_plat_input_content_inner table td{
	font-size: 14px;
	padding: 20px;
	box-sizing: border-box;
	max-width: 380px;
	word-wrap: break-word;
	overflow-wrap: break-word;

}
.modal_window.dialog.ebook_apply_form .purchase_plat_input_content_inner table td input{
	font-size: 14px;
	font-size: 1.4rem;
	width: 340px;
}
.modal_window.dialog.ebook_apply_form .btn_style.size_8{
	min-width: 400px;
}
/* confirm */
.modal_window.dialog.dialog_callan_ebook_free_confirm.ebook_apply_form .purchase_plat_input_content_inner table{
	width: 600px;
}
.modal_window.dialog.dialog_callan_ebook_free_confirm.ebook_apply_form .purchase_plat_input_content_inner table tr + tr{
	border-top: none;
}

.modal_window .scrollable{
	overflow: scroll;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
	height: 65vh;
	padding: 3rem 2.4rem 3rem 3rem;
    margin: 0.2rem 0.2rem 0;
}
.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);
}
.dialog_report_teacher .btn_wrap .btn_style.disabled{
	color: #FFF !important;
}
.dialog_report_teacher .btn_wrap.btn_center .btn_style{
	width: 16rem;
}
.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{
	width: 760px;
	box-sizing: border-box;
}
/* change nickname modal */
.dialog_confirm_new_nickname .new_nickname_wrap{
	word-break: break-all;
	line-height: 1.5;
}
/*-----------------------------------*/
/* login modal
/*-----------------------------------*/
.dialog_login_form .sec_wrap.sec_login dl.input{
	display: flex;
	align-items: center;
	width: 100%;
	background: #fff;
	margin-bottom: 1.0rem;
	border: #999999 solid 1px;
	box-sizing: border-box;
	width: 340px;
}
.dialog_login_form .sec_wrap.sec_login dl.input dt{
	display: flex;
	padding: 0 1rem;
	width: 3rem;
	justify-content: center;
}
.dialog_login_form .sec_wrap.sec_login dl.input dd{
	width: 100%;
	position: relative;
}
.dialog_login_form .sec_wrap.sec_login dl.input dd:before{
	content: "";
	display: block;
	width: 1px;
	height: 80%;
	background: #C6C6C6;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.dialog_login_form .sec_wrap.sec_login dl.input dt i{
	width: 2.0rem;
}
.dialog_login_form .sec_wrap.sec_login  dl.input dd input{
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.dialog_login_form .sec_wrap.sec_login .input.disabled{
    border: 1px solid #cccccc;
}
.dialog_login_form .sec_wrap.sec_login .input.disabled dt,
.dialog_login_form .sec_wrap.sec_login .input.disabled dd,
.dialog_login_form .sec_wrap.sec_login .input.disabled dd input{
	background: #f5f5f5;
	pointer-events: none;
}
.dialog_login_form .sec_wrap.sec_login.first .btn_style{
	font-size: 1.6rem;
}
.dialog_login_form .ui_notice_list.bg_gray{
	border: none;
	text-align: left;
}
.dialog_login_form .sec_wrap.sec_login.first{
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
}
.dialog_login_form .login_form-mail:after {
    content: "";
    height: 95%;
    width: 2px;
    position: absolute;
    background: #f5f5f5;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.dialog_login_form .login_form.login_form-mail .sub_sec{
	width: auto;
}
.dialog_login_form .login_form-mail input.size_1{
	width: 100%;
    box-sizing: border-box;
}
.dialog_login_form .login_form_item + .login_form_item{
	margin-top: 1rem;
}
.dialog_login_form h2 {
	font-weight: normal;
	font-size: 3rem;
	margin: 45px 0 45px;
}
.dialog_login_form h3 {
	font-size: 1.8rem;
}
.dialog_login_form .login_form {
	width: auto;
	margin: 0 auto;
	table-layout: fixed;
	box-sizing: border-box;
}
.dialog_login_form .login_form.login_form-mail{
	padding: 0px 40px;
	width: auto;
	position: relative;
	width: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.dialog_login_form .login_form.login_form-sns{
	padding: 0px 50px;
	width: 50%;
}
.dialog_login_form .login_form_item{
	text-align: left;
}
.dialog_login_form .l_column {
	display: inline-block;
	width: 300px;
	text-align: center;
	padding: 10px 55px 30px 30px;
	border-right: #eee solid 2px;
}
.dialog_login_form .l_column .t_1 {
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 5px;
}
.dialog_login_form .r_column {
	display: inline-block;
	width: 300px;
	text-align: center;
	padding: 10px 0px 130px 45px;
	vertical-align: top;
}
.dialog_login_form .sec_register {
	text-align: center;
	margin: 20px auto 10px;
	font-size: 1.6rem;
	border-top: 2px solid #f5f5f5;
	padding-top: 25px;
	width: 780px;
}
/* dialog_add_to_fav_categories */
.dialog_add_to_fav_categories .category_plus_btn{
	position: absolute;
	top: 33px;
	right: 27px;
	font-size: 2.4rem;
}
.dialog_add_to_fav_categories .category_list{
	min-width: 30rem;
	font-size: 1.8rem;
	max-height: 20rem;
	overflow-y: scroll;
}
.dialog_add_to_fav_categories .category_list > ul > li + li{
	margin-top: 1px;
}
.dialog_add_to_fav_categories .category_list > ul > li a{
	color: #555;
	transition: 0.2s all linear;
	display: block;
	padding: 0.8rem;
}
.dialog_add_to_fav_categories .category_list > ul > li a:hover{
	opacity: 0.6;
	background: #aaa;
}
.fav_categories_check{
	color: #555;
	transition: 0.2s all linear;
	display: block;
	padding: 0.8rem;
	cursor: pointer;
	font-size: 1.8rem;
}
.fav_categories_check:hover{
	opacity: 0.6;
}
input[type=checkbox]:checked + .fav_categories_check{
	background: #aaa;
}
.dialog_add_to_fav_categories .ui-sortable-placeholder{
	background: #02C9A8;
	visibility: visible !important;
	height: 1px !important;
}
/* modal virtual bg */
.dialog_virtual_bg .virtual_bgs_wrap > ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	width: 52rem;
	margin: auto;
}
.dialog_virtual_bg .virtual_bgs_wrap > ul > li{
	margin: 0 0 2rem;
	width: 15rem;
	height: 8rem;
}
.dialog_virtual_bg .virtual_bgs_wrap > ul > li .virtual_bg_img_wrap{
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	cursor: pointer;
	width: 100%;
    height: 100%;
}
.dialog_virtual_bg .virtual_bgs_wrap > ul > li .virtual_bg_img_wrap .bg_none{
	display: block;
	width: 100%;
	height: 100%;
	background: #CCC;
}
.dialog_virtual_bg .virtual_bgs_wrap > ul > li .virtual_bg_img_wrap img{
	width: 100%;
	height: 100%;
}
.dialog_virtual_bg input[type='radio']:checked + label.virtual_bg_img_wrap {
	border: #03c9a9 4px solid;
}
.dialog_virtual_bg .virtual_bg_item.empty {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
/* modal exist nc account */
.dialog_exist_nc_account{
	padding: 54px 112px;
}
.dialog_exist_nc_account .btn_style{
    min-width: 200px;
    height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	border-radius: 5px;
}
.dialog_exist_nc_account .btn_half > ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dialog_exist_nc_account .btn_half > ul > li + li{
	margin-left: 50px;
}
/* studysapuri flow video */
.dialog_ss_flow_video{
	padding: 0;
	min-width: 1040px;
	height: 585px;
	font-size: 0;
	border: none;
	border-radius: none;
}
.dialog_ss_flow_video .video_wrap{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.dialog_ss_flow_video .video_wrap .text_wrap{
	background: #0B41A0;
	color: #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: 0.2s all linear;
	z-index: 100;
}
.dialog_ss_flow_video .video_wrap .text_wrap:hover{
	opacity: 0.8;
	cursor: pointer;
}
.dialog_ss_flow_video .video_wrap .text_wrap:before{
	content: "";
	display: block;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0,0,0,0.5);
}
.dialog_ss_flow_video .video_wrap .text_wrap:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -8px;
	left: 0;
	margin: auto;
	border: transparent 3rem solid;
	border-left: #FFF 5rem solid;
	border-right-width: 0;
}
.dialog_ss_flow_video .video_wrap .text_wrap > p{
	font-size: 4.5rem;
	font-weight: bold;
	line-height: 1.8;
	padding-top: 40px;
}
.dialog_ss_flow_video .video_wrap.play_btn:before{
	content: "";
	width: 0px;
	height: 0px;
	border: transparent 30px solid;
	border-right: transparent 0 solid;
	border-left: #FFF 50px solid;
	position: absolute;
	top: 50%;
	left: calc(50% + 6px);
	transform: translateX(-50%) translateY(-50%);
	z-index: 200;
}
.dialog_ss_flow_video .video_wrap.play_btn:after{
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
	z-index: 100;
}
.dialog_ss_flow_video .video_wrap > video{
	width: 100%;
	height: 100%;
}
.dialog_ss_flow_video .btn_close{
	z-index: 110;
}
/* dialog_ss_coin_present */
.dialog_ss_coin_present{
	width: 800px;
	box-sizing: border-box;
	padding: 44px 100px 54px;
}
/* #dialog_textbook_preview */
.dialog_textbook_preview .textbook_preview_area{
	display: table;
	height: 400px;
	margin:0 auto;
}
.dialog_textbook_preview .textbook_preview_area .col_preview,
.dialog_textbook_preview .textbook_preview_area .col_selector{
	display: table-cell;
	vertical-align: top;
	height: 100%;
}
.dialog_textbook_preview .textbook_preview_area .col_preview iframe{
	width: 400px;
	height: 100%;
}
.dialog_textbook_preview .textbook_preview_area .col_selector{
	width: 450px;
	padding-left: 15px;
}
.dialog_textbook_preview .textbook_preview_area .col_selector .tb_custom_selector .options{
	max-height: 390px;
	max-height: -webkit-calc(100vh - 430px);
	max-height: calc(100vh - 430px);
}
.dialog_textbook_preview .settings_cam{
	width: 560px;
	margin: auto;
	border: #ccc solid 1px;
	padding: 0.5rem 2rem;
}
/* dialog_ss_first_lesson */
.dialog_ss_first_lesson {
	max-width: 900px;
	padding: 4.4rem 4rem 5.4rem;
	box-sizing: border-box;
}
.dialog_ss_first_lesson .teacher-list-wrap {
	padding: 0 0 40px;
	border-bottom: 1px solid #ccc;
	overflow-x: auto;
}
.in-modal-recommend-teacher-list {
	display: flex;
	align-items: stretch;
	justify-content: center;
	color: #555;
	width: 725px;
	margin: 0 auto;
}
.in-modal-recommend-teacher-list > li {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: calc(33.33% - 20px);
	padding: 30px 20px;
	border: 1px solid #ccc;
	border-radius: 7px;
	word-break: break-all;
}
.in-modal-recommend-teacher-list .teacher-profile {
	flex: 1;
}
.in-modal-recommend-teacher-list .teacher-profile .profile-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #ccc;
	margin: 0 auto;
}
.in-modal-recommend-teacher-list .teacher-profile .profile-img > img {
	display: block;
	width: 100%;
}
.in-modal-recommend-teacher-list .teacher-profile .profile-name {
	text-align: center;
	padding-top: 15px;
}
.in-modal-recommend-teacher-list .teacher-profile .profile-name > p {
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}
.in-modal-recommend-teacher-list .teacher-data {
	text-align: center;
	padding-top: 15px;
}
.in-modal-recommend-teacher-list .teacher-data .rating > p {
	font-size: 12px;
	line-height: 1.3;
	vertical-align: middle;
}
.in-modal-recommend-teacher-list .teacher-data .rating .rating-num {
	position: relative;
}
.in-modal-recommend-teacher-list .teacher-data .rating .rating-num:before {
	content: "";
	position: relative;
	display: inline-block;
	background: url('../images/icon/star_small.png') center center no-repeat;
	width: 16px;
	height: 18px;
	padding-right: 8px;
	vertical-align: bottom;
}
.in-modal-recommend-teacher-list .teacher-data .nation {
 margin-top: 10px;
}
.in-modal-recommend-teacher-list .teacher-data .nation > figure {
	display: flex;
	justify-content: center;
	align-items: center;
}
.in-modal-recommend-teacher-list .teacher-data .nation > figure > img {
	display: block;
	width: 20px;
	height: auto;
}
.in-modal-recommend-teacher-list .teacher-data .nation > figure > figcaption {
	font-size: 12px;
	margin-left: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 85px;
	white-space: nowrap;
}
.in-modal-recommend-teacher-list .btn-area {
	padding-top: 30px;
}
.in-modal-recommend-teacher-list .btn-reserve{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: bold;
	border-radius: 5px;
	background: #03c9a9;
	color: #fff;
	text-align: center;
	transition: 0.2s all linear;
}
.dialog_ss_first_lesson .btn-reserve:hover{
	opacity: 0.6;
}
.dialog_ss_first_lesson .btn_white_blue{
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	border: #58C8F5 2px solid;
	border-radius: 5px;
	color: #58C8F5;
	text-align: center;
	transition: 0.2s all linear;
	font-size: 1.6rem;
	font-weight: bold;
	box-sizing: border-box;
	margin: auto;
}
.dialog_ss_first_lesson .btn_white_blue:hover{
	opacity: 0.6;
}
/* dialog_schedule_reserve_notice-coin_short */
.dialog_schedule_reserve_notice-coin_short{
	width: 730px;
	padding: 5rem 3rem 5rem;
	box-sizing: border-box;
}
.dialog_schedule_reserve_notice-coin_short .btn_white_blue{
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	border: #58C8F5 2px solid;
	border-radius: 5px;
	color: #58C8F5;
	text-align: center;
	transition: 0.2s all linear;
	font-size: 1.6rem;
	font-weight: bold;
	box-sizing: border-box;
	margin: auto;
}
.dialog_schedule_reserve_notice-coin_short .btn_white_blue:hover{
	opacity: 0.6;
}
/* dialog_change_nickname-studysapuri */
.dialog_change_nickname-studysapuri{
	padding: 44px 30px 54px;
}
.dialog_change_nickname-studysapuri .btn_wrap > ul{
	display: flex;
	justify-content: center;
}
.dialog_change_nickname-studysapuri .btn_wrap > ul > li + li{
	margin-left: 50px;
}
.dialog_change_nickname-studysapuri .btn_wrap .btn_style{
	min-width: 240px;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	border-radius: 5px;
}
/* dialog_ss_unexpected_error */
.dialog_ss_unexpected_error{
	width: 600px;
	padding: 54px 0;
}
.dialog_ss_unexpected_error .c_red_ss{
	color: #F05444;
}
.dialog_ss_unexpected_error .btn_blue_ss{
	min-width: 250px;
	height: 60px;
	line-height: 60px;
	background: #0B41A0;
	box-sizing: border-box;
	border-radius: 5px;
	text-shadow: none;
	box-shadow: none;
}
.dialog_ss_unexpected_error .btn_blue_ss:hover{
	opacity: 0.6;
}

.modal_window.dialog_in-page-detail-select-textbook {
    min-width: 500px;
    max-width: 1000px;
    min-height: 272px;
}
.modal_window.dialog_in-page-detail-select-textbook p.spinner-p{
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.modal_window.dialog_in-page-detail-select-textbook button{
	float: right;
	position: static;
	text-align: center !important;
}

/* dialog_reservation_cancel_limit */
.dialog_reservation_cancel_limit .img-teddy{
	width: 103px;
}
/* dialog_schedule_reserve_complete */
.dialog_schedule_reserve_complete .img-teddy{
	width: 100px;
}
/* dialog_report_teacher_complete */
.dialog_report_teacher_complete .img-teddy{
	width: 100px;
}

/* coupon get modal - START - */
/* coupon get modal - END - */

/* dialog campaign: callan_half_autumn */
.dialog_campaign_callan_half_autumn{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_callan_half_autumn .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_callan_half_autumn .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_callan_half_autumn .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_callan_half_autumn .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_callan_half_autumn .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_callan_half_autumn .sec_text .link a {
	background: #00ACEE;
    color: #fff ;
	display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
}
/* End dialog campaign: callan_half_autumn */

/* dialog campaign: speaking_test */
.dialog_campaign_speaking_test{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_speaking_test .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_speaking_test .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_speaking_test .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_speaking_test .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_speaking_test .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_speaking_test .sec_text .link a {
	background: #00ACEE;
    color: #fff ;
	display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
}
/* End dialog campaign: speaking_test */

/* LIVE LESSON */
.dialog_live_lesson_reserve_confirm {
	max-width: 700px;
}
.dialog_live_lesson_reserve_confirm.mw-500 {
	max-width: 500px;
}
.dialog_live_lesson_reserve_confirm .img_wrap {
	/*max-width: 450px;*/
	margin: 0 auto 20px;
}
.dialog_live_lesson_reserve_confirm .img_wrap > img {
	display: block;
	width: 100%;
}
.dialog_live_lesson_reserve_confirm .demo-graph {

}
.dialog_live_lesson_reserve_confirm .demo-graph .area-student-teacher {

}
.dialog_live_lesson_reserve_confirm .demo-graph .s-t-list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_live_lesson_reserve_confirm .demo-graph .s-t-list:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: 9rem;
	background-image: url(../images/reserve/modal_live_rsv_demo_graph_icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.dialog_live_lesson_reserve_confirm .demo-graph .s-t-list > li {
	padding: 0 1rem;
}
.dialog_live_lesson_reserve_confirm .demo-graph .s-t-list .li-title {
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: .5rem;
}
.dialog_live_lesson_reserve_confirm .demo-graph .s-t-list .profile-img {
	width: 8.4rem;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 1rem rgba(0,0,0,.15);
}
.dialog_live_lesson_reserve_confirm .demo-graph .s-t-list .profile-img > img {
	display: block;
	width: 100%;
}
.dialog_live_lesson_reserve_confirm .demo-graph .area-viewer {

}
.dialog_live_lesson_reserve_confirm .demo-graph .viewer-list {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_live_lesson_reserve_confirm .demo-graph .viewer-list > li {
	padding: 0 1rem;
}
.dialog_live_lesson_reserve_confirm .demo-graph .viewer-list .viewer-icon {
	width: 4rem;
}
.dialog_live_lesson_reserve_confirm .demo-graph .viewer-list .viewer-icon > img {
	display: block;
	width: 100%;
}
.dialog_live_lesson_reserve_confirm .live-alert {
	padding: 20px;
	background-color: #fff3f4;
	border-radius: 1rem;
}
.dialog_live_lesson_reserve_confirm .text-1 {
	font-size: 18px;
	line-height: 1.4;
	padding-left: 10px;
	border-left: 6px solid #ee47c5;
	margin-bottom: 10px;
	font-weight: bold;
}
.dialog_live_lesson_reserve_confirm .fake-btn-group {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	margin: 0 -2.25rem;
}
.dialog_live_lesson_reserve_confirm .fake-btn-group > li {
	box-sizing: border-box;
	width: 50%;
	padding: 0 2.25rem;
}

/* NJ-9992 : Live Lesson First Minute Free */
/* Live Lesson Network Error */
.dialog_annual_plan_fee_alert,
.modal_window.dialog_annual_plan_fee_alert,
.dialog.dialog_annual_plan_fee_alert,
.modal_window.dialog.dialog_annual_plan_fee_alert {
	box-sizing: border-box;
	width: 100%;
	max-width: 60rem;
	padding: 0;
}
.dialog_annual_plan_fee_alert,
.dialog_annual_plan_fee_alert *,
.dialog_annual_plan_fee_alert *:before,
.dialog_annual_plan_fee_alert *:after {
	box-sizing: border-box;
}
.dialog_annual_plan_fee_alert {
	font-size: 1.6rem;
	line-height: 1.8;
}
.modal_window.dialog.dialog_annual_plan_fee_alert p {
	font-size: inherit;
	line-height: inherit;
}
.dialog_annual_plan_fee_alert .modal-inner {
	padding: 4rem;
}
.dialog_annual_plan_fee_alert .modal-title {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.dialog_annual_plan_fee_alert .modal-text {
	text-align: center;
	margin-top: 2rem;
}
.dialog_annual_plan_fee_alert .modal-btn-wrap {
	max-width: 30rem;
	margin: 3rem auto 0;
}

/* dialog_family_account_select */
.dialog_family_account_select{
	min-width: 760px;
	max-width: 1040px;
	padding: 50px 30px;
}
.dialog_family_account_select .modal_title{
	font-size: 2.4rem;
	font-weight: bold;
}
.dialog_family_account_select .account_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin-top: 50px;
	max-height: 416px;
	overflow: auto;
}
.dialog_family_account_select .account_list::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	background: transparent;
}
.dialog_family_account_select .account_list::-webkit-scrollbar-track {
	background: #FAFAFA;
}
.dialog_family_account_select .account_list::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #C1C1C1;
	box-shadow: 0 0 1px rgba(255,255,255,0.5);
	border: #fafafa 3px solid;
	border-radius: 8px;
}
.dialog_family_account_select .account_list .list_item{
	display: block;
	text-align: center;
	transition: .2s all linear;
	margin-bottom: 30px;
}
.dialog_family_account_select .account_list .list_item:hover{
	opacity: .6;
}
.dialog_family_account_select .account_list .list_item .img_wrap{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}
.dialog_family_account_select .account_list .list_item .img_wrap > img{
	width: 100%;
}
.dialog_family_account_select .account_list .list_item .user_name{
	margin: 8px 10px 0;
	font-size: 12px;
	width: 164px;
	color: #373737;
	word-break: break-all;
	line-height: 1.4;
}
.dialog_family_account_select .add_btn_wrap{
	margin-top: 50px;
	text-align: center;
}
.dialog_family_account_select .add_btn_wrap .text_link{
	color: #07CAFA;
	font-size: 2rem;
	font-weight: bold;
	transition: .2s all linear;
}
.dialog_family_account_select .add_btn_wrap .text_link:hover{
	opacity: .6;
}

/* dialog campaign: new_year_zh-tw */
.dialog_campaign_new_year_zh-tw{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_new_year_zh-tw .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_new_year_zh-tw .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_new_year_zh-tw .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_new_year_zh-tw .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_new_year_zh-tw .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_new_year_zh-tw .sec_text .link a {
	background: #00ACEE;
    color: #fff ;
	display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
}
/* End dialog campaign: new_year_zh-tw */

/* NJ-2601 */
#dialog_schedule_reserve .textbook_note.box-red{
	background: #f5f5f5;
    border: #ef4312 solid 2px;
    border-radius: 4px;
    padding: 10px 15px;
    color: #e70a0a;
	margin-top: 20px;
}
/* END OF NJ-2601 */

.modal_window.dialog.dialog_appreciation_thank_you {
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	min-width: 50rem;
	max-width: 87rem;
	max-height: calc(100vh - 4rem);
	overflow: auto;
}
/*-----------------------------------*/
/* .dialog_appreciation_thank_you — restored standalone (ADV-008 child selector)  */
/*-----------------------------------*/
.dialog_appreciation_thank_you #appr-thank-teacher-msg {
	white-space: pre;
	white-space: pre-line;
}
.modal-body-appreciation-thank-you {
	box-sizing: border-box;
	position: relative;
	padding: 3rem;
}
.modal-body-appreciation-thank-you .thank-head {

}
.modal-body-appreciation-thank-you .thank-head .nc-logo {
	width: 24.6rem;
}
.modal-body-appreciation-thank-you .thank-head .nc-logo > img {
	display: block;
	width: 100%;
}
.modal-body-appreciation-thank-you .thank-message {
	padding: 7rem 2rem 17.5rem;
}
.modal-body-appreciation-thank-you .thank-message-inner {
	position: relative;
	padding: 8rem 2rem 10rem;
	border: 1px solid #ccc;
	border-radius: 1rem;
}
.modal-body-appreciation-thank-you .thank-message-inner .teacher-avatar {
	position: absolute;
	top: 0;
	left: 50%;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	overflow: hidden;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.modal-body-appreciation-thank-you .thank-message-inner .teacher-avatar > a {
	display: block;
}
.modal-body-appreciation-thank-you .thank-message-inner .teacher-avatar > img,
.modal-body-appreciation-thank-you .thank-message-inner .teacher-avatar > a > img {
	display: block;
	width: 100%;
}
.modal-body-appreciation-thank-you .thank-message-inner .message-detail {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2.2rem;
	color: #555;
	line-height: 1.7;
	text-align: center;
}
.modal-body-appreciation-thank-you .thank-message-inner .message-detail p {
	font-size: inherit;
	line-height: inherit;
}
.modal-body-appreciation-thank-you .thank-animation {
	display: block;
	position: absolute;
	width: 55.49%;
	bottom: 0;
	right: 0;
	background-image: url(../images/appreciation/teddy-thank-you.gif);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right bottom;
}
.modal-body-appreciation-thank-you .thank-animation:after {
	content: '';
	display: block;
	padding-top: 89.36%;
}
.modal-body-appreciation-thank-you .thank-close {
	position: relative;
	text-align: center;
}
/* send appreciation */



.dialog_campaign_callan_first,
div[id^='dynamic_campaign_content_'] {
    width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_callan_first .visual,
div[id^='dynamic_campaign_content_'] .visual {
    margin-bottom: 2.4rem;
}
.dialog_campaign_callan_first .visual img,
div[id^='dynamic_campaign_content_'] .visual img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_callan_first .sec_ttl,
div[id^='dynamic_campaign_content_'] .sec_ttl {
    margin-bottom: 2rem;
}
.dialog_campaign_callan_first .sec_ttl p,
div[id^='dynamic_campaign_content_'] .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_callan_first .sec_text .link,
div[id^='dynamic_campaign_content_'] .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog_campaign_callan_first .sec_text .link a,
div[id^='dynamic_campaign_content_'] .sec_text .link a {
    background: #00ACEE;
    color: #fff ;
    display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
    margin-bottom: 2rem;
}
/* End dialog campaign: callan_first */

/* modal_family_coin_transfer */
.modal_family_coin_transfer {
	padding: 40px;
}
.modal_family_coin_transfer.modal_rectangle{
	padding: 40px 175px;
}
.modal_family_coin_transfer h3{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 50px;
}
.modal_family_coin_transfer .coin-amount-wrap{
	margin: 50px auto 0;
	width: 380px;
}
.modal_family_coin_transfer .coin-amount{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 10px;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 10px;
	font-size: 1.8rem;
}
.modal_family_coin_transfer .coin-amount .amount{
	display: flex;
	align-items: flex-end;
}
.modal_family_coin_transfer .coin-amount .amount .num{
	color: #16A9B2;
	font-size: 3.2rem;
	margin-right: 5px;
}
.modal_family_coin_transfer .note{
	font-size: 1.4rem;
	color: #999999;
}
.modal_family_coin_transfer .details{
	margin-top: 50px;
}
.modal_family_coin_transfer .details .name{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.modal_family_coin_transfer .details .details-table{
	margin-bottom: 10px;
	width: 540px;
}
.modal_family_coin_transfer .details .details-table th{
	background: #999999;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.5rem;
}
.modal_family_coin_transfer .details .details-table td{
	padding: 11px 0;
	font-size: 1.6rem;
	text-align: center;
}
.modal_family_coin_transfer .details .details-table th,
.modal_family_coin_transfer .details .details-table td{
	border: #CCCCCC 1px solid;
}
.modal_family_coin_transfer .details .details-table td{
	width: 150px;
}
.modal_family_coin_transfer .details .details-table td:last-child{
	width: auto;
}
.modal_family_coin_transfer .details .details-table .transfer{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* dialog campaign: live*/
.dialog_campaign_live{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_live .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_live .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_live .sec_text .link,
.dialog_campaign_live_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_live .sec_text .link a {
    background: #00ACEE;
    color: #fff;
    display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
    margin-bottom: 2rem;
}
/* End dialog campaign: live */	

/* modal-info-speaking-test */
.modal-info-speaking-test.modal_window.dialog{
	width: 700px;
	padding: 44px;
	box-sizing: border-box;
}
.modal-info-speaking-test.modal_window.dialog .flex-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-info-speaking-test.modal_window.dialog .modal-title{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	color: #004986;
	margin-bottom: 20px;
}
.modal-info-speaking-test.modal_window.dialog .text-1{
	font-size: 1.8rem;
	margin-bottom: 30px;
}
.modal-info-speaking-test.modal_window.dialog .c-red{
	color: #ED1212;
}
.modal-info-speaking-test.modal_window.dialog .flex-wrap .text-wrap{
	width: 348px;
}
.modal-info-speaking-test.modal_window.dialog .flex-wrap .text-wrap + .img-wrap{
	margin-left: 24px;
	border: none;
}
.modal-info-speaking-test.modal_window.dialog .text-2{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.modal-info-speaking-test.modal_window.dialog .text-3{
	font-size: 1.5rem;
}
.modal-info-speaking-test.modal_window.dialog .btn-wrap{
	margin-top: 35px;
}
.modal_family_coin_transfer .details .details-table .transfer .btn{
	transition: .2s all linear;
}
.modal_family_coin_transfer .details .details-table .transfer .btn:hover{
	opacity: .6;
}
.modal_family_coin_transfer .details .details-table .transfer input{
	border: 1px #999999 solid;
	border-radius: 4px;
	padding: 12px;
	text-align: right;
	font-size: 16px;
	width: 120px;
	margin: 0 10px;
}
.modal_family_coin_transfer .btn-wrap{
	margin-top: 60px;
}
.modal_family_coin_transfer .btn-wrap .btn{
	border-radius: 5px;
	width: 270px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	color: #FFF;
	transition: .2s all linear;
	font-size: 2rem;
	font-weight: bold;
}
.modal_family_coin_transfer .btn-wrap .btn:hover{
	opacity: .6;
}
.modal_family_coin_transfer .btn-wrap .btn-green{
	background: #1DC9A8;
}
.modal_family_coin_transfer .btn-wrap .btn-gray{
	background: #999999;
}
.modal_family_coin_transfer .btn-wrap.btn-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal_family_coin_transfer .btn-wrap.btn-flex .btn + .btn{
	margin-left: 20px;
}
.modal-info-speaking-test.modal_window.dialog .btn-wrap .btn-orange{
	width: 462px;
	height: 47px;
	color: #FFF;
	background: #F1890E;
	border-radius: 2px;
	transition: .2s all linear;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: bold;
	box-shadow: 0 2px 2px rgba(0,0,0,0.16);
}
.modal-info-speaking-test.modal_window.dialog .btn-wrap .btn-orange:hover{
	opacity: .6;
}

/* dialog_current_rating */
.dialog_current_rating .rating input{
	display: none;
}
.dialog_current_rating{
	padding: 40px 130px 40px;
	border: none;
}
.dialog_current_rating .modal_inner{
	width: 610px;
}
.dialog_current_rating .modal_inner .ui_mark.required:after{
	background: #f0295d;
}
.dialog_current_rating .modal_inner .c_required{
	color: #f0295d;
}
.dialog_current_rating .rating_data_inner .review_cancel {
	margin-right: -20px;
}
.dialog_current_rating .rating_data_inner .review_cancel a{
	color: #00acee;
	border: #00acee 1px dashed;
	border-radius: 30px;
	padding: 10px 15px;
	line-height: 1;
	transition: all 0.2s linear;
}
.dialog_current_rating .rating_data_inner > .review_cancel a:hover{
	color: #3dc8ff;
	border-color: #3dc8ff;
}
.dialog_current_rating .btn_comment_wrap .btn_comment{
	text-decoration: none;
	border-bottom: 1px solid #00acee;
}
.dialog_current_rating .btn_comment_wrap .btn_comment:before{
	font-family: 'fontAwesome';
	content: '\f107';
}
.dialog_current_rating .btn_comment_wrap .btn_comment.on:before{
	content: '\f106';
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner .rating_data .rating:after{
	content: '';
	width: 80%;
	margin: 30px auto 0;
	height: 15px;
	background: linear-gradient(to right,#8acbd6 40%, #f1c93a);
	display: block;
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner .rating_data dt img{
	width: 110px;
	height: 110px;
	display: block;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	margin: 0 auto;
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner .rating_data dd{
	vertical-align: top;
	padding: 20px 25px 25px;
}
.dialog_current_rating .rating{
	direction: rtl;
}
.dialog_current_rating .rating > .wrap{
	margin-left: 50px;
}
.dialog_current_rating .rating .star{
	display:inline-block;
	margin-right:60px;
	vertical-align:middle;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	white-space:nowrap;
	position:relative;
}
.dialog_current_rating .rating .star:before{
	display:inline-block;
	font-family: FontAwesome;
	content: "\f005";
	width:40px;
	height:40px;
	font-size: 40px;
	font-size: 4rem;
	color: #ccc;
}

.dialog_current_rating .rating .selected.star:before{
	color: #fcc926;
}

.dialog_current_rating .rating .star.rating_rate5:before{
	transform: scale(1.2);
	height: 45px;
}
.dialog_current_rating .rating .star > .star_txt{
	position: absolute;
	top:40px;
	width:100px;
	right:-30px;
	white-space:nowrap;
	color: #999;
	margin-top: 8px;
	direction: ltr;
	font-weight: bold;
}
.dialog_current_rating .rating .star.rating_rate5 .star_txt{
	margin-top: 10px;
}

/* bug fix for android */
.dialog_current_rating .rating input:checked + .wrap {
	font-size:inherit;
}
/*  */

.dialog_current_rating .rating input:checked ~ .wrap .star:before {
	color:#fcc926;
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner textarea{
	background-color:#fff;
	line-height: 1.5;
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner .comment_box_normal{
	margin: 0 auto;
	display: none;
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner .comment_box_normal .comment_gray_erea{
	padding: 20px 10px;
	background: #f0f0f5;
	margin-top: 10px;
	margin: 12px auto 10px;
	box-sizing: border-box;
}
.dialog_current_rating .rating_data_form_wrap .rating_data_inner .review_notice_wrap > p{
	display: inline-block;
}
.dialog_ranking_tb_search_note > *{
	box-sizing: border-box;
}
.dialog_ranking_tb_search_note {
	width: 620px;
	min-height: 253px;
	padding: 20px 30px 34px;
	font-family: 'Noto Sans JP', 'sans-serif';
	box-sizing: border-box;
}
/* NJ-44469 [Start] */
.dialog_ranking_tb_search_note .modal_inner .modal_title {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 25.5px;
	color: #555555;
	margin-bottom: 30px;
}
.dialog_ranking_tb_search_note .modal_inner .img_ranking_tb_search_note {
	width: auto;
	height: auto;
	max-width: 56px;
	max-height: 56px;
}
.dialog_ranking_tb_search_note .modal_inner .modal_body p {
	font-size: 1.5rem;
	font-weight: 500;
	color: #000000;
	line-height: 21.72px;
}
.dialog_ranking_tb_search_note .modal_inner .modal_body {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px;
}
.dialog_ranking_tb_search_note .modal_inner .btn_ranking_tb_search_note {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 27px;
	color: #fff;
	background-color: #03C9A9;
	text-align: center;
	width: 191px;
	padding: 11px 0 12px;
	border-radius: 4px;
	display: block;
	margin: 0 auto;
}
.dialog_ranking_tb_search_note .modal_inner .btn_ranking_tb_search_note:hover {
	opacity: 0.8;
}
/* NJ-44469 [End] */
/* end dialog_current_rating */

/* dialog_appreciation_messages */
/* teacher image: override .dialog_rating .top_img img (max-width 100px) so avatar matches mod1 / lesson-message size */
.dialog_appreciation_messages .modal_inner .top_img img,
.dialog_appreciation_messages .top_img.m_b_30 img {
	width: 12rem;
	height: 12rem;
	max-width: 12rem;
	object-fit: cover;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}
.dialog_appreciation_messages *::placeholder{
	color: #CCCCCC
}
.dialog_appreciation_messages .msg-area{
	margin-bottom: 30px;
}
.dialog_appreciation_messages .counter{
	color: #CCCCCC
}
.dialog_appreciation_messages .select-tip-wrap{
	display: flex;
	align-items: center;
	margin: 30px 0;
	justify-content: center;
}

.dialog_appreciation_messages .no-bullet{
	padding-left: 14px;
}
.dialog_appreciation_messages .select-tip-wrap .tip-item .btn-tip{
	padding: 12px 16px;
	border-radius: 2px;
	background: #F5F5F5;
	color: #555555;
	cursor: pointer;
	transition: .2s all linear;
}
.dialog_appreciation_messages .select-tip-wrap .tip-item .btn-tip.disable{
	color: #E4E4E4;
	pointer-events: none;
}
.dialog_appreciation_messages .select-tip-wrap .tip-item input:checked + .btn-tip{
	background-color: #555555;
	color: #FFF;
}
.dialog_appreciation_messages .select-tip-wrap .tip-item + .tip-item{
	margin-left: 16px;
}
.dialog_appreciation_messages .modal_inner .note{
	font-size: 14px;
}
.modal_window.dialog.dialog_appreciation_messages .btn_wrap{
	margin-top: 30px;
}
/* dialog_appreciation_messages_confirm */
.dialog_appreciation_messages_confirm{
	border: none;
}
.dialog_appreciation_messages_confirm .items_wrap .item{
	border: 1px solid #CCCCCC;
	font-size: 16px;
	border-radius: 5px;
}
.dialog_appreciation_messages_confirm .items_wrap .contents{
	box-sizing: border-box;
	padding: 0 20px;
	line-height: 25px;
}
.dialog_appreciation_messages_confirm .items_wrap .item + .item{
	margin-top: 20px;
}
.dialog_appreciation_messages_confirm .items_wrap .item-amt .title{
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #555;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dialog_appreciation_messages_confirm .items_wrap .item-amt{
	height: 220px ;
}
.dialog_appreciation_messages_confirm .items_wrap .item-amt .contents{
	height: 156px ;
	overflow: auto;
}
.dialog_appreciation_messages_confirm .items_wrap .item-tip .title{
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #555;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dialog_appreciation_messages_confirm .items_wrap .item-msg .title{
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #555;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
}
.dialog_appreciation_messages_confirm .items_wrap .item-msg{
	height: 220px ;
}

.dialog_appreciation_messages_confirm .items_wrap .item-msg .contents{
	height: 156px;
	overflow: auto;
}
.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap{
	position: absolute;
    display: flex;
    align-items: center;
    margin-left: 21px;
	right: 20px;
	top: 12px;
	cursor: pointer;
}

.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .btn-dot{
	display: flex;
    justify-content: center;
    align-items: center;
}

.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .btn-dot::before {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FFF;
}
.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .btn-dot .ic-dot{
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FFF;
    margin: 0 5px;
}
.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .btn-dot::after {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FFF;
}

.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .sub-menu{
	border: #ccc 1px solid;
	position: absolute;
	right: 45px;
	top: calc(100% + 0px);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
	z-index: 300;
	display: none;
}

.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .sub-menu .menu-item {
	width: 130px;
	cursor: pointer;
}

.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .sub-menu .menu-item .btn-menu{
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	font-size: 1.5rem;
	color: #555;
	background: #FFF;
	font-weight: normal;
}
.dialog_appreciation_messages_confirm .item-msg .title .sub-menu-wrap .sub-menu {
	right: 0;
	top: calc(100% + 10px);
}
/* dialog_tip_confirm */
.dialog_tip_confirm{
	border: none;
}
.dialog_tip_confirm .items_wrap .item{
	border: 1px solid #CCCCCC;
	font-size: 16px;
	border-radius: 5px;
}
.dialog_tip_confirm .items_wrap .contents{
	box-sizing: border-box;
	padding: 0 20px;
	line-height: 25px;
}
.dialog_tip_confirm .items_wrap .item-tip{
	height: 80px;
}
.dialog_tip_confirm .items_wrap .item + .item{
	margin-top: 20px;
}
.dialog_tip_confirm .items_wrap .item-amt .title{
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #555;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dialog_tip_confirm .items_wrap .item-amt{
	height: 220px ;
}
.dialog_tip_confirm .items_wrap .item-amt .contents{
	height: 156px ;
	overflow: auto;
}
.dialog_tip_confirm .items_wrap .item-tip .title{
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #555;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dialog_appreciation_messages_confirm .items_wrap .item-msg{
	height: 220px ;
}

.dialog_appreciation_messages_confirm .items_wrap .item-msg .contents{
	height: 156px;
	overflow: auto;
}
.dialog_tip_confirm .items_wrap .item-msg .title{
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #555;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dialog_tip_confirm .items_wrap .item-msg{
	height: 220px ;
}

.dialog_tip_confirm .items_wrap .item-msg .contents{
	height: 156px;
	overflow: auto;
}

.dialog_tip_confirm .modal_inner .btn_wrap{
	margin-top: 220px !important;
} 

/* NJ-12246 */
/* APPRECIATION MESSAGES MODAL W/COINS TIP */
#dialog_appreciation_messages.dialog_appreciation_messages__coins {
	height: auto;
	/* max-height: 81.7516rem; */
	/* transform: translate(-50%, -50%); */
	padding: 3rem 0;
	/* override jquery modal inline styles*/
	/* margin: 0 !important; */
}

.dialog_appreciation_messages__coins .modal_inner{
	height: 100%;
	padding: 0 3rem;
}
/* CUSTOM SCROLL BAR WHEN CONTENT OVERFLOWS MODAL */
.dialog_appreciation_messages__coins .modal_inner::-webkit-scrollbar {
  width: 3px;
}
.dialog_appreciation_messages__coins .modal_inner::-webkit-scrollbar-track {
  background: #ececec;
}
.dialog_appreciation_messages__coins .modal_inner::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.dialog_appreciation_messages__coins .modal_inner::-webkit-scrollbar-thumb:hover {
  background: #c2c2c2;
  border-radius: 3px;
}
/***************/
/* TIP WITH COINS LINK */
/***************/
.dialog_appreciation_messages .select-tip-wrap .tip-coins-link:link,
.dialog_appreciation_messages .select-tip-wrap .tip-coins-link:hover,
.dialog_appreciation_messages .select-tip-wrap .tip-coins-link:active,
.dialog_appreciation_messages .select-tip-wrap .tip-coins-link:visited {
  color: #00acee;
  font-size: 1.4rem;
  margin-left: 1.6rem;
  text-decoration: underline;
}
/***************/
/* COIN BUTTONS */
/***************/
.dialog_appreciation_messages .display-none,
.dialog_appreciation_messages .tip-coins-container {
  display: none;
}

.dialog_appreciation_messages .select-tip-wrap--coins {
  margin: 3.4rem 0 3.2rem;
}
/***************/
/* OWNED COINS */
/***************/
.owned-coins-container {
	width: 100%;
	max-width: fit-content;
	margin: 0 auto;
}
.dialog_appreciation_messages .owned-coins-text {
  font-size: 1.4rem;
  text-decoration: underline;
}
.dialog_appreciation_messages p.owned-coins-info {
  font-size: 1.2rem;
  margin-bottom: 3rem;
}
/* NJ-12246 End */

/* start dialog recommended teacher */

.dialog_recommend  {
	position: absolute;
	left: 50%;
}
.recommend_teacher_wrap {
	margin-bottom: 20px;
}
.wait_wrap .teacher_recommend_area {
	padding: 20px;
	width: 100%;
}
.teacher_recommend {
	width: 100%;
}
.recommendedTeacher_wrap {
	display: flex;
	width: 400px;
	margin: auto;
}
.dialog_recommend {
	font-size: 24px;
	font-family: "Hiragino Kaku Gothic ProN","W3";
	color: #555555;
}

.recommend_inner > p {
	font-size: 16px;
	padding-bottom: 30px;
}
.recommend_inner >p:first-child {
	padding-top: 20px;
}
.recommended_teacher {
	display: block;
	width: calc((100% - (25px * 2)) /2);
	min-width: 120px;
	max-width: 120px;
	height: auto;
	margin-bottom: 5px;
	color: #555555;
	border: 1px solid #E4E4E4;
	border-radius: 4px 4px 0px 0px;
}
.recommended_teacher:hover  {
	border: 1px solid #CCCCCC;
}
.recommended_teacher:not(:last-child) {
	margin-right: 25px;
}
.teacher_image_wrapper {
	width: 120px;
	height: 120px;
}
.teacher_image_wrapper > img {
	transition: none;
	display: block;
	width: 120px;
	height: 120px;
	margin: auto;
	/*==return from hover==*/
	transition: opacity 0s, opacity 0s, width 0.3s,height 0.3s,padding 0.3s ;
}
/*===hover===*/
.recommended_teacher:hover > div >img {
	transition: none;
	opacity: 1;
	width: calc(100% - 10px);
	padding: 5px;
	height: 110px;
	transition: opacity 0s, opacity 0s, width 0.3s,height 0.3s,padding 0.3s,padding-top 0.3s;
}
.wait_wrap .teacher_detail_ttl.ttl_ic-recommend:before {
	content: '\f0c0';
    top: -1px;
    font-size: 20px;
}
.recommended_teacher > ul {
	padding: 8px 10px;
	padding-right: 3px;
}
.recommended_teacher > ul > li {
	font-size: 14px;
	text-align: left;
	display: flex;
	align-items: center;
	gap: 0 4px;
}
.modal_window.dialog .recommended_teacher > ul > li > p {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 15px);
	line-height: 1.29;
}
.modal_window.dialog .recommended_teacher > ul > li.recommended_teacher_name > p {
	font-size: 14px;
	line-height: 1.4;
}
.recommended_teacher > ul > li:not(:last-child) {
	padding-bottom: 0px;
}
.recommended_teacher > ul > li:nth-child(2) {
	font-size: 10px;
	line-height: 12px;
}

.recommended_teacher > ul > li > span {
	display: inline-block;
	height: 10px;
	width: 14px;
	border-radius: 50%;
}
/*===control teacher_status_signal==*/
.teacher_available {
	background-color: #5FC8F5;
}
.teacher_preparing {
	background-color: #fcc82a;
}
.teacher_busy {
	background-color: #DB3F60;
}
.teacher_offline {
	background-color: #999999;
}
/*====*/
.recommended_teacher_nation_flag {
	font-size: 10px;
}
.recommended_teacher_nation_flag > span >img{
	opacity: 1;
	height: calc(100% - 2px);
	margin: auto 0;
}
.recommended_teacher_review_rate > span:before {
	font-family: 'fontAwesome';
	content: '\f005';
	color: #fcc82a;
}
.recommended_teacher_textbook_experienceTimes > span:before {
	content: url(../images/icon/icon_lesson.png);
	transform: translateY(-10px) translateX(-7px) scale(0.5);
	float: left;
    display: inline-block;
	display: none;
}
.recommended_teacher > ul >.recommended_teacher_textbook_experienceTimes > span > img {
	width: 13px;
	min-width: 13px;
	max-width: 13px;
	opacity: 1;
}
.recommended_teacher_numberOfLikes > span:before {
	content: url(../images/icon/icon_favorite_on.svg);
}

/* END dialog recommended teacher */

/* dialog campaign: plan_family*/
.dialog_campaign_plan_family{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_plan_family .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_plan_family .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_plan_family .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_plan_family .sec_text .link a {
    background: #00ACEE;
    color: #fff;
    display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
    margin-bottom: 2rem;
}
/* End dialog campaign: plan_family */

/* dialog campaign: new_year */
.dialog_campaign_new_year{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_new_year .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_new_year .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_new_year .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_new_year .sec_ttl p{
	color: #EA5865;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_new_year .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_new_year .sec_text .link a {
	background: #00ACEE;
    color: #fff ;
	display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
}
/* End dialog campaign: new_year */
/* dialog campaign: new_year afterlesson*/
.dialog_campaign_new_year .modal_inner .campaign_wrap p{
	color: #EA5865;
}
.modal_window.dialog.dialog_campaign.dialog_campaign_new_year_afterlesson{
	transform: translate(-50%, -50%) !important;
	margin-left: unset!important;
	margin-top: unset!important;
	margin-bottom: unset!important;
}
.dialog_campaign_new_year_afterlesson{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
    background-image: url('../images/campaign/new_year/background.png') !important;
    background-color: #FFFCEB !important;
    background-size: 30%;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec_lottery_won,
.dialog_campaign_new_year_afterlesson  .modal_inner .sec_lottery_fail{
    margin-top: -10rem;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 3rem 0;
    width: 100%;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec.sec_won{
    margin-top: -65px;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec.sec_won .sec_ttl{
    font-size: 3.6rem;
    font-weight: bold;
    color:#EB3220;
    text-align: center;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec.sec_won .main_img{
    width: 35%;
}

.dialog_campaign_new_year_afterlesson  .modal_inner .sec.sec_fail{
    /* margin-top: -155px; */
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec.sec_fail .sec_ttl{
    font-size: 3.6rem;
    font-weight: bold;
    color:#4B60BB;
    text-align: center;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .sec.sec_fail .main_img{
    margin-bottom: -15px;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .modal_campaign_image_display{
    position: relative;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .modal_campaign_image_display_text{
    position: absolute;
    height: 50%;
    width: 75%;
    top: 9.75%;
    left: 50%;
    transform: translateX(-50%);
}
.dialog_campaign_new_year_afterlesson  .modal_inner .modal_campaign_image_display_text > div{
    position: absolute;
    width: 100%;
    height: max-content;
    max-height: 100%;
    overflow: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.dialog_campaign_new_year_afterlesson  .modal_inner .modal_campaign_image_display_text > div > p{
    line-height: 1.75;
    padding: 1.5em 2em;
    font-size: 3rem;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .btn__flat_round_corner{
    position: relative;
    box-shadow: unset!important;
    border-radius: 2em!important;
    display: block!important;
    position: relative;
    z-index: 1;
    min-width: unset!important;
    width: 100%!important;
    background: #f1890e;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .btn__flat_round_corner.__ddIcon::before{
    content: url(../mobapp/images/campaign/new_year/arrow.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 0;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s ease;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .btn__flat_round_corner.__ddIcon[data-active="true"]::before{
    transform: translateY(-50%) rotateZ(180deg);
}
.dialog_campaign_new_year_afterlesson  .modal_inner .box__collapsible{
    position: relative;
    /* background: #FFFFFF; */
    height: 0;
    background: #FFFFFF;
    margin-top: -1.5em;
    z-index: 0;
    border-radius: 0 0 .75em .75em;
    overflow: hidden;
    transition: height .3s ease;
    transform-origin: top;
    box-shadow: #0000000F 0 3px 6px;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .box__collapsible > div{
    padding: 3em 2em 1.5em;
}
.dialog_campaign_new_year_afterlesson  .modal_inner .box__collapsible.active{
    height: auto;
}
/* End dialog campaign: new_year afterlesson*/
#dialog_current_rating .btn_wrap ul,
#dialog_remove_rating .btn_wrap ul {
	display: flex;
	justify-content: space-around;
}

#dialog_current_rating .btn_style.btn_ok,
#dialog_remove_rating .btn_style.btn_ok {
	background: #03C9A9;
	text-shadow: none;
}
#dialog_current_rating .btn_wrap ul li,
#dialog_remove_rating .btn_wrap ul li {
	margin: 0 22px;
}

#dialog_current_rating .btn_wrap ul li a,
#dialog_remove_rating .btn_wrap ul li a {
	min-width: 250px;
}

#dialog_remove_rating .rating_data_inner .title {
	font-weight: 600;
	font-size: 18px;
}

/* override NJ-13670 */
.cc.cc_lottie{
	width: 100%;
	position: relative;
}
.cc.cc_lottie .cc_lottie_wrap{
	position: relative;
	padding-block-start: 120px;
	margin-block-start: 13%;
	margin-block-end: -2.5%;
}
.cc.cc_lottie .cc_lottie_wrap_b{
	margin-block-end: -8.5%;
}

.cc.cc_lottie .cc_lottie_lot{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cc.cc_lottie .cc_lottie_text{
	margin-block-end: 2em;
}
.cc.cc_lottie .cc_lottie_text > p{
	font-size: 3.6rem;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	color: #EB3220;
}

.cc.cc_lottie .cc.main_img{
	width: 95%;
	max-width: 285px;
	margin-inline: auto;
	display: block;
}

.cc.cc_lottie_with_bubble.main_img{
	width: 84%;
}
/* End Campaign: new year popup afterlesson */

/* sevendays_free_trial */
.sevendays_free_trial{
	padding: 64px 109px 44px;
	background-image:url(../images/modal/app_sevendays_main.png);
	background-size:cover;
	background-repeat:no-repeat;
	border: solid 1px #FFFFFF;
	border-radius: 10px;
	/* max-width: 600px;
	max-height: 600px; */
}

.sevenh3{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.2 !important;
	color: #FFFFFF;
	font-weight: bold;
}

.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_1 ul li:not(:first-child) {
	margin-top: 10px;
}

.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;
	padding: 0 45px;
	font-weight:normal;
}
 
.sevendays_free_trial_2 ul .batsu::before, .batsu::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  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;
}

#dialog_remove_rating .rating_data_inner .warning {
	color: #E55C67;
	padding: 28px 0;
	font-size: 14px;
	font-weight: bold;
}

#dialog_remove_rating .rating_data_inner .question {
	font-size: 14px;
}

#dialog_remove_rating .modal_inner {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#dialog_remove_rating .note {
	width: 80%;
	padding: 20px;
	margin: 0 auto;
}
#dialog_remove_rating_alert{
	background: rgba(0, 0, 0, 0.61) 0% 0% no-repeat padding-box;
	
}
#dialog_remove_rating_alert .title{
 font-size: 22px;
    color: #fff;
}

.dialog_counseling .counseling_container {
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border-radius: 29px;
	clear: both;
}
.dialog_counseling .counseling_title {
	display: inline-block;
	margin: 0 auto;
	font-size: 26.25px;
	font-size: 2.625rem;
	color: #F56B27;
	border-bottom: solid 5px #F56B27;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 42.25px;
}
.dialog_counseling .counseling_content {
	padding-right: max(5%,50px);
	padding-left: max(5%,50px);
	padding-top: min(6%,43.75px);
	padding-bottom: min(6%,36.75px);
	background: #FFFCFA;
	color: #000000;
	border: solid 5px #F56B27;
}
.dialog_counseling .counseling_content .counseling_title{
	margin-bottom: 25px;
}
.dialog_counseling .counseling_content ul {
	display: flex;
	justify-content: center;
	gap: 50px;
}
.dialog_counseling .counseling_content ul li {
	color: #F56B27;
	line-height: 1.2;
	width: 100%;
}
.dialog_counseling .counseling_content_image {
	height: 120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: center no-repeat;
	background-size: contain;
}
.dialog_counseling .counseling_content_title {
	font-size: 2.5vh;
	font-weight: bold;
	margin-top: 10px;
	white-space: nowrap;
}
.modal_window.dialog_counseling{
	padding-left: 60px;
	padding-right: 60px;
}

@media only screen and (min-width: 1965px) {
	.dialog_counseling .counseling_content_title {
  		font-size: 2.3rem;
  	}
	.dialog_counseling .counseling_content ul li {
   		line-height: 1.7391304;
	}
	.dialog_counseling .counseling_content_image {
	height: 187px;
	}
}

/* dialog_zeus_3dsecure_challenge modal dimension and position */
.modal_window#dialog_zeus_3dsecure_challenge{
	margin-top: 0!important;
    margin-left: 0!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%);
    height: 80vh;
    width: 50%;
    min-width: 300px;
    max-width: 960px;
    max-height: 698px;
}
.threeDscontainer--container{
	height: 100%;
	width: auto;
	background-color: #fff !important;
}

.challege_wait--waiting{
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.challege_wait--waiting>svg{
    margin-bottom: 10px;
}

.challege_wait--waiting>div>span{
    display: block;
    font: inherit;
    font-size: 14px;
    text-transform: lowercase;
    font-weight: bold;
    color: #00000066;
}

.challege_wait--waiting>div>span:not(:last-child){
    margin-bottom: 5px;
}

.threeDscontainer--container>iframe{
    position: relative;
    margin-right: -6px;
	background-color: #fff !important;
}

.threeDscontainer--container>iframe::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F559;
}

.threeDscontainer--container>iframe::-webkit-scrollbar
{
    position: absolute;
    right: 10px!important;
    border-radius: 10px;
	width: 6px;
	background-color: #F5F5F559;
}

.threeDscontainer--container>iframe::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #bfbccd59;
}

.threeDscontainer--container>iframe::-webkit-scrollbar:hover{
    background-color: #F5F5F5;
}

.threeDscontainer--container>iframe::-webkit-scrollbar:hover .threeDscontainer--container>iframe::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}

.threeDscontainer--container>iframe::-webkit-scrollbar:hover .threeDscontainer--container>iframe::-webkit-scrollbar-thumb{
    background-color: #bfbccd;
}
/* End dialog campaign: new_year */

/* dialog campaign: new_year afterlesson*/

#dialog_remove_rating .rating_data_inner .warning {
	color: #E55C67;
	padding: 28px 0;
	font-size: 14px;
	font-weight: bold;
}

#dialog_remove_rating .rating_data_inner .question {
	font-size: 14px;
}

#dialog_remove_rating .modal_inner {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#dialog_remove_rating .note {
	width: 80%;
	padding: 20px;
	margin: 0 auto;
}
#dialog_remove_rating_alert{
	background: rgba(0, 0, 0, 0.61) 0% 0% no-repeat padding-box;
	
}
#dialog_remove_rating_alert .title{
 font-size: 22px;
    color: #fff;
}

/* Option Popup Edit Delete Appreciation Message Sent To Teacher */
.item-msg .title .sub-menu-wrap{
	position: absolute;
    display: flex;
    align-items: center;
    margin-left: 21px;
	right: 20px;
	top: 12px;
	cursor: pointer;
}

.item-msg .title .sub-menu-wrap .btn-dot{
	display: flex;
    justify-content: center;
    align-items: center;
}

.item-msg .title .sub-menu-wrap .btn-dot::before {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FFF;
}
.item-msg .title .sub-menu-wrap .btn-dot .ic-dot{
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FFF;
    margin: 0 5px;
}
.item-msg .title .sub-menu-wrap .btn-dot::after {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #FFF;
}

.item-msg .title .sub-menu-wrap .sub-menu{
	border: #ccc 1px solid;
	position: absolute;
	right: 45px;
	top: calc(100% + 0px);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
	z-index: 300;
	display: none;
}

.item-msg .title .sub-menu-wrap .sub-menu .menu-item {
	width: 130px;
	cursor: pointer;
}

.item-msg .title .sub-menu-wrap .sub-menu .menu-item .btn-menu{
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	font-size: 1.5rem;
	color: #555;
	background: #FFF;
	font-weight: normal;
}

.edit-message-content{
	width: 94%;
	height: 69%;
	resize: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 20px !important;
	font-size: 16px !important;
}

.length-message-content{
	margin-top: 10px;
	position: relative;
}

.length-message-content .count-max-length{
	position: absolute;
	right: 10px;
}

.update-message-content{
	width: 120px;
	height: 36px;
	margin: 20px auto;
}

.btn-update-message-content{
	margin-top: 20px;
	width: 100%;
	height: 100%;
	background-color: #03C9A9;
	border: none;
	border-radius: 6px;
	box-shadow: 0px 0px 2px #00000029;
	color: #fff;
}

.max-time-label{
	color: #999999 !important;
}
/* End Option Popup Edit Delete Appreciation Message Sent To Teacher */


/* Modal confirm delete Appreciation Message */

.modal-confirm-delete-appr-msg {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.modal-content-confirm-delete-appr-msg {
	background-color: #fefefe;
	margin: 15% auto;
	border: 1px solid #888;
	min-width: 720px;
	max-width: 50%;
	min-height: 220px;
	max-height: 25%;
	border-radius: 6px;
}

.title-confirm-delete{
	min-width: 448px;
	max-width: 60%;
	height: 45px;
	margin: 40px auto;
	text-align: center;
	line-height: 20px;
}

.confirm-delete-appr-msg{
    width: 83%;
    display: flex;
    justify-content: space-between;
    text-align: center;
	margin: 45px auto;
}

.btn-cancel-confirm-delete{
	width: 282px;
	height: 50px;
	border: none;
	border-radius: 6px;
	background-color: #aaa;
	color: #fff;
}

.btn-accept-confirm-delete{
	width: 282px;
	height: 50px;
	border: none;
	border-radius: 6px;
	background-color: #03C9A9;
	color: #fff;
}

.gray-text {
    color: #9F9F9F;
  }

/* End Modal confirm delete Appreciation Message */

/* Modal delete Appreciation Message Success */

.modal-delete-appr-msg-success{
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
	
.modal-content-delete-appr-msg-success {
	background-color: #555;
    margin: 15% auto;
    width: 420px;
    height: 120px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    opacity: 0.8;
    justify-content: center;
}
.content-delete-appr-msg-success{
	opacity: 1;
	font-size: 22px;
	color: white;
}

/* Modal delete Appreciation Message Success */
/* campaign scholarship zh-tw */
.campaign-scholarship-popup-image{
	max-width: 500px!important;
	position: relative!important;
	margin: -30px;
}

.campaign-scholarship-popup-image>img{
	width: 100%;
}
.campaign-scholarship.modal_window{
	border: none!important;
	border-radius: 0!important;
}

.campaign-scholarship.modal_window .campaign-scholarship-checkbox{
	position: absolute;
	color: #FFF!important;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
}

.campaign-scholarship .do_not_show_again_modal_campaign--scholarship{
	width: 18px;
	height: 18px;
}

.campaign-modal-portal{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
/* dialog_zeus_3dsecure_challenge modal dimension and position */
.modal_window#dialog_zeus_3dsecure_challenge{
	margin-top: 0!important;
    margin-left: 0!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%);
    height: 80vh;
    width: 50%;
    min-width: 300px;
    max-width: 960px;
    max-height: 698px;
}

.threeDscontainer--container{
	height: 100%;
	width: auto;
}

.challege_wait--waiting{
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.challege_wait--waiting>svg{
    margin-bottom: 10px;
}

.challege_wait--waiting>div>span{
    display: block;
    font: inherit;
    font-size: 14px;
    text-transform: lowercase;
    font-weight: bold;
    color: #00000066;
}

.challege_wait--waiting>div>span:not(:last-child){
    margin-bottom: 5px;
}

.threeDscontainer--container>iframe{
    position: relative;
    margin-right: -6px;
}

.threeDscontainer--container>iframe::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F559;
}

.threeDscontainer--container>iframe::-webkit-scrollbar
{
    position: absolute;
    right: 10px!important;
    border-radius: 10px;
	width: 6px;
	background-color: #F5F5F559;
}

.threeDscontainer--container>iframe::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #bfbccd59;
}

.threeDscontainer--container>iframe::-webkit-scrollbar:hover{
    background-color: #F5F5F5;
}

.threeDscontainer--container>iframe::-webkit-scrollbar:hover .threeDscontainer--container>iframe::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}

.threeDscontainer--container>iframe::-webkit-scrollbar:hover .threeDscontainer--container>iframe::-webkit-scrollbar-thumb{
    background-color: #bfbccd;
}

/* START NJ-13225: Changes in Daily News Structure */
.dialog_daily_news_filter {
	width: 600px;
	color: #333;
}
.dialog_daily_news_filter .panel_header{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E4E4E4;
	font-size: 2rem;
}
.dialog_daily_news_filter .control_item {
	padding: 1rem 0;
	border-bottom: 1px solid #E4E4E4;
}
.dialog_daily_news_filter .control_item .control_name {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.2rem;
}
.dialog_daily_news_filter .control_item .item_name {
	font-size: 1.6rem;
	font-weight: bold;
}
.dialog_daily_news_filter .list_checkbox_group ul {
	display: flex;
	flex-wrap: wrap;
}
.dialog_daily_news_filter .list_checkbox_group ul li{
	flex: 0 0 50%;
	margin-bottom: 1rem;
}
.dialog_daily_news_filter .list_checkbox_group ul li{
	flex: 0 0 50%;
	margin-bottom: 1rem;
}
.dialog_daily_news_filter .list_checkbox_group ul li:last-child{
	margin-bottom: 0;
}
.dialog_daily_news_filter .list_checkbox_group ul li.w_100{
	flex: 0 0 100%;
}
.dialog_daily_news_filter .list_custom_checkbox {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 1.6rem;
	line-height: 1.2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dialog_daily_news_filter .list_custom_checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.8rem;
	width: 1.8rem;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #707070;
	border-radius: 3px;
}
.dialog_daily_news_filter .list_custom_checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dialog_daily_news_filter .list_custom_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.dialog_daily_news_filter .list_custom_checkbox input:checked ~ .checkmark {
	background-color: #13ACEE;
	border: 1px solid #13ACEE;
}
.dialog_daily_news_filter .list_custom_checkbox input:checked ~ .checkmark:after {
	display: block;
}
/* [START] NJ-82598 */
.dialog_daily_news_filter .disabled_option .list_custom_checkbox,
.dialog_daily_news_filter .inactive_option .list_custom_checkbox,
.daily_news_filter_area .disabled_option .list_custom_checkbox,
.daily_news_filter_area .inactive_option .list_custom_checkbox {
    color: #CCCCCC;
    cursor: not-allowed;
}
.dialog_daily_news_filter .disabled_option .list_custom_checkbox input:disabled ~ .checkmark,
.daily_news_filter_area .disabled_option .list_custom_checkbox input:disabled ~ .checkmark {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    opacity: 1; 
}
.dialog_daily_news_filter .disabled_option .list_custom_checkbox input:disabled ~ .checkmark:after,
.daily_news_filter_area .disabled_option .list_custom_checkbox input:disabled ~ .checkmark:after {
    display: block;
}
.dialog_daily_news_filter .inactive_option .list_custom_checkbox .checkmark,
.daily_news_filter_area .inactive_option .list_custom_checkbox .checkmark{
    background-color: #EEEFF2;
    border: 1px solid #CCCCCC;
}
/* [END] NJ-82598 */
.dialog_daily_news_filter input[type='date'],
.dialog_daily_news_filter input[type='text'],
.dialog_daily_news_filter select{
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	outline: none;
	width: 100%;
	padding: 0.65rem 0.8rem 0.65rem 1.5rem;
	box-shadow: inset 1px 1px 2px #00000029;
	border: 1px solid #707070;
	border-radius: 5px;
	font-size: 1.6rem;
}
.dialog_daily_news_filter input[type="date"]:before{
	color: lightgray;
	content: attr(placeholder);
	position: absolute;
	background-color: #fff;
	z-index: 1;
}
.dialog_daily_news_filter .list_custom_select {
	display: flex;
    align-items: center;
	position: relative
}
.dialog_daily_news_filter .list_custom_select:before {
	content: '';
	position: absolute;
	right: 1.5rem;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 0;
}
.dialog_daily_news_filter .list_custom_select select {
	width: 100%;
	padding: 1.05rem 1.5rem;
}
.dialog_daily_news_filter .daily_news_level_bar {
	width: 100%;
}
.dialog_daily_news_filter .daily_news_level_output .output_block {
	width: 60px;
	border: none;
}
.dialog_daily_news_filter .daily_news_level_bar .filter_handle, 
.dialog_daily_news_filter .daily_news_level_bar .filter_handle.ui-state-default {
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
}
.dialog_daily_news_filter .daily_news_calendar_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dialog_daily_news_filter .daily_news_calendar_group .daily_news_calendar_select {
	flex: 0 0 48%;
	position: relative;
	display: flex;
    align-items: center;
}
.dialog_daily_news_filter .daily_news_calendar_group .daily_news_calendar_select .placeholder{
    position: absolute;
    left: 1.5rem;
    width: 50%;
    height: 35px;
    display: flex;
	align-items: center;
	color: #E4E4E4;
	font-size: 1.6rem;
	background: #fff;
}
.dialog_daily_news_filter .daily_news_calendar_group .daily_news_calendar_select.on .placeholder{
	display: none;
}
.dialog_daily_news_filter .daily_news_btn_group {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.dialog_daily_news_filter .daily_news_box_btn {
	width: 24rem;
	height: 5rem;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 2rem;
}
.dialog_daily_news_filter .daily_news_box_btn.btn_green {
	background-color: #03C9A9;
}
.dialog_daily_news_filter .daily_news_box_btn.btn_orange {
	background-color: #F1890E;
}
.dialog_daily_news_filter .daily_news_box_link {
	width: 24rem;
	height: 5rem;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 2rem;
}
.dialog_daily_news_filter .narrator_wrap {
	display: flex;
    align-items: center;
	gap: 1rem;
}
.dialog_daily_news_filter .narrator_img {
	width: 6rem;
	height: 6rem;
	border: 1px solid #E4E4E4;
	border-radius: 50%;
}
.dialog_daily_news_filter .narrator_flag {
	width: 3.1rem;
	height: 1.8rem;
}
@media (max-height: 901px) {
	.dialog_daily_news_filter .panel_control{
		max-height: calc(100vh - 53rem);
		padding-bottom: 20.6rem;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.dialog_daily_news_filter .daily_news_btn_group {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 101;
	}
	.dialog_daily_news_filter .daily_news_btn_group::before {
		content: '';
		width: 100%;
		height: 176px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		background: #fff;
		opacity: 0.8;
	}
	.dialog_daily_news_filter .daily_news_filter_panel,
	.dialog_daily_news_filter .daily_news_btn_group .daily_news_box_btn,
	.dialog_daily_news_filter .daily_news_btn_group a {
		position: relative;
	}
}
.dialog_daily_news_filter .btn_half ul{
	display: flex;
	flex-direction: row;
	gap: 2rem
}
.dialog_daily_news_filter .filter_list_item + .filter_list_item {
    margin-top: 2rem;
}
.dialog_daily_news_filter .filter_list_item .header {
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
    padding: 2rem;
	background: #F5F5F5;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
    cursor: pointer;
}
.dialog_daily_news_filter .filter_list_item.on .header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.dialog_daily_news_filter .filter_list_item .header:after {
    content: "";
	position: absolute;
    right: 2rem;
    border: solid #706e6e;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .5s ease;
}
.dialog_daily_news_filter .filter_list_item.on .header:after {
    transform-origin: 50% 50%;
    transform: rotate(225deg);
}
.dialog_daily_news_filter .filter_list_item .contents  {
    max-height: 0;
    visibility: hidden;
    transition: .5s ease;
    padding: 0 1.5rem;
	border: 1px solid #E4E4E4;
	border-top: none;
	border-radius: 0 0 4px 4px;
    opacity: 0;
	overflow: hidden;
}
.dialog_daily_news_filter .filter_list_item.on .contents {
    max-height: 1000px;
    visibility: visible;
    padding: 1.5rem;
    opacity: 1;
}
.dialog_daily_news_filter .filter-value-list {
	font-size: 1.6rem;
}
.dialog_daily_news_filter .filter-value-list .item-list{
	font-size: 1.6rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #E4E4E4;
}
.dialog_daily_news_filter .filter-value-list .item-list:first-child p span.disabled-topic,
.daily_news_filter_area .filter-value-list .item-list:first-child p span.disabled-topic {
	color: #CCCCCC;
}
.dialog_daily_news_filter .filter-value-list .item-list + .item-list{ 
	padding: 1.5rem 0
}
.dialog_daily_news_filter .filter-value-list .item-list label{
	display: block;
	font-weight: bold;
	margin-bottom: 1.5rem
}
.daily_news_filter_area .filter-value-list .item-list p,
.dialog_daily_news_filter .filter-value-list .item-list p {
	display: inline-block;
}
.dialog_daily_news_filter.list .panel_body{
	height: 77vh;
}
.dialog_daily_news_filter.list .panel_body .filter-list{
	overflow: auto;
}
/* END NJ-13225: Changes in Daily News Structure */

/* START NJ-31317: Daily Topics */
.dialog_daily_topics_filter {
	width: 53.2rem;
	color: #333;
}
.dialog_daily_topics_filter .panel_header{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #E4E4E4;
	font-size: 2rem;
}
.dialog_daily_topics_filter .control_item {
	padding: 1rem 0;
	border-bottom: 1px solid #E4E4E4;
}
.dialog_daily_topics_filter .control_item .control_name {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.2rem;
}
.dialog_daily_topics_filter .list_checkbox_group ul {
	display: flex;
	flex-wrap: wrap;
}
.dialog_daily_topics_filter .list_checkbox_group ul li{
	flex: 0 0 50%;
	margin-bottom: 1rem;
}
.dialog_daily_topics_filter .list_checkbox_group ul li{
	flex: 0 0 50%;
	margin-bottom: 1rem;
}
.dialog_daily_topics_filter .list_checkbox_group ul li:last-child{
	margin-bottom: 0;
}
.dialog_daily_topics_filter .list_checkbox_group ul li.w_100{
	flex: 0 0 100%;
}
.dialog_daily_topics_filter .list_custom_checkbox {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 1.6rem;
	line-height: 1.2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dialog_daily_topics_filter .list_custom_checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border: 1px solid #707070;
	border-radius: 3px;
}
.dialog_daily_topics_filter .list_custom_checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dialog_daily_topics_filter .list_custom_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.dialog_daily_topics_filter .list_custom_checkbox input:checked ~ span{
	font-weight: bold;
}
.dialog_daily_topics_filter .list_custom_checkbox input:checked ~ .checkmark {
	background-color: #13ACEE;
	border: 1px solid #13ACEE;
}
.dialog_daily_topics_filter .list_custom_checkbox input:checked ~ .checkmark:after {
	display: block;
}
.dialog_daily_topics_filter input[type='date'],
.dialog_daily_topics_filter input[type='text'],
.dialog_daily_topics_filter select{
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	outline: none;
	width: 100%;
	padding: 0.65rem 0.8rem 0.65rem 1.5rem;
	box-shadow: inset 1px 1px 2px #00000029;
	border: 1px solid #707070;
	border-radius: 5px;
	font-size: 1.6rem;
}
.dialog_daily_topics_filter input[type="date"]:before{
	color: lightgray;
	content: attr(placeholder);
	position: absolute;
	background-color: #fff;
	z-index: 1;
}
.dialog_daily_topics_filter .list_custom_select {
	display: flex;
    align-items: center;
	position: relative
}
.dialog_daily_topics_filter .list_custom_select:before {
	content: '';
	position: absolute;
	right: 1.5rem;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 0;
}
.dialog_daily_topics_filter .list_custom_select select {
	width: 100%;
	padding: 1.05rem 1.5rem;
}
.dialog_daily_topics_filter .daily_topics_level_bar {
	width: 100%;
}
.dialog_daily_topics_filter .daily_topics_level_output .output_block {
	width: 60px;
	border: none;
}
.dialog_daily_topics_filter .daily_topics_level_bar .filter_handle, 
.dialog_daily_topics_filter .daily_topics_level_bar .filter_handle.ui-state-default {
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
}
.dialog_daily_topics_filter .daily_topics_calendar_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dialog_daily_topics_filter .daily_topics_calendar_group .daily_topics_calendar_select {
	flex: 0 0 48%;
	position: relative;
	display: flex;
    align-items: center;
}
.dialog_daily_topics_filter .daily_topics_calendar_group .daily_topics_calendar_select .placeholder{
    position: absolute;
    left: 1.5rem;
    width: 50%;
    height: 35px;
    display: flex;
	align-items: center;
	color: #E4E4E4;
	font-size: 1.6rem;
	background: #fff;
}
.dialog_daily_topics_filter .daily_topics_calendar_group .daily_topics_calendar_select.on .placeholder{
	display: none;
}
.dialog_daily_topics_filter .daily_topics_btn_group {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.dialog_daily_topics_filter .daily_topics_box_btn {
	width: 24rem;
	height: 5rem;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 2rem;
}
.dialog_daily_topics_filter .daily_topics_box_btn.btn_green {
	background-color: #03C9A9;
}
.dialog_daily_topics_filter .daily_topics_box_btn.btn_orange {
	background-color: #F1890E;
}
.dialog_daily_topics_filter .daily_topics_box_link {
	width: 24rem;
	height: 5rem;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 2rem;
}
.dialog_daily_topics_filter .narrator_wrap {
	display: flex;
    align-items: center;
	gap: 1rem;
}
.dialog_daily_topics_filter .narrator_img {
	width: 6rem;
	height: 6rem;
	border: 1px solid #E4E4E4;
	border-radius: 50%;
}
.dialog_daily_topics_filter .narrator_flag {
	width: 3.1rem;
	height: 1.8rem;
}
@media (max-height: 901px) {
	.dialog_daily_topics_filter .panel_control{
		max-height: calc(100vh - 53rem);
		padding-bottom: 20.6rem;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.dialog_daily_topics_filter .daily_topics_btn_group {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 101;
	}
	.dialog_daily_topics_filter .daily_topics_btn_group::before {
		content: '';
		width: 100%;
		height: 176px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		background: #fff;
		opacity: 0.8;
	}
	.dialog_daily_topics_filter .daily_topics_filter_panel,
	.dialog_daily_topics_filter .daily_topics_btn_group .daily_topics_box_btn,
	.dialog_daily_topics_filter .daily_topics_btn_group a {
		position: relative;
	}
}
.dialog_daily_topics_filter .btn_half ul{
	display: flex;
	flex-direction: row;
	gap: 2rem
}
.dialog_daily_topics_filter .filter_list_item + .filter_list_item {
    margin-top: 2rem;
}
.dialog_daily_topics_filter .filter_list_item .header {
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
    padding: 2rem;
	background: #F5F5F5;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
    cursor: pointer;
}
.dialog_daily_topics_filter .filter_list_item.on .header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.dialog_daily_topics_filter .filter_list_item .header:after {
    content: "";
	position: absolute;
    right: 2rem;
    border: solid #706e6e;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .5s ease;
}
.dialog_daily_topics_filter .filter_list_item.on .header:after {
    transform-origin: 50% 50%;
    transform: rotate(225deg);
}
.dialog_daily_topics_filter .filter_list_item .contents  {
    max-height: 0;
    visibility: hidden;
    transition: .5s ease;
    padding: 0 1.5rem;
	border: 1px solid #E4E4E4;
	border-top: none;
	border-radius: 0 0 4px 4px;
    opacity: 0;
	overflow: hidden;
}
.dialog_daily_topics_filter .filter_list_item.on .contents {
    max-height: 1000px;
    visibility: visible;
    padding: 1.5rem;
    opacity: 1;
}
.dialog_daily_topics_filter .filter-value-list {
	font-size: 1.6rem;
}
.dialog_daily_topics_filter .filter-value-list .item-list{
	font-size: 1.6rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #E4E4E4;
}
.dialog_daily_topics_filter .filter-value-list .item-list + .item-list{ 
	padding: 1.5rem 0
}
.dialog_daily_topics_filter .filter-value-list .item-list label{
	display: block;
	font-weight: bold;
	margin-bottom: 1.5rem
}
.dialog_daily_topics_filter.list .panel_body{
	height: 77vh;
}
.dialog_daily_topics_filter.list .panel_body .filter-list{
	overflow: auto;
}
/* END NJ-31317: Daily Topics */

/* END NJ-20054: Golden Week NC Challenge Campaign */

/* NJ-23626 campaign: lesson_coin_gift */
/* popup live */
.dialog_campaign_lesson_coin_gift_live{
	width: 87rem;
	height: min-content;
	box-sizing: border-box;
	max-width: 870px;
}
.dialog_campaign_lesson_coin_gift_live .sec_ttl p{
	color: #2A60BA;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_lesson_coin_gift_live .sec_text .link a {
	color: #00ACEE;
	font-size: 1.8rem;
	font-weight: normal;
	text-decoration: underline;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 1rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_wrap{
	width: 100%;
	margin-bottom: 2.5rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_wrap .stamp_basket_image img{
	display: block;
	width: 100%;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket{
	position: relative; 
	padding: 2rem 3.3rem 4rem;
	background-color: #fff;
	border: 3px solid #6AC0EE;
	border-top: 0;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #80D4F9;
	text-align: center;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_header {
	position: relative;
	width: 32rem;
	height: 6rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 2rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_num {
	position: relative;
	top: 0.2rem;
	color: #E83936;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.5rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item{
	display: flex;
    justify-content: space-around;
    align-items: center;
	flex-direction: column;
    position: relative;
	width: 8.4rem;
    height: 6.5rem;
    box-shadow: -1px -1px #E4E4E4, inset -1px -1px 0 0 #E4E4E4;
	padding: 1rem;
	font-weight: bold;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item.header{
	height: 1.6rem;
	font-size: 1.6rem;
	font-weight: normal;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item img{
	width: 100%;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item-num{
	font-size: 1.4rem;
	font-weight: bold;
    margin-bottom: 0.5rem;
}
/* END NJ-23626 campaign: lesson_coin_gift */

/* NJ-22649 dialog_lesson_review */
.dialog_lesson_review {
  	padding: 4rem;
  	max-width: 48.8rem;
	width:100%;
  	background: #FFFFFF;
	border: 4px solid #555555;
  	border-radius: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.dialog_lesson_review .profile,
.dialog_lesson_review .course{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width:37.6rem;
	width:100%;
	margin:0 auto;
}
.dialog_lesson_review .profile img,
.dialog_lesson_review .course img{
	width: 64px;
	height: 64px;
	border: 1px solid #E4E4E4;
}
.dialog_lesson_review .profile img{
	border-radius: 100%;
}
.dialog_lesson_review .course img{
	border-radius: 4px;
}
.dialog_lesson_review .profile .profile_right,
.dialog_lesson_review .course .course_right{
	margin-left: 10px;
}
.dialog_lesson_review .profile .profile_right p{
	font-size: 1.5rem;
	line-height: 1.4;
}
.dialog_lesson_review .profile .profile_right p:not(:last-child){
	margin-bottom:4px;
}
.dialog_lesson_review .course .course_right p{
	font-size: 1.4rem;
	line-height: 1.42;
	margin-bottom:2px;
}
.dialog_lesson_review .course .course_right a{
	font-size: 1.4rem;
	line-height: 1.42;
	color:#00ACEE;
	text-decoration: underline;
}
.dialog_lesson_review .link-items{
	display: flex;
    justify-content: center;
    align-items: center;
    max-width: 28rem;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 2rem;
}
.dialog_lesson_review .link-items .link-item{
    display: flex;
    justify-content: center;
    align-items: center;
	gap: 1rem;
    min-width: 28rem;
    height: 4.7rem;
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 0.4rem;
	border: 1px solid #DDDDDD;
    box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.25);
	padding: 0;
}
.dialog_lesson_review .link-items.link-item .btn_gray:hover{
	background:#F7F7F7;
}
.dialog_lesson_review .link-items .link-item img{
	width:2rem;
	filter: brightness(0) saturate(100%) invert(15%) sepia(8%) saturate(20%) hue-rotate(344deg) brightness(85%) contrast(82%);
}
/* END NJ-22649 dialog_lesson_review */

.disabledReviewIcon {
	background:grey !important;
}
.mp-popup a {
	background: #F1890E;
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 20px auto 0;
	width: 250px;
	max-width:100%;
	border-radius: 3px;
	font-size:20px;
	font-weight:bold
}

.mp-popup a:hover {
	opacity: 0.8
}


/* Start NJ-10346 */
.delete_chatlog_confirm_modal .modal, .delete_chatlog_complete_modal .modal {
	width: 100%;
	max-width: 720px;
	padding: 2rem;
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	border: 4px solid #555555;
	border-radius: 10px;
  }
  .delete_chatlog_confirm_modal .modal.active h2, .delete_chatlog_complete_modal h2 {
	font-size: 24px;
	color: #555555;
	font-family:  Meiryo;
  }
  .delete_chatlog_confirm_modal .modal.active p, .delete_chatlog_complete_modal p {
	font-size: 16px;
	color: #555555;
	font-family:  Meiryo;
	line-height: 2.4rem;
  }
  .delete_chatlog_confirm_modal .modal.active .fw_b, .delete_chatlog_complete_modal .fw_b {
	font-weight: bold;
  }
  .delete_chatlog_confirm_modal .modal.active .m0_auto, .delete_chatlog_complete_modal .m0_auto {
	margin: 0 auto!important;
  }
  .delete_chatlog_confirm_modal .d_flex {
	display: flex;
	justify-content: space-around;
  }
  .delete_chatlog_confirm_modal .square_btn, .delete_chatlog_complete_modal .square_btn {
	width: 60%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	margin: 1rem;
  }
  .delete_chatlog_confirm_modal .bg_gray {
	background-color: #999999;
  }
  .delete_chatlog_confirm_modal .bg_green, .delete_chatlog_complete_modal .bg_green {
	background-color: #03C9A9;
  }
/* End NJ-10346 */
/* NJ-23626 campaign: lesson_coin_gift */
/* popup live */
.dialog_campaign_lesson_coin_gift_live{
	width: 87rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_lesson_coin_gift_live .sec_ttl p{
	color: #E40000;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_lesson_coin_gift_live .sec_text .link a {
	color: #00ACEE;
	font-size: 1.8rem;
	font-weight: normal;
	text-decoration: underline;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 1rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_wrap{
	width: 100%;
	margin-bottom: 2.5rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_wrap .stamp_basket_image img{
	display: block;
	width: 100%;
	border-radius: 2rem 2rem 0 0;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket{
	position: relative; 
	padding: 2rem 3.3rem 4rem;
	background-color: #fff;
	border: 3px solid #F6C268;
	border-top: 0;
	border-radius: 0 0 2rem 2rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #80D4F9;
	text-align: center;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_header {
	position: relative;
	width: 32rem;
	height: 6rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 2rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_basket_num {
	position: relative;
	top: 0.2rem;
	color: #E83936;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.5rem;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item{
	display: flex;
    justify-content: space-around;
    align-items: center;
	flex-direction: column;
    position: relative;
	width: 8.4rem;
    height: unset;
    box-shadow: -1px -1px #E4E4E4, inset -1px -1px 0 0 #E4E4E4;
	padding: 1rem;
	font-weight: bold;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list_container strong{
display: none;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item.header{
	height: 1.6rem;
	font-size: 1.6rem;
	font-weight: normal;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item img{
	width: 100%;
}
.dialog_campaign_lesson_coin_gift_live .stamp_list .list-item-num{
	font-size: 1.4rem;
	font-weight: bold;
    margin-bottom: 0.5rem;
}
/* END NJ-23626 campaign: lesson_coin_gift */

/* NJ-32722 */
.dialog_new_category_list_add .color-fav {
	display: flex;
	justify-content: center;
}

.dialog_new_category_list_add a.item {
	padding: 6px;
	font-size: 20px;
	border-radius: 50%;
	margin: 6px 12px;
	border-width: 0;
	border-color: transparent;
	border-style: solid;
}

.dialog_modal_hc_select {
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}

.dialog_modal_hc_select{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_modal_hc_select .visual {
	margin-bottom: 2.4rem;
}
.dialog_modal_hc_select .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.dialog_modal_hc_select .sec_ttl{
	margin-bottom: 2rem;
	text-align: center;
}
.dialog_modal_hc_select .sec_ttl p{
	color: #f1890e;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_modal_hc_select .sec_ttl .black{
	color: #555555;
}
.dialog_modal_hc_select .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_modal_hc_select .sec_text .link a {
	color: #00ACEE;
	display: inline-block;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: underline;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
}
.dialog_modal_hc_select .sec_text .link a:hover {
	text-decoration: none;
}
.dialog_modal_hc_select .sec_ttl h2 {
	font-size: 24px;
}
.dialog_modal_hc_select .sec_ttl .heart_txt_input {
	margin: 4rem auto;
}
.dialog_modal_hc_select .sec_ttl .heart_txt_input input {
	width: 500px;
	max-width: 100%;
}
.dialog_modal_hc_select .sec_ttl .hc_color_select {
	display: flex;
	justify-content: space-between;
	width: 450px;
	margin: 0 auto;
}
.dialog_modal_hc_select .sec_ttl .heart-sel {
	position: relative;
	cursor: pointer;
	font-size: 22px;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #F0295D;
}

.dialog_modal_hc_select .sec_ttl .table-h-list table tr td i:after{
	display: none;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#F1890E"]:after {
	border: 1px solid #F1890E;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#FFF200"]:after {
	border: 1px solid #FFF200;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#3AE374"]:after {
	border: 1px solid #3AE374;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#0652DD"]:after {
	border: 1px solid #0652DD;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#C56CF0"]:after {
	border: 1px solid #C56CF0;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#FDAB9F"]:after {
	border: 1px solid #FDAB9F;
}
.dialog_modal_hc_select .sec_ttl .heart-sel.active[data-color="#825746"]:after {
	border: 1px solid #825746;
}
.dialog_modal_hc_select .sec_ttl .tbtns {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin: 4rem auto -2rem;
}
.dialog_modal_hc_select .sec_ttl .tbtns button {
	width: 330px;
	background: #999999;
	text-align: center;
	font-size: 20px;
	border-radius: 3px;
	padding: 15px;
	color: #ffffff;
	border: none;
}
.dialog_modal_hc_select .sec_ttl .tbtns button:hover{
	opacity: 0.7;
}
.dialog_modal_hc_select .sec_ttl .tbtns button:last-child {
	background: #999999;
}
/* End modal heart color select */

/* modal heart edit list */
.dialog_modal_hc_select.h-edit {
    width: 449px;
    max-width: 100%;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table {
    margin: 30px auto -15px;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr td:first-child {
    width: 300px;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr td:not(:first-child) {
    padding: 0 5px;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr td ul li {
    display: inline-block;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr td ul li button {
	background: none;
	border: none;
	color: #555555;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr td i {
    font-size: 13px;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr {
    padding: 10px 0;
    display: block;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr:not(:last-child) {
	border-bottom: 2px solid #eae8e8;
}
.dialog_modal_hc_select .sec_ttl .table-h-list table tr td ul li:nth-child(2) button {
    padding-right: unset;
}
.dialog_modal_hc_select .sec_ttl .tbtns button.btn-close {
    background: #999999;
}
.dialog_modal_hc_select .sec_ttl .heart-edit-list-name h3 {
    font-size: 16px;
    border-bottom: 2px solid #eae8e8;
    margin: 4rem auto;
    padding-bottom: 8px;
}
/* NJ-32722 end*/

.dialog_new_category_list_add a.active {
	border-width: 1px;
}

.dialog_add_to_fav_categories-new a.item {
	padding: 6px;
	font-size: 20px;
	border-radius: 50%;
	margin: 6px 12px;
}
.dialog_add_to_fav_categories_rename a.item {
	padding: 6px;
	font-size: 20px;
	border-radius: 50%;
	margin: 6px 12px;
}
.dialog_add_to_fav_categories_after_lesson a.item {
	padding: 6px;
	font-size: 20px;
	border-radius: 50%;
	margin: 6px 12px;
}

.dialog_add_to_fav_categories-new a.item i:before, .dialog_new_category_list_add a.item i:before {
	position: relative;
	top: 2px;
}
.dialog_add_to_fav_categories_rename a.item i:before, .dialog_new_category_list_add a.item i:before {
	position: relative;
	top: 2px;
}
.dialog_add_to_fav_categories_after_lesson a.item i:before, .dialog_new_category_list_add a.item i:before {
	position: relative;
	top: 2px;
}

.dialog_new_category_list_add a.active {
	border-width: 1px;
}

.dialog_new_category_list_add a.disabled{
	background: #9999995c !important;
	color: #fff !important;
}
.dialog_add_to_fav_categories-new .color-fav {
	display: flex;
	justify-content: center;
}

.dialog_add_to_fav_categories-new a.active {
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
}
.dialog_add_to_fav_categories-new a.disabled{
	background: #9999995c !important;
	color: #fff !important;
}
.dialog_add_to_fav_categories_rename .color-fav {
	display: flex;
	justify-content: center;
}

.dialog_add_to_fav_categories_rename a.active {
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
}
.dialog_add_to_fav_categories_rename a.disabled{
	background: #9999995c;
	color: #fff;
}
.dialog_add_to_fav_categories_after_lesson .color-fav {
	display: flex;
	justify-content: center;
}

.dialog_add_to_fav_categories_after_lesson a.active {
	border-width: 1px;
	border-color: transparent;
	border-style: solid;
}
.dialog_add_to_fav_categories_after_lesson a.disabled{
	background: #9999995c;
	color: #fff;
	box-shadow: none;
	cursor: default;
	pointer-events: none;
	border:none;
}
.btn_style_custom.btn_green {
	background: #03c9a9;
	border: none !;
	color: #fff;
	text-shadow: none;
}
.btn_style_custom {
	display: inline-block;
	min-width: 360px;
	line-height: 40px;
	padding: 0 15px;
	text-align: center;
	background: #eaeaea;
	border-radius: 4px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
	text-shadow: 1px 1px 2px #fff;
	font-weight: bold;
	font-size: 1.8rem;
	text-decoration: none;
	transition: all 0.2s linear;
	position: relative;
}
/* NJ-23553: Counseling modal */

.counseling_hdngs {
	position: relative;
}

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

.wdt_m {
	width: 46rem;
	text-align: center;
	margin: 0 auto;
}

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

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

/* End NJ-23553: Counseling modal */

/* NJ-16808 modal vocabulary book selection icon [DAILY NEWS] START */

#dialog_sentence_image figure {
	overflow: hidden;
}

#dialog_sentence_image figure img {
	width: 100%;
	height: auto;
	max-height: 85vh;
}

#dialog_sentence_icon .sentence_icon_select {
	margin-bottom: 20px;
}

#dialog_sentence_icon .dialog_sentence_icon_m_b_30 {
	margin-bottom: 30px;
}

#dialog_sentence_icon .dialog_sentence_icon_m_b_20 {
	margin-bottom: 20px;
}

#dialog_sentence_icon .text {
	text-align: center;
}

#dialog_sentence_icon .sentence_icon_icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-column-gap: 20px;
	   -moz-column-gap: 20px;
	        column-gap: 20px;
}

#dialog_sentence_icon .sentence_icon_btn {
	margin-top: 2.5rem;
}

.dialog_sentence_icon .install_app_banner {
	display: block;
	width: 36rem;
	height: auto;
	margin: 0 auto 1.5rem;
}

#dialog_add_vocabulary.modal_window {
	background: #383732;
	border: none;
	max-width: 360px;
	width: 360px;
	margin-left: unset !important;
	transform: translateX(-50%);
}

#dialog_add_vocabulary .text {
	text-align: center;
	color: #CCCCCC;
}


#dialog_add_failed_vocabulary.modal_window {
	background: #383732;
	border: none;
	max-width: 360px;
	width: 360px;
	margin-left: unset !important;
	transform: translateX(-50%);
}

#dialog_add_failed_vocabulary .text {
	text-align: center;
	color: #CCCCCC;
}

/* NJ-16808 modal vocabulary book selection icon [DAILY NEWS] END */

/* NJ-20491 */
.t_color_light_gray {
	color: #CCCCCC;
}
.bg_light_gray {
	background-color: #F4F4F4!important;
}
.bg_green {
	background-color: #03C9A9!important;
}
.bg_light_red {
	background-color: #D26D6A!important;
}
.posted_img_teddy {
	position: relative; 
	background-image: url('/user/images/message_board_new/teddy_with_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
    background-size: cover;
	width: 720px;
	height: 320px;
}
.modal_successContentsWrap a.create_topicForm_btn {
	position: absolute!important;
	bottom: 0!important;
	left: 50%!important;
	transform: translateX(-50%);
}
.hide_unhide_topic_confirm_modal {
	padding-top: 0rem;
	font-size: 1.6rem;
	line-height: 2.5rem;
	border: solid 4px #555;
}
.hide_unhide_topic_confirm_modal .modal_content {
	padding-left: 16rem;
}
.hide_unhide_topic_confirm_modal .modal_content .required {
	padding: 0.5rem 1rem;
	background-color: #E80000;
	color: #fff;
	border-radius: 15px;
	margin-bottom: 0.5rem;
}
.hide_unhide_topic_confirm_modal .message_board__confirmBtn {
	padding: 0rem;
}
.hide_unhide_topic_confirm_modal .cancel_button {
	padding: 1.25rem 0rem !important;
	width: 32rem !important;
	background-color: #AFAEAE !important;
}
.hide_unhide_topic_confirm_modal .js_submitBtn {
	padding: 1.5rem 0rem !important;
	width: 33rem !important;
	margin-left: 3rem !important;
}
.hide_unhide_topic_confirm_modal .js_close {
	top: 0rem;
	right: -7.5rem;
	width: 4rem;
	height: 4rem;
	background-image: url('../images/icon/modal_close.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#dialog_report_topic {
	margin-left: 0!important;
	margin-top: 0!important;
}
.t_color_red {
	color: #E80000;
}
/* modal important information */
.dialog_important_information {
	box-sizing: border-box;
	width: 100%;
	max-width: 72rem;
	color: #555555;
	font-size: 1.6rem;
	line-height: 1.5;
}
.dialog_important_information h3 {
	font-size: 2.6rem;
	line-height: 1.43;
	color: #FF0000;
}
.dialog_important_information .date {
	text-align: right;
	margin-bottom: 1rem;
}
.dialog_important_information p {
	margin-bottom: 2.4rem;
}
.dialog_important_information p:last-of-type {
	margin-bottom: 1rem;
}
.dialog_important_information .checkbox-section {
	text-align: center;
}
.dialog_important_information #announcement-content{
	white-space: pre-line;
}
/* modal important information end */
/* NJ-27315 */
#dialog_schedule_cancel .p-accordion {
	max-width: 700px;
	margin-inline: auto;
}

#dialog_schedule_cancel .p-accordion-desc {
	font-size: 15px;
	font-weight: 700;
}

#dialog_schedule_cancel .p-accordion__head {
	cursor: pointer;
	background-color: #fff;
	display: block;
	color: #555555;
	padding: 7px 20px;
	margin-top: 10px;
}

#dialog_schedule_cancel .p-accordion__head-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 198px;
	width: 100%;
	font-size: 15px;
	margin: 0 auto;
}

#dialog_schedule_cancel span.p-accordion__icon::after {
	content: url(../images/icon/down_arrow@2x.png);
	display: inline-block;
	width: 13px;
	height: 7px;
}

#dialog_schedule_cancel .p-accordion__input input[name=p-accordion__block] {
	display: none;
}

#dialog_schedule_cancel .p-accordion__input .p-accordion__block {
	cursor: pointer;
}

#dialog_schedule_cancel .p-accordion__input .p-accordion__content {
	max-height: 0;
	padding: 0 20px;
	overflow: hidden;
	opacity: 0.5;
	background-color: #fff;
	transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.25s ease;
}

#dialog_schedule_cancel .p-accordion__input input[name=p-accordion__block]:checked+.p-accordion__head>.p-accordion__head-inner .p-accordion__icon::after {
	content: url(../images/icon/up_arrow@2x.png);
	display: inline-block;
	width: 13px;
	height: 7px;
}

#dialog_schedule_cancel .p-accordion__input input[name=p-accordion__block]:checked+.p-accordion__head+.p-accordion__content {
	max-width: 360px;
	max-height: max-content;
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border: 1px solid #CCCCCC;
	opacity: 1;
	margin: 0 auto;
	padding: 3rem;
}

#dialog_schedule_cancel .p-accordion__input input[name=p-accordion__block]:checked+.p-accordion__head+.p-accordion__content .b_l_1r {
	border-left: 3px solid #555555;
	padding-left: 1rem;
}

#dialog_schedule_cancel .t_color_red {
	color: #F14444;
}

/* NJ-25350 START */

#dialog_lessons_full,
#dialog_native_speaker_options {
	max-width: 505px;
	width: 100%;
}
.c_black {
	color: #000 !important;
}

/* NJ-25350 END */

/* my page modal after registration */
.mp-popup {
	position: fixed;
	z-index: 2000;
	padding-top: 200px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}
.mp-popup div {
	margin: auto;
	padding: 30px 20px;
	width: 550px;
	max-width: 100%;
	text-align: center;
	border-radius: 10px;
	border: 5px solid #555555;
	background:#fff;
}

.mp-popup p:not(:first-child) {
	letter-spacing: 2px;
}

.mp-popup p:first-child {
	font-size:24px;
	font-weight:bold;
}

.mp-popup div p {
	line-height: 30px;
}

.mp-popup div h2 {
	font-size: 36px;
	margin: 25px auto;
	font-weight:bold;
}

.mp-popup div small {
	font-size: 16px
}

.mp-popup div span:before {
	content: url('https://assets.nativecamps.com/user/webroot/images/modal/icon_coin_unified.svg');
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding-right: 15px;
}

.mp-popup a {
	background: #F1890E;
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 20px auto 0;
	width: 250px;
	max-width:100%;
	border-radius: 3px;
	font-size:20px;
	font-weight:bold
}

.mp-popup a:hover {
	opacity: 0.8
}

/* NJ-23812: dialog_welcome_home */
/* dialog_welcome_home */
.dialog_welcome_home {
	padding: 30px;
	  max-width: 500px;
	  width:100%;
	  box-sizing: border-box;
  }
  .dialog_welcome_home .welcome_home_left{
	  position:absolute;
	  top: 70px;
	left: 28px;
  }
  .dialog_welcome_home .welcome_home_right{
	  position:absolute;
	  top: 60px;
	right: 28px;
  }
  /* End NJ-23812: dialog_welcome_home */
  
  /* NJ-23812: dialog_complete_register */
  /* dialog_complete_register */
  .dialog_complete_register{
	  max-width:500px; 
	  width:100%;
	  padding: 30px;
	  box-sizing: border-box;
  }
  .dialog_complete_register .image_block{
	  justify-content: center;
	  margin-bottom:8px;
  }
  .dialog_complete_register .image_block .image_block_left{
	  display:flex;
	  align-items:center;
	  margin-right:16px;
  }
  .dialog_complete_register .image_block .image_block_left img{
	  width:74px; 
	  height:74px;
  }
  .dialog_complete_register .image_block .image_block_right{
	  width:132px;
	  height:132px;
  }
  /* End NJ-23812: dialog_complete_register */
  
  /* NJ-23812: dialog_credit_security */
  /* dialog_credit_security */
  .dialog_credit_security{
	  max-width:500px; 
	  width:100%;
	  padding: 30px 44px 50px;
	  box-sizing: border-box;
  }
  .dialog_credit_security .card_items{
	display:flex;
	  justify-content: center;
  }
  .dialog_credit_security .card_items .card_item .card_item_title{
	color:#000000;
	  font-family:"Noto Sans JP",sans-serif;
  }
  .dialog_credit_security .card_items .card_item .card_item_container{
	background: #D2D2D2;
	  border-radius: 10px;
	  width:188px;
	  height:114px;
	  padding:14px 0;
	  box-sizing: border-box;
  }
  .dialog_credit_security .card_items .card_item .card_item_container .card_item_black{
	background: #555555;
	  height:20px;
	  width:100%;
  }
  .dialog_credit_security .card_items .card_item .card_item_container .card_item_white{
	background: #FFFFFF;
	  height:27px;
	  margin:9px 12px;
	  text-align:right;
	  padding:2px;
	  font-style: italic;
	  box-sizing: border-box;
  }
  .dialog_credit_security .card_items .card_item .card_item_container .card_item_white span{
	  border: 2px solid #FF0707;
  }
  .dialog_credit_security .card_items .card_item .card_item_container .amex_span{
	  border: 2px solid #FF0707;
	  font-style: italic;
	  margin-top: -5px;
  }
  /* End NJ-23812: dialog_credit_security */

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

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

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

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

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

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

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

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

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

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

.mb_dialog_complete_register .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;
}

.mb_dialog_complete_register .dialog_complete_register .btn_center {
    padding: 0;
}

/* END NJ-23812: dialog_complete_register */

/* NJ-20069 RESERVATION HISTORY MODAL */
#modal_reservation_history {
	position: fixed !important;
	z-index: 99999;
	background: #fff;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	isolation: isolate;
	width: 900px;
	margin: 0 !important;
}

#modal_reservation_history table {
	width: 100%;
}

#modal_reservation_history table tr:first-of-type {
	background: #E4E4E4;
}

#modal_reservation_history table th {
	width: 36px;
}

#modal_reservation_history table tr>* {
	border: 1px solid #CCCCCC;
	padding: 10px 16px;
}

#modal_reservation_history table tr:first-child td {
	font-weight: 800;
	text-align: center;
}

#modal_reservation_history table tr td:not(:first-of-type):not(:nth-of-type(3)) {
	text-align: center;
}

#modal_reservation_history h2 {
	font-size: 24px;
	text-align: center;
	margin: 52px 0 20px;
}

#modal_reservation_history table tr td:nth-of-type(3) {
	font-weight: 600;
}

#modal_reservation_history table a {
	text-decoration: underline;
	color: #12ABED;
}
/*-----------------------------------*/
/* #dialog_auto_teacher_select
/*-----------------------------------*/
#dialog_auto_teacher_select h3{
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 20px;
}
#dialog_auto_teacher_select .btn_blue{
	background: #19CAFA;
}
#dialog_auto_teacher_select .item + .item{
	margin-top: 50px;
}
#dialog_auto_teacher_select .item .item_inner{
	margin: 0 auto;
	display:grid;
  	grid-template-columns: 47% 50%;
  	gap: 20px 20px;
}
#dialog_auto_teacher_select .item .item_inner .block{
    display:flex;
    align-items:center;
    justify-content:center;
	position: relative;
}
#dialog_auto_teacher_select .item .item_inner .block figure{
	height: 100%;
}
#dialog_auto_teacher_select .item .item_inner .block img{
	max-width: 100%;
	height: 100%;
}
#dialog_auto_teacher_select .item .item_inner .block .text_top-left{
	position: absolute;
  	top: 25px;
  	left: 25px;
	color: #555555;
	font-family: Noto Sans JP;
	font-weight: bold;
}
#dialog_auto_teacher_select .item .item_inner .block .text_bottom{
	position: absolute;
  	bottom: 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(46, 46, 46, 0.7);
	color: #fff;
	width: 100%;
    text-align: center;
}
#dialog_auto_teacher_select .item .item_flex{
	margin: 0 auto;
}
#dialog_auto_teacher_select .item .item_flex .block{
    display:flex;
    align-items:center;
    justify-content:center;
	position: relative;
}
#dialog_auto_teacher_select .item .item_flex .block .m_w_50{
	max-width: 70px;
	margin-right: 20px;
}
#dialog_auto_teacher_select .item .item_flex .block .m_w_50 > img{
	width: 100%;
}
#dialog_auto_teacher_select .item .item_flex .block h3.balloon{
	position: relative;
	padding: 20px;
	background-color: #fff;
	border: 2px solid #E4E4E4;
	border-radius: 5px;
	margin-bottom: 0;
}

#dialog_auto_teacher_select .item .item_flex .block h3.balloon::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 20px;
	border-right: 15px solid #E4E4E4;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
#dialog_auto_teacher_select .item .item_flex .block h3.balloon::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -12px;
	top: 20px;
	border-right: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

/* dialog_first_time_lesson */
.dialog_first_time_lesson .item_inner img{
	width: 100%;
}

/* appreciation_selection_modal --- .note-payment-status-area start */

.dialog_appreciation_messages .note-payment-status-area {
	max-width: 500px;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 2.2rem auto;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box {
	justify-content: space-between;
	padding: 1.5rem;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box > span {
	font-size: 1.6rem;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box > span em.c_red {
	color: #F05444;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box > span a.t_link {
	display: flex;
	align-items: center;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box .t-link-chevron-right {
	margin-left: .5rem;
	display: inline-block;
	position: relative;
	width: 12px;
	vertical-align: middle;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box .t_link .t-link-chevron-right::before {
	content: "";
	background: url('/images/lesson_history/icon-arrow-blue.svg') center center/contain no-repeat;
	display: inline-block;
	width: 12px;
	height: 12px;
}
.dialog_appreciation_messages .note-payment-status-area .payment-status-box .t_link:hover .t-link-chevron-right::before {
	background-image: url('/images/lesson_history/icon-arrow-blue-hover.svg');
}
#dialog_tutor_payment_failed {
	max-width: 450px;
    width: 450px;
}

/* appreciation_selection_modal --- .note-payment-status-area end */
/* filter_area */
.modal_window .tb_wrap{
	overflow-y: inherit;
	margin-top: 0 !important;
}
.modal_window .tb_wrap .filter_area {
	/*overflow: hidden;*/
	padding: 0;
}
.modal_window .tb_wrap .filter_area .flex {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* End dialog campaign: newgrammar afterlesson*/
/* sevendays_free_trial */
.sevenh3{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.2 !important;
	color: #FFFFFF;
	font-weight: bold;
}

.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_1 ul li:not(:first-child) {
	margin-top: 10px;
}

.sevendays_free_trial_1{
	padding: 0 12px;
}

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

.sevendays_free_trial .btn{
	border-radius:4px;
	padding: 0 45px;
	font-weight:normal;
}
 
.sevendays_free_trial_2 ul .batsu::before, .batsu::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  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;
}

.dialog_counseling .counseling_container {
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border-radius: 29px;
	clear: both;
}
.dialog_counseling .counseling_title {
	display: inline-block;
	margin: 0 auto;
	font-size: 26.25px;
	font-size: 2.625rem;
	color: #F56B27;
	border-bottom: solid 5px #F56B27;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 42.25px;
}
.dialog_counseling .counseling_content {
	padding-right: max(5%,50px);
	padding-left: max(5%,50px);
	padding-top: min(6%,43.75px);
	padding-bottom: min(6%,36.75px);
	background: #FFFCFA;
	color: #000000;
	border: solid 5px #F56B27;
}
.dialog_counseling .counseling_content .counseling_title{
	margin-bottom: 25px;
}
.dialog_counseling .counseling_content ul {
	display: flex;
	justify-content: center;
	gap: 50px;
}
.dialog_counseling .counseling_content ul li {
	color: #F56B27;
	line-height: 1.2;
	width: 100%;
}
.dialog_counseling .counseling_content_image {
	height: 120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: center no-repeat;
	background-size: contain;
}
.dialog_counseling .counseling_content_title {
	font-size: 2.5vh;
	font-weight: bold;
	margin-top: 10px;
	white-space: nowrap;
}
.modal_window.dialog_counseling{
	padding-left: 60px;
	padding-right: 60px;
}

@media only screen and (min-width: 1965px) {
	.dialog_counseling .counseling_content_title {
		font-size: 2.3rem;
	}

	.dialog_counseling .counseling_content ul li {
		line-height: 1.7391304;
	}

	.dialog_counseling .counseling_content_image {
		height: 187px;
	}
}
/* End dialog campaign: new_year */

/* dialog campaign: new_year afterlesson*/

#dialog_remove_rating .rating_data_inner .warning {
	color: #E55C67;
	padding: 28px 0;
	font-size: 14px;
	font-weight: bold;
}

#dialog_remove_rating .rating_data_inner .question {
	font-size: 14px;
}

#dialog_remove_rating .modal_inner {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#dialog_current_rating .btn_wrap ul,
#dialog_remove_rating .btn_wrap ul {
	display: flex;
	justify-content: space-around;
}

#dialog_current_rating .btn_style.btn_ok,
#dialog_remove_rating .btn_style.btn_ok {
	background: #03C9A9;
	text-shadow: none;
}
#dialog_current_rating .btn_wrap ul li,
#dialog_remove_rating .btn_wrap ul li {
	margin: 0 22px;
}

#dialog_current_rating .btn_wrap ul li a,
#dialog_remove_rating .btn_wrap ul li a {
	min-width: 250px;
}

#dialog_remove_rating .rating_data_inner .title {
	font-weight: 600;
	font-size: 18px;
}

#dialog_remove_rating .rating_data_inner .warning {
	color: #E55C67;
	padding: 28px 0;
	font-size: 14px;
	font-weight: bold;
}

#dialog_remove_rating .rating_data_inner .question {
	font-size: 14px;
}

#dialog_remove_rating .modal_inner {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#dialog_remove_rating .note {
	width: 80%;
	padding: 20px;
	margin: 0 auto;
}
#dialog_remove_rating_alert{
	background: rgba(0, 0, 0, 0.61) 0% 0% no-repeat padding-box;
	
}
#dialog_remove_rating_alert .title{
 font-size: 22px;
    color: #fff;
}
#dialog_remove_rating .note {
	width: 80%;
	padding: 20px;
	margin: 0 auto;
}
#dialog_remove_rating_alert{
	background: rgba(0, 0, 0, 0.61) 0% 0% no-repeat padding-box;

}
#dialog_remove_rating_alert .title{
 font-size: 22px;
    color: #fff;
}

.user-comment-caption {
	display: flex;
	justify-content: flex-end;
	font-size: 1.6rem;
	line-height: 1.5;
}

.modal_window .tb_wrap .filter_area .filter_ttl {
	color: #555;
	font-weight: bold;
	font-size: 14px;
}
.modal_window .tb_wrap .filter_area .filter_ttl .hide-pc {
	display: none;
}
.modal_window .tb_wrap .filter_wrap {
	padding: 20px 0px 25px 12px;
	width: 450px;
	margin: 0px 0px 15px 0px;
}
.modal_window .tb_wrap .filter_wrap .level_filter {
	position: relative;
}
.modal_window .tb_wrap .filter_wrap .ui-slider-horizontal {
	height: 6px;
}
.modal_window .tb_wrap .filter_wrap .filter_handle {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	background-image: none;
	border-radius: 50%;
	border: 3px solid #f1890e;
	top: 50%;
	transform: translateY(-50%);
	z-index: 101;
	margin-left: -13px;
}
.modal_window .tb_wrap .filter_wrap  .ui-widget-header {
	background: none;
	background-color: transparent;
	margin: 0;
}
.modal_window .tb_wrap .filter_wrap .ui-widget-content {
	border-radius: 4px;
	border: none;
	background: none;
	background-color: #d3d3d3;
}
.modal_window .tb_wrap .filter_wrap .filter_color_bar {
	width: 100%;
	height: 6px;
	display: flex;
	flex-wrap: nowrap;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
}
.modal_window .tb_wrap .filter_wrap .filter_color_bar .single_color_bar {
	display: block;
	height: 100%;
	width: 11.11%;
	background-color: transparent;
}
.modal_window .tb_wrap .filter_wrap .filter_color_bar .single_color_bar:last-child {
	width: 11.2%;
}
.modal_window .tb_wrap .filter_wrap .filter_color_bar .single_color_bar.on {
	background-color: #f1890e;
}
.modal_window .tb_wrap .filter_wrap .filter_scale {
	width: 100%;
	height: 6px;
	background-color: transparent;
	position: relative;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #d3d3d3;
	border: none;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.on {
	background-color: #f1890e;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale:after{
	content: 'lv';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 100px;
	text-align: center;
	transform: translateX(-50%);
	margin-top: 10px;
	font-size: 16px;
	color: #555;
	font-weight: bold;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-1 {
	left: 0;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-2 {
	left: 11.11%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-3 {
	left: 22.22%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-4 {
	left: 33.33%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-5 {
	left: 44.44%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-6 {
	left: 55.55%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-7 {
	left: 66.66%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-8 {
	left: 77.77%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-9 {
	left: 88.88%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-10 {
	left: 100%;
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-1:after {
	content: '1';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-2:after {
	content: '2';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-3:after {
	content: '3';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-4:after {
	content: '4';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-5:after {
	content: '5';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-6:after {
	content: '6';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-7:after {
	content: '7';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-8:after {
	content: '8';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-9:after {
	content: '9';
}
.modal_window .tb_wrap .filter_wrap .filter_scale .single_scale.no-10:after {
	content: '10';
}
.modal_window .tb_wrap .filter_wrap:hover,
.modal_window .tb_wrap .filter_wrap .filter_handle:hover,
.modal_window .tb_wrap .filter_wrap  .ui-widget-header:hover,
.modal_window .tb_wrap .filter_wrap .filter_scale:hover {
	cursor: pointer;
}
.modal_window .tb_list_new .tb_item_new .tb_inner .tb_desc_wrap{
	align-items: stretch;
}
.modal_window .tb_list_new .tb_item_new .tb_inner .tb_icon_wrap .tb_icon {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 0;
}
.modal_window .tb_icon_wrap .tb_icon img {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
}
.modal_window .tb_list_new.view_detail .tb_item_new .tb_inner .tb_desc_wrap .head .tb_ttl{
	margin-bottom: 9px;
}
.modal_window .textbook_categories .tbs-wrap{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 10px 8px;
	grid-gap: 10px 8px;
}
.modal_window .tb_lesson_content {
	padding: 1rem;
	height: auto;
	border: 1px solid #EEEEEE;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
}
.modal_window .tb_lesson_content.disabled {
	pointer-events: none;
}
.modal_window .tb_lesson_content.disabled:before {
	content: "";
	display: block;
	position: absolute;
	background: #EEEEEE;
	opacity: .7;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.modal_window .tb_lesson_content p {
	font-weight: bold;
	padding: 0.5rem;
}
.modal_window .tb_lesson_contents_wrap .textbook_categories{
	padding-right: 4px;
	max-height: 50vh;
	overflow: auto;
}
.modal_window .tb_lesson_contents_wrap .category_filters{
	justify-content: space-between;
	padding: 0;
}
.modal_window .tb_lesson_contents_wrap .textbook_categories .course > .d_flex,
.modal_window .tb_lesson_contents_wrap .textbook_categories .category > .d_flex{
	gap: 10px 8px;
}
.modal_window .tb_lesson_contents_wrap .textbook_categories .course > .d_flex + .d_flex,
.modal_window .tb_lesson_contents_wrap .textbook_categories .category > .d_flex + .d_flex{
	margin-top: 10px;
}
.modal_window .tb_lesson_content .tb_rank_wrap{
	width: 25px;
	height: 25px;
	background: #F0F0F0;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.modal_window .tb_lesson_content .tb_rank_wrap .rank{
	padding: 0;
}
.modal_window .tb_lesson_content .rank-new{
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: none;
}
.modal_window .tb_lesson_content .rank-new img{
	width: 100%;
}
.modal_window .tb_lesson_content .tb_rank_wrap.rank-1,
.modal_window .tb_lesson_content .tb_rank_wrap.rank-2,
.modal_window .tb_lesson_content .tb_rank_wrap.rank-3{
	background: none;
}
.modal_window .tb_lesson_content .tb_rank_wrap.rank-1 .rank,
.modal_window .tb_lesson_content .tb_rank_wrap.rank-2 .rank,
.modal_window .tb_lesson_content .tb_rank_wrap.rank-3 .rank{
	display: none;
}
.modal_window .tb_lesson_content .tb_rank_wrap.rank-1:before,
.modal_window .tb_lesson_content .tb_rank_wrap.rank-2:before,
.modal_window .tb_lesson_content .tb_rank_wrap.rank-3:before{
	content: "";
	display: block;
	width: 30px;
	height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}
.modal_window .tb_lesson_content .tb_rank_wrap.rank-1:before{
	background: url('../images/textbook/crown_gold.png') no-repeat center;
	background-size: contain;
}
.modal_window .tb_lesson_content .tb_rank_wrap.rank-2:before{
	background: url('../images/textbook/crown_silver.png') no-repeat center;
	background-size: contain;
}
.modal_window .tb_lesson_content .tb_rank_wrap.rank-3:before{
	background: url('../images/textbook/crown_bronze.png') no-repeat center;
	background-size: contain;
}
.dialog_in-class-select-textbook .tb_lesson_contents_wrap{
	max-height: 65vh;
}
.modal_window .tb_wrap .tb_sub_item .tb_sub_item_ttl{
	text-align: left;
}
.modal_window .tb_wrap .tb_sub_list .tb_sub_item + .tb_sub_item{
	margin-top: 0;
}
/*--------------------------------------------*/
/* tb sub menu
/*--------------------------------------------*/
.modal_window .tb_wrap .tb_sub_menu ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	flex-wrap: wrap;
	gap: 8px 8px;
	grid-gap: 8px 8px;
	font-size: 0;
	margin: 10px 0 0;
	position: relative;
}
.modal_window .tb_wrap .tb_sub_menu li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-bottom: 3px solid #eee;
	min-height: 56px;
	margin: 0;
}
.modal_window .tb_wrap .tb_sub_menu li + li{
}
.modal_window .tb_wrap .tb_sub_menu li .tb_sub_menu_inner{
	display: table;
	line-height: 1.5;
	width: 100%;
}
.modal_window .tb_wrap .tb_sub_menu li a{
	display: table-cell;
	padding: 5px 15px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #555;
	transition: all 0.2s linear;
	vertical-align: middle;
	box-sizing: border-box;
	word-wrap: break-word;
	text-align: center;
}
.modal_window .tb_wrap .tb_sub_menu li a .class_name{
	display: inline-block;
	text-align: left;
}
.modal_window .tb_wrap .tb_sub_menu li.b_b_orange{
	border-bottom-color: #ffa436;
}
.modal_window .tb_wrap .tb_sub_menu li.disabled{
	pointer-events: none;
	background-color: #eee;
}
.modal_window .tb_wrap .tb_sub_menu li:hover{
	border-bottom-color: #ffa436;
}
.modal_window .tb_wrap.tb_wrap_studysapuri .tb_sub_menu .tb_sub_menu_inner a{
	padding: 1.8rem 0;
}
.modal_window .tb_wrap.tb_wrap_studysapuri .tb_sub_menu li a .class_name{
	text-align: center;
	line-height: 1.7;
}
/*--------------------------------------------*/
/* tb sub menu-2
/*--------------------------------------------*/
.modal_window .tb_wrap .tb_sub_menu-2 ul{
	font-size: 0;
}
.modal_window .tb_wrap .tb_sub_menu-2 li{
	display: inline-block;
}
.modal_window .tb_wrap .tb_sub_menu-2 li + li{
	margin-left: 25px;
}
.modal_window .tb_wrap .tb_sub_menu-2 li a{
	display: inline-block;
	padding: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #555;
	transition: all 0.2s linear;
}
.modal_window .tb_wrap .tb_sub_menu-2 li a:hover{
	border-color: #ffa436;
}
.modal_window .tb_wrap .d_flex {
	margin: initial!important;
	margin: 0!important;
}
.modal_window div.m_w_50 img {
	max-width: 50px!important;
}
.modal_window .tb_wrap .tb_chapter_list > ul > li a {
}
.modal_window .tb_wrap .tb_chapter_list > ul > li a .chapter_item_table {
}
.modal_window .tb_wrap .f_grow_1 {
	flex-grow: 1;
}
.modal_window .tb_wrap .m_auto {
	margin: auto;
}
.dialog_lesson_settings .lesson-items-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #555;
	margin-bottom: 20px;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap{
	display: flex;
	align-items: center;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .thumb-wrap{
	width: 70px;
	height: 70px;
	margin-right: 20px;
	border-radius: 50%;
	overflow: hidden;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .thumb-wrap img{
	object-fit: contain;
	width: 100%;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap{
	font-size: 15px;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap .ttl{
	font-weight: bold;
	margin-right: 10px;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap .name-wrap{
	display: flex
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap .date-wrap{
	margin-top: 10px;
	display: flex;
}
.dialog_lesson_settings .lesson-items-wrap .coin-wrap{
	min-width: 435px;
}
.dialog_lesson_settings .lesson-items-wrap .coin-wrap .details{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	margin-bottom: 5px;
}
.dialog_lesson_settings .lesson-items-wrap .coin-wrap .details .title{
	font-weight: bold;
}
.dialog_lesson_settings .lesson-items-wrap .coin-wrap .box-yellow{
	width: 100%;
	border: 2px solid #FFB54A;
	border-radius: 4px;
	background: #FFFCEE;
	padding: 14px 20px;
	font-size: 16px;
	box-sizing: border-box;
}


/* NJ-18824 */
.dialog_lesson_settings .lesson-items-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #555;
	margin-bottom: 20px;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap{
	display: flex;
	align-items: center;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .thumb-wrap{
	width: 70px;
	height: 70px;
	margin-right: 20px;
	border-radius: 50%;
	overflow: hidden;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .thumb-wrap img{
	object-fit: contain;
	width: 100%;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap{
	font-size: 15px;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap .ttl{
	font-weight: bold;
	margin-right: 10px;
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap .name-wrap{
	display: flex
}
.dialog_lesson_settings .lesson-items-wrap .teacher-wrap .details-wrap .date-wrap{
	margin-top: 10px;
	display: flex;
}
.dialog_lesson_settings .lesson-items-wrap .select-tb-wrap{
	min-width: 460px;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
}
.dialog_lesson_settings .lesson-items-wrap .select-tb-wrap .thumb-wrap{
	width: 70px;
	height: 70px;
	margin-right: 10px;
	border-radius: 6px;
	overflow: hidden;
}
.dialog_lesson_settings .lesson-items-wrap .select-tb-wrap .thumb-wrap > img{
	width: 100%;
}
.dialog_lesson_settings .lesson-items-wrap .select-tb-wrap .tb-name-wrap .tb-name + .tb-name{
	margin-top: 6px;
}
.dialog_lesson_settings .second_element{
	height: 67vh;
  	overflow-y: auto;
	box-sizing: border-box;
}
.dialog_schedule_reserve .second_element{
	height: 51vh;
}
.dialog_lesson_settings .second_element::-webkit-scrollbar {
	-webkit-appearance: none;
}
.dialog_lesson_settings .second_element::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.dialog_lesson_settings .second_element::-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);
}
.dialog_lesson_settings .second_element *{
	box-sizing: border-box;
}
.dialog_lesson_settings .second_element .links-wrap{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 10px 0;
}
.dialog_lesson_settings .second_element .chapter-info{
	display: flex;
	gap: 0 10px;
	font-size: 14px;
	margin-top: 13px;
}
.dialog_lesson_settings .second_element .chapter-info .bar{
	display: block;
	width: 2px;
	height: 16px;
	background: #EEEEEE;
	border-radius: 5px;
}
.dialog_notify_lesson_start{
	padding: 30px;
	max-width: fit-content;
	width: 100%;
	box-sizing: border-box;
}
.dialog_notify_lesson_start .lesson-info{
	max-width: 275px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.dialog_notify_lesson_start .lesson-info .image-wrap{
	width: 100px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}
.dialog_notify_lesson_start .lesson-info .image-wrap img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.dialog_notify_lesson_start .lesson-info .text{
	font-size: 14px;
	display: flex;
	gap: 0 5px;
}
.dialog_notify_lesson_start .lesson-info .text + .text{
	margin-top: 10px;
}
.dialog_notify_lesson_start .lesson-info .block{
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
}
.dialog_notify_lesson_start .lesson-info .block .image-wrap{
	width: 56px;
	height: 56px;
	overflow: hidden;
	margin: 0;
}
.dialog_notify_lesson_start .lesson-info .block .image-wrap > img{
	width: 100%;
	height: 100%;
	border-radius: 6px;
}
.dialog_notify_lesson_start .lesson-info .block .text-wrap{
	margin-left: 10px;
	margin-top: 0;
}
.dialog_notify_lesson_start .lesson-info .block .text{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dialog_in-class-select-textbook ul li {
	float: unset !important;
}
.comment_box_bad .red{
	color: #F0295D;
	font-weight: bold;
}

.comment_box_bad .center{
	text-align: center;
}

.comment_box_bad .box-count{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	width: 100%;
}
.comment_box_bad .box-count > p:first-child{
	font-size: 14px;
}
.comment_box_bad  .ui-count_form > p{
	text-align: right;
}
.rating_data_form_wrap .box-count{
	text-align: right;
}
.btn_comment_wrap .remind-comment-teacher{
	font-size: 22px;
	line-height: 1.5;
}
.comment_box .btn_comment_wrap ul{
	padding: 12px 0 24px;
}
.increment .box-count{
	font-size: 14px;
}
.modal_window.dialog .comment_box_bad .btn_wrap ul{
	margin-bottom: 20px;
}
/*-----------------------------------*/
/* #dialog_auto_teacher_select
/*-----------------------------------*/
#dialog_auto_teacher_select{
	bottom: auto !important;
	margin-bottom: 20px !important;
	border: none;
	box-shadow: none;
	counter-reset: step;
}
#dialog_auto_teacher_select h3{
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 20px;
}
#dialog_auto_teacher_select .btn_blue{
	background: #19CAFA;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
}
#dialog_auto_teacher_select .item + .item{
	margin-top: 50px;
}
#dialog_auto_teacher_select .item .item_inner{
	max-width: 880px;
	margin: 0 auto;
	display:grid;
  	grid-template-columns: 50% 50%;
  	grid-row: auto;
  	grid-column-gap: 28px;
  	grid-row-gap: 28px;
}
#dialog_auto_teacher_select .item .item_inner .block{
    display:flex;
    align-items:center;
    justify-content:center;
	position: relative;
}
#dialog_auto_teacher_select .item .item_inner .block img{
	max-width: 100%;
}
#dialog_auto_teacher_select .item .item_inner .block .text_top-left{
	position: absolute;
  	top: 10px;
  	left: 12px;
	color: #555555;
	font-family: Noto Sans JP;
	font-weight: bold;
}
#dialog_auto_teacher_select .item .item_inner .block .text_bottom{
	position: absolute;
  	bottom: 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(46, 46, 46, 0.7);
	color: #fff;
	width: 100%;
    text-align: center;
	font-family: Noto Sans JP;
	font-weight: bold;
}
#dialog_auto_teacher_select .item .item_flex{
	width: 808px;
	padding: 0 20px;
	margin: 0 auto;
}
#dialog_auto_teacher_select .item .item_flex .block{
    display:flex;
    align-items:center;
    justify-content:center;
	position: relative;
}
#dialog_auto_teacher_select .item .item_flex .block .m_w_50{
	max-width: 70px;
	margin-right: 20px;
}
#dialog_auto_teacher_select .item .item_flex .block .m_w_50 > img{
	width: 100%;
	max-width: 50%;
}
#dialog_auto_teacher_select .item .item_flex .block h3.balloon{
	position: relative;
	padding: 20px;
	background-color: #fff;
	border: 2px solid #E4E4E4;
	border-radius: 5px;
	margin-bottom: 0;
}

#dialog_auto_teacher_select .item .item_flex .block h3.balloon::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 20px;
	border-right: 15px solid #E4E4E4;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
#dialog_auto_teacher_select .item .item_flex .block h3.balloon::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -12px;
	top: 20px;
	border-right: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

/* dialog_first_time_lesson */
.dialog_first_time_lesson .item_inner img{
	width: 100%;
}

/* NJ-34334 Bug Fix */
#dialog_first_time_lesson .w_70 {
	width: 70%;
}
/* NJ-34334 Bug Fix END */

.dialog_coupon_expiry{
	min-width: 520px;
}
.dialog_coupon_expiry .box-title{
	display: flex;
	width: 80%;
    border-bottom: 1px #CCCCCC solid;
    padding-bottom: 0.5rem;
    margin: 0 auto;
    color: #555555;
    align-items: baseline;
    justify-content: space-between;
}
.dialog_coupon_expiry .box-gray{
	background: #999999;
	padding: 0.3rem;
	color: #FFFFFF;
}
.dialog_coupon_expiry .box-orange{
	border: 2px #F1890E solid;
    margin: 2rem auto;
    padding: 2rem;
    max-height: 324px;
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
    padding: 2.5rem 4rem;
}
.dialog_coupon_expiry .box-orange .tb-coupon{
	text-align: left;
	color: #555555;
	font-size: 1.6rem;
	width: 100%;
}
.dialog_coupon_expiry .box-orange .tb-coupon td{
	padding: 0.4rem 0;
}
.dialog_coupon_expiry .box-orange .tb-coupon .tb-head{
	border-bottom: 1px #CCCCCC solid;
}
.dialog_coupon_expiry .box-orange .tb-coupon .tb-body td{
	padding-top: 2rem;
}
.dialog_coupon_expiry .box-orange .tb-coupon th{
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.dialog_coupon_expiry .box-orange .tb-coupon tr th:nth-child(even),
.dialog_coupon_expiry .box-orange .tb-coupon tr td:nth-child(even) {
  	text-align:right;
}
/* NJ-23803 Start */

.dialog_option_unavailable .btn_gray_v2{
	background: #737373 !important;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
}

.dialog_option_unavailable .btn_gray_v2:hover{
	opacity: .7;
}

/* NJ-23803 End */

/* NJ-14864 start */
#dialog_modal_reservation_requests {
	width: 690px;
	margin-left: unset !important;
	transform: translateX(-50%);
}

#dialog_modal_reservation_requests h2 {
	color: #000000;
	font-size: 2.6rem;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}

#dialog_modal_reservation_requests .profile-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 2.4rem;
	padding: 10px;
}

#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 #555555;
	color: #555555;
}

#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;
}

/* NJ-14864 end */
/* override */
.modal_window--loader{
    min-width: unset!important;
    max-width: unset!important;
    width: fit-content!important;
    padding: 10px 15px!important;
}

/* NJ-33115 */
.resume-btn-row {
	display: flex;
	justify-content: flex-end;
}
#dialog_schedule_reserve .resume-btn,
#dialog_reserved_lesson_textbook_preset .resume-btn {
	position: relative;
	min-width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0.5rem;
}
#dialog_schedule_reserve .resume-btn.acitve,
#dialog_reserved_lesson_textbook_preset .resume-btn.acitve{
	margin-bottom: 1.5rem;
}
#dialog_schedule_reserve .resume-btn .switch,
#dialog_reserved_lesson_textbook_preset .resume-btn .switch{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
#dialog_schedule_reserve .resume-btn .switch input,
#dialog_reserved_lesson_textbook_preset .resume-btn .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
#dialog_schedule_reserve .resume-btn .slider,
#dialog_reserved_lesson_textbook_preset .resume-btn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .3s;
}
#dialog_schedule_reserve .resume-btn .slider:before,
#dialog_reserved_lesson_textbook_preset .resume-btn .slider:before {
  position: absolute;
  content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
  background-color: white;
  transition: .3s;
}
#dialog_schedule_reserve .resume-btn input:checked + .slider,
#dialog_reserved_lesson_textbook_preset .resume-btn input:checked + .slider {
  background-color: #F1880B;
}
#dialog_schedule_reserve .resume-btn input:checked + .slider:before,
#dialog_reserved_lesson_textbook_preset .resume-btn input:checked + .slider:before {
  transform: translateX(20px);
}
#dialog_schedule_reserve .resume-btn .slider.round,
#dialog_reserved_lesson_textbook_preset .resume-btn .slider.round {
  border-radius: 10px;
}
#dialog_schedule_reserve .resume-btn .slider.round:before,
#dialog_reserved_lesson_textbook_preset .resume-btn .slider.round:before {
  border-radius: 50%;
}
#dialog_schedule_reserve .resume-btn .resume-label,
#dialog_reserved_lesson_textbook_preset .resume-btn .resume-label {
	position: static;
	text-align: center;
	font-weight: 700;
}
#dialog_schedule_reserve .bookmark-btn,
#dialog_reserved_lesson_textbook_preset .bookmark-btn {
	display: flex;
	align-items: center;
	gap: 0.7rem;
}
#dialog_schedule_reserve .bookmark-btn.disabled,
#dialog_reserved_lesson_textbook_preset .bookmark-btn.disabled  {
	opacity: 0.5;
}
#dialog_schedule_reserve .bookmark-btn.disabled label.switch,
#dialog_reserved_lesson_textbook_preset .bookmark-btn.disabled label.switch {
	pointer-events: none;
}
/* NJ-33115 END*/

/* NJ-62888 end */

.modal_window.dialog.loader {
	width: fit-content !important;
	max-width: 100% !important;
	padding: 1.5rem !important;
	min-width: 100px !important;
	height: fit-content !important;
}

/* NJ-31356 start */

.dialog_upload_student_information.dialog.modal_window{
	width: 634px;
	padding: 3.4rem 3.4rem 7rem;
}
.dialog_upload_student_information .gray_box{
	width: 420px;
    max-width: 100%;
    background-color: #F8F8F8;
    margin: 3rem auto;
    padding: 2rem 4rem;
}

.dialog_upload_student_information .gray_box li{
	font-size: 16px;
    font-weight: bold;
    color: #555555;
    list-style-type: disc;
    line-height: 30px;
}

.dialog_upload_student_information .flex_box{
	display: flex;
    flex-wrap: wrap;
    width: 496px;
    margin: 0 auto;
    align-items: self-start;
    column-gap: 4rem;
    row-gap: 3rem;
}

.dialog_upload_student_information .flex_box p,
.dialog_upload_student_information .note{
	font-size: 16px;
}

.dialog_grant_a_coin.dialog.modal_window{
	width: 333px;
    padding: 34px 60px;
}
.dialog_grant_a_coin h3{
	font-size: 24px;
	font-weight: bold;
	color: #555555;
	text-align: center;
}
.dialog_grant_a_coin .flex_box{
	display: flex;
    flex-wrap: wrap;
    margin: 2rem auto;
    align-items: center;
    column-gap: 9px;
    row-gap: 3rem;
    justify-content: center;
}

.dialog_grant_a_coin.modal_window .flex_box p{
	font-size: 36px;
    font-weight: bold;
	color: #555555;
}

.dialog_grant_a_coin.modal_window p{
	font-size: 18px;
    text-align: center;
	color: #555555;
}

.dialog_grant_a_coin a{
	width: 300px;
    display: block;
    max-width: 100%;
    background: #F1890E;
    margin: 2rem auto 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
	border-radius: 2px;
}

#dialog_student_discount_upload_details {
	box-sizing: border-box;
	width: 59.6rem;
	padding: 3.4rem 5.4rem;
}
#dialog_student_discount_upload_details .note {
	display: flex;
	align-items: flex-start;
	gap: 0.3rem;
	max-width: 496px;
	margin: 3rem auto 0;
}
#dialog_registration_coin_grant{
	box-sizing: border-box;
	width: 60rem;
	padding: 3.4rem;
}
#dialog_registration_coin_grant .heading {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}
#dialog_registration_coin_grant .content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.6rem;
	margin-top: 2rem;
}
#dialog_registration_coin_grant .content p {
	font-size: 1.8rem;
	text-align: left;
}
#dialog_registration_coin_grant .close_modal {
	display: block;
	max-width: 31rem;
	border-radius: 5px;
	margin: 3rem auto 0;
}
#dialog_zero_student_discount_cancellation_modal {
	box-sizing: border-box;
	width: 80rem;
	padding: 3.4rem 5rem;
	font-size: 1.6rem;
	color: #555;
}
#dialog_zero_student_discount_cancellation_modal .heading {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}
#dialog_zero_student_discount_cancellation_modal .subheading{
	margin-top: 3rem;
}
#dialog_zero_student_discount_cancellation_modal .reason {
	border-top: 1px solid #EEE;
	padding-top: 2rem;
	margin-top: 3rem;
}
#dialog_zero_student_discount_cancellation_modal .reason .title {
	color: #ED1212;
	margin: 0;
}
#dialog_zero_student_discount_cancellation_modal .reason ul {
	background-color: #F5F5F5;
	padding: 1.5rem;
	font-size: 1.5rem;
	margin-top: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#dialog_zero_student_discount_cancellation_modal .reason ul li::before {
	content: url('../images/modal/list-icon-disc.svg');
	align-self: flex-start;
	display: flex;
	width: 24px;
	height: 21px;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
}
#dialog_zero_student_discount_cancellation_modal .reason ul li {
	display: flex;
	align-items: center;
	line-height: 1.6;
}
#dialog_zero_student_discount_cancellation_modal .reason p {
	margin-top: 1.5rem;
}
#dialog_zero_student_discount_cancellation_modal .reason .note {
	font-size: 1.4rem;
	margin-top: 1rem;
}
#dialog_zero_student_discount_cancellation_modal .contact {
	border-top: 1px solid #EEE;
	padding-top: 2rem;
	margin-top: 2rem;
}
#dialog_zero_student_discount_cancellation_modal .contact .customer-support {
	color: #0FACEE;
	text-decoration: underline;
}
#dialog_zero_student_discount_cancellation_modal .btn-container {
	display: flex;
	align-items: center;
	gap: 3rem;
	margin-top: 4rem;
}
#dialog_zero_student_discount_cancellation_modal .btn-container a.btn_style {
	width: 50%;
	min-width: initial;
	border-radius: 5px;
}

/* payment failure modal */
#dialog_payment_failure_modal {
	box-sizing: border-box;
	font-size: 1.6rem;
	width: 50rem;
	padding: 4rem;
}
#dialog_payment_failure_modal .heading {
	color: #FF0000;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
#dialog_payment_failure_modal .content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 2rem;
}
#dialog_payment_failure_modal .content a {
	color: #0097a7;
	text-decoration: underline;
	display:block;
	margin-top: 1rem;
}
/* payment failure modal end */
/* NJ-31356 end */

/* modal important information */
.dialog_important_information {
	box-sizing: border-box;
	width: 100%;
	max-width: 72rem;
	color: #555555;
	font-size: 1.6rem;
	line-height: 1.5;
}
/* NJ-34334 Bug Fix END */

/* NJ-24473 chat history delete msg modal */
#dialog_modal_delete_message {
	margin: 0 !important;
	translate: -50% -50%;
}
/* END NJ-24473 chat history delete msg modal */
.dialog_important_information h3 {
	font-size: 2.6rem;
	line-height: 1.43;
	color: #FF0000;
}
.dialog_important_information .date {
	text-align: right;
	margin-bottom: 1rem;
}
.dialog_important_information p {
	margin-bottom: 2.4rem;
}
.dialog_important_information p:last-of-type {
	margin-bottom: 1rem;
}
.dialog_important_information .checkbox-section {
	text-align: center;
}
/* modal important information end */

/* modal live lesson max viewers reached, duplicate lesson */
.dialog_live_lesson_max, 
.dialog_live_lesson_duplicate {
	width: 100%;
	max-width: 48rem;
	margin: 0 !important;
	top: 50% !important;
	transform: translate(-50%, -100%);
}
.dialog_live_lesson_max h3.page_ttl,
.dialog_live_lesson_duplicate h3.page_ttl {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}
.dialog_live_lesson_max .close_modal,
.dialog_live_lesson_duplicate .close_modal{
	box-sizing: border-box;
	position: unset;
	min-width: unset;
	width: 100%;
	max-width: 23rem;
	display: block;
	margin: 3rem auto 0;
}
.dialog_live_lesson_max .btn_close,
.dialog_live_lesson_duplicate .btn_close {
	display: none;
}
/* modal live lesson max viewers reached, duplicate lesson end*/

/* NJ-15759 start */
#dialog_try_again,
#dialog_native_speaker_subscribe {
	max-width: 505px;
	width: 100%;
}
 #dialog_confirm_withdrawal {
	width: 800px;
}
.dialog_confirm_withdrawal .btn_style {
	min-width: 270px; 
}
/* NJ-15759 end */

/* NJ-38429 start */
.dialog_campaign_nc_ai_speaking_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* NJ-38429 end */
/* NJ-32876 Start */
.dialog_lesson_completed {
	max-width: 542px;
    width: 100%;
    max-height: 410px;
}
/* NJ-32876 End */

/* NJ-36123 */
.t-center {
	text-align: center;
}
.modal_window.dialog {
	top: 50%;
	left: 50%;
	isolation: isolate;
}


/*  NJ-39935 start */
.dialog_modal_preset_textbook .cur_textbook_inner {
    display: grid;
    grid: 1fr auto auto / min-content auto;
    gap: 8px 18px;
}
.dialog_modal_preset_textbook .cur_textbook_cell {
	display: inline-block;
    vertical-align: top;
}
.dialog_modal_preset_textbook .ic_textbook {
    width: 64px;
    height: 64px;
}
.dialog_modal_preset_textbook .ic_textbook img{
	width: 100%;
    height: 100%;
}
.dialog_modal_preset_textbook .cur_textbook_inner p:not(.chapter-name) {
    font-weight: 500;
    color: #000000;
    line-height: normal;
}
.dialog_modal_preset_textbook .cur_textbook_inner p:not(.cat-name){
	grid-column: 1 / -1;
    color: #838383;
}
/*  NJ-39935 end */

/* NJ-39316 Start */
.dialog_reason_for_cancellation {
	max-width: 100%;
	width: 644px;
}
.dialog_reason_for_cancellation .modal_inner {
	width: 484px;
	margin: 0 auto;
	color: #555;
}
.dialog_reason_for_cancellation .modal_inner p {
	word-break: break-word;
	text-align: justify;
}
.dialog_reason_for_cancellation .modal_inner a.t_link {
	width: max-content; 
	margin-left: auto;
}

.dialog_reason_for_cancellation p.reason_text_wrap {
	max-height: 200px;
	overflow: auto;
	word-break: break-word;
}

[class*=dialog_schedule_cancel] .reason_wrap {
	color: #555;
	padding-inline: 3rem;
}
.dialog_schedule_cancel .reason_wrap textarea {
	resize: none;
	max-width: 500px;
	width: 100%;
	min-height: 82px;
	box-shadow: unset;
}
.dialog_schedule_cancel .reason_wrap textarea::placeholder {
	color: #bbb;
}

/* NJ-44649 */
.dialog_view_upload_image {
	width: max-content;
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: auto !important;
}

/* NJ-42488 [start] */
.dialog_campagin_kakaku_01_live .link a {
	color: #00ACEE;
}
/* NJ-42488 [end] */
/* NJ-35237 Start */
.dialog_login_required,
.dialog_unlimited_option_purchase,
.dialog_unsupported_browser,
.dialog_unsupported_teaching_material,
.dialog_teacher_leave_notice {
	width: 442px !important;
	border-width: 4px !important;
	padding: 30px !important;
}
/* NJ-44869 */
/* .dialog_lesson_teacher_internet_unstable */
.modal_window.dialog_lesson_end_teacher_internet_unstable,
.modal_window.dialog_lesson_teacher_internet_unstable,
.modal_window.dialog_teacher_internet_instable_refund_coins,
.modal_window.dialog_lesson_end_refund_coins,
.modal_window.dialog_lesson_leave,
.modal_window.dialog_lesson_user_disconnection{
	font-family: 'Noto Sans JP';

}
.btn_style.mw_288 {
	min-width: 288px;
}
.btn_style.auto_height {
	height: auto;
	line-height: 30px;
	padding: 10px 15px;
}
.btn_blue_border_txt.mw_288 {
	min-width: 284px;
}
.btn_blue_border_txt {
	border: 2px solid #0bcafa;
	background: transparent;
	color: #0bcafa !important;
}
.btn_wrap.mxw_288 {
	max-width: 350px;
	margin-right: auto;
	margin-left: auto;
}
/* .dialog_lesson_end_teacher_internet_unstable */
.modal_window.dialog_lesson_end_teacher_internet_unstable{
	max-width: 544px;
	width: 100%;
	text-align: center;
}
.modal_window.dialog_lesson_end_teacher_internet_unstable h3,
.modal_window.dialog_lesson_end_teacher_internet_unstable p{	
	color: #555555;
}
.dialog_lesson_end_teacher_internet_unstable .lesson_end_teacher_internet_unstable_img{
	max-width: 120px;
}
.dialog_lesson_end_teacher_internet_unstable .lesson_end_teacher_internet_unstable_btn{
	min-width: 192px;
	background: #03C9A9;
	border-radius: 5px;
}
/* .dialog_teacher_internet_instable_refund_coins */
.modal_window.dialog_teacher_internet_instable_refund_coins{
	max-width: 544px;
	width: 100%;
	text-align: center;
}
.modal_window.dialog_teacher_internet_instable_refund_coins h3,
.modal_window.dialog_teacher_internet_instable_refund_coins p{	
	color: #555555;
}
.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_img{
	max-width: 120px;
}
.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_btn{
	min-width: 160px;
	background: #03C9A9;
	border-radius: 5px;
}
.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_btn_gray{
	background: #999999;
}

/* .dialog_lesson_end_refund_coins */
.modal_window.dialog_lesson_end_refund_coins{
	max-width: 544px;
	width: 100%;
	text-align: center;
}
.modal_window.dialog_lesson_end_refund_coins h3,
.modal_window.dialog_lesson_end_refund_coins p{	
	color: #555555;
}
.dialog_lesson_end_refund_coins .lesson_end_refund_coins_img{
	max-width: 120px;
}
.modal_window.dialog_lesson_end_refund_coins p .orange{
	color: #F1890E;
}
.dialog_lesson_end_refund_coins .lesson_end_refund_coins_btn{
	min-width: 192px;
	background: #03C9A9;
	border-radius: 5px;
}
/* .dialog_lesson_leave */
.modal_window.dialog_lesson_leave{
	width: 72rem;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	border: none;
	border-radius: 1.7rem;
}
.modal_window.dialog_lesson_leave h3,
.modal_window.dialog_lesson_leave p{	
	color: #555555;
}
.dialog_lesson_leave .lesson_leave_img{
	max-width: 120px;
}
.dialog_lesson_leave .lesson_leave_btn{
	background: #03C9A9;
	border-radius: 5px;
}
.dialog_lesson_leave .lesson_leave_btn.lesson_leave_btn_gray{
	background: none;
    border: 1px solid #999999;
    color: #999999 !important;
}
/* .dialog_lesson_user_disconnection */
.modal_window.dialog_lesson_user_disconnection{
	max-width: 68rem;
	width: 100%;
	text-align: center;
	padding: 3.6rem;
	box-sizing: border-box;
}
.modal_window.dialog_lesson_user_disconnection h3,
.modal_window.dialog_lesson_user_disconnection p{	
	color: #333;
}
.modal_window.dialog_lesson_user_disconnection h3 {
	line-height: 1.334;
}
.modal_window.dialog_lesson_user_disconnection p {
	line-height: 1.625;
}
.dialog_lesson_user_disconnection .lesson_user_disconnection_img{
	max-width: 120px;
	margin-inline: auto;
	display: block;
}
.dialog_lesson_user_disconnection .lesson_user_disconnection_btn{
	min-width: 30rem;
	background: #03C9A9;
	border-radius: 5px;
	height: 5rem;
	line-height: 5rem;
}
/* End NJ-44869 */

/* NJ-45886 [start] */
.dialog_campaign_speaking_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* NJ-45886 [end] */
/* NJ-44386 start */
.dialog_campaign_nc_ai_pronunciation_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* NJ-44386 end */
/* NJ-45844 [start] */
#dialog_camera_setting{
	padding-inline: 60px;
	width: max-content;
	color: #555555;

	.modal_inner{
		width: 328px;
	}

	h3{
		font-size: 24px;
	}

	ul{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;

		li:first-child{
			width: 150px;
		}

		li{
			display: flex;
			align-items: center;
			font-size: 16px;

			input[name="camera_setting"]{
				position: absolute;
				opacity: 0;
				z-index: 99999;

				+ label{
					font-size: 16px;

					&::before{
						pointer-events: none;
						margin-top: -8px;
					}

					&::after{
						pointer-events: none;
						margin-top: -4px;
					}
				}
			}
		}
	}
}  
/* NJ-45844 [end] */

/* NJ-45465*/
.dialog_show_add_fav_teacher input[type="checkbox"]:checked, .dialog_show_delete_fav_teacher input[type="checkbox"]:checked {
	accent-color: #CCC;
}
.dialog_show_add_fav_teacher input[type="checkbox"], .dialog_show_delete_fav_teacher input[type="checkbox"] {
	color: #CCC;
	cursor: pointer;
	appearance: none;
	border: 1px solid black;
	width: 18px;
	height: 18px;
	align-content: center;
	align-self: center;
	padding: 0;
}
.dialog_show_add_fav_teacher input[type="checkbox"]:checked::after, .dialog_show_delete_fav_teacher input[type="checkbox"]:checked::after {
	content: "✔";
	color: #14A9B2;
	font-size: 20px;
	position: absolute;
	transform: translate(0%, -54%);
}
.btn-red{
	background: #F05444;
	border:none;
	box-shadow: none;
	text-shadow: none;
}
.btn-grey{
	background: #999999;
	border:none;
	box-shadow: none;
	text-shadow: none;
}
.flex-items{
	display:flex;
}
.gap-5{
	gap: 5px;
}
.flex-1-item{
	flex: 1;
}
.item-center{
	align-items: center;
}

.dialog_create_list_fav_categories{
	max-width: 55rem;
	width: 100%;
}
.dialog_create_list_fav_categories .modal-text-bottom {
	display: flex;
	justify-content: center;
}

.dialog_delete_selected_list{
	max-width: 62rem;
	width: 100%;
	padding: 0;
}

.dialog_delete_selected_list .modal-inner {
	padding: 30px 30px 0; 
}
.dialog_delete_selected_list .modal-form-body .created-lists ul{
	height: 50vh;
	overflow: hidden;
	overflow-y: auto;
}

.dialog_delete_selected_list .modal-form-body .created-lists ul .created-lists-info{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 0 20px;
}
.dialog_delete_selected_list .modal-form-body .created-lists ul .created-lists-info .list-detail{
	display: flex;
	align-items: center;
	gap: 1rem;
}
.dialog_delete_selected_list .modal-form-body .created-lists ul .created-lists-info .list-detail .ellipsis-text{
	white-space: nowrap;
	width: 100%;
	max-width: 484px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dialog_delete_selected_list .modal-text-bottom{
	padding: 20px 0;
	border-top: 1px solid #F4F4F4;
	}
.dialog_delete_selected_list .modal-confirm-delete{
	padding: 20px 0;
}
.dialog_delete_selected_list .modal-confirm-delete .confirmation-delete-text{
	border-bottom: 1px solid #F4F4F4;
	padding:20px 0;
}
.dialog_delete_selected_list .modal-confirm-delete .btn-confirmation-delete ul{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}
.dialog_delete_selected_list .modal-confirm-delete .btn-confirmation-delete ul	li a{
	min-width: 235px;
}
.dialog_delete_selected_list .checkbox-disabled{
	opacity: .5;
	pointer-events: none;
}
.btn_style.btn-grey-disable.disable{
	color: #fff ;
	background: #999999;
	box-shadow: none;
	cursor: default;
	pointer-events: none;
}
.dialog_add_to_fav_categories-new .input_wrap {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}

.dialog_add_to_fav_categories-new .input_wrap img {
	width: 2rem;
  	height: 2rem;
}

.dialog_add_to_fav_categories-new .heart_colors {
	display: flex;
	width: 100%;
	margin: 2rem auto;
	justify-content: center;
	gap: 2.8rem;
}
.dialog_add_to_fav_categories-new .heart_colors img{
	width: 2rem;
  	height: 2rem;
	cursor: pointer;
	padding: 1rem;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_orange{
	border: 1px solid #F1890E;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_yellow{
	border: 1px solid #FFF200;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_green{
	border: 1px solid #3AE374;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_blue{
	border: 1px solid #0652DD;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_violet{
	border: 1px solid #C56CF0;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_pink{
	border: 1px solid #FDAB9F;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .heart_colors .active.heart_brown{
	border: 1px solid #825746;
	border-radius: 20px;
}
.dialog_add_to_fav_categories-new .fav_save li {
	width: 36rem;
	height: 5rem;
	margin: 0 21rem 0 auto;
	float: none;
}
.dialog_add_to_fav_categories-new .fav_save li a {
	width: 100%;
	height: 100%;
	align-content: center;
}
.dialog_add_to_fav_categories_rename .input_wrap {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}
.dialog_add_to_fav_categories_rename .input_wrap img {
	width: 2rem;
  	height: 2rem;
}
.dialog_add_to_fav_categories_rename .heart_colors {
	display: flex;
	width: 100%;
	margin: 2rem auto;
	justify-content: center;
	gap: 2.8rem;
}
.dialog_add_to_fav_categories_rename .heart_colors img{
	width: 2rem;
  	height: 2rem;
	cursor: pointer;
	padding: 1rem;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_orange{
	border: 1px solid #F1890E;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_yellow{
	border: 1px solid #FFF200;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_green{
	border: 1px solid #3AE374;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_blue{
	border: 1px solid #0652DD;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_violet{
	border: 1px solid #C56CF0;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_pink{
	border: 1px solid #FDAB9F;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .heart_colors .active.heart_brown{
	border: 1px solid #825746;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_rename .fav_save li {
	width: 36rem;
	height: 5rem;
	margin: 0 21rem 0 auto;
	float: none;
}
.dialog_add_to_fav_categories_rename .fav_save li a {
	width: 100%;
	height: 100%;
	align-content: center;
}
.dialog_add_to_fav_categories_after_lesson .input_wrap {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}
.dialog_add_to_fav_categories_after_lesson .input_wrap img {
	width: 2rem;
  	height: 2rem;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors {
	display: flex;
	width: 100%;
	margin: 2rem auto;
	justify-content: center;
	gap: 2.8rem;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors img{
	width: 2rem;
  	height: 2rem;
	cursor: pointer;
	padding: 1rem;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_orange{
	border: 1px solid #F1890E;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_yellow{
	border: 1px solid #FFF200;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_green{
	border: 1px solid #3AE374;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_blue{
	border: 1px solid #0652DD;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_violet{
	border: 1px solid #C56CF0;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_pink{
	border: 1px solid #FDAB9F;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .heart_colors .active.heart_brown{
	border: 1px solid #825746;
	border-radius: 20px;
}
.dialog_add_to_fav_categories_after_lesson .fav_save li {
	width: 36rem;
	height: 5rem;
	margin: 0 21rem 0 auto;
	float: none;
}
.dialog_add_to_fav_categories_after_lesson .fav_save li a {
	width: 100%;
	height: 100%;
	align-content: center;
}
.fav_flash_wrap_complete_new .fav_flash_inner_complete {
	font-size: 1.5rem;
	color: rgb(255, 255, 255);
	background: rgba(0, 0, 0, 0.8);
	border-radius: 1.2rem;
	display: flex;
	justify-content: space-between;
	padding: 1.2rem;
	align-items: center;
}
.fav_flash_wrap_complete_new {
	position: fixed;
	top: 11% !important; /* override jQuery behavior */
	left: 50% !important; /* override jQuery behavior */
	transform: translate(-50%);
	width: 35.1rem;
	height: 2.1rem;
	margin-left: 0 !important; /* override jQuery behavior */
	z-index: 9999 !important; /* override jQuery behavior */
}
.dialog_add_to_fav_categories_color {
	width: 55.2rem;
}
.dialog_add_to_fav_categories_color .category_plus_btn {
	border: 1px solid #00ACEE;
	padding: 0.7rem 0 0.7rem 1.6rem;
	border-radius: 0.4rem;
}
.dialog_add_to_fav_categories_color .category_plus_btn a{
	color: #00ACEE;
	line-height: 2.1rem;
}
.dialog_add_to_fav_categories_color .category_list, 
.dialog_show_fav_categories_color .category_list,
.dialog_show_teacher_fav_categories .category_list {
	max-height: 60rem;
	overflow-y: scroll;
  	scrollbar-width: none;
}
.dialog_add_to_fav_categories_color .category_list {
	margin-top: 1.9rem;
	position: relative;
	padding-bottom: 2.7rem;
	overflow-y: unset;
}
.dialog_add_to_fav_categories_color .category_list::before {
	content: '';
	position: absolute;
	left: -3rem;
	bottom: 0;
	width: 61.2rem;
	height: 0.1rem;
	background: #DDDDDD;
}
.dialog_add_to_fav_categories_color .category_list ul {
	max-height: 50rem;
	overflow-y: auto;
	scrollbar-width: none;
}
.dialog_add_to_fav_categories_color .category_list ul li:not(:last-child) {
	margin-bottom: 1.9rem;
}
.dialog_add_to_fav_categories_color .category_list ul li .categ_list {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.3rem 0 0.3rem 2rem;
}
.dialog_show_teacher_fav_categories .category_list{
	max-height: 57.1rem;
}
.dialog_add_to_fav_categories_color .category_list ul li img{
	height: 2rem;
	width: 2rem;
	margin-left: 1rem;
}
.dialog_add_to_fav_categories_color .category_list ul li .categ_list .custom_check {
	padding: 0;
	font-size: 1.6rem;
}
.dialog_add_to_fav_categories_color .category_list ul li .categ_list .custom_check::before {
	left: -60px;
}
.dialog_add_to_fav_categories_color .category_list ul li .categ_list .custom_check::after {
	left: -59px;
}
.dialog_add_to_fav_categories_color .category_list ul li a{
	display: flex;
	gap: 1rem;
	margin: 2rem auto;
	cursor: pointer;
	color: #333333;
}
.dialog_add_to_fav_categories_color .category_list ul li a img {
	height: 2rem;
	width: 2rem;
}
.dialog_add_to_fav_categories_color .category_list ul li a p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dialog_add_to_fav_categories_color .add_to_categories_btn {
	display: block;
	margin: 2rem auto 0;
	font-size: 1.8rem;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.5;
	background: #03C9A9;
	padding: 1.2rem 0;
	text-align: center;
	width: 36rem;
	height: 4rem;
	border-radius: 4px;
	align-content: center;
}
.dialog_add_to_fav_categories_color .add_to_categories_btn:hover {
	opacity: 0.8;
}
.dialog_add_to_fav_categories_color .add_to_categories_btn.disabled {
	background: #F4F4F4;
	color: #CCCCCC;
	pointer-events: none;
}
.dialog_add_to_fav_categories_color_after_lesson {
	width: 55.2rem;
}
.dialog_add_to_fav_categories_color_after_lesson .category_plus_btn {
	border: 1px solid #00ACEE;
	padding: 0.7rem 0 0.7rem 1.6rem;
	border-radius: 0.4rem;
}
.dialog_add_to_fav_categories_color_after_lesson .category_plus_btn a{
	color: #00ACEE;
	line-height: 2.1rem;
}
.dialog_add_to_fav_categories_color_after_lesson .category_list ul li a{
	display: flex;
	gap: 1rem;
	margin: 2rem auto;
	cursor: pointer;
	color: #333333;
}
.dialog_add_to_fav_categories_color_after_lesson .category_list ul li a img {
	height: 2rem;
	width: 2rem;
  }
  .dialog_add_to_fav_categories_color_after_lesson .category_list ul li a p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  }
  .dialog_show_fav_categories_color {
	width: 55.2rem;
	max-height: 68.8rem;
	padding-left: 0;
	padding-right: 0;
}
.dialog_show_fav_categories_color h3 {
	padding: 0 3rem;
}
.modal_window.dialog.dialog_show_teacher_fav_categories {
    margin-top: -337.5px!important;
}
  .dialog_show_teacher_fav_categories {
	width: 62rem;
	max-height: 75.6rem;
	padding: 0 0 2rem;
}

.dialog_show_teacher_fav_categories h3{
	color: #333333;
}

.dialog_show_fav_categories_color .category_plus_btn {
	border: 1px solid #00ACEE;
	padding: 0.7rem 0 0.7rem 1.6rem;
	border-radius: 0.4rem;
	margin: 0 3rem;
}
.dialog_show_fav_categories_color .category_plus_btn a{
	color: #00ACEE;
	line-height: 2.1rem;
}
.dialog_add_to_fav_categories_color .category_list ul li,
.dialog_show_fav_categories_color .category_list ul li,
.dialog_show_teacher_fav_categories .category_list ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dialog_show_fav_categories_color .category_list {
	overflow-y: unset;
	margin-top: 2rem;
}
.dialog_show_fav_categories_color .category_list ul {
	max-height: 50rem;
	overflow-y: scroll;
	scrollbar-width: none;
}
.dialog_show_fav_categories_color .category_list ul li {
	position: relative;
	padding: 0 3rem;
}
.dialog_show_fav_categories_color .category_list ul li:hover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #EEEEEE;
	z-index: -1;
}
.dialog_add_to_fav_categories_color .category_list ul li .categ_list,
.dialog_show_fav_categories_color .category_list ul li .categ_list {
	flex: 1;
}
.dialog_show_fav_categories_color .category_list ul li img{
	height: 1.5rem;
	width: 2rem;
	cursor: pointer;
}

.dialog_show_teacher_fav_categories .category_list ul li{
	margin-bottom: 2rem;
	padding: 0 3rem;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile{
	display: flex;
	gap: 1rem;
	align-items: center;
}

.dialog_show_teacher_fav_categories .t_button{
	border-top: 0.1rem solid #DDDDDD;
	text-align: center;
}

.dialog_show_teacher_fav_categories .t_button button{
	margin: 2rem auto 0;
	width: 36rem;
	height: 5rem;
	border-radius: 0.4rem;
	background: #F4F4F4;
	text-shadow: none;
	box-shadow: none;
	border: none;
	font-size: 1.8rem;
	font-weight: 700;
	color: #CCCCCC;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile .t_cont .t_name h2{
	font-size: 2rem;
	color: #333333;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile .t_cont .t_name h2 span{
	font-weight: normal;
	font-size: 1.4rem;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile .t_cont .t_info div{
	display: flex;
	align-items: center;
	gap: .5rem;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile .t_cont .t_info span{
	font-weight: normal;
	font-size: 1.4rem;
	display: block;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile .t_cont .t_info .t_country img{
	width: 1.8rem;
	height: 1.1rem;
}

.dialog_show_teacher_fav_categories .category_list ul li .teacher_profile .t_image{
	border-radius: 0.4rem;
	border: 0.1rem solid #B6B6B6;

}

#add_fav_teacher_to_categories li {
    cursor: default;
}

#add_fav_teacher_to_categories .active_fav_teacher {
    cursor: grab;
}

#add_fav_teacher_to_categories .active_fav_teacher:active {
    cursor: grabbing;
}

#add_fav_teacher_to_categories .sortable-placeholder {
    height: 8.2rem;
    background: #eeeeee;
}

#add_fav_teacher_to_categories .is-dragging {
    opacity: 0.8;
}

.dialog_show_fav_categories_color .category_list ul li .categ_list a{
	display: flex;
	gap: 1rem;
	margin: 2rem auto;
	cursor: pointer;
	color: #333333;
}
.dialog_show_fav_categories_color .category_list ul li .categ_list a img {
	height: 2rem;
	width: 2rem;
  }
.dialog_show_fav_categories_color .category_list ul li .categ_list a p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  }
  .dialog_show_add_fav_teacher {
	width: 62rem;
	height: 84rem;
	box-sizing: border-box;
  }
  .dialog_show_add_fav_teacher .teacher_list{
	margin-top: 2rem;
	height: 51.5rem;
	overflow: hidden;
  }
.dialog_show_add_fav_teacher .teacher_list ul,
.dialog_show_delete_fav_teacher .teacher_list ul {
	max-height: 51.5rem;
    overflow-y: auto;
}
.dialog_show_add_fav_teacher .teacher_list ul li {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
}
.dialog_show_add_fav_teacher input[type="checkbox"]:checked,
.dialog_show_delete_fav_teacher input[type="checkbox"]:checked {
	position: relative;
}
.dialog_show_add_fav_teacher .teacher_list ul li .custom_check::after {
	left: 1px;
}
.dialog_show_add_fav_teacher .teacher_list ul li .teacher_avatar{
	height: 8rem;
	width: 8rem;
	border: 1px solid #B6B6B6;
	border-radius: 0.4rem;
}
.dialog_show_add_fav_teacher .teacher_list ul li .teacher_info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
  	padding: 0.827rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
  }
.dialog_show_add_fav_teacher .teacher_list ul li .teacher_info p span {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 700;
	margin-right: 0.8rem;
  }
.dialog_show_add_fav_teacher .teacher_list ul li .teacher_info .flag_area {
	display: flex;
	gap: 0.4rem;
  }
.dialog_show_add_fav_teacher .teacher_fav_list ul li .teacher_info .rating_area {
	display: flex;
	gap: 0.4rem;
  }
.dialog_show_add_fav_teacher .save_btn {
	position: absolute;
	bottom: 0;
	padding: 2rem;
	border-top: 1px solid #DDD;
	width: 100%;
	right: 0;
	box-sizing: border-box;
  }
.dialog_show_add_fav_teacher .save_btn ul li a {
	display: block;
    margin: 0 auto;
    max-width: 36rem;
    font-size: 1.8rem;
    font-weight: 700;
  }
.dialog_fav_teacher_list_delete {
	width: 62rem;
 }
.dialog_fav_teacher_list_delete ul {
	display: flex;
	gap: 3rem;
 }
.dialog_fav_teacher_list_delete ul li a {
	width: 26.5rem;
	height: 2.6rem;
	border-radius: 0.4rem;
	display: block;
	color: #FFF;
	padding: 1.2rem;
	text-align: center;
	background-color: #999999;
	font-weight: 700;
	align-content: center;
 }
.dialog_fav_teacher_list_delete ul li a.red {
	background-color: #D91C0B;
 }
 .dialog_show_delete_fav_teacher {
	width: 62rem;
	height: 84rem;
	box-sizing: border-box;
  }
  .dialog_show_delete_fav_teacher .teacher_list{
	margin-top: 2rem;
	max-height: 61.5rem;
	overflow: hidden;
  }
.dialog_show_delete_fav_teacher .teacher_list ul li {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
}
.dialog_show_delete_fav_teacher .teacher_list ul li .custom_check::after {
	left: 1px;
}
.dialog_show_delete_fav_teacher .teacher_list ul li .teacher_avatar{
	height: 8rem;
	width: 8rem;
	border: 1px solid #B6B6B6;
	border-radius: 0.4rem;
}

.dialog_show_delete_fav_teacher .teacher_list ul li .teacher_info {
	display: flex;
	flex-direction: column;
	gap: 1rem;
  	padding: 0.827rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
  }
.dialog_show_delete_fav_teacher .teacher_list ul li .teacher_info p span {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 700;
	margin-right: 0.8rem;
  }
.dialog_show_delete_fav_teacher .teacher_list ul li .teacher_info .flag_area {
	display: flex;
	gap: 0.4rem;
  }
.dialog_show_delete_fav_teacher .teacher_fav_list ul li .teacher_info .rating_area {
	display: flex;
	gap: 0.4rem;
  }
.dialog_show_delete_fav_teacher .save_btn {
	position: absolute;
	bottom: 0;
	padding: 2rem;
	border-top: 1px solid #DDD;
	width: 100%;
	right: 0;
	box-sizing: border-box;
  }
.dialog_show_delete_fav_teacher .save_btn ul li a {
	display: block;
    margin: 0 auto;
    max-width: 36rem;
    font-size: 1.8rem;
    font-weight: 700;
  }

.dialog_fav_teacher_list_remove {
	width: 62rem;
 }
.dialog_fav_teacher_list_remove ul {
	display: flex;
	gap: 3rem;
 }
.dialog_fav_teacher_list_remove ul li a {
	width: 26.5rem;
	height: 2.6rem;
	border-radius: 0.4rem;
	display: block;
	color: #FFF;
	padding: 1.2rem;
	text-align: center;
	background-color: #999999;
	font-weight: 700;
 }
.dialog_fav_teacher_list_remove ul li a.red {
	background-color: #D91C0B;
 }
.dialog_add_to_fav_categories-new {
	width: 55.2rem;
}
.dialog_add_to_fav_categories_rename {
	width: 55.2rem;
}
.dialog_add_to_fav_categories_after_lesson {
	width: 55.2rem;
}
.hide-modal {
	animation: fadeOutModal 8s forwards;
}
  
  @keyframes fadeOutModal {
	0% { opacity: 1; }
	100% { opacity: 0; display: none; }
  }

/* NJ-45465 End*/

.hide_modal {
	display: none;
}

/* NJ-53486 */

.dialog_campaign_double_eleven{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
	font-family: 'Noto Sans JP';
}
.dialog_campaign_double_eleven .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_double_eleven .sec_ttl p {
    color: #fd3651;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_double_eleven .sec_text .link,
.dialog_campaign_double_eleven_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_double_eleven .sec_text .link a,
.dialog_campaign_live_lesson .sec_text .link a {
    background: #00ACEE;
    color: #fff;
    display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
    margin-bottom: 2rem;
}

/* NJ-35237  Start */
[id^='dialog_continuation_bonus'][class*='dialog_continuation_bonus'] {
	width: 70rem;
	color: #555;
}
/* NJ-35237  End */

/* NJ-47838 start */
.dialog_after_viewing_live_lesson {
    max-width: 100%;
    width: 700px;
    transform: translateX(-50%);
    margin-left: unset !important;
	box-sizing: border-box;
	padding: 68px 154px;
	color: #555555;
}

/* coupon progress bar */
.dialog_after_viewing_live_lesson .progress-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 300px;
	margin: 0 auto;
	row-gap: 15px;
}

.dialog_after_viewing_live_lesson .progress-label {
	margin-right: 10px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #555555;
}

.dialog_after_viewing_live_lesson .progress-bar {
  width: 100%;
  height: 26px;
  background-color: #4a4a4a;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.dialog_after_viewing_live_lesson .progress-fill {
  width: 0%;
  /* Will be set dynamically */
  height: 100%;
  background-color: #FF9F1B;
  border-radius: 10px 0 0 10px;
  position: relative;
}

.dialog_after_viewing_live_lesson .progress-pattern {
  background: repeating-linear-gradient(310deg, #FF9F1B, #FF9F1B 12px, #FFC21B 12px, #FFC21B 23px);
  height: 100%;
  width: 100%;
}

.dialog_after_viewing_live_lesson .progress-text {
	margin-left: 10px;
	font-size: 1.8rem;
	font-weight: 700;
}

.dialog_after_viewing_live_lesson .progress-text #current-value {
    font-size: 2.5rem;
    color: #ffb300;
}

.dialog_after_viewing_live_lesson .full-cont {
    display: flex;
    justify-content: center;
    column-gap: 25px;
}

.dialog_after_viewing_live_lesson .full-cont .coupon-sec {
    margin-top: 4px;
}
/* NJ-47838 end */

/* NJ-57836 */
.dialog_rating.b-mod{
	box-sizing: border-box;
    max-width: 104rem;
    width: 1200px !important;
    border: none;
}
.dialog_rating .modal_inner.sc-mod{
	max-width: 990px !important;
}
.dialog_rating .mw-880 {
	max-width: 880px !important;
	margin-left: auto;
	margin-right: auto;
}
.dialog_rating .mod-mw {
    max-width: 880px !important;
    margin-left: auto;
    margin-right: auto;
}
.dialog_rating .modal_inner .mod-img{
	position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.dialog_rating .modal_inner .mod-img img{
	margin:0;
}
.modal_window.dialog p.mod-p{
	line-height: 1.5;
    margin-left: 21px;
}

.dialog_rating .modal_inner .mod-img:before,
.dialog_rating .modal_inner .mod-img:after{
	content: none !important;
}
.dialog_rating_lesson_connect .modal_inner .btn_center ul.mod-btn-holder,
.dialog_rating_lesson_text .modal_inner .btn_center ul.mod-btn-holder{
	display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.dialog_rating_lesson_connect .modal_inner .btn_center ul.mod-btn-holder li,
.dialog_rating_lesson_text .modal_inner .btn_center ul.mod-btn-holder li{
	margin-top: 0px !important;
}
/* END NJ-57836 */

/* NJ-54136 */
.modal_window.modal_scale {
	transform: scale(var(--scale));
    transform-origin: center top;
}
.modal_window.modal_scale .ui-slider.ui-slider-horizontal {
    transform: scale(calc(1 / var(--scale)));
    width: calc(100% * var(--scale)) !important;
    height: calc(0.6rem * var(--scale)) !important;
	margin: 0 auto;
}
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .ui-slider-handle {
    width: calc(2rem * var(--scale)) !important;
    height: calc(2rem * var(--scale)) !important;
    border-width: calc(0.3rem * var(--scale)) !important;
    margin-left: calc(-1.3rem * var(--scale)) !important;
}
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .filter_color_bar,
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .filter_scale,
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .slider_color_bar,
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .slider_scale {
    height: calc(0.6rem * var(--scale)) !important; 
}
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .filter_scale .single_scale,
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .slider_scale .scale_circle {
    width: calc(1.6rem * var(--scale)) !important;
    height: calc(1.6rem * var(--scale)) !important;
}
.modal_window.modal_scale .ui-slider.ui-slider-horizontal .filter_scale .single_scale:after {
	font-size: calc(1.6rem * var(--scale)) !important;
}
/* END NJ-54136 */

/* NJ-47838 start */
.dialog_after_viewing_live_lesson {
    max-width: 100%;
    width: 700px;
    transform: translateX(-50%);
    margin-left: unset !important;
	box-sizing: border-box;
	padding: 68px 154px;
	color: #555555;
}

/* coupon progress bar */
.dialog_after_viewing_live_lesson .progress-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 300px;
	margin: 0 auto;
	row-gap: 15px;
}

.dialog_after_viewing_live_lesson .progress-label {
	margin-right: 10px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #555555;
}

.dialog_after_viewing_live_lesson .progress-bar {
  width: 100%;
  height: 26px;
  background-color: #4a4a4a;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.dialog_after_viewing_live_lesson .progress-fill {
  width: 0%;
  /* Will be set dynamically */
  height: 100%;
  background-color: #FF9F1B;
  border-radius: 10px 0 0 10px;
  position: relative;
}

.dialog_after_viewing_live_lesson .progress-pattern {
  background: repeating-linear-gradient(310deg, #FF9F1B, #FF9F1B 12px, #FFC21B 12px, #FFC21B 23px);
  height: 100%;
  width: 100%;
}

.dialog_after_viewing_live_lesson .progress-text {
	margin-left: 10px;
	font-size: 1.8rem;
	font-weight: 700;
}

.dialog_after_viewing_live_lesson .progress-text #current-value {
    font-size: 2.5rem;
    color: #ffb300;
}

.dialog_after_viewing_live_lesson .full-cont {
    display: flex;
    justify-content: center;
    column-gap: 25px;
}

.dialog_after_viewing_live_lesson .full-cont .coupon-sec {
    margin-top: 4px;
}


.discount_tag_area p.callan_option.campaign_dicount_live_half,
.discount_tag_area p.callan_option.campaign_dicount_live_full,
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p.callan_option.campaign_dicount_live_half,
.dialog_lesson_settings .lesson_settings_data .col_wrap  .col_right p.callan_option.campaign_dicount_live_full{
	background:  #ee47c5 !important;
}
/* NJ-47838 end */
/* start NJ-58323 */
.rating_review_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.rating_data {
    text-align: center;
}

.review_notice_wrap {
    display: block; 
}

.review_notice_wrap.hide {
    display: none;
}

.rating_review_container.review_only {
    justify-content: center;
}
/* END NJ-58323 */

/* NJ-55569 Start */
.dialog_campaign_year_2025 {
	box-sizing: border-box;
}

.dialog_campagin_kakaku_01_live .link a {
	color: #00ACEE;
}
/* END NJ-58323 */

/* NJ-34693 [start] */
.live_lesson_modal_new {
	max-width: 580px;
	box-sizing: border-box;
	padding: 40px;
}

.live_lesson_modal_new .txt_pink {
	color: #EE47C5;
	font-size: 2.2rem;
	font-weight: 700;
}

.live_lesson_modal_new p{
	font-size: 1.6rem;
}

.live_lesson_modal_new .teacher_modal_new {
	display: flex;
	justify-content: center;
    row-gap: 50px;
    column-gap: 80px;
    flex-wrap: wrap;
}

.live_lesson_modal_new .teacher_img_live img {
    width: 10rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.live_lesson_modal_new .teacher-live_now {
    position: relative;
    box-sizing: border-box;
    width: 15rem;
    height: 15rem;
    padding: 6px;
    background: url(../images/icon/live-ring.svg) center/contain no-repeat;
    margin: 0 auto;
}

dotlottie-player.teacher-img-anim {
    position: absolute;
    width: 125%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.live_lesson_modal_new .teacher_img_live {
    display: block;
    width: 13.8rem;
    height: 13.8rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.live_lesson_modal_new .teacher-live_now.live:after {
    content: 'LIVE';
    display: block;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.6rem;
    height: 2.1rem;
    background-color: #EE47C5;
    background-image: none;
    font-size: 1.2rem;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 0.4px;
    line-height: 1.9rem;
    z-index: 2;
    color: #FFFFFF;
}

.live_lesson_modal_new .teacher-name_area {
    font-weight: 700;
    text-align: center;
    line-height: 15px;
    margin-top: 16px;
}
/* NJ-34693 [end] */

/* NJ-55569 End */

/* NJ-50294 [START] */
.modal_window.unified_dialog{
	--_dynamic-height: calc((100svh - 72px) - 100px);

    height: var(--_dynamic-height);
    padding: 34px;
	
	&#dialog_textbook_preview,
	&#dialog_in-class-select-textbook{
		box-sizing: content-box;
		max-height: 100%;
		
		.second_element{
			max-height: 100%;
		}
		
		.btn_wrap.btn_half{
			margin: 0 auto !important;
			
			ul{
				display: flex;
				gap: 20px;
				justify-content: center;
				align-items: center;
			}
		}
	}
	
	&#dialog_in-class-select-textbook .btn_in_class_select_textbook{
		margin-top: 0;
		
		ul{
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 20px;
			
			li{
				margin-top: 0 !important;
			}
		}
	}
	
	.tb_lesson_contents_wrap .textbook_categories{
		max-height: calc(var(--_dynamic-height) - (156px + 20px));
	}
	
	.second_element{
		height: calc(var(--_dynamic-height) - (30px + 100px) + 20px);
	}
	
	.iframe_textbook{
		height: calc(var(--_dynamic-height) - ((30px + 100px) + (40px * 2) + 56px)) !important;
	}
}
/* NJ-50294 [END] */
.modal_window.unified_dialog.no_display{
	height: unset;
}
/* NJ-47838 start */
.dialog_after_viewing_live_lesson {
    max-width: 100%;
    width: 700px;
    transform: translateX(-50%);
    margin-left: unset !important;
	box-sizing: border-box;
	padding: 68px 154px;
	color: #555555;
}

/* coupon progress bar */
.dialog_after_viewing_live_lesson .progress-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 300px;
	margin: 0 auto;
	row-gap: 15px;
}

.dialog_after_viewing_live_lesson .progress-label {
	margin-right: 10px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #555555;
}

.dialog_after_viewing_live_lesson .progress-bar {
  width: 100%;
  height: 26px;
  background-color: #4a4a4a;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.dialog_after_viewing_live_lesson .progress-fill {
  width: 0%;
  /* Will be set dynamically */
  height: 100%;
  background-color: #FF9F1B;
  border-radius: 10px 0 0 10px;
  position: relative;
}

.dialog_after_viewing_live_lesson .progress-pattern {
  background: repeating-linear-gradient(310deg, #FF9F1B, #FF9F1B 12px, #FFC21B 12px, #FFC21B 23px);
  height: 100%;
  width: 100%;
}

.dialog_after_viewing_live_lesson .progress-text {
	margin-left: 10px;
	font-size: 1.8rem;
	font-weight: 700;
}

.dialog_after_viewing_live_lesson .progress-text #current-value {
    font-size: 2.5rem;
    color: #ffb300;
}

.dialog_after_viewing_live_lesson .full-cont {
    display: flex;
    justify-content: center;
    column-gap: 25px;
}

.dialog_after_viewing_live_lesson .full-cont .coupon-sec {
    margin-top: 4px;
}


.discount_tag_area p.callan_option.campaign_dicount_live_half,
.discount_tag_area p.callan_option.campaign_dicount_live_full,
.dialog_lesson_settings .lesson_settings_data .col_wrap .col_right p.callan_option.campaign_dicount_live_half,
.dialog_lesson_settings .lesson_settings_data .col_wrap  .col_right p.callan_option.campaign_dicount_live_full{
	background:  #ee47c5 !important;
}
/* NJ-47838 end */

/* NJ-59099 */
.dialog_campaign_valentines_day{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
	font-family: 'Noto Sans JP';
}
.dialog_campaign_valentines_day .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_valentines_day .sec_ttl p {
    color: #fd3651;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_valentines_day .sec_text .link,
.dialog_campaign_valentines_day_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_valentines_day .sec_text .link a {
    background: #00ACEE;
    color: #fff;
    display: inline-block;
    min-width: 230px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    font-weight: bold;
    font-size: 2.0rem;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
    margin-bottom: 2rem;
}

/* NJ-59099 end */

/* NJ-33743 start */
.dialog_schedule_cancel_new,
.dialog_current_schedule_cancel_complete_new {
	max-width: 1028px;
	box-sizing: border-box;
	width: 100%;
	padding-inline: 0;
	color: #333333;
}

.modal_window.dialog.cancellation_modal * {
	box-sizing: border-box;
}

.modal_window.dialog.cancellation_modal .modal-content {
	padding-inline: 3rem;
}

.modal_window.dialog.cancellation_modal .border-outline-green {
	border: 2px solid #03C9A9;
	padding: 8px 64px;
	color: #03C9A9;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.8rem;
}

.modal_window.dialog.cancellation_modal .bg-dark-gray {
	padding: 8px 64px;
	background-color: #555555;
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.8rem;
}

.reservation-cancellation-status {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2rem;
	margin-bottom: 2rem;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-status-date {
	color: #333333;
	font-size: 2rem;
	line-height: 2.2rem;
	font-weight: bold;
}

.modal_window.dialog.cancellation_modal .teacher-image {
	border-radius: 50%;
	object-fit: cover;
	width: 6.4rem;
	height: 6.4rem;
	border: 1px solid #ccc;
	display: block;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-details {
	display: flex;
	justify-content: space-between;
}

.modal_window.dialog.cancellation_modal .col-1,
.modal_window.dialog.cancellation_modal .col-2 {
	width: 45.8rem;
	display: flex;
	align-items: center;
	gap: 1.2rem;
	position: relative;
}

.modal_window.dialog.cancellation_modal .col-2::before {
	content: '';
	position: absolute;
	left: -2rem;
	top: 0;
	bottom: 0;
	width: .2rem;
	background-color: #F5F5F5;
}

.modal_window.dialog.cancellation_modal .teacher-flag {
	width: 1.8rem;
	height: 1rem;
}

.modal_window.dialog.cancellation_modal .teacher-nationality {
	display: flex;
	gap: .8rem;
	align-items: center;
}

.modal_window.dialog.cancellation_modal .teacher-name {
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-bottom: .5rem;
}

.modal_window.dialog.cancellation_modal .teacher-name span {
	font-weight: 400;
}

.modal_window.dialog.cancellation_modal .teacher-country {
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.6rem;
}

.modal_window.dialog.cancellation_modal .textbook-image {
	width: 64px;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-coins {
	display: flex;
	gap: 20px;
	align-items: center;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-coins-title {
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: #333;
	background-color: #F5F5F5;
	padding: .7rem 2.2rem;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-coins-value {
	font-weight: bold;
	font-size: 2rem;
	line-height: 2.2rem;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-coins-value span {
	font-weight: 400;
	font-size: 1.6rem;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-info {
	display: block;
	border-bottom: .2rem solid #ccc;
	margin-bottom: 2rem;
}

.modal_window.dialog.cancellation_modal .text-red {
	color: #F04A2D;
}

.modal_window.dialog.cancellation_modal .text-gray {
	color: #777777;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-info ul li {
	font-size: 1.4rem;
	line-height: 2.1rem;
	font-weight: 400;
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-rules {
	display: block;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.2rem;
	margin: 0 auto;
	text-align: center;
	max-width: max-content;
	padding: 0 !important;
	cursor: pointer;
}
.modal_window.dialog.cancellation_modal .reservation-cancellation-rules .p-accordion__icon {
	position: relative;
}
.modal_window.dialog.cancellation_modal span.p-accordion__icon::after {
	content: '';
	background-image: url('../images/modal/icon/arrow-down-skyblue.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 8px;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: .5rem;
	right: -2rem;
}

.modal_window.dialog.cancellation_modal span.p-accordion__icon.active::after {
	background-image: url('../images/modal/icon/arrow-up-skyblue.svg');
}

.modal_window.dialog.cancellation_modal .reservation-cancellation-input {
	display: block;
	width: 100%;
	max-width: 64rem;
	min-height: 10.4rem;
	resize: none;
	box-shadow: none;
	margin: 0 auto;
}

.modal_window.dialog.cancellation_modal .btn_wrap ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4rem;
}

.modal_window.dialog.cancellation_modal .btn_wrap ul li {
	margin: 0;
}

.modal_window.dialog.cancellation_modal .btn {
	display: block;
	width: 30rem;
	height: 5rem;
	line-height: 5rem;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 2rem;
	border-radius: .5rem;
	cursor: pointer;
}

.modal_window.dialog.cancellation_modal .btn:hover {
	opacity: 0.8;
}

.modal_window.dialog.cancellation_modal .btn.btn-gray {
	background-color: #999999;
}

.modal_window.dialog.cancellation_modal .isHidden {
	display: none;
}

.modal_window.dialog.cancellation_modal .btn.btn-green {
	background-color: #03C9A9;
}

.dialog_current_schedule_cancel_complete_new .reservation-cancellation-icons {
	border-top: .2rem solid #CCC;
	padding: 2rem 3.5rem 0;
	display: flex;
	gap: 4rem;
	text-align: center;
}

.dialog_current_schedule_cancel_complete_new .reservation-cancellation-icons .cancellation-icon-1,
.dialog_current_schedule_cancel_complete_new .reservation-cancellation-icons .cancellation-icon-2 {
	position: relative;
	cursor: pointer;
}
.dialog_current_schedule_cancel_complete_new .reservation-cancellation-icons .cancellation-icon-1::before {
	content: '';
	background-image: url('../images/modal/icon/icon-paper-1.svg');
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	margin-bottom: .8rem;
}
.dialog_current_schedule_cancel_complete_new .reservation-cancellation-icons .cancellation-icon-2::before {
	content: '';
	background-image: url('../images/modal/icon/icon-paper-2.svg');
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	margin-bottom: .8rem;
}
.dialog_current_schedule_cancel_complete_new .reservation-cancellation-icons .cancellation-icon-2 p {
	line-height: 1.68rem;
}
.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-details .col-2 span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4;
}
.dialog_schedule_cancel_new .p-accordion__input .p-accordion__content {
	display: none;
	max-height: max-content;
	max-width: 36rem;
	padding: 3rem;
	overflow: hidden;
	opacity: 1;
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border: 1px solid #CCCCCC;
	margin: 2rem auto;
}
.dialog_schedule_cancel_new .p-accordion__input {
	margin-bottom: 2rem;
}
/* NJ-33743 end */
.modal_textarea_height{
	max-height: 20vh;
}

.scale_textarea{
	max-height: 100vh;
}
.short_ext{
	max-height: 20vh !important;
}
/* NJ-44869 */
/* .dialog_lesson_teacher_internet_unstable */
.modal_window.dialog_lesson_teacher_internet_unstable{
	max-width: 68rem;
	width: 100%;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-family: noto sans JP;
	padding: 3.6rem;
	box-sizing: border-box;
}
.modal_window.dialog_lesson_teacher_internet_unstable h3,
.modal_window.dialog_lesson_teacher_internet_unstable p{	
	color: #333;
}
.modal_window.dialog_lesson_teacher_internet_unstable h3 {
	line-height: 1.334;
}
.modal_window.dialog_lesson_teacher_internet_unstable p {
	line-height: 1.625;
}
.dialog_lesson_teacher_internet_unstable .lesson_teacher_internet_unstable_img{
	max-width: 11.8rem;
	margin-inline: auto;
	display: block;
	height: 12rem;
}
.dialog_lesson_teacher_internet_unstable .lesson_teacher_internet_unstable_btn{
	min-width: 30rem;
	background: #03C9A9;
	border-radius: 5px;
	height: 5rem;
	line-height: 5rem;
}
/* .dialog_lesson_end_teacher_internet_unstable */
.modal_window.dialog_lesson_end_teacher_internet_unstable{
	max-width: 544px;
	width: 100%;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-family: noto sans JP;
}
.modal_window.dialog_lesson_end_teacher_internet_unstable h3,
.modal_window.dialog_lesson_end_teacher_internet_unstable p{	
	color: #555555;
}
.dialog_lesson_end_teacher_internet_unstable .lesson_end_teacher_internet_unstable_img{
	max-width: 120px;
}
.dialog_lesson_end_teacher_internet_unstable .lesson_end_teacher_internet_unstable_btn{
	min-width: 192px;
	background: #03C9A9;
	border-radius: 5px;
}
/* .dialog_teacher_internet_instable_refund_coins */
.modal_window.dialog_teacher_internet_instable_refund_coins{
	max-width: 544px;
	width: 100%;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-family: noto sans JP;
}
.modal_window.dialog_teacher_internet_instable_refund_coins h3,
.modal_window.dialog_teacher_internet_instable_refund_coins p{	
	color: #555555;
}
.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_img{
	max-width: 120px;
}
.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_btn{
	min-width: 160px;
	background: #03C9A9;
	border-radius: 5px;
}
.dialog_teacher_internet_instable_refund_coins .teacher_internet_instable_refund_coins_btn_gray{
	background: #999999;
}

/* .dialog_lesson_end_refund_coins */
.modal_window.dialog_lesson_end_refund_coins{
	max-width: 544px;
	width: 100%;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-family: noto sans JP;
}
.modal_window.dialog_lesson_end_refund_coins h3,
.modal_window.dialog_lesson_end_refund_coins p{	
	color: #555555;
}
.dialog_lesson_end_refund_coins .lesson_end_refund_coins_img{
	max-width: 120px;
}
.modal_window.dialog_lesson_end_refund_coins p .orange{
	color: #F1890E;
}
.dialog_lesson_end_refund_coins .lesson_end_refund_coins_btn{
	min-width: 192px;
	background: #03C9A9;
	border-radius: 5px;
}

/* End NJ-59889 campaign: three_million */
/* NJ-61655 start */
.modal_window.dialog_store_product_preview {
	padding: 2.4rem;
	background: #EEEEEE;
}
.dialog_store_product_preview .product_preview_image img {
	display: block;
	width: 100%;
	max-width: 55.8rem;
	height: auto;
	object-fit: cover;
}
.dialog_store_product_preview .product_preview_image img + img {
	margin-top: 1.5rem;
}
.dialog_store_product_preview .product_preview_image {
	max-height: 80rem;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.dialog_store_product_preview .product_preview_pdf {
	display: block;
	width: 55.8rem;
	max-height: 80rem;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.dialog_store_product_preview .product_preview_pdf canvas {
	display: block;
	width: 100%;
	height: auto;
}
.dialog_store_product_preview .product_preview_pdf canvas + canvas {
	margin-top: 1.5rem;
}
/* NJ-61655 end */
.dialog_alert_for_continuous_lessons{
	width: 450px;
}
.dialog_alert_for_continuous_lessons_counselors{
	width: 450px;
}

/* NJ-33743-62665 start*/
/*-----------------------------------*/
/* #lesson_request_lesson_request_dialog_schedule_cancel
/*-----------------------------------*/
#lesson_request_dialog_schedule_cancel .reserve_cancel_wrap{
	margin: 0 auto;
	padding: 25px 0;
}
#lesson_request_dialog_schedule_cancel .reserve_cancel_wrap ul{
line-height: 1.5;
font-size: 15px;
}
#lesson_request_dialog_schedule_cancel .reserve_content {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
#lesson_request_dialog_schedule_cancel .reserve_content .time{
	font-weight: bold;
}
#lesson_request_dialog_schedule_cancel .reserve_content .name{
	color: #888;
}
#lesson_request_dialog_schedule_cancel .lesson-data-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#lesson_request_dialog_schedule_cancel .lesson-data-wrap .col_right{
	margin-left: 20px;
	text-align: right;
}
#lesson_request_dialog_schedule_cancel .teacher_data{
	text-align: center;
}
#lesson_request_dialog_schedule_cancel .teacher_data .thumb > img {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
}
#lesson_request_dialog_schedule_cancel .teacher_data .name-jp{
	font-size: 1.2rem;
}
#lesson_request_dialog_schedule_cancel .lesson-data-wrap .lesson-data{
	font-size: 1.5rem;
}

#lesson_request_dialog_schedule_cancel .reserve_content .cancellation_reason_txt{
	max-height: 100px;
	overflow: auto;
	word-break: break-word;
}
#lesson_request_dialog_schedule_cancel .p-accordion {
	max-width: 700px;
	margin-inline: auto;
}
#lesson_request_dialog_schedule_cancel .p-accordion-desc {
	font-size: 15px;
	font-weight: 700;
}
#lesson_request_dialog_schedule_cancel .p-accordion__head {
	cursor: pointer;
	background-color: #fff;
	display: block;
	color: #555555;
	padding: 7px 20px;
	margin-top: 10px;
}
#lesson_request_dialog_schedule_cancel .p-accordion__head-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 198px;
	width: 100%;
	font-size: 15px;
	margin: 0 auto;
}
#lesson_request_dialog_schedule_cancel span.p-accordion__icon::after {
	content: url(../images/icon/down_arrow@2x.png);
	display: inline-block;
	width: 13px;
	height: 7px;
}
#lesson_request_dialog_schedule_cancel .p-accordion__input input[name=p-accordion__block] {
	display: none;
}
#lesson_request_dialog_schedule_cancel .p-accordion__input .p-accordion__block {
	cursor: pointer;
}
#lesson_request_dialog_schedule_cancel .p-accordion__input .p-accordion__content {
	max-height: 0;
	max-width: 360px;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border: 1px solid #CCCCCC;
	transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.25s ease;
  }
  #lesson_request_dialog_schedule_cancel .p-accordion__input .p-accordion__content.active {
	max-height: max-content;
	opacity: 1;
	padding: 3rem;
  }
#lesson_request_dialog_schedule_cancel .p-accordion__input input[name=p-accordion__block]:checked+.p-accordion__head>.p-accordion__head-inner .p-accordion__icon::after {
	content: url(../images/icon/up_arrow@2x.png);
	display: inline-block;
	width: 13px;
	height: 7px;
}
#lesson_request_dialog_schedule_cancel .t_color_red {
	color: #F14444;
}
[class*=lesson_request_dialog_schedule_cancel] .reason_wrap {
	color: #555;
}
.lesson_request_dialog_schedule_cancel .reason_wrap textarea {
	resize: none;
	max-width: 500px;
	width: 100%;
	min-height: 82px;
	box-shadow: unset;
}
.lesson_request_dialog_schedule_cancel .reason_wrap textarea::placeholder {
	color: #bbb;
}
/*-----------------------------------*/
/* #lesson_request_lesson_request_dialog_schedule_cancel
/*-----------------------------------*/
/* NJ-33743-62665 end*/
/* NJ-33727 Start */
.dialog_show_lesson {
	padding: 40px 80px;
}
.dialog_show_lesson .inner {
	min-width: 406px;
}
.dialog_show_lesson h3 {
	color: #555555;
	line-height: 1.25;
}
.dialog_show_lesson p {
	color: #555555;
	line-height: 1.67;
}
.dialog_show_lesson .btn_style {
	min-width: 150px;
	box-sizing: border-box;
}
/* NJ-33727 End */
/* NJ-63834 */
.modal_window .tb_lesson_contents_wrap .no_result_tb_selection {
	margin-top: 2rem;
	font-size: 16px;
	line-height: 22px;
	color: #404040;
}
/* NJ-63834 END */
/* START NJ-59263 */
.dialog_campaign_qrcode.modal_window {
	box-sizing: border-box;
	padding: 4rem;
}
.dialog_campaign_qrcode {
	min-width: 58rem;
	text-align: center;
}
.dialog_campaign_qrcode h2 {
	font-size: 2.2rem;
	margin-bottom: 2rem;
	color: #555;
}
.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.2rem auto;
	/* padding: 2rem; */
	box-sizing: border-box;
    width: 25rem;
    height: 25rem;
}
.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://assets2.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon5.webp");
}

/* addt. specs */
.dialog_campaign_qrcode_login_notice.modal_window {
    min-width: 512px;
    padding: 49px 30px;
    text-align: center;
	color: #555555;
}
/* END NJ-59263 */
/* NJ-69252 */
#dialog_insufficient_coins.modal_window.dialog {
    width: 100%;
	height: 240px;
	max-height: 100%;
    max-width: 728px;
    text-align: center;
    padding: 30px 50px;
    box-sizing: border-box;
}
#dialog_insufficient_coins.modal_window.dialog .modal_con h3 {
    color: #333;
	line-height: inherit;
}
#dialog_insufficient_coins.modal_window.dialog .modal_con p {
	margin: 30px auto;
	color: #333;
	line-height: 18px;
}
#dialog_insufficient_coins.modal_window.dialog .modal_con .close_modal {
    width: 300px;
    height: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* NJ-70063 */
#dialog_unable_to_purchase_coin_premium .btn_table ul{
	min-width: 33rem;
}

#dialog_unable_to_purchase_coin_premium.modal_window.dialog p{
	width: 50rem;
}
#dialog_unable_to_purchase_coin_premium.modal_window.dialog{
	padding: 3.5rem 2.1rem;
}

/* NJ-66212 START*/
.modal_window.dialog_aftee_modal {
    max-width: 675px;
    box-sizing: border-box;
    margin-left: 0!important;
    left: 50%!important;
    transform: translateX(-50%);
}

.dialog_aftee_modal .sec ol li:not(:last-child) {
    margin-bottom: 8px;
}

.aftee-container-notice p,  .aftee_container p {
	color: #000;
}

.dialog_aftee_modal .info_icon .fa-info-icon:before {
	content: '';
	width: 30px;
	height: 30px;
	background: url('/images/common/info-icon.svg') no-repeat center center;
	display: block;
}
/* NJ-66212 END */
/* NJ-57308 start */
#new_callan_bookmark_container .resume-btn{
    min-width: 435px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.7rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0.5rem;
}

#new_callan_bookmark_container .resume-btn.acitve{
	margin-bottom: 1.5rem;
}

#new_callan_bookmark_container .resume-btn .switch{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}


#new_callan_bookmark_container .resume-btn .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}


#new_callan_bookmark_container .resume-btn .slider{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .3s;
}

#new_callan_bookmark_container .resume-btn .slider:before {
  position: absolute;
  content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
  background-color: white;
  transition: .3s;
}

#new_callan_bookmark_container .resume-btn input:checked + .slider {
  background-color: #F1880B;
}

#new_callan_bookmark_container .resume-btn input:checked + .slider:before{
  transform: translateX(20px);
}

#new_callan_bookmark_container .resume-btn .slider.round {
  border-radius: 10px;
}

#new_callan_bookmark_container .resume-btn .slider.round:before{
  border-radius: 50%;
}

#new_callan_bookmark_container .resume-btn .resume-label{
	font-weight: 700;
}

#new_callan_bookmark_container .bookmark-btn {
	display: flex;
	align-items: center;
	gap: 0.7rem;
}

#new_callan_bookmark_container .bookmark-btn.disabled  {
	opacity: 0.5;
}

#new_callan_bookmark_container .bookmark-btn.disabled label.switch{
	pointer-events: none;
}

html:lang(zh-tw) #new_callan_bookmark_container .resume-btn .resume-label {
    margin-right: 15.2rem;
}

/* NJ-57308 end */


/* NJ-70728 Start */
.dialog_payment_failure_family, .dialog_payment_maintenance_alert {
	padding: 5rem 8rem;
}
.dialog_payment_failure_family h3,
.dialog_payment_failure_family p,
.dialog_payment_maintenance_alert p {
	color: #333333;
}
/* NJ-70728 End */
/* NJ-65223 */
.modal-view .page_daily_news_home .language_switcher .language_switcher_dropdown{
	width: 15.7rem;
	bottom: -8.8rem;
 }
 
.modal-view .page_daily_news_home .language_switcher_list .language_switcher_item{
	padding: 1.1rem 1rem;
	background: #fff;
 }
 .modal-view .page_daily_news_home .language_switcher_list .language_switcher_item.active{
   background: #F0F0F0;
 }
 /* NJ-65223 End */
/* NJ-69380 */
.book_modal.modal_window {
	padding: 50px 100px 20px;
	width: 700px;
    box-sizing: border-box;
}
.book_modal.modal_window .book_holder {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}
.book_modal.modal_window .book_holder h3 {
    margin: 0;
	line-height: 27px;
}
.book_modal.modal_window .book_holder .size_2 {
    width: 416px;
    margin: auto;
}
.book_modal.modal_window .book_holder .size_2.zh-tw {
    width: 320px;
}
.book_modal.modal_window .book_holder .size_3 {
    width: 448px;
    margin: auto;
}
.book_modal.modal_window .book_holder .size_3.zh-tw {
    width: 336px;
}
.book_modal.modal_window .book_holder .size_4 {
    width: 385px;
    margin: auto;
}
.book_modal.modal_window .book_holder .size_4.zh-tw {
    width: 370px;
}
.book_modal.modal_window .book_holder .size_5.zh-tw {
    width: 400px;
	margin: auto;
}
.book_modal.modal_window .book_holder .size_6 {
    width: 500px;
	margin: auto;
}
.book_modal.modal_window .book_holder .book_top:after {
	content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #CCC;
    position: absolute;
    left: 0;
    right: 0;
}
.book_modal.modal_window .book_holder .book_bottom {
    display: flex;
    justify-content: center;
    gap: 40px;
}
.book_modal.modal_window .book_holder .book_bottom a {
	width: 98px;
	color: #092846;
	line-height: normal;
}
.book_modal.modal_window .book_holder .book_bottom a:before {
    content: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/btn_1.svg');
	display: block;
    text-align: center;
    margin-bottom: 4px;
}
.book_modal.modal_window .book_holder .book_bottom a:last-child::before {
    content: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/btn_2.svg');
}
.book_modal.modal_window .book_holder .book_bottom a.btn_3:before {
    content: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/btn_3.svg');
}
.book_modal.modal_window .book_holder .book_bottom a.btn_4:before {
    content: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/btn_4.svg');
}
/* END NJ-69380 */
/* dialog campaign: native_unlimited */
.dialog_campaign_native_unlimited{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_native_unlimited .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_native_unlimited .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_native_unlimited .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_native_unlimited .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_native_unlimited .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_native_unlimited .sec_text .link a {
	background: #00ACEE;
	color: #fff ;
	display: inline-block;
	min-width: 230px;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
	font-weight: bold;
	font-size: 2.0rem;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	position: relative;
}
/* End dialog campaign: native_unlimited */

/* start afterlesson: native_unlimited */
.dialog_campaign_native_unlimited_afterlesson{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_native_unlimited_afterlesson .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_native_unlimited_afterlesson .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_native_unlimited_afterlesson .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_native_unlimited_afterlesson .sec_text.checkBoxText{
	color: #707070;
}
.dialog_campaign_native_unlimited_afterlesson .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_native_unlimited_afterlesson .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.dialog_campaign_native_unlimited_afterlesson .sec_text .link a {
	color: #00ACEE;
	font-size: 1.8rem;
	cursor: pointer;
	position: relative;
	text-decoration: underline;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_basket_wrap{
	margin-top: 2rem;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_basket_wrap .stamp_basket_image img{
	display: block;
	width: 100%;
	object-fit: cover;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_basket{
	border-top: none;
	width: 100%;
	padding-bottom: 4rem;
	background: #FFF3F1;
}
.dialog_campaign_native_unlimited_afterlesson  .stamp_list {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 4rem;
}
.dialog_campaign_native_unlimited_afterlesson  .stamp_list .list-item.SundayTable p{
	color: #FF583C;
}
.dialog_campaign_native_unlimited_afterlesson  .stamp_list .list-item.satTable p{
	color: #1D438A;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list_wrap div.stamp_list:first-child .list-item p{
	font-weight: 400;
	padding: 0.8rem 1rem;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list_wrap div.stamp_list:first-child .list-item{
	border-top: 1px solid #E4E4E4;
	padding: 0rem 1rem;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list_wrap div.stamp_list:first-child .list-item:first-child{
	border-radius: 1rem 0 0 0;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list_wrap div.stamp_list:first-child .list-item:last-child{
	border-radius: 0 1rem 0 0;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list_wrap div.stamp_list:last-child .list-item:first-child{
	border-radius: 0 0 0 1rem;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list_wrap div.stamp_list:last-child .list-item:last-child{
	border-radius: 0 0 1rem 0;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list .list-item{
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 132px;
	position: relative;
	border: none;
	background: #fff;
	border-right: 1px solid #E4E4E4;
	padding:1rem;
	border-bottom: 1px solid #E4E4E4;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list .list-item:first-child{
	border-inline: 1px solid #E4E4E4;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list .list-item p{
	font-size: 1.4rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 0.8rem;
}

.dialog_campaign_native_unlimited_afterlesson .stamp_list:first-child .list-item p{
	margin-bottom: 0;
}

.dialog_campaign_native_unlimited_afterlesson .stampcard{
	border: 4px solid #FF583C;
	border-radius: 2rem;
	overflow: hidden;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list .list-item img{
	width: 100%;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_list .list-item img.active{
	content: url(https://assets2.nativecamps.com/user/webroot/images/campaign/native_unlimited/stamp_active.svg);
}
.dialog_campaign_native_unlimited_afterlesson .stamp_basket_header {
	position: relative;
	max-width: 450px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 1.4rem;
	margin: auto;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_basket_header p {
	display: inline-block;
	position: relative;
	bottom: 0.4rem;
	color: #333;
}
.dialog_campaign_native_unlimited_afterlesson .stamp_basket_num {
	color: #1D438A;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-right: .4rem;
}
/* end afterlesson: native_unlimited */

/* NJ-30569 */

.modal_window.dialog.modal_complete {
	border: solid 0.5rem #555;
	padding: 2rem 2.7rem 3rem;
}

.modal_window.dialog.modal_complete ul li .btn_style{
	min-width: 54.6rem;
	height: 5rem;
	line-height: 5rem;
	border-radius: 0.4rem;
}

/* end NJ-30569 */
/* NJ-74341 start */
.modal_window.dialog_rating_lesson_connect,
.modal_window.dialog_rating_lesson_text,
.modal_window.dialog_rating {
	border: solid 0.3rem #707070;
    border-radius: 1.2rem;
}
.modal_window.dialog_rating_lesson_connect,
.modal_window.dialog_rating_lesson_text {
	padding: 4rem 5rem;
}
.modal_window.dialog_rating_lesson_connect .modal_inner {
	width: 64.6rem;
}
.modal_window.dialog_rating_lesson_connect .rating_lesson_step,
.modal_window.dialog_rating_lesson_text .rating_lesson_step,
.modal_window.dialog_rating .rating_lesson_step {
	color: #979797;
	line-height: 1.188;
}
.modal_window.dialog_rating_lesson_connect .rating_lesson_title,
.modal_window.dialog_rating_lesson_text .rating_lesson_title,
.modal_window.dialog_rating .rating_lesson_title {
	line-height: 0.9261;
}
.modal_window.dialog_rating_lesson_connect .rating_lesson_text,
.modal_window.dialog_rating_lesson_text .rating_lesson_text,
.modal_window.dialog_rating .rating_lesson_text {
	color: #979797;
	line-height: 1.389;
}
.modal_window.dialog_rating_lesson_connect p {
	line-height: 1.389;
}
.modal_window.dialog_rating_lesson_connect .comment_box_bad .red {
	color: #FF3535;
}
.modal_window.dialog_rating_lesson_connect .comment_box_bad .note.center a {
	color: #00ACEE;
}
.modal_window.dialog_rating_lesson_connect .comment_box_bad .increment .box-count p {
	color: #333333;
}
.modal_window.dialog_rating_lesson_connect textarea {
	font-size: 1.4rem;
	line-height: 1.7867;
}
.modal_window.dialog_rating_lesson_text textarea {
	font-size: 1.4rem;
    line-height: 1.1786;
}
.modal_window.dialog_rating_lesson_connect .box-count p,
.modal_window.dialog_rating_lesson_text p.box-count,
.modal_window.dialog_rating .box-count p {
	font-size: 1.4rem;
	line-height: 1;
	color: #707070;
}
.modal_window.dialog_rating .box-count p:first-child {
	color: #FF3535;
}
.modal_window.dialog_rating_lesson_connect .modal_inner .btn_wrap .btn_style,
.modal_window.dialog_rating_lesson_text .modal_inner .btn_wrap .btn_style,
.modal_window.dialog_rating .modal_inner .btn_wrap .btn_style {
	font-size: 1.6rem;
	line-height: 4.8rem;
}
.modal_window.dialog_rating .rating_hr {
	width: 100%;
	height: 0.1rem;
	background: #CCCCCC;
	margin: 2.5rem 0;
}
.modal_window.dialog_rating .rating_good_title {
	line-height: 1.389;
}
.modal_window#dialog_rating .btn_fav_set .fav_disable {
	min-width: 14.4rem;
	height: 4rem;
	line-height: 4rem;
	background: #aaa;
	color: #FFFFFF;
	border: none;
	font-size: 1.6rem;
	font-weight: normal;
	box-sizing: border-box;
}
/* NJ-74341 end */
/* NJ-59993 start */
.dialog_lesson_settings .page_daily_topics_home.daily_topic .daily_topics_content_list-2.on .complete_date {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}
/* NJ-59993 end */

/* NJ-42965 start */
.modal_window.avatar_teacher_modal {
	padding: 0;
	border: none;
	box-shadow: none;
	background: none;
 }
 .modal_window.avatar_teacher_modal iframe {
	border-radius: 3rem;
	width: 43.5rem;
	height: 77.4rem;
 }
 .modal_window.avatar_teacher_modal .btn_close {
	top: 0;
	right: -6.3rem;
	background: #FFF;
	border-radius: 100%;
	box-shadow: 0 .5rem 0 0 #D7CFB9;
 }
 .modal_window.avatar_teacher_modal .btn_close:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2.6rem;
	width: 0.5rem;
	background: #FFB81D;
	transform: translate(-50%, -50%) rotate(45deg);
	border-radius: 5rem;
 }
 .modal_window.avatar_teacher_modal .btn_close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2.6rem;
	width: 0.5rem;
	background: #FFB81D;
	transform: translate(-50%, -50%) rotate(-45deg);
	border-radius: 5rem;
 }
 /* NJ-42965 end */

/* NJ-73284 */

.modal_window.dialog_campaign_live_lesson_afterlesson {
	max-width: 87rem;
}

.dialog_campaign_live_lesson_afterlesson .calendar-img {
    width: 100%;
    height: 21.7rem;
}

.dialog_campaign_live_lesson_afterlesson .stamp-calendar {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: var(--color-white);
}

.dialog_campaign_live_lesson_afterlesson .stamp-calendar-sect {
    border: 3px solid #FFE9FA;
    border-top: 0;
}

.dialog_campaign_live_lesson_afterlesson .stamp-calendar-header {
    padding: 1.4rem 0 0;
    text-align: center;
}

.dialog_campaign_live_lesson_afterlesson .stamp-count-display {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.dialog_campaign_live_lesson_afterlesson .stamp-count-number {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-charcoal);
    align-self: flex-end;
    margin-bottom: 0.8rem;
}

.dialog_campaign_live_lesson_afterlesson .stamp-count-number small {
    font-size: 3.6rem;
    font-weight: 700;
    color: #FF0000;
	margin: 0 4px 0 7px;
}

.dialog_campaign_live_lesson_afterlesson .stamp-count-text {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-charcoal);
    align-self: flex-end;
    margin-bottom: 0.8rem;
}

.dialog_campaign_live_lesson_afterlesson .calendar-grid {
    padding: 1.4rem 3.75rem 3rem;
}

.dialog_campaign_live_lesson_afterlesson .calendar-header-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-top: 0.1rem solid var(--color-gray-border);
    border-left: 0.1rem solid var(--color-gray-border);
}

.dialog_campaign_live_lesson_afterlesson .calendar-header-cell {
    padding: 0.8rem;
    text-align: center;
    border-right: 0.1rem solid var(--color-gray-border);
    border-bottom: 0.1rem solid var(--color-gray-border);
    font-size: 1.4rem;
    font-weight: 400;
}

.dialog_campaign_live_lesson_afterlesson .calendar-body {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-left: 0.1rem solid var(--color-gray-border);
}

.dialog_campaign_live_lesson_afterlesson .calendar-day-cell {
    border-right: 0.1rem solid var(--color-gray-border);
    border-bottom: 0.1rem solid var(--color-gray-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-white);
    position: relative;
    padding-bottom: 1rem;
}

.dialog_campaign_live_lesson_afterlesson .calendar-day-number {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-charcoal);
    line-height: 2.7rem;
}

.dialog_campaign_live_lesson_afterlesson .stamp-icon {
    width: 4.6rem;
    height: 4.6rem;
    background-image: url('https://assets.nativecamps.com/user/webroot/images/campaign/live_lesson/live_off.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.3rem;
}

.dialog_campaign_live_lesson_afterlesson .stamp-icon.active {
    background-image: url('https://assets.nativecamps.com/user/webroot/images/campaign/live_lesson/live_on.webp');
}

.dialog_campaign_live_lesson_afterlesson .calendar-header-cell:first-child,
.dialog_campaign_live_lesson_afterlesson .calendar-header-cell:last-child {
    border-radius: 0;
}

.dialog_campaign_live_lesson_afterlesson .calendar-header-cell {
    padding: 0.8rem;
    text-align: center;
    border: 0;
    border-right: 0.1rem solid var(--color-gray-border);
    border-bottom: 0.1rem solid var(--color-gray-border);
    font-size: 1.4rem;
    font-weight: 400;
    width: 10.25rem;
    box-sizing: border-box;
}

.dialog_campaign_live_lesson_afterlesson .sec_ttl p {
	color: #FF3BB3;
	font-size: 2.5rem;
	font-weight: bold;
}

.dialog_campaign_live_lesson_afterlesson .t_link {
	font-size: 1.8rem;
}

.dialog_campaign_live_lesson .sec_text .link {
	display: flex;
	justify-content: center;
	margin-bottom: 2.4rem;
}

.dialog_campaign_live_lesson .visual {
    margin-bottom: 2.4rem;
}

.dialog_campaign_live_lesson .sec_ttl p {
	color: #FF3BB3;
	font-size: 2rem;
	font-weight: bold;
}

/* NJ-49747 modal */
.modal_window.dialog_receiving_done {
    width: 75rem;
    max-width: 100%;
    margin-left: 0 !important;
    box-sizing: border-box;
    transform: translateX(-50%);
    text-align: center;
	color: #555555;
}

.dialog_receiving_done {
    padding: 5.3rem 0 5.5rem;
}

.modal_window.dialog_receiving_done h3 {
    margin: 0 auto;
}

.modal_window.dialog_receiving_done .icon_wrap.teddy img {
    margin: 4.4rem auto 4.85rem;
}

.modal_window.dialog_receiving_done {
    padding: 5.3rem 0 5.5rem;
    border: none;
}

.modal_window.dialog_receiving_done .text_wrap .coin-text,
.modal_window.dialog_receiving_done .text_wrap ul.breakdown li{
    font-size: 2.1rem;
    font-weight: 700;

}
.modal_window.dialog_receiving_done .text_wrap .coin-text span,
.modal_window.dialog_receiving_done .text_wrap ul.breakdown li span{
    font-size: 3.4rem;

}

/* coin expiration modal */
.modal_window.dialog_check-coin-expiration {
    width: 75rem;
	height: auto;
    max-width: 100%;
    margin-left: 0 !important;
    transform: translateX(-50%);
    box-sizing: border-box;
	padding: 6.5rem 6.3rem;
}

.dialog_check-coin-expiration .coin-box {
    margin: 0 auto;
    box-sizing: border-box;
}

.dialog_check-coin-expiration .coin-header-cont {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dialog_check-coin-expiration .coin-header-cont:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 35.4rem;
    background: #CCCCCC;
    bottom: -13px;
}

.dialog_check-coin-expiration .coin-header-cont span {
    color: #1a2e49;
    font-size: 2.8rem;
    margin-left: 5rem;
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
}

.dialog_check-coin-expiration .coin-header-cont span::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 2.6rem;
    background-image: url(https://assets.nativecamps.com/user/webroot/images/modal/icon_coin_unified.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 55%;
    transform: translateY(-50%);
    left: -2.5rem;
}

.dialog_check-coin-expiration .tab-menu {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 0;
}

.dialog_check-coin-expiration .tab-link {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    width: 30.7rem;
}

.dialog_check-coin-expiration .tab-link.active {
    color: #F1890C;
    position: relative;
}

.dialog_check-coin-expiration .tab-link.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: .3rem;
    background-color: #F1890C;
}

.dialog_check-coin-expiration .tab-content {
    display: none;
    padding: 15px 10px;
    border: 1px solid #D9D9D9;
    height: 24.1rem;
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 2.4rem 2rem 2.4rem 3.3rem;
}

.dialog_check-coin-expiration .tab-content.active {
    display: block;
}

.dialog_check-coin-expiration .tab-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.dialog_check-coin-expiration .tab-info.header {
    font-size: 1.6rem;
    font-weight: bold;
    color: #F1890C;
    margin-bottom: 1.3rem;
}

.dialog_check-coin-expiration .tab-info.small {
    font-size: 1.3rem;
    color: #666;
    border: none;
    position: relative;
    margin-bottom: 3.6rem;
}

.dialog_check-coin-expiration .tab-info.small::after{
    content: '';
    position: absolute;
    width: 55.5rem;
    height: 0.1rem;
    background: #CCCCCC;
    bottom: -2rem;
}

.dialog_check-coin-expiration .coin-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dialog_check-coin-expiration .coin-item {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
}

.dialog_check-coin-expiration .coin-item:last-child {
    border-bottom: none;
}

/* coupon expiration modal*/
/* coin expiration modal */
.modal_window.dialog_coupon_expiry {
    width: 75rem;
	height: auto;
    max-width: 100%;
    margin-left: 0 !important;
    transform: translateX(-50%);
    box-sizing: border-box;
	padding: 6.5rem 6.3rem;
}

.dialog_coupon_expiry .coupon-box {
    margin: 0 auto;
    box-sizing: border-box;
}

.dialog_coupon_expiry .coupon-header-cont {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dialog_coupon_expiry .coupon-header-cont:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 35.4rem;
    background: #CCCCCC;
    bottom: -13px;
}

.dialog_coupon_expiry .coupon-header-cont span {
    color: #1a2e49;
    font-size: 2.8rem;
    margin-left: 8rem;
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
}

.dialog_coupon_expiry .coupon-header-cont span::before {
    content: "";
    position: absolute;
    width: 2.7rem;
    height: 1.6rem;
    background-image: url(https://assets.nativecamps.com/user/webroot/images/coin/icon/coupon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 55%;
    transform: translateY(-50%);
    left: -3.5rem;
}

.dialog_coupon_expiry .tab-menu {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 0;
}

.dialog_coupon_expiry .tab-link {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #999;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    width: 30.7rem;
}

.dialog_coupon_expiry .tab-link.active {
    color: #F1890C;
    position: relative;
}

.dialog_coupon_expiry .tab-link.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: .3rem;
    background-color: #F1890C;
}

.dialog_coupon_expiry .tab-content {
    display: none;
    padding: 15px 10px;
    border: 1px solid #D9D9D9;
    height: 24.1rem;
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 2.4rem 1.2rem 2.4rem 3.3rem;
}

.dialog_coupon_expiry .tab-content.active {
    display: block;
}

.dialog_coupon_expiry .tab-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.dialog_coupon_expiry .tab-info.header {
	position: relative;
    font-size: 1.6rem;
    font-weight: bold;
    color: #F1890C;
    margin-bottom: 3.9rem;
}
.dialog_coupon_expiry .tab-info.header::after {
	content: '';
    position: absolute;
    width: 55.5rem;
    height: 0.1rem;
    background: #CCCCCC;
    bottom: -1.9rem;
}

.dialog_coupon_expiry .tab-info.small {
    font-size: 1.3rem;
    color: #666;
    border: none;
    position: relative;
    margin-bottom: 3.6rem;
}

.dialog_coupon_expiry .tab-info.small::after{
    content: '';
    position: absolute;
    width: 55.5rem;
    height: 0.1rem;
    background: #CCCCCC;
    bottom: -2rem;
}

.dialog_coupon_expiry .coupon-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dialog_coupon_expiry .coupon-item {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
}

.dialog_coupon_expiry .coupon-item:last-child {
    border-bottom: none;
}

/* NJ-49747 modal */

/* NJ-75273 campaign: 10th_final */
.dialog_campaign_10th_final {
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_10th_final .visual {
	margin-bottom: 4rem;
}
.dialog_campaign_10th_final .visual img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_10th_final .sec_ttl {
	margin-bottom: 2rem;
}
.dialog_campaign_10th_final .sec_ttl p {
	color: #0169CD;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
.dialog_campaign_10th_final .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_10th_final .sec_text .link a {
	background: #00ACEE;
	color: #fff ;
	display: inline-block;
	min-width: 230px;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
	font-weight: bold;
	font-size: 2.0rem;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	position: relative;
	margin-bottom: 2rem;
}

.dialog_campaign_10th_final_afterlesson, .dialog_campaign_10th_final_afterlesson-zh-tw {
	width: 636px;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap img, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap img {
	width: 100%;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap h2, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap h2 {
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin: 12px 0;
}
.dialog_campaign_10th_final_afterlesson h3, .dialog_campaign_10th_final_afterlesson-zh-tw h3 {
	color: #0169CD !important;
	font-size: 25px !important;
	text-align: center !important;
	margin: 30px 0 15px !important;
}
.dialog_campaign_10th_final_afterlesson .link a, .dialog_campaign_10th_final_afterlesson-zh-tw .link a {
	color: #00ACEE;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
.dialog_campaign_10th_final_afterlesson .sec_text, .dialog_campaign_10th_final_afterlesson-zh-tw .sec_text {
	text-align: center;
	margin-top: 19px;
	color: #707070;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap h2 span, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap h2 span {
	color: #0169CD;
	font-size: 30px;
	font-family: 'Noto Sans';
	font-weight: bold;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap ul, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap ul li, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li {
	width: 62px;
	height: 62px;
	border: 2px dashed #FC879E;
	border-radius: 50%;
	text-align: center;
	position: relative;
	background: #fff;
	margin: 6px 15px;
}
.dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li {
	border: 2px dashed #83AFDA;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap ul li span, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li span {
	position: absolute;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	top: 50%;
	font-size: 20px;
	font-family: 'Noto Sans JP';
	color: #FC879E;
	z-index: 1;
}
.dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li span {
	color: #83AFDA;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap ul li .cover, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li .cover {
	color: #fff;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap ul li .cover:before, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li .cover:before {
	content: url('https://assets2.nativecamps.com/user/webroot/images/campaign/10th_final/icon_modal.webp');
	position: absolute;
	left: 0;
	right: 0;
	top: -9px;
	z-index: -1;
}
.dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap ul li .cover:before {
	content: url('https://assets2.nativecamps.com/user/webroot/images/campaign/10th_final/icon_modal.webp');
	top: -10px;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap {
	border: 4px solid #FC879E;
	border-radius: 10px;
	background: url('https://assets2.nativecamps.com/user/webroot/images/campaign/10th_final/btm1_bg.webp');
	background-size: cover;
	width: 496px;
	margin: 0 auto;
}
.dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap {
	background: #F9F9F9;
	border: 4px solid #092846;
}
.dialog_campaign_10th_final_afterlesson .box1_wrap figure img, .dialog_campaign_10th_final_afterlesson-zh-tw .box1_wrap figure img {
	border-radius: 5px 5px 0 0;
}
/* End NJ-75273 campaign: three_million */
/* NJ-76178 */
#delete_suggested_topic.delete_suggested_topic #cancel_delete_ai_topic {
	height: 5rem;
	min-width: 13rem;
	border-radius: 1rem;
  	align-content: center;
}
#delete_suggested_topic.delete_suggested_topic #confirm_delete_ai_topic {
	height: 5rem;
	width: 13rem;
	min-width: 13rem;
	border-radius: 1rem;
  	align-content: center;
}
#delete_suggested_topic.delete_suggested_topic .btn_wrap ul{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	margin-top: 4rem;
}
#delete_suggested_topic.delete_suggested_topic .delete_suggested_topic_wrap{
	width: 35.5rem;
} 
/* NJ-76178 end */

/* NJ-70472 Start */
.modal_window.dialog.dialog_schedule_cancel_new h3 {
    margin: 0 0 3.5rem;
}
.dialog_schedule_cancel_new {
	padding: 4.4rem 4.8rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .modal-content,
[class*=dialog_schedule_cancel_new] .reason_wrap,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .modal-content {
	padding-inline: 0;
	width: 64rem;
    margin: 0 auto;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-coins-title {
	padding: .4rem 2rem;
	font-size: 1.2rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-coins {
    gap: 0.8rem;
}
.modal_window.dialog.dialog_schedule_cancel_new .lesson-data.teacher-details {
    display: flex;
	gap: 0.4rem;
    flex-direction: column;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .teacher-image,
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .textbook-image,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .teacher-image,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .textbook-image {
	width: 5.6rem;
	height: 5.6rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-input {
	min-height: 12rem;
	border-radius: 0.4rem;
	border: 1px solid #CCC;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .btn_wrap ul {
    display: flex;
    justify-content: space-between;
    gap: 1.6rem;
	width: 64rem;
	margin-bottom: 4rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .btn {
    width: 31.2rem;
    border-radius: .4rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-info {
    border-bottom: unset;
    margin: 0 auto;
    width: 64rem;
}
.reservation-cancellation-notes {
    text-align: left;
    width: 64rem;
	margin: 0 auto;
   	border-top: 1px solid rgba(139, 155, 168, 0.20);
    padding-top: 1.6rem;
}
.reservation-cancellation-notes li {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.48px;
	margin-bottom: 0.6rem;
	color: #5F686F;
}
li.reservation-cancellation-notes_fees {
    display: flex;
    padding: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    background: rgba(95, 104, 111, 0.08);
    margin: 0 0 0.6rem 1.4rem;
}
.reservation-cancellation-notes li.reservation-cancellation-notes_fees p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.48px;
}
.reservation-cancellation-notes li:last-child {
    margin-bottom: 0;
}
.reason_wrap_notes .coin-not-avail {
	color: #D91C0B;
}
.dialog_schedule_reserve_cancel_complete {
    max-width: 64rem;
    padding: 3.6rem 4.8rem;
    border-radius: 10px;
    border: 0.5rem solid #555;
    background: #FFF;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal h3,
.modal_window.dialog.dialog_schedule_reserve_cancel_complete h3 {
    margin-bottom: 0;
}
.dialog_schedule_reserve_request_cancel_modal .btn_wrap.btn_half.cf,
.dialog_schedule_reserve_cancel_complete .btn_wrap.btn_center.cf,
.dialog_lesson_substitute_teacher_assignment .btn_wrap.btn_half.cf {
    margin-top: 0;
	width: 64rem;
}
.dialog_schedule_reserve_cancel_complete .btn_green.close_modal,
.dialog_modal_cancel_substitute_teacher_skip .btn_green.close_modal {
    padding: 1.2rem 0 1.4rem 0;
    border-radius: 0.4rem;
    width: 100%;
    min-width: 54.4rem;
    min-height: 5rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.modal_window.dialog_schedule_reserve_request_cancel_modal {
    padding: 4.4rem 4.8rem 6.4rem 4.8rem;
    align-items: center;
    border-radius: 1rem;
    border: 0.5rem solid #555;
    background: #FFF;
    max-width: 102.8rem;
    box-sizing: border-box;
    width: 100%;
    padding-inline: 0;
    color: #333333;
}
.dialog_schedule_reserve_request_cancel_modal .reserve_content.modal-content {
    width: 64rem;
}
.dialog_schedule_reserve_request_cancel_modal .textbook-info,
.dialog_substitute_cancel_after_enroll .textbook-info {
    flex-direction: column;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .modal-content {
    margin: 3.5rem auto 4rem;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .btn_wrap ul,
.modal_window.dialog.dialog_substitute_cancel_after_enroll.cancellation_modal .btn_wrap ul {
    display: flex;
    justify-content: space-between;
    gap: 1.6rem;
    width: 64rem;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .btn_style,
.modal_window.dialog.dialog_lesson_substitute_teacher_assignment.cancellation_modal .btn_style,
.modal_window.dialog.dialog_substitute_cancel_after_enroll.cancellation_modal .btn {
    width: 31.2rem;
    border-radius: .4rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
	display: flex;
    justify-content: center;
    align-items: center;
	min-height: 5rem;
}
.modal_window.dialog .lesson-data p {
    font-size: 1.4rem;
}
.lesson-data.teacher-details span.teacher_name {
    font-size: 2rem;
    font-weight: 700;
}
.dialog_lesson_cancel .top_img_wrap .top_img + .top_img:before {
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/icon_arrow_block-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.dialog_lesson_substitute_teacher_assignment {
    padding: 4.4rem 4.8rem 6.4rem 4.8rem;
	max-width: 102.8rem;
    width: 92.4rem;
}
.dialog_lesson_substitute_teacher_assignment.dialog_lesson_cancel .top_img img {
	max-width: 5.6rem;
	margin: 0 auto 0.4rem;
	object-fit: contain;
	border: 1px solid #ccc;
}
.dialog_lesson_substitute_teacher_assignment span.teacher_name {
    overflow: hidden;
    color: #00ACEE;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-weight: 700;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap.reservation-cancellation-details {
    display: flex;
    padding: 1.6rem 2rem;
    flex-direction: column;
    border-radius: 0.8rem;
    background: rgba(95, 104, 111, 0.08);
    margin: 0 auto 4rem;
    width: 60rem;
}
.dialog_lesson_substitute_teacher_assignment.dialog_lesson_cancel .top_img_wrap {
	width: 33.6rem
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-label p {
    color: #5F686F;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right {
    position: relative;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right::before {
    content: '';
    position: absolute;
    height: 1.7rem;
    top: 0.3rem;
    width: .1rem;
    background-color: #CCCCCC;
}
.dialog_lesson_substitute_teacher_assignment .reservation-cancellation-status {
	gap: 1.2rem;
    margin-bottom: 1.6rem;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .row-2 {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.dialog_lesson_substitute_teacher_assignment .reservation-cancellation-status-date {
    color: #5F686F;
    font-size: 1.4rem;
    font-weight: 700;
    margin-left: 1.6rem;
}
.dialog_lesson_substitute_teacher_assignment p.textbook-info {
    flex-direction: column;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
}
.dialog_lesson_substitute_teacher_assignment .col_right.col-2 {
    display: flex;
    gap: 1.2rem;
}
.dialog_lesson_substitute_teacher_assignment img.textbook-image {
    margin-left: 1.2rem;
	border-radius: 0.4rem;
	width: 4.8rem;
	height: 4.8rem;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right::before {
    content: '';
    position: absolute;
    height: 1.7rem;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    width: .1rem;
    background-color: #CCCCCC;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right.col-2::before {
	top: 2rem;
}
.dialog_lesson_substitute_teacher_assignment.dialog_lesson_cancel .top_img_wrap .top_img {
	padding: 0;
}
.dialog_lesson_substitute_teacher_assignment .lesson_with_sub_note {
	color: #03C9A9;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1.6rem;
	font-weight: 700;
}
.modal_window.dialog.dialog_lesson_substitute_teacher_assignment .btn_style {
    width: 31.2rem;
    border-radius: .4rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    padding: 0;
	margin-bottom: 1.6rem;
}
.dialog_modal_cancel_substitute_teacher_skip {
    width: 64rem;
    padding: 3.6rem 4.8rem;
}
.dialog_modal_cancel_substitute_teacher_skip img.teddy_skip {
    margin: 0 auto 1.6rem;
    display: block;
}
.dialog_modal_cancel_substitute_teacher_skip p {
    color: #333;
    text-align: center;
    font-feature-settings: 'halt' on;
    font-style: normal;
    font-weight: 500;
}
.modal_window.dialog.dialog_schedule_cancel_new .lesson-data.border-outline-green,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal .lesson-data.border-outline-green,
.modal_window.dialog.dialog_substitute_cancel_after_enroll .lesson-data.border-outline-green {
    height: 2.8rem;
    padding: 0.3rem 0.8rem 0.5rem;
    min-width: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-input::placeholder,
.modal_window.dialog.dialog_substitute_cancel_after_enroll.cancellation_modal .reservation-cancellation-input::placeholder {
    color: #ccc;
}
.modal_window.dialog.cancellation_modal .reservation-cancellation-info ul li.text-red.cancel_no_coin_return {
    color: #D91C0B;
    font-size: 1.4rem;
}
.c_333 {
	color: #333;
}
.dialog_substitute_cancel_after_enroll .reservation-cancellation-notes {
	border-top: unset;
	padding-top: 0;
}
.dialog_substitute_cancel_after_enroll .reservation-cancellation-notes li {
    color: #5F686F;
    font-feature-settings: 'halt' on;
    font-size: 1.4rem;
    margin-bottom: 0.2rem;
}
.dialog_substitute_cancel_after_enroll {
    width: 100%;
    max-width: 92.4rem;
    padding: 4.4rem 4.8rem 6.4rem;
}
.modal_window.dialog.cancellation_modal.dialog_substitute_cancel_after_enroll .reserve_content.modal-content {
    width: 64rem;
    margin: 0 auto;
    padding-inline: 0;
}
.dialog_lesson_substitute_teacher_assignment .sub_note {
    color: #5F686F;
    font-feature-settings: 'halt' on;
    letter-spacing: 0.48px;
}
p.teacher-name-wrap {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.dialog_substitute_cancel_after_enroll .reservation-cancellation-notes ul li::before {
    content: "・";
    margin-right: 0.5em;
}
/* NJ-70472 End */
/* NJ-77512 */
.dialog_apply_halloween {
    background: #000;
}
/* NJ-77512 END */

/* NJ-77312 */
html:lang(fr) #dialog_print_confirmation{
 max-width: 121.5rem;
}

html:lang(fr) #dialog_print_confirmation .print_confirmation_modal_body_browsers_list li{
	    width: 26rem;
}

html:lang(fr) #dialog_print_confirmation .print_confirmation_modal_footer .btn_style{
    width: 33rem;
}

html:lang(de) #dialog_print_confirmation{
 max-width: 97.5rem;
}

html:lang(de) #dialog_print_confirmation .print_confirmation_modal_body_browsers_list li{
	    width: 20rem;
}

html:lang(de) #dialog_print_confirmation .print_confirmation_modal_footer .btn_style{
  width: 42.1rem;
}

html:lang(es) #dialog_print_confirmation{
 max-width: 105.5rem;
}

html:lang(es) #dialog_print_confirmation .print_confirmation_modal_body_browsers_list li{
	    width: 22rem;
}

html:lang(es) #dialog_print_confirmation .print_confirmation_modal_footer .btn_style{
    width: 35rem;
}


#dialog_print_confirmation {
	padding: 0;
	border-radius: 1rem;
	border: 0.4rem solid #555555;
	max-width: 89.5rem;
	width: 100%;
}
#dialog_print_confirmation .btn_close {
	top: -2.3rem;
	right: -2.3rem;
	width: 4.6rem;
	height: 4.6rem;
	background-size: contain;
}
#dialog_print_confirmation .print_confirmation_modal_inner {
	padding: 5rem;
}
#dialog_print_confirmation .print_confirmation_modal_header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
	padding-bottom: 4.2rem;
}
#dialog_print_confirmation .print_confirmation_modal_header h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333333;
	margin: 0;
}
#dialog_print_confirmation .print_confirmation_modal_header_icon {
	width: 3rem;
	height: 3rem;
}
#dialog_print_confirmation .print_confirmation_modal_header_icon img {
	width: 100%;
	height: 100%;
}
#dialog_print_confirmation .print_confirmation_modal_body {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_text {
	font-size: 1.8rem;
	line-height: 1.6;
	color: #333333;
}
#dialog_print_confirmation .print_confirmation_modal_body_recommended {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_recommended_icon {
	width: 3rem;
	height: 3rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_recommended_icon img {
	width: 100%;
	height: 100%;
}
#dialog_print_confirmation .print_confirmation_modal_body_recommended p {
	font-size: 1.8rem;
	color: #333333;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers {
	padding-top: 1.8rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	margin-bottom: 2rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_title_icon {
	width: 3rem;
	height: 3rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_title_icon img {
	width: 100%;
	height: 100%;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_title p {
	font-size: 2rem;
	font-weight: 700;
	color: #5068DB;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_list {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_list li {
	width: 18rem;
	height: 17.8rem;
	border: 0.1rem solid #CCCCCC;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_list li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_list_icon {
	width: 8rem;
	height: 8rem;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_list_icon img {
	width: 100%;
	height: 100%;
}
#dialog_print_confirmation .print_confirmation_modal_body_browsers_list p {
	font-size: 1.6rem;
	line-height: 1.5;
	color: #333333;
	text-align: center;
}

#dialog_print_confirmation .print_confirmation_modal_body_browsers_list p span{
	font-weight: bold;
}

#dialog_print_confirmation .print_confirmation_modal_footer {
	padding-top: 5rem;
	text-align: center;
}
#dialog_print_confirmation .print_confirmation_modal_footer .btn_style {
	width: 28rem;
	height: 5rem;
	line-height: 5rem;
	font-size: 2rem;
	font-weight: 700;
	border-radius: 0.5rem;
	background-color: #999999;
	color: #FFFFFF;
}

#dialog_print_settings_chrome,
#dialog_print_settings_firefox,
#dialog_print_settings_edge{
    padding: 4.3rem 4rem 4.6rem;
    border-radius: 1rem;
    border: 0.4rem solid #555555;
    max-width: 100%;
    width: 87.2rem;
}
#dialog_print_settings_safari {
	padding: 4.3rem 4rem 4.6rem;
	border-radius: 1rem;
	border: 0.4rem solid #555555;
	max-width: 100%;
}
#dialog_print_settings_chrome .btn_close,
#dialog_print_settings_firefox .btn_close,
#dialog_print_settings_edge .btn_close,
#dialog_print_settings_safari .btn_close {
	top: -2.3rem;
	right: -2.3rem;
	width: 4.6rem;
	height: 4.6rem;
	background-size: contain;
}

#dialog_print_settings_chrome .print_settings_modal_header,
#dialog_print_settings_firefox .print_settings_modal_header,
#dialog_print_settings_edge .print_settings_modal_header,
#dialog_print_settings_safari .print_settings_modal_header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
}
#dialog_print_settings_chrome .print_settings_modal_header h3,
#dialog_print_settings_firefox .print_settings_modal_header h3,
#dialog_print_settings_edge .print_settings_modal_header h3,
#dialog_print_settings_safari .print_settings_modal_header h3 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333333;
	margin: 0;
}
#dialog_print_settings_chrome .print_settings_modal_header_icon,
#dialog_print_settings_firefox .print_settings_modal_header_icon,
#dialog_print_settings_edge .print_settings_modal_header_icon,
#dialog_print_settings_safari .print_settings_modal_header_icon {
	width: 3rem;
	height: 3rem;
}
#dialog_print_settings_chrome .print_settings_modal_header_icon img,
#dialog_print_settings_firefox .print_settings_modal_header_icon img,
#dialog_print_settings_edge .print_settings_modal_header_icon img,
#dialog_print_settings_safari .print_settings_modal_header_icon img {
	width: 100%;
	height: 100%;
}
#dialog_print_settings_chrome .print_settings_modal_body,
#dialog_print_settings_firefox .print_settings_modal_body,
#dialog_print_settings_edge .print_settings_modal_body,
#dialog_print_settings_safari .print_settings_modal_body {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	margin-top: 3.6rem;
}
#dialog_print_settings_chrome .print_settings_modal_body_manual {
	width: 55rem;
	height: 40.4rem;
	border: 0.1rem solid #CCCCCC;
}
#dialog_print_settings_firefox .print_settings_modal_body_manual {
	width: 55.5rem;
	height: 49.2rem;
	border: 0.1rem solid #CCCCCC;
}
#dialog_print_settings_edge .print_settings_modal_body_manual {
	width: 55.6rem;
	height: 41.9rem;
	border: 0.1rem solid #CCCCCC;
}
#dialog_print_settings_safari .print_settings_modal_body_manual {
	width: 60rem;
	height: 45.6rem;
	border: 0.1rem solid #CCCCCC;
}
#dialog_print_settings_chrome .print_settings_modal_body_manual img {
	width: 100%;
	height: 100%;
}
#dialog_print_settings_firefox .print_settings_modal_body_manual img {
	width: 100%;
	height: auto;
}
#dialog_print_settings_edge .print_settings_modal_body_manual img {
	width: 100%;
	height: auto;
}
#dialog_print_settings_safari .print_settings_modal_body_manual img {
	width: 100%;
	height: auto;
}
#dialog_print_settings_chrome .print_settings_modal_body_instructions,
#dialog_print_settings_firefox .print_settings_modal_body_instructions,
#dialog_print_settings_edge .print_settings_modal_body_instructions,
#dialog_print_settings_safari .print_settings_modal_body_instructions {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#dialog_print_settings_chrome .print_settings_modal_body_instructions p,
#dialog_print_settings_firefox .print_settings_modal_body_instructions p,
#dialog_print_settings_edge .print_settings_modal_body_instructions p,
#dialog_print_settings_safari .print_settings_modal_body_instructions p {
	font-size: 1.8rem;
	color: #333333;
	display: inline-flex;
    align-items: start;
    gap: .5rem;
	line-height: 2rem;
	padding-bottom: 1rem;
}

#dialog_print_settings_chrome .print_settings_modal_body_instructions p small,
#dialog_print_settings_firefox .print_settings_modal_body_instructions p small,
#dialog_print_settings_edge .print_settings_modal_body_instructions p small,
#dialog_print_settings_safari .print_settings_modal_body_instructions p small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    color: #333333;
    font-size: 1.1rem;
    font-weight: bold;
    border: 1px solid #333333;
	line-height: 1.8rem;
}

#dialog_print_settings_chrome .print_settings_modal_body_instructions p span.num_b,
#dialog_print_settings_firefox .print_settings_modal_body_instructions p span.num_b,
#dialog_print_settings_edge .print_settings_modal_body_instructions p span.num_b,
#dialog_print_settings_safari .print_settings_modal_body_instructions p span.num_b {
	font-weight: bold;
	color: #5068DB;
}

#dialog_print_settings_chrome .print_settings_modal_footer,
#dialog_print_settings_firefox .print_settings_modal_footer,
#dialog_print_settings_edge .print_settings_modal_footer,
#dialog_print_settings_safari .print_settings_modal_footer {
	padding-top: 5rem;
	display: flex;
	justify-content: center;
	gap: 5rem;
}
#dialog_print_settings_chrome .print_settings_modal_footer .btn_style,
#dialog_print_settings_firefox .print_settings_modal_footer .btn_style,
#dialog_print_settings_edge .print_settings_modal_footer .btn_style,
#dialog_print_settings_safari .print_settings_modal_footer .btn_style {
	width: 28rem;
	height: 5rem;
	line-height: 5rem;
	font-size: 2rem;
	font-weight: 700;
	border-radius: 0.5rem;
}
#dialog_print_settings_chrome .print_settings_modal_footer .btn_gray,
#dialog_print_settings_firefox .print_settings_modal_footer .btn_gray,
#dialog_print_settings_edge .print_settings_modal_footer .btn_gray,
#dialog_print_settings_safari .print_settings_modal_footer .btn_gray {
	background-color: #999999;
	color: #FFFFFF;
}
#dialog_print_settings_chrome .print_settings_modal_footer .btn_green,
#dialog_print_settings_firefox .print_settings_modal_footer .btn_green,
#dialog_print_settings_edge .print_settings_modal_footer .btn_green,
#dialog_print_settings_safari .print_settings_modal_footer .btn_green {
	background-color: #03C9A9;
	color: #FFFFFF;
}
/* End NJ-77312 */

/* NJ-77512 */
.dialog_apply_halloween {
    background: #000;
}
/* NJ-77512 END */

/* NJ-70472 Start */
.modal_window.dialog.dialog_schedule_cancel_new h3 {
    margin: 0 0 3.5rem;
}
.dialog_schedule_cancel_new {
	padding: 4.4rem 4.8rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .modal-content,
[class*=dialog_schedule_cancel_new] .reason_wrap,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .modal-content {
	padding-inline: 0;
	width: 64rem;
    margin: 0 auto;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-coins-title {
	padding: .4rem 2rem;
	font-size: 1.2rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-coins {
    gap: 0.8rem;
}
.modal_window.dialog.dialog_schedule_cancel_new .lesson-data.teacher-details {
    display: flex;
	gap: 0.4rem;
    flex-direction: column;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .teacher-image,
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .textbook-image,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .teacher-image,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .textbook-image {
	width: 5.6rem;
	height: 5.6rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-input {
	min-height: 12rem;
	border-radius: 0.4rem;
	border: 1px solid #CCC;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .btn_wrap ul {
    display: flex;
    justify-content: space-between;
    gap: 1.6rem;
	width: 64rem;
	margin-bottom: 4rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .btn {
    width: 31.2rem;
    border-radius: .4rem;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-info {
    border-bottom: unset;
    margin: 0 auto;
    width: 64rem;
}
.reservation-cancellation-notes {
    text-align: left;
    width: 64rem;
	margin: 0 auto;
   	border-top: 1px solid rgba(139, 155, 168, 0.20);
    padding-top: 1.6rem;
}
.reservation-cancellation-notes li {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.48px;
	margin-bottom: 0.6rem;
	color: #5F686F;
}
li.reservation-cancellation-notes_fees {
    display: flex;
    padding: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    background: rgba(95, 104, 111, 0.08);
    margin: 0 0 0.6rem 1.4rem;
}
.reservation-cancellation-notes li.reservation-cancellation-notes_fees p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.48px;
}
.reservation-cancellation-notes li:last-child {
    margin-bottom: 0;
}
.reason_wrap_notes .coin-not-avail {
	color: #D91C0B;
}
.dialog_schedule_reserve_cancel_complete {
    max-width: 64rem;
    padding: 3.6rem 4.8rem;
    border-radius: 10px;
    border: 0.5rem solid #555;
    background: #FFF;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal h3,
.modal_window.dialog.dialog_schedule_reserve_cancel_complete h3 {
    margin-bottom: 0;
}
.dialog_schedule_reserve_request_cancel_modal .btn_wrap.btn_half.cf,
.dialog_schedule_reserve_cancel_complete .btn_wrap.btn_center.cf,
.dialog_lesson_substitute_teacher_assignment .btn_wrap.btn_half.cf {
    margin-top: 0;
	width: 64rem;
}
.dialog_schedule_reserve_cancel_complete .btn_green.close_modal,
.dialog_modal_cancel_substitute_teacher_skip .btn_green.close_modal {
    padding: 1.2rem 0 1.4rem 0;
    border-radius: 0.4rem;
    width: 100%;
    min-width: 54.4rem;
    min-height: 5rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.modal_window.dialog_schedule_reserve_request_cancel_modal {
    padding: 4.4rem 4.8rem 6.4rem 4.8rem;
    align-items: center;
    border-radius: 1rem;
    border: 0.5rem solid #555;
    background: #FFF;
    max-width: 102.8rem;
    box-sizing: border-box;
    width: 100%;
    padding-inline: 0;
    color: #333333;
}
.dialog_schedule_reserve_request_cancel_modal .reserve_content.modal-content {
    width: 64rem;
}
.dialog_schedule_reserve_request_cancel_modal .textbook-info,
.dialog_substitute_cancel_after_enroll .textbook-info {
    flex-direction: column;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .modal-content {
    margin: 3.5rem auto 4rem;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .btn_wrap ul,
.modal_window.dialog.dialog_substitute_cancel_after_enroll.cancellation_modal .btn_wrap ul {
    display: flex;
    justify-content: space-between;
    gap: 1.6rem;
    width: 64rem;
}
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal.cancellation_modal .btn_style,
.modal_window.dialog.dialog_lesson_substitute_teacher_assignment.cancellation_modal .btn_style,
.modal_window.dialog.dialog_substitute_cancel_after_enroll.cancellation_modal .btn {
    width: 31.2rem;
    border-radius: .4rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
	display: flex;
    justify-content: center;
    align-items: center;
	min-height: 5rem;
}
.modal_window.dialog .lesson-data p {
    font-size: 1.4rem;
}
.lesson-data.teacher-details span.teacher_name {
    font-size: 2rem;
    font-weight: 700;
}
.dialog_lesson_cancel .top_img_wrap .top_img + .top_img:before {
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/icon_arrow_block-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.dialog_lesson_substitute_teacher_assignment {
    padding: 4.4rem 4.8rem 6.4rem 4.8rem;
	max-width: 102.8rem;
    width: 92.4rem;
}
.dialog_lesson_substitute_teacher_assignment.dialog_lesson_cancel .top_img img {
	max-width: 5.6rem;
	margin: 0 auto 0.4rem;
	object-fit: contain;
	border: 1px solid #ccc;
}
.dialog_lesson_substitute_teacher_assignment span.teacher_name {
    overflow: hidden;
    color: #00ACEE;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-weight: 700;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap.reservation-cancellation-details {
    display: flex;
    padding: 1.6rem 2rem;
    flex-direction: column;
    border-radius: 0.8rem;
    background: rgba(95, 104, 111, 0.08);
    margin: 0 auto 4rem;
    width: 60rem;
}
.dialog_lesson_substitute_teacher_assignment.dialog_lesson_cancel .top_img_wrap {
	width: 33.6rem
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-label p {
    color: #5F686F;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right {
    position: relative;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right::before {
    content: '';
    position: absolute;
    height: 1.7rem;
    top: 0.3rem;
    width: .1rem;
    background-color: #CCCCCC;
}
.dialog_lesson_substitute_teacher_assignment .reservation-cancellation-status {
	gap: 1.2rem;
    margin-bottom: 1.6rem;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .row-2 {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.dialog_lesson_substitute_teacher_assignment .reservation-cancellation-status-date {
    color: #5F686F;
    font-size: 1.4rem;
    font-weight: 700;
    margin-left: 1.6rem;
}
.dialog_lesson_substitute_teacher_assignment p.textbook-info {
    flex-direction: column;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
}
.dialog_lesson_substitute_teacher_assignment .col_right.col-2 {
    display: flex;
    gap: 1.2rem;
}
.dialog_lesson_substitute_teacher_assignment img.textbook-image {
    margin-left: 1.2rem;
	border-radius: 0.4rem;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right::before {
    content: '';
    position: absolute;
    height: 1.7rem;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    width: .1rem;
    background-color: #CCCCCC;
}
.dialog_lesson_substitute_teacher_assignment .lesson-data-wrap .col_right.col-2::before {
	top: 2rem;
}
.dialog_lesson_substitute_teacher_assignment.dialog_lesson_cancel .top_img_wrap .top_img {
	padding: 0;
}
.dialog_lesson_substitute_teacher_assignment .lesson_with_sub_note {
	color: #03C9A9;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1.6rem;
	font-weight: 700;
}
.modal_window.dialog.dialog_lesson_substitute_teacher_assignment .btn_style {
    width: 31.2rem;
    border-radius: .4rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    padding: 0;
	margin-bottom: 1.6rem;
}
.dialog_modal_cancel_substitute_teacher_skip {
    width: 64rem;
    padding: 3.6rem 4.8rem;
}
.dialog_modal_cancel_substitute_teacher_skip img.teddy_skip {
    margin: 0 auto 1.6rem;
    display: block;
}
.dialog_modal_cancel_substitute_teacher_skip p {
    color: #333;
    text-align: center;
    font-feature-settings: 'halt' on;
    font-style: normal;
    font-weight: 500;
}
.modal_window.dialog.dialog_schedule_cancel_new .lesson-data.border-outline-green,
.modal_window.dialog.dialog_schedule_reserve_request_cancel_modal .lesson-data.border-outline-green,
.modal_window.dialog.dialog_substitute_cancel_after_enroll .lesson-data.border-outline-green {
    height: 2.8rem;
    padding: 0.3rem 0.8rem 0.5rem;
    min-width: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal_window.dialog.dialog_schedule_cancel_new.cancellation_modal .reservation-cancellation-input::placeholder,
.modal_window.dialog.dialog_substitute_cancel_after_enroll.cancellation_modal .reservation-cancellation-input::placeholder {
    color: #ccc;
}
.modal_window.dialog.cancellation_modal .reservation-cancellation-info ul li.text-red.cancel_no_coin_return {
    color: #D91C0B;
    font-size: 1.4rem;
}
.c_333 {
	color: #333;
}
.dialog_substitute_cancel_after_enroll .reservation-cancellation-notes {
	border-top: unset;
	padding-top: 0;
}
.dialog_substitute_cancel_after_enroll .reservation-cancellation-notes li {
    color: #5F686F;
    font-feature-settings: 'halt' on;
    font-size: 1.4rem;
    margin-bottom: 0.2rem;
}
.dialog_substitute_cancel_after_enroll {
    width: 100%;
    max-width: 92.4rem;
    padding: 4.4rem 4.8rem 6.4rem;
}
.modal_window.dialog.cancellation_modal.dialog_substitute_cancel_after_enroll .reserve_content.modal-content {
    width: 64rem;
    margin: 0 auto;
    padding-inline: 0;
}
.dialog_lesson_substitute_teacher_assignment .sub_note {
    color: #5F686F;
    font-feature-settings: 'halt' on;
    letter-spacing: 0.48px;
}
p.teacher-name-wrap {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.dialog_substitute_cancel_after_enroll .reservation-cancellation-notes ul li::before {
    content: "・";
    margin-right: 0.5em;
}
/* NJ-70472 End */

html[lang="zh-tw"] .dialog_campaign_dailynews_live .stamp-inner {
	border: 0.4rem solid #000000;
	border-top: none;
}
.dialog_campaign_new_year.newyear_2026 .sec_ttl p {
	color: #FF0000;
}
/* NJ-82114 END */
/* NJ-73035 START */
#modal_annual_discount.pc {
	width: 79.6rem !important;
}
#modal_annual_discount.pc .plans-compare {
	display: flex;
	justify-content: space-around;
	margin-bottom: 4.5rem;
}
#modal_annual_discount.pc .plans-compare .plan-option {
	width: 26.1rem;
	height: 26.1rem;
	border: 2px solid #555;
	text-align: center;
}
#modal_annual_discount.pc .plans-compare .plan-option.premium {
	border: 2px solid #00B199;
}
#modal_annual_discount.pc .plans-compare .plan-option__head p {
	width: 21.3rem;
	background: #555;
	color: #fff;
	margin: 2.4rem auto 0;
	height: 5rem;
	line-height: 5rem;
}
#modal_annual_discount.pc .plans-compare .plan-option__head.padded {
	padding: 0;
}
#modal_annual_discount.pc .plans-compare .plan-option.premium .plan-option__head p {
	background: #00B199;
}
#modal_annual_discount.pc .plans-compare .plan-option__body {
	padding-top: 3.7rem;
	padding-bottom: 1.2rem;
}
#modal_annual_discount.pc .plans-compare .comparator {
	padding: 30px 60px;
	display: block;
	position: relative;
}
#modal_annual_discount.pc .plans-compare .comparator::before {
	content: "";
	position: absolute;
	border-width: 25px;
	border-color: transparent transparent transparent #aaaaaa;
	border-style: solid;
	inset: 50%;
	transform: translate(-20%, -50%);
}
#modal_annual_discount.pc .plans-compare .catch.light.pt-br {
	background: #FF3661;
	width: 15.7rem;
	color: #fff;
	margin: 0 auto 0;
	border-radius: 4rem;
	height: 4.5rem;
	line-height: 4.5rem;
}
#modal_annual_discount.pc .plans-compare .catch.light.zh-tw {
	height: 3.7rem;
	line-height: 3.7rem;
	padding: 4px 0;
	background: #FF3661;
	width: 15.7rem;
	color: #fff;
	margin: 0 auto 0;
	border-radius: 4rem;
}
/* NJ-73035 END */

/* NJ-86400 Start */
.dialog_reservation_cancel_confirmation {
	width: 99.6rem;
	max-width: 996px;
	padding: 3rem;
	background: #FFFFFF;
}
.dialog_reservation_cancel_confirmation .rsv-confirm-header {
	display: flex;
	align-items: center;
	padding-bottom: 1.6rem;
	margin-bottom: 2rem;
	padding: 3rem 3rem 0;
}
.dialog_reservation_cancel_confirmation .rsv-status .lesson_status {
	font-size: 1.4rem;
	padding: 0.8rem 2rem;
	background: #03C9A9;
	border: none;
	border-radius: 0;
	font-weight: normal;
}
.dialog_reservation_cancel_confirmation .rsv-datetime {
	font-size: 1.6rem;
	font-weight: bold;
	color: #555;
	padding-left: 1.6rem;
}
.dialog_reservation_cancel_confirmation .rsv-date,
.dialog_reservation_cancel_confirmation .rsv-time {
	margin-left: 0.5rem;
}
.dialog_reservation_cancel_confirmation .rsv-confirm-content {
	display: flex;
	margin-bottom: 2rem;
	gap: 0;
	padding: 0 3rem;
}
.dialog_reservation_cancel_confirmation .rsv-teacher-section {
	flex: 1;
	padding: 2rem 2rem 2rem 0;
}
.dialog_reservation_cancel_confirmation .rsv-teacher-section .instructor_data {
	margin-bottom: 0;
}
.dialog_reservation_cancel_confirmation .rsv-teacher-section .teacher_data {
	display: flex;
	gap: 1.2rem;
	align-items: center;
}
.dialog_reservation_cancel_confirmation .rsv-teacher-section .teacher_data .thumb {
	width: 6.4rem;
	height: 6.4rem;
	flex-shrink: 0;
}
.dialog_reservation_cancel_confirmation .rsv-teacher-section .teacher_data .thumb img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.dialog_reservation_cancel_confirmation .teacher_details p {
	margin-bottom: 0.4rem;
}
.dialog_reservation_cancel_confirmation .teacher_details .fw_b {
	font-size: 2rem;
	color: #333333;
}
.dialog_reservation_cancel_confirmation .teacher_details .rsv-teacher-name {
	font-size: 1.4rem;
	font-weight: normal;
}
.dialog_reservation_cancel_confirmation .teacher_details .rsv-teacher-name-jp {
	font-size: 1.4rem;
	color: #666666;
}
.dialog_reservation_cancel_confirmation .teacher_details .country_data {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	margin-bottom: 0;
}
.dialog_reservation_cancel_confirmation .teacher_details .country_data img {
	width: 2.4rem;
	height: 1.6rem;
}
.dialog_reservation_cancel_confirmation .teacher_details .country_data .country_name {
	font-size: 1.4rem;
	color: #333;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section {
	flex: 1;
	padding: 2rem 2rem 2rem 1.6rem;
	position: relative;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section:before {
	content: '';
	width: .2rem;
	height: 5.6rem;
	background: #F5F5F5;
	position: absolute;
	left: 0;
	top: 2.5rem;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section .lesson_data {
	margin-bottom: 0;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section .lesson_data dl {
	display: flex;
	gap: 1.2rem;
	align-items: flex-start;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section .lesson_data dt {
	width: 6.4rem;
	height: 6.4rem;
	background-color: #03C9A9;
	border-radius: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section .lesson_data dt img {
	border-radius: .4rem;
	width: 100%;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-section .lesson_data dd {
	flex: 1;
	line-height: 1.4;
	text-align: left;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-category {
	font-size: 1.6rem;
	color: #333333;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-level {
	font-size: 1.4rem;
	color: #333333;
}
.dialog_reservation_cancel_confirmation .rsv-textbook-lesson {
	font-size: 1.4rem;
	color: #333333;
}
.dialog_reservation_cancel_confirmation .rsv-promotion {
	padding: 1.2rem 0;
	margin-bottom: 2.4rem;
	min-height: 2rem;
	border-bottom: 2px solid #DDD;
	background: #F5F5F5;
	position: relative;
}
.dialog_reservation_cancel_confirmation .rsv-promo-list {
	list-style: none;
	padding: 0 0 0 3rem;
	margin: 0;
}
.dialog_reservation_cancel_confirmation .rsv-promo-list li {
	font-size: 1.6rem;
	color: #555;
	margin-bottom: 0.5rem;
}
.dialog_reservation_cancel_confirmation .rsv-promo-list li:last-child {
	margin-bottom: 0;
}
.dialog_reservation_cancel_confirmation .rsv-actions-wrapper {
	display: flex;
	gap: 4rem;
	justify-content: center;
	border-top: none;
	padding-top: 0;
}
.dialog_reservation_cancel_confirmation .lesson_actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 4rem;
	justify-content: start;
	padding: 0 3rem 3rem;
}
.dialog_reservation_cancel_confirmation .lesson_actions .action_item {
	display: flex;
	flex-direction: column;
	width: 9.8rem;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
	align-items: center;
	gap: 0.8rem;
	color: #092846;
	text-decoration: none;
}
.dialog_reservation_cancel_confirmation .lesson_actions .action_item:hover {
	cursor: pointer;
	text-decoration: none;
}
.dialog_reservation_cancel_confirmation .action_item.disabled {
	color: #CCCCCC;
}
.dialog_reservation_cancel_confirmation .action_item.disabled:hover {
	cursor: not-allowed;
}
.dialog_reservation_cancel_confirmation .action_item .action_icon {
	width: 3rem;
	height: 3rem;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.dialog_reservation_cancel_confirmation .action_item.disabled .action_icon {
	filter: invert(100%) sepia(58%) saturate(0%) hue-rotate(131deg) brightness(88%) contrast(88%);
}
.dialog_reservation_cancel_confirmation .action_item .action_icon.icon_reservation_cancel {
	background-image: url(https://assets.nativecamps.com/user/webroot/images/icon/icon_revervation_cancel.svg);
}
.dialog_reservation_cancel_confirmation .action_item .action_icon.icon_change_material {
	background-image: url(https://assets.nativecamps.com/user/webroot/images/icon/icon_change_material.svg);
}
.dialog_reservation_cancel_confirmation .action_item .action_icon.icon_calender_sync {
	background-image: url(https://assets.nativecamps.com/user/webroot/images/icon/icon_calender_sync.svg);
}
.dialog_reservation_cancel_confirmation .action_item .action_icon.icon_lesson_history {
	background-image: url(https://assets.nativecamps.com/user/webroot/images/icon/icon_lesson_history.svg);
}

/* NJ-86400 End */

/* NJ-85522 sorter teacher modal */
.sorterContainer {
	margin-bottom: 2rem;
}
.sorterContainer .alphabetSorter {
	margin-top: 1.8rem;
}
.sorterContainer .alphabetSorter ul {
	display: flex;
	gap: 0.9rem;
}
.sorterContainer .alphabetSorter a {
	font-size: 1.7rem;
	color: #1B91FF;
}
.sorterContainer .alphabetSorter a.active {
	font-weight: 700;
}

#dialog_show_add_fav_teacher #teacherCheckBox .custom_check::after,
#dialog_show_delete_fav_teacher #teacherDeleteCheckbox .custom_check::after {
	left: 1px;
}

#add_teacher_to_categories_color li {
    cursor: default;
}
#add_teacher_to_categories_color .drag-handle {
    cursor: grab;
}

.alpha-letter.disabled {
    color: #999;
    pointer-events: none;
    font-weight: normal;
}

.alpha-letter.active {
    font-weight: bold;
    pointer-events: auto;
    color: #000;
}

.favorites-loading-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 300px;
	width: 100%;
}

/* NJ-85522 sorter teacher modal END */

/* NJ-86812 start */
.btn-active {
    background-color: #03c9a9 !important;
    color: white !important;
    cursor: pointer;
}
.btn-disabled {
    background-color: #f4f4f4 !important;
    color: #ccc !important;
    cursor: not-allowed;
}
.teacher-profile_image {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
/* NJ-86812 end */
/* NJ-90282 */




/* End NJ-90282 */
/* NJ-88663 Start */
.dialog_confirm_payment_details {
	max-width: 58rem;
	width: 100%;
	padding: 3.4rem;
	color: #333;
}
.dialog_confirm_payment_details .message {
	background: #f8f8f8;
	padding: 2rem 1.5rem;
}
.dialog_confirm_payment_details .c_amount{
	color: #d91c0b;
}
.dialog_confirm_payment_details ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
}
.dialog_confirm_payment_details ul li {
	width: 100%;
}
.dialog_confirm_payment_details ul li a {
	height: auto;
	min-width: unset;
	width: auto;
	min-height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* NJ-88663 End */

/* NJ-88667 */
.dialog_campaign_ai_speaking_test{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_ai_speaking_test .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_ai_speaking_test .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_ai_speaking_test .sec_ttl{
	color: #FC6081;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.5;
}
.dialog_campaign_ai_speaking_test .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_ai_speaking_test .sec_text .link a {
	background: #00ACEE;
	color: #fff ;
	display: inline-block;
	min-width: 230px;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
	font-weight: bold;
	font-size: 2.0rem;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	position: relative;
	margin-bottom: 2rem;
}
/* after lesson modal */
.dialog_campaign_ai_speaking_test_afterlesson{
	max-width: 87rem;
	height: min-content;
	box-sizing: border-box;
	padding: 4rem 3.5rem;
}
.dialog_campaign_ai_speaking_test_afterlesson .sec_ttl{
	color: #18858D;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_ai_speaking_test_afterlesson .sec_text .link a {
	color: #00ACEE;
	font-size: 1.8rem;
	font-weight: normal;
	text-decoration: underline;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 1rem;
}
.dialog_campaign_ai_speaking_test_afterlesson .t_orange{
	color: #FFB100;
}
.dialog_campaign_ai_speaking_test_afterlesson .stamp_wrap{
	border: .4rem solid #44D0D5;
	border-radius: 2rem;
	margin-bottom: 2rem;
	overflow: hidden;
}
.dialog_campaign_ai_speaking_test_afterlesson .stamp .stamp_header {
	height: 216px;
	width: 100%;
	background: url('/images/campaign/spare_time/stamp_title.png') no-repeat center;
	overflow: hidden;
}
.dialog_campaign_ai_speaking_test_afterlesson .stamp .stamp_header img{
	width: 100%;
}
.dialog_campaign_ai_speaking_test_afterlesson .stamp .stamp_content {
	background: #fff;
	padding: 0 5rem 5rem;
	position: relative;
}

.dialog_campaign_ai_speaking_test_afterlesson .stamp_content .total_stamp_count {
	color: #FFA313;
	font-size: 4.5rem;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif;
}
.dialog_campaign_ai_speaking_test_afterlesson .stamp_content .stamp_count_title {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 3rem 0 2.5rem;
}
.dialog_campaign_ai_speaking_test_afterlesson .stamp_content .stamp-number {
	font-size: 3.6rem;
	color: #FF0000;
}

/* Calendar table */
.dialog_campaign_ai_speaking_test_afterlesson .calendar {
	width: 100%;
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-header {
	display: flex;
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-header-cell {
	width: 10.4rem;
	padding: 0.8rem 1rem;
	text-align: center;
	border: 0.1rem solid #E4E4E4;
	font-size: 1.4rem;
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-header-cell.sat {
	color: var(--color-accent);
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-header-cell.sun {
	color: var(--color-accent);
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-row {
	display: flex;
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-cell {
	width: 10.4rem;
	padding: 1rem;
	border: 00.1rem solid #E4E4E4;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	align-items: center;
}

.dialog_campaign_ai_speaking_test_afterlesson .calendar-date {
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	color: #555;
}

.dialog_campaign_ai_speaking_test_afterlesson .stamp-placeholder {
	width: 100%;
	height: 4.6rem;
	text-align: center;
}
/* NJ-88667 END */
/* NJ-92399 */
/* Title */
.dialog_confirm_payment_details h3 {
	color: #333;
	line-height: 1.6;
}

/* Payment Details Wrapper */
.dialog_confirm_payment_details .payment_details_wrap {
	padding: 1.6rem 0;
	width: 100%;
}

/* Payment Row (label + value) */
.dialog_confirm_payment_details .payment_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.dialog_confirm_payment_details .payment_row p {
	color: #333;
	line-height: 1.7;
	font-weight: 400;
}

/* Total Payment Row */
.dialog_confirm_payment_details .payment_row .fw_b {
	font-weight: 700;
	line-height: 1.5;
}

/* Divider */
.dialog_confirm_payment_details .payment_divider {
	height: 1px;
	background-color: #ccc;
	margin: 1.4rem 0;
}

/* Button Wrapper */
.dialog_confirm_payment_details .btn_wrap {
	padding-top: 1rem;
}
/* NJ-92399 End */

/* 
   Counseling Modal Redesign - Desktop Styles
   Ticket: NJ-92779
   All classes use .counseling-modal__ prefix for easy identification
*/

/* Base Modal Container */
#dialog_counseling.modal_window {
	border: unset;
}
#dialog_counseling .counseling-modal {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  border-radius: 1.5rem;
  padding: 0;
}
/* Gradient Background */
#dialog_counseling .counseling-modal__gradient-bg {
  position: absolute;
  top: -3.2rem;
  left: -6rem;
  right: -6rem;
  height: 32.2rem;
  background-image: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/common/gradient_bg.webp);
  z-index: 2;
  border-top-left-radius: 1rem;
  background-size: 76rem;
  background-repeat: no-repeat;
  padding-bottom: 2.2rem;
}

/* Header Section */
#dialog_counseling .counseling-modal__header {
  position: relative;
  z-index: 2;
  text-align: center;
}

#dialog_counseling .counseling-modal__title {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 2.9rem 0;
  white-space: nowrap;
}

#dialog_counseling .counseling-modal__photo-subtitle-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.9rem;
  margin-bottom: 1.8rem;
}

#dialog_counseling .counseling-modal__photo-wrapper {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

#dialog_counseling .counseling-modal__photo {
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 50%;
  border: 0.2rem solid #ffffff;
  display: block;
}

#dialog_counseling .counseling-modal__online-indicator {
  position: absolute;
  bottom: 0;
  right: 1rem;
  width: 1.3rem;
  height: 1.3rem;
  background: #0BCAFA;
  border: 0.2rem solid #ffffff;
  border-radius: 50%;
}

#dialog_counseling .counseling-modal__subtitle {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #ffffff;
  margin: 2.1rem 0 0 0;
  max-width: 35.5rem;
  text-align: left;
}

/* Stats Section */
#dialog_counseling .counseling-modal__stats {
  position: relative;
  z-index: 2;
  display: flex;
  background: #ffffff;
  width: 63.6rem;
  height: 9.7rem;
  margin: 0 auto 3.2rem;
  border-radius: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}

#dialog_counseling .counseling-modal__stat-col {
  flex: 1;
  text-align: center;
  padding: 1.6rem 1rem;
}
#dialog_counseling .counseling-modal__stat-col.w_border {
	position: relative;
}
#dialog_counseling .counseling-modal__stat-col.w_border::before {
	content: "";
	position: absolute;
	top: 1.5rem;
	bottom: 0.8rem;
	left: 0;
	width: 0.1rem;
	background-color: #DDD;
	height: 6.5rem;
}
#dialog_counseling .counseling-modal__stat-col.w_border::after {
	content: "";
	position: absolute;
	top: 1.5rem;
	bottom: 0.8rem;
	right: 0;
	width: 0.1rem;
	background-color: #DDD;
	height: 6.5rem;
}

#dialog_counseling .counseling-modal__stat-col--outer {
  border-right: none;
  border-left: none;
}

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

#dialog_counseling .counseling-modal__stat-label {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #333333;
}

/* Benefits Section */
#dialog_counseling .counseling-modal__benefits {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 9.6rem 3.5rem;
  background: #ffffff;
  margin-top: 5.9rem;
}

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

#dialog_counseling .counseling-modal__benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  display: inline-block;
  max-width: 40rem;
}

#dialog_counseling .counseling-modal__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.6rem;
  line-height: 1.4;
  color: #333333;
  gap: 1.2rem;
}

#dialog_counseling .counseling-modal__benefit-item:last-child {
  margin-bottom: 0;
}

#dialog_counseling .counseling-modal__checkmark {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* Steps Section */
#dialog_counseling .counseling-modal__steps {
  position: relative;
  z-index: 1;
  background: #FFF0DE;
  border-radius: 1.435rem;
  padding: 3.8rem 1.7rem 2.1rem;
  margin: 2rem 5.9rem 3.5rem;
}

#dialog_counseling .counseling-modal__steps-badge {
  text-align: center;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 1.5rem;
  color: #F1890E;
  border: 0.2rem solid #F1890E;
  border-radius: 2rem;
  display: inline-block;
  padding: 1rem 2.4rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -2rem;
  background: #FFF;
  font-weight: 700;
}

#dialog_counseling .counseling-modal__steps-flow {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  gap: 4rem;
}

#dialog_counseling .counseling-modal__step {
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#dialog_counseling .counseling-modal__step-icon {
  width: 3.6rem;
  height: 3.6rem;
  background: #F1890E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem auto;
}

#dialog_counseling .counseling-modal__step-icon svg {
  width: 1.8rem;
  height: 1.8rem;
}

#dialog_counseling .counseling-modal__step-label {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
  font-size: 1.1713rem;
  line-height: 1.46rem;
  color: #333333;
  max-width: 10rem;
}
#dialog_counseling .counseling-arrow {
	position: relative;
}
#dialog_counseling .counseling-modal__arrow {
	position: absolute;
	width: 2.3rem;
	height: 2.3rem;
	flex-shrink: 0;
	top: 3rem;
	left: -1.5rem;
}

/* CTA Button Section */
#dialog_counseling .counseling-modal__cta-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 5.9rem 1.5rem;
}

#dialog_counseling .counseling-modal__cta-heading {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.08;
  color: #0b2844;
  margin: 0 0 1rem 0;
  text-align: center;
}

#dialog_counseling .counseling-modal__cta-button {
  width: 100%;
  max-width: 30rem;
  padding: 0.5rem 0;
  border-radius: 0.2rem;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  box-shadow: 0 0.2rem 0.8rem rgba(241, 137, 14, 0.3);
  font-weight: 700;
  text-shadow: unset;
}

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

#dialog_counseling .counseling-modal__cta-button:active {
  transform: translateY(1px);
}

/* Close Button Override */
#dialog_counseling .btn_close.close_counseling_modal {
  position: absolute;
  top: -5.3rem;
  right: -8rem;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  width: 4.5rem;
  height: 4.5rem;
  cursor: pointer;
}

#dialog_counseling .btn_close.close_counseling_modal:hover {
  background-color: rgba(255, 255, 255, 1);
}

/* Responsive adjustments for smaller desktops */
@media screen and (max-width: 800px) {
  #dialog_counseling .counseling-modal {
    width: 90%;
    max-width: 70rem;
  }
  
  #dialog_counseling .counseling-modal__header {
    padding: 0.5rem 6rem 0;
  }
  
  #dialog_counseling .counseling-modal__stats {
    width: 90%;
  }
  
  #dialog_counseling .counseling-modal__benefits {
    padding: 0 6rem 2rem;
  }
  
  #dialog_counseling .counseling-modal__steps {
    margin: 2rem 4rem 3.2rem;
  }
  
  #dialog_counseling .counseling-modal__cta-wrapper {
    padding: 0 4rem 3.2rem;
  }
}
/* NJ-92779 END */
/* NJ-92920 START */
.dialog_campaign_callan_method{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_callan_method .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_callan_method .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_callan_method .sec_ttl{
	color: #0050AD;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.5;
}
.dialog_campaign_callan_method .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_callan_method .sec_text .link a {
	background: #00ACEE;
	color: #fff ;
	display: inline-block;
	min-width: 230px;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
	font-weight: bold;
	font-size: 2.0rem;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	position: relative;
	margin-bottom: 2rem;
}

/* Stamp Card */
.dialog_campaign_callan_method_afterlesson .stamp-card {
	background-color: #D8ECFF;
	border: 0.4rem solid #3285E5;
	border-radius: 2rem;
	overflow: hidden;
}

.dialog_campaign_callan_method_afterlesson .stamp-card-header {
	width: 100%;
	height: 21.7rem;
	overflow: hidden;
}

.dialog_campaign_callan_method_afterlesson .stamp-header-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dialog_campaign_callan_method_afterlesson .stamp-card-content {
	padding: 2.5rem 4.7rem 5rem;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.dialog_campaign_callan_method_afterlesson .stamp-counter {
	background-color: #FFF;
	border-radius: 4rem;
	width: 45.2rem;
	height: 7.9rem;
	margin: 0 auto;
	box-sizing: border-box;
}

.dialog_campaign_callan_method_afterlesson p.stamp-counter-text {
	color: #333;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.5rem;
	margin: 0;
}

.dialog_campaign_callan_method_afterlesson .stamp-counter-number {
	color: #E83936;
	font-size: 5.3rem;
	font-weight: 700;
	line-height: 1.4;
}

.dialog_campaign_callan_method_afterlesson .stamp-list {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: flex-start;
}

/* Stamp Item */
.dialog_campaign_callan_method_afterlesson .stamp-item {
	background-color: #FFF;
	border-radius: 0.8rem;
	box-shadow: 0px 0px 15px 0px rgba(0,28,82,0.2);
	overflow: hidden;
	width: 16rem;
	display: flex;
	flex-direction: column;
}

.dialog_campaign_callan_method_afterlesson .stamp-item-header {
	background-color: #0050AD;
	padding: 0.8rem 1.6rem;
	text-align: center;
}

.dialog_campaign_callan_method_afterlesson .stamp-item-title {
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}

.dialog_campaign_callan_method_afterlesson .stamp-item-content {
	border: 0.1rem solid #E5E5E5;
	border-top: none;
	border-bottom-left-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem;
	padding: 1.4rem 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dialog_campaign_callan_method_afterlesson .stamp-item-coin {
	width: 6rem;
	height: 6rem;
}

.modal_window.dialog_campaign_callan_method_afterlesson{
	max-width: 87rem;
	box-sizing: border-box;
}

.dialog_campaign_callan_method_afterlesson .sec_ttl {
	color: #0050AD;
	text-align: center;
	margin: 2rem auto 3.6rem;
}

.dialog_campaign_callan_method_afterlesson .sec_text .link a {
	color: #00ACEE;
	text-decoration: underline;
}

/* NJ-92920 END */
/* NJ-96072-FE Modal Styles */
		.free-booking-modal {
			width: 600px !important;
			max-width: 90% !important;
			/* background: linear-gradient(to bottom, #ffffff 28.365%, #fedccb 100%); */
			border-radius: 40px;
			padding: 40px 24px 58px;
			background: transparent;
			border: none;
			box-shadow: none;
		}
		.free-booking-modal.modal_window .btn_close {
			background: #FFF;
			border-radius: 50%;
			width: 4.2rem;
			height: 4.2rem;
			text-align: center;
			align-content: center;
			top: 0.3rem;
			right: 2rem;
		}
		.free-booking-modal .modal-gift-icon {
			position: absolute;
			top: -2rem;
			left: 50%;
			transform: translateX(-50%);
			width: 88px;
			height: 89px;
			z-index: 1;
		}
		.free-booking-modal .modal-gift-icon img { 
			width: 100%; 
			height: 100%; 
			object-fit: contain; 
		}
		.free-booking-modal .modal-content { 	
			display: flex; 
			flex-direction: column; 
			justify-content: center;
			gap: 24px; 
			align-items: center; 
			background: linear-gradient(180deg, #FFF 28.37%, #FEDCCB 100%);
			border-radius: 4rem; 
			position: relative;
			padding-top: 4rem;
			width: 55.8rem;
			margin: auto;
		}
		.free-booking-modal .modal-content::before{
			position: absolute;
			content: '';
			width: 31.8rem;
			height: 8.7rem;
			background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/modal/curve.webp');
			background-repeat: no-repeat;
			top: -8.7rem;
			z-index: 0;
		}
		.free-booking-modal .bg_main {
			position: absolute;
			border-radius: 42px;
			background: linear-gradient(180deg, #FFE8D0 0%, #FFBD7B 84.62%);
			width: 60rem;
  			height: 58rem;
			bottom: 7rem;
			overflow: hidden;
		}
		.free-booking-modal .modal-title { 
			text-align: center; 
			color: #f0295d; 
			font-family: 'Noto Sans JP', sans-serif; 
		}
		.free-booking-modal .modal-subtitle { 
			font-size: 16px; 
			font-weight: 700; 
			line-height: 1.7; 
			margin: 0; 
		}
		.free-booking-modal .modal-heading { 
			font-size: 3.6rem; 
			font-weight: 700; 
			line-height: 1.4; 
			margin: 0; 
		}
		.free-booking-modal .modal-coupon { 
			position: relative; 
			width: 50rem; 
			max-width: 100%; 
			height: 23.6rem;
			filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.08));
		}
		.free-booking-modal .modal-coupon::before {
			content: '';
			position: absolute;
			top: 2.5rem;
			width: 0.2rem;
			height: 20rem;
			border-left: 0.2rem dashed #CCC;
			left: 50%;
			z-index: 2;
		}
		.free-booking-modal .coupon-bg {
			position: absolute;
			width: 100%;
			height: 23.3rem;
			background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/modal/puzzle.webp') ;
			border-radius: 2rem;
			background-repeat: no-repeat;
		}
		.free-booking-modal .coupon-content { 
			position: relative; 
			height: 100%; 
			padding: 20px; 
		}
		.free-booking-modal .timer-icon { 
			position: absolute; 
			left: 4.6rem; 
			top: 1.5rem; 
			width: 4.5rem; 
			height: 5.3rem; 
			z-index: 1;
		}
		.free-booking-modal .timer-icon img { 
			width: 100%; 
			height: 100%; 
			object-fit: contain; 
		}
		.free-booking-modal .teacher-avatar {
			position: absolute;
			left: 7.5rem;
			top: 2rem;
			width: 10rem;
			height: 10rem;
			border-radius: 50%;
			overflow: hidden;
		}
		.free-booking-modal .teacher-avatar img { 
			width: 100%; 
			height: 100%; 
			object-fit: cover; 
		}
		.free-booking-modal.modal_window.dialog .teacher-name {
			position: absolute;
			left: 12.55rem;
			top: 13rem;
			transform: translateX(-50%);
			font-size: 1.6rem;
			font-weight: 700;
			color: #ffffff;
			text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
			margin: 0;
			line-height: 1;
			display: flex;
		}
		.free-booking-modal.modal_window.dialog .teacher-name span {
			max-width: 15rem;
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.free-booking-modal .promo-text { 
			position: absolute; 
			left: 27.6rem; 
			top: 2.8rem; 
			text-align: left; 
		}
		.free-booking-modal.modal_window.dialog .promo-time { 
			font-family: 'Noto Sans JP', sans-serif;
			font-size: 2.4rem; 
			font-weight: 900; 
			color: #f0295d; 
			margin: 0; 
			display: flex;
			align-items: center;
		}
		.free-booking-modal.modal_window.dialog .promo-number { 
			font-size: 3.2rem; 
		}
		.free-booking-modal.modal_window.dialog .promo-line1, .free-booking-modal.modal_window.dialog .promo-line2 { 
			font-size: 2rem; 
			font-weight: 700; 
			color: #b13013; 
			margin: 0; 
		}
		.free-booking-modal .countdown_wrap {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 1.4rem;
			background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/modal/abstract.webp');
			background-size: 60rem 33rem;
			background-position: center;
			width: 60rem;
			height: 24.4rem;
			padding-top: 6rem;
  			background-repeat: no-repeat;
			padding-bottom: 2rem;
			margin-top: -10.2rem;
			z-index: 99;
			filter: drop-shadow(0 -0.7rem 1.7rem rgba(0, 0, 0, 0.04));
			overflow: hidden;
		}
		.free-booking-modal .promo-free { 
			font-size: 3.2rem; 
			font-weight: 900; 
			color: #f0295d; 
		}
		.free-booking-modal .countdown-container { 
			display: flex; 
			align-items: center; 
			justify-content: center; 
			gap: 0.4rem; 
		}
		.free-booking-modal .countdown-digits { 
			display: flex; 
			gap: 0.3rem; 
		}
		.free-booking-modal .digit-block {
			width: 3.6rem;
			height: 4.6rem;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(128deg, #f0295d 0.625%, #f1890e 100.63%);
			border-radius: 0.4rem;
			font-size: 3rem;
			font-weight: 700;
			color: #ffffff;
		}
		.free-booking-modal .countdown-separator { 
			font-size: 1.8rem; 
			font-weight: 700; 
			color: #f0295d; 
		}
		.free-booking-modal .modal-cta-buttons { 
			display: flex; 
			flex-direction: column; 
			justify-content: center;
			align-items: center; 
			gap: 1.3rem; 
			width: 100%; 
		 }
		.free-booking-modal .btn-primary-cta {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 1.8rem 5rem;
			background: linear-gradient(to right, #f0533b 0%, #f1890e 100%);
			border-radius: 2.6rem;
			box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.12);
			font-size: 1.6rem;
			font-weight: 700;
			color: #ffffff;
			text-decoration: none;
		
		}
		.free-booking-modal .btn-primary-cta .teacher_name {
			max-width: 15rem;
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 1.4rem;
		}
		
		.free-booking-modal .btn-arrow { 
			position: absolute; 
			right: 1.6rem; 
		}
		.free-booking-modal .link-secondary { 
			font-size: 1.6rem; 
			color: #00acee; 
			text-decoration: none; 
		}
		.free-booking-modal .link-secondary:hover { 
			text-decoration: underline; 
		}
		@media (max-width: 767px) {
			.free-booking-modal { padding: 3rem 2rem 4rem; }
			.free-booking-modal .modal-heading { font-size: 2.8rem; }
			.free-booking-modal .modal-coupon { height: 20rem; }
			.free-booking-modal .teacher-avatar { width: 8rem; 
			height: 8rem; 
		}
			.free-booking-modal .digit-block { 
				width: 3.2rem; 
				height: 4.2rem; 
				font-size: 2.6rem; 
			}
		}
/* NJ-98918: one-tap slot chips + A/B headline + loading spinner + demoted CTA text link */
		.free-booking-modal .modal-slots-headline {
			font-size: 1.4rem;
			font-weight: 700;
			color: #333333;
			text-align: center;
		}
		.free-booking-modal .slot-chips-loading {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 3.6rem;
		}
		.free-booking-modal .slot-spinner {
			display: inline-block;
			width: 2rem;
			height: 2rem;
			border: 2px solid #e3e3e3;
			border-top-color: #f1890e;
			border-radius: 50%;
			animation: vw-spin .8s linear infinite;
		}
		@keyframes vw-spin { to { transform: rotate(360deg); } }
		/* NJ-96072-S1a: slot section title + 2-line day/time chips with おすすめ badge */
		.free-booking-modal .slot-chips-title {
			text-align: center;
			font-size: 1.4rem;
			font-weight: 700;
			color: #f0295d;
		}
		.free-booking-modal .slot-chips-container {
			display: flex;
			flex-wrap: nowrap;
			gap: 0.8rem;
			justify-content: center;
			margin-bottom: -0.2rem;
		}
		.free-booking-modal .slot-chip {
			position: relative;
			flex: 1 1 0;
			min-width: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 0.2rem;
			box-sizing: border-box;
			background: #ffffff;
			border: 2px solid #f1890e;
			border-radius: 1.4rem;
			color: #f0295d;
			padding: 1.2rem 0.6rem;
			cursor: pointer;
			transition: background .15s ease, box-shadow .15s ease;
		}
		.free-booking-modal .slot-chip-day  { font-size: 1.2rem; font-weight: 700; line-height: 1.2; }
		.free-booking-modal .slot-chip-time { font-size: 1.8rem; font-weight: 700; line-height: 1.2; }
		.free-booking-modal .slot-chip:hover { background: #fff6ee; box-shadow: 0 2px 8px rgba(240,41,93,.14); }
		.free-booking-modal .slot-chip:disabled { opacity: .5; cursor: default; box-shadow: none; }
		.free-booking-modal .slot-chip.is-reco {
			background: linear-gradient(180deg, #fff0f4, #fff6ee);
			border-color: #f0295d;
		}
		.free-booking-modal .slot-chip .slot-chip-reco {
			position: absolute;
			top: -0.9rem;
			left: 50%;
			transform: translateX(-50%);
			background: linear-gradient(90deg, #f0295d, #f1890e);
			color: #ffffff;
			border-radius: 9999px;
			font-size: 1rem;
			font-weight: 700;
			padding: 0.2rem 0.8rem;
			white-space: nowrap;
		}
		.free-booking-modal .slot-chip-loading { opacity: .5; cursor: default; }
		.free-booking-modal .slot-chip-done {
			opacity: 1;
			cursor: default;
			pointer-events: none;
			background: #ffffff;
			color: #27ae60;
			border-color: #27ae60;
			font-size: 1.8rem;
			font-weight: 700;
		}
		.free-booking-modal .modal-cta-link {
			font-size: 1.4rem;
			font-weight: 700;
			color: #f1890e;
			text-decoration: underline;
			text-align: center;
			display: block;
		}
		.free-booking-modal .modal-cta-link .teacher_name {
			max-width: 12rem;
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			vertical-align: bottom;
		}
/* NJ-98918 END */
/* NJ-96072-FE Modal Styles END */

/* ===== NJ-96072 design A/B — variant B (on-brand orange). Scoped to [data-design-variant=new]; control untouched. ===== */
		.free-booking-modal[data-design-variant="new"] { background:#fff; padding:0; border-radius:24px; overflow:hidden; box-shadow:0 8px 20px 0 rgba(0,0,0,.10),0 16px 32px -8px rgba(0,0,0,.10); }
		.free-booking-modal[data-design-variant="new"] .fbv-close { position:absolute; top:16px; right:16px; z-index:6; width:36px; height:36px; border-radius:9999px; border:none; background:rgba(255,255,255,.9); box-shadow:0 1px 4px 0 rgba(0,0,0,.10),0 2px 4px -1px rgba(0,0,0,.10); display:grid; place-items:center; cursor:pointer; color:#333; padding:0; }
		.free-booking-modal[data-design-variant="new"] .fbv-hdr { position:relative; padding:24px 30px 26px; background:linear-gradient(135deg,#FF6B35 0%,#F1890E 52%,#F8DA4D 118%); color:#fff; overflow:hidden; }
		.free-booking-modal[data-design-variant="new"] .fbv-hdr-deco { position:absolute; right:-14px; top:-18px; width:150px; height:150px; color:rgba(255,255,255,.16); transform:rotate(-12deg); pointer-events:none; }
		.free-booking-modal[data-design-variant="new"] .fbv-eyebrow { position:relative; display:flex; align-items:center; gap:8px; margin:0 0 8px; font-size:12px; font-weight:700; letter-spacing:.1em; color:#fff; }
		.free-booking-modal[data-design-variant="new"] .fbv-title { position:relative; margin:0; font-size:26px; font-weight:700; line-height:1.35; color:#fff; }
		.free-booking-modal[data-design-variant="new"] .fbv-sub { position:relative; margin:6px 0 0; font-size:14px; font-weight:500; line-height:1.6; color:rgba(255,255,255,.92); }
		.free-booking-modal[data-design-variant="new"] .fbv-body { position:relative; padding:0 24px 22px; display:flex; flex-direction:column; gap:18px; }
		.free-booking-modal[data-design-variant="new"] .fbv-ticket { position:relative; margin-top:-20px; display:flex; align-items:stretch; background:#FCF8F3; border:1px solid #FDEEDD; border-radius:16px; box-shadow:0 2px 6px 0 rgba(0,0,0,.10),0 4px 6px -2px rgba(0,0,0,.10); overflow:hidden; }
		.free-booking-modal[data-design-variant="new"] .fbv-stub { flex:0 0 148px; padding:18px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:rgba(255,255,255,.6); }
		.free-booking-modal[data-design-variant="new"] .fbv-ava { width:64px; height:64px; border-radius:9999px; overflow:hidden; background:#E3E3E3; border:2px solid #fff; box-shadow:0 1px 2px 0 rgba(0,0,0,.10); display:grid; place-items:center; }
		.free-booking-modal[data-design-variant="new"] .fbv-ava img { width:100%; height:100%; object-fit:cover; }
		.free-booking-modal[data-design-variant="new"] #free-booking-teacher-name.fbv-tname { font-size:15px; font-weight:700; line-height:1.3; color:#092846; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin:0; }
		.free-booking-modal[data-design-variant="new"] #free-booking-teacher-name.fbv-tname span { font-size:15px; font-weight:700; color:#092846; }
		.free-booking-modal[data-design-variant="new"] .fbv-perf { flex:0 0 0; border-left:2px dashed #FBD9B2; margin:14px 0; }
		.free-booking-modal[data-design-variant="new"] .fbv-val { flex:1 1 auto; padding:16px 22px; display:flex; flex-direction:column; justify-content:center; gap:6px; }
		.free-booking-modal[data-design-variant="new"] .fbv-val-k { font-size:13px; font-weight:700; color:#D15528; }
		.free-booking-modal[data-design-variant="new"] .fbv-val-big { display:flex; align-items:baseline; gap:2px; }
		.free-booking-modal[data-design-variant="new"] .fbv-n { font-size:58px; font-weight:700; line-height:1; color:#FF6B35; }
		.free-booking-modal[data-design-variant="new"] .fbv-kai { font-size:26px; font-weight:700; line-height:1; color:#333; }
		.free-booking-modal[data-design-variant="new"] .fbv-free { font-size:42px; font-weight:700; line-height:1; margin-left:4px; color:#092846; }
		.free-booking-modal[data-design-variant="new"] .fbv-coin { display:flex; align-items:center; gap:6px; margin-top:2px; font-size:13px; font-weight:500; color:#4D4D4D; }
		.free-booking-modal[data-design-variant="new"] .fbv-coin svg { color:#C7710C; flex:none; }
		.free-booking-modal[data-design-variant="new"] .fbv-coin b { color:#D15528; font-weight:700; }
		.free-booking-modal[data-design-variant="new"] .fbv-urg { display:flex; align-items:center; justify-content:center; gap:10px; padding:11px 16px; background:#092846; border-radius:12px; color:#fff; flex-wrap:wrap; }
		.free-booking-modal[data-design-variant="new"] .fbv-urg-ic { color:#F8DA4D; flex:none; }
		.free-booking-modal[data-design-variant="new"] .fbv-urg-t { font-size:14px; font-weight:500; }
		.free-booking-modal[data-design-variant="new"] .fbv-cd { display:inline-flex; align-items:center; gap:3px; }
		.free-booking-modal[data-design-variant="new"] .fbv-cd-d { min-width:24px; padding:3px 5px; background:#fff; color:#092846; border-radius:5px; font-size:16px; font-weight:700; line-height:1; text-align:center; }
		.free-booking-modal[data-design-variant="new"] .fbv-cd-sep { color:#F8DA4D; font-weight:700; font-size:16px; }
		.free-booking-modal[data-design-variant="new"] .fbv-slots-head { margin:0 0 4px; font-size:18px; font-weight:700; color:#092846; }
		.free-booking-modal[data-design-variant="new"] .fbv-slots-sub { margin:0 0 14px; font-size:13px; color:#838383; }
		.free-booking-modal[data-design-variant="new"] #slot-chips-title { display:none !important; }
		.free-booking-modal[data-design-variant="new"] #modal-slots-headline:empty { display:none; }
		.free-booking-modal[data-design-variant="new"] .slot-chips-container { display:flex; gap:10px; justify-content:center; }
		.free-booking-modal[data-design-variant="new"] .slot-chip { position:relative; flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:14px 8px; min-height:76px; background:#fff; border:2px solid #F1890E; border-radius:14px; color:#092846; cursor:pointer; }
		.free-booking-modal[data-design-variant="new"] .slot-chip.is-reco { background:#FCF8F3; border-color:#F1890E; box-shadow:inset 0 0 0 2px #FF8C61; }
		.free-booking-modal[data-design-variant="new"] .slot-chip-day { font-size:13px; font-weight:700; color:#4D4D4D; line-height:1.2; }
		.free-booking-modal[data-design-variant="new"] .slot-chip-time { font-size:20px; font-weight:700; color:#092846; line-height:1.2; }
		.free-booking-modal[data-design-variant="new"] .slot-chip .slot-chip-reco { top:-11px; font-size:11px; padding:4px 10px; background:linear-gradient(90deg,#FF6B35,#F4A343); }
		.free-booking-modal[data-design-variant="new"] .fbv-foot { display:flex; flex-direction:column; align-items:center; gap:12px; padding-top:2px; }
		.free-booking-modal[data-design-variant="new"] .fbv-cta.modal-cta-link { display:inline; margin:0; max-width:none; font-size:15px; font-weight:700; color:#C7710C; text-decoration:underline; text-align:center; }
		.free-booking-modal[data-design-variant="new"] .fbv-browse.link-secondary { display:inline-flex; align-items:center; gap:4px; margin:0; font-size:14px; font-weight:500; color:#4D4D4D; text-decoration:none; }
		.free-booking-modal[data-design-variant="new"] .fbv-browse svg { flex:none; }
		@media (max-width:600px) {
			.free-booking-modal[data-design-variant="new"] .fbv-hdr { padding:20px 20px 22px; }
			.free-booking-modal[data-design-variant="new"] .fbv-body { padding:0 16px 18px; }
			.free-booking-modal[data-design-variant="new"] .fbv-stub { flex-basis:120px; }
			.free-booking-modal[data-design-variant="new"] .fbv-n { font-size:48px; }
			.free-booking-modal[data-design-variant="new"] .fbv-free { font-size:34px; }
		}
/* ===== NJ-96072 design A/B END ===== */

/* NJ-96427 START: Scheduled Lesson Campaign */
.dialog_campaign_scheduled_lesson{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_scheduled_lesson .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_scheduled_lesson .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_scheduled_lesson .sec_ttl{
	color: #3f7eed;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.5;
}
.dialog_campaign_scheduled_lesson .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_scheduled_lesson .sec_text .link a {
	background: #00ACEE;
	color: #fff;
	display: inline-block;
	min-width: 230px;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
	font-weight: bold;
	font-size: 2.0rem;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	position: relative;
	margin-bottom: 2rem;
}

/* After Lesson Modal */
.modal_window.dialog_campaign_scheduled_lesson_afterlesson{
	max-width: 87rem;
	height: min-content;
	box-sizing: border-box;
	padding: 4rem 3.5rem;
}
.dialog_campaign_scheduled_lesson_afterlesson .stamp_wrap{
	border: .4rem solid #3f7eed;
	border-radius: 2rem;
	margin-bottom: 2rem;
	overflow: hidden;
}
.dialog_campaign_scheduled_lesson_afterlesson .stamp .stamp_header {
	height: 216px;
	width: 100%;
	overflow: hidden;
}
.dialog_campaign_scheduled_lesson_afterlesson .stamp .stamp_header img{
	width: 100%;
	display: block;
}
.dialog_campaign_scheduled_lesson_afterlesson .stamp .stamp_content {
	background: #fff;
	padding: 3rem 5rem 5rem;
	position: relative;
}
.dialog_campaign_scheduled_lesson_afterlesson .stamp_content .stamp_count_title {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 0 0 2.5rem;
	margin: 0;
}
.dialog_campaign_scheduled_lesson_afterlesson .stamp_content .stamp-number {
	font-size: 3.6rem;
	color: #FF0000;
	font-weight: bold;
}
.dialog_campaign_scheduled_lesson_afterlesson .sec_ttl {
	color: #3f7eed;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.5rem;
}
.dialog_campaign_scheduled_lesson_afterlesson .sec_text .link a {
	color: #00ACEE;
	font-size: 1.8rem;
	font-weight: normal;
	text-decoration: underline;
}
/* NJ-96427 END: Scheduled Lesson Campaign */

/* NJ-95937: Callan Unlimited Option Reason Message */


/* NJ-95937: Variant A checkbox redesign wrapper */
.callan_unli_option_wrap {
	box-sizing: border-box;
	background: #F5F5F5;
	width: 100%;
	max-width: 58.8rem;
	margin: 0 auto;
	padding: 1.6rem 2rem;
	border-radius: 5px;
	border: 1px solid #F5F5F5;
	cursor: pointer;
}
.callan_unli_option_wrap .callan_unli_option_checkbox {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}
.callan_unli_option_wrap .custom_check.callan_unli_option_label:before {
	background: transparent;
	border: 2px solid #bababa;
	border-radius: 3px;
}
.callan_unli_option_wrap p {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #888888;
}
.callan_unli_option_wrap.discounted {
	border: 1px solid #03C9A9;
	background: #f0faf9;
}
.callan_unli_option_wrap.discounted .callan_unli_option_checkbox {
	color: #03A68C;
}
.callan_unli_option_wrap.discounted input[type=checkbox]:checked + label.custom_check.callan_unli_option_label:before {
	background: #03C9A9;
	border: 2px solid #03C9A9;
}
.callan_unli_option_wrap.discounted input[type=checkbox]:checked + label.custom_check.callan_unli_option_label::after {
	left: 3px;
	top: 14px;
	width: 12px;
	height: 6px;
	border-left: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-radius: 2px;
}
.callan_unli_option_wrap.discounted p {
	color: #03A68C;
}
.callanUnliReasonBlock {
	box-sizing: border-box;
	width: 100%;
	max-width: 58.8rem;
	margin: 0 auto;
	padding: 2rem;
	background: #fff8eb;
	border-radius: 5px;
	border: 1px solid #DBA911;
	color: #AB8C0C;
}
.callanUnliReasonBlock a {
	position: relative;
	color: #00B0F4;
	text-decoration: underline;
	text-underline-offset: 0.2rem;
	-webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
	padding-right: 1.7rem;
	margin-inline: 0.4rem;
}
.callanUnliReasonBlock i.fa-external-link {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.callanUnliReasonBlock .callan_unli_reason_label {
	width: fit-content;
	margin-inline: auto;
	position: relative;
	padding-left: 3rem;
}
.callanUnliReasonBlock .callan_unli_reason_label::before {
	position: absolute;
	content:'';
	top: 50%;
	left: 0;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 18px solid #DBA911;
	transform: translateY(-50%);
}
.callanUnliReasonBlock .callan_unli_reason_label::after {
	position: absolute;
	content:'!';
	top: 6px;
	left: 9px;
	font-size: 1rem;
	color: #FFF;
}

/* NJ-95937 END */

/* NJ-96740: START - Lesson leave */
.modal_window.dialog.dialog_lesson_leave .btn-container button {
    width: 31.5rem;
    padding: 1.2rem;
    line-height: 2.2rem;
}

.modal_window.dialog.dialog_lesson_leave .btn-container .btn_style_leave {
    border: none;
	color: #fff;
}

/* ADV-019: btn_style_cancel is a semantic hook; visual styling comes from lesson_leave_btn_gray */
.modal_window.dialog.dialog_lesson_leave .btn-container .btn_style_cancel {
}

.modal_window.dialog.dialog_lesson_leave p {
    color: #333333;
}

.modal_window.dialog.dialog_lesson_leave .btn-container {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 3.2rem;
}

.modal_window.dialog.dialog_lesson_leave .image-cont {
    background: #FFFAF5;
    padding: 2.4rem;
	border-radius: 2rem;
}
/* NJ-96740: END - Lesson leave */

/* NJ-96740 lesson-finish styles: canonical source is user/webroot/css/class_modal.css (lesson room).
   Do NOT add #dialog_lesson_finish rules here — modal.css loads before class_modal.css but
   ID selectors (#dialog_lesson_finish) would override Figma layout (e.g. flex-direction: column). */

/* NJ-97143 Phase 1 ⑤ — moved from user/View/Elements/modal.php L22–34 */
.second_element.ng-scope p.spinner-p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
.textbook_categories p.spinner-p {
    transform: unset;
    padding-top: 40px;
    position: static;
}

/* NJ-97143 Phase 1 ⑤ — moved from user/View/Elements/modal.php L2861–2869 */
#select_timezone_field option {
    font-size: 14px;
}
.disabled-button {
    opacity: 0.5;
    cursor: not-allowed;
}