@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* dialog_rating */
.dialog_rating{
	padding: 40px 130px 40px;
	border: none;
}
.dialog_rating .modal_inner{
	max-width: 692px;
}

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

/*-----------------------------------*/
/* .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;
}
/*--------------------------------------------------------*/
/* campaign_toeictest
/*--------------------------------------------------------*/
.page_wrap--campaign_toeictest .heading_bar{
	background-color: #002077;
}
.page_wrap--campaign_toeictest .campaign_desc.campaign_desc_flow dt{
	color: #002077 !important;
}
.page_wrap--campaign_toeictest .campaign_desc.campaign_desc_flow dt .step{
	background: #002077 !important;
}
.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: -18px;
	right: -18px;
	display: block;
	width: 46px;
	height: 46px;
	background: url('../images/icon/modal_close.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: 2.2rem;
}
.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: 210px;
	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_rating_lesson_connect .modal_inner .btn_wrap .btn_style.disabled,
.dialog_rating_lesson_text .modal_inner .btn_wrap .btn_style.disabled,
.dialog_rating .modal_inner .btn_wrap .btn_style.disabled,
.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;
}
.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: 50px;
}

/* 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: 610px;
}
.dialog_rating_lesson_text .modal_inner .top_img img{
	width: 120px;
	border-radius: 6px;
}
.dialog_rating_lesson_text .modal_inner .top_img:before,
.dialog_rating_lesson_text .modal_inner .top_img:after{
	top: 32%;
}
.dialog_rating_lesson_text .modal_inner .top_img .txt-name-wrap{
	display: block;
	width: max-content;
	margin: auto;
	text-align: left;
	max-width: 100%;
}
.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: 8px;
	display: block;
}
.dialog_rating_lesson_text .modal_inner .top_img .chapter-name{
	/* font-size: 1.4rem; */
	margin-top: 8px;
	/* font-weight: normal; */
	display: block;
}
.dialog_rating_lesson_text .modal_inner .comment_box{
	display: none;
}

/* 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 .modal_inner .top_img img{
	border-radius: 50%;
}
.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;
}
.dialog_rating .rating_bad_tag_list > li {

}
.dialog_rating .rating_bad_tag_list .bad_tag_box {
	position: relative;
	padding: .75rem;
	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;
	height: 3.4rem;
	padding: 0 1rem;
	border-radius: 1.7rem;
}
.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;
	align-items: center;
	justify-content: center;
	/* flex-wrap: wrap; */
}
.dialog_rating .rating_good_tag_list p {
	font-size: inherit;
	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: 10.6rem;
	padding: 1rem;
	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: 6.6rem;
	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: .5rem;
}
.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_credit_auth
/*-----------------------------------*/
#dialog_credit_auth h3,
#dialog_credit_auth_required h3{
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
}
#dialog_credit_auth p,
#dialog_credit_auth_required p{
	font-size: 14px;
	font-size: 1.4rem;
}

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

/*-----------------------------------*/
/* .dialog_credit_auth
/*-----------------------------------*/
.dialog_credit_auth{
	min-width: 820px;
	text-align: center;
	border: solid 4px #16A9B1;
}
.dialog_credit_auth p.p_1{
	display: inline-block;
	font-size: 20px !important;
	font-size: 2.0rem !important;
	font-weight: bold;
	color: #fff;
	background: #16a9b1;
	padding: 4px 40px;
	margin: 5px auto 20px;
	text-align: center;
}
.dialog_credit_auth h3{
	font-size: 46px !important;
	font-size: 4.6rem !important;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
	margin-bottom: 5px;
}
.dialog_credit_auth p.p_2{
	color: #16A9B1;
	font-weight: bold;
	font-size: 19px;
	font-size: 1.9rem;
}
.dialog_credit_auth .btn_half{
	width: 690px;
}
.dialog_credit_auth .notice{
	border-top: 1px solid #d3d3d3;
	padding: 28px 30px 0;
}
.dialog_credit_auth .notice li{
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1.2em;
	margin-top: 5px;
}
.dialog_credit_auth .notice li:first-child{
	margin-top: 0;
}
.dialog_credit_auth .notice li:before{
	content: '※';
	margin-right: 0.2em;
}

/*-----------------------------------*/
/* #dialog_credit_auth_required
/*-----------------------------------*/
#dialog_credit_auth_required h3{
	font-size: 30px !important;
	font-size: 3.0rem !important;
	text-align: center;
}
#dialog_credit_auth_required .p_3{
	font-size: 14px;
	font-size: 1.4rem;
	color: #555;
}

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

/*-----------------------------------*/
/* delete rating confirm
/*-----------------------------------*/
#dialog_rating_delete .btn_wrap .btn_style {
	min-width: 110px;
}
#dialog_rating_delete .btn_half{
	width: 320px;
}

/*-----------------------------------*/
/* #dialog_daily_bonus
/*-----------------------------------*/
#dialog_daily_bonus{
	min-width: 440px;
}
#dialog_daily_bonus .t_yellow{
	color: #FBFF63;
}

/*-----------------------------------*/
/* #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;
}
/*-----------------------------------*/
/* .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: 100%;
	border-radius: 15px;
	padding: 5px 20px;
}
.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;
}
.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;
}
.discount_tag_area {
	position: absolute;
    right: 5px;
    top: 10px;
}
.discount_tag_area p.callan_option {
	font-size: 11px;
    color: #fff;
    width: auto;
    border-radius: 15px;
    padding: 5px 20px;    
	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_message_board_comment{
	min-width:720px;
}
.dialog_message_board_comment .comment_area {
	margin-bottom:10px;
}
.dialog_message_board_comment .comment_area textarea{
	width:100%;
	box-sizing:border-box;
	background:#fff;
}

/*-----------------------------------*/
/* .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;
}
/* dialog campaign certificate_lesson */
.dialog_campaign_certificate_lesson .certificate_wrap{
	border-radius: 5px;
	overflow: hidden;
	padding: 0 25px;
}
.dialog_campaign_certificate_lesson .certificate_wrap figure img{
	border-radius: 5px 5px 0 0;
}
.dialog_campaign_certificate_lesson .certificate_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_certificate_lesson .btn_wrap{
	width: 480px;
	margin: auto;
}
.dialog_campaign_certificate_lesson .modal_inner .btn_wrap .btn_style{
	min-width: 180px;
	border-radius: 6px;
	box-sizing: border-box;
}
/* campaign third anniv 3 */
@font-face{
	font-family: 'RobotoItalic';
	src: url('../fonts/Roboto-LightItalic.ttf') format('opentype');
	font-weight: normal;
}
.dialog_campaign_certificate_lesson .ft_roboto{
	font-family: 'RobotoItalic' !important;
}
.dialog_campaign_certificate_lesson{
	width: 790px;
	height: 85vh;
	overflow-y: scroll;
	box-sizing: border-box;
}
.dialog_campaign_certificate_lesson::-webkit-scrollbar {
	width: 12px;
}
.dialog_campaign_certificate_lesson::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.dialog_campaign_certificate_lesson::-webkit-scrollbar-thumb {
	background: rgba(188,188,188,0.8);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	-webkit-border-radius:5px;
}
.dialog_campaign_certificate_lesson::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(241,241,241,0.4);
}
.dialog_campaign_certificate_lesson .certif_lesson_wrap{
	background: #F0880E;
	max-width: 450px;
	margin: auto;
}
.dialog_campaign_certificate_lesson .certif_lesson_wrap .certif_main{
	padding: 1.8rem 3.6rem 1rem 1.5rem;
}
.dialog_campaign_certificate_lesson .data_wrap + .data_wrap{
	margin-top: 0.6rem;
}
.dialog_campaign_certificate_lesson .data_wrap.data_wrap-time{
	margin-top: 1.2rem;
}
.dialog_campaign_certificate_lesson .data_wrap dl{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.dialog_campaign_certificate_lesson .data_wrap dl dt,
.dialog_campaign_certificate_lesson .data_wrap dl dd{
	display: table-cell;
	vertical-align: middle;
}
.dialog_campaign_certificate_lesson .data_wrap dl dt{
	width: 24%;
	text-align: right;
}
.dialog_campaign_certificate_lesson .data_wrap dl dt img{
    padding-right: 1.7rem;
    box-sizing: border-box;
}
.dialog_campaign_certificate_lesson .data_wrap dl dt img.img-tb{
	padding-top: 0.9rem;
}
.dialog_campaign_certificate_lesson .data_wrap dl dt img.img-runner{
	padding-right: 1.3rem;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd{
	width: auto;
	color: #fff;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .txt_wrap{
	border-bottom: 1px #fff solid;
	position: relative;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .txt_wrap p + p{
	margin-top: 0;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-ttl{
	float: left;
	font-size: 1.5rem;
	padding-left: 1px;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-date,
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-tb,
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-time{
	text-align: right;
	line-height: 1;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-date{
	font-size: 3rem;
	line-height: 1.2;
}
.dialog_campaign_certificate_lesson .data_wrap-date dl dd .data-ttl{
	position: absolute;
	bottom: 0.6rem;
}
.dialog_campaign_certificate_lesson .data_wrap-time dl dd .data-ttl{
	position: absolute;
	bottom: 0.4rem;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-tb .category{
	font-size: 2.4rem;
	line-height: 1.3;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-tb .detail{
	font-size: 1.8rem;
	line-height: 1.5;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-time{
	font-size: 3.6rem;
}
.dialog_campaign_certificate_lesson .data_wrap dl dd .data-time .lesson_time{
	font-size: 5.2rem;
	padding-right: 1.5rem;
}
.dialog_campaign_certificate_lesson .campaign_wrap .sec_ttl {
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    color: #fff;
    background: #004986;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
	height: 40px;
}
.dialog_campaign_certificate_lesson .date_period{
	margin: 25px 0 30px;
	border-bottom: 2px solid #a1a1a1;
}
.dialog_campaign_certificate_lesson .sec_desc .desc_ttl{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.dialog_campaign_certificate_lesson .sec_desc .ui_notice_list{
	padding-left: 1em;
}
.dialog_campaign_certificate_lesson .sec_desc .ui_notice_list ul li{
	font-size: 14px;
	font-size: 1.4rem;
}

/* 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%;
}
/* christmas */
.dialog_campaign_christmas .christmas_card{
    background: url(../images/campaign/christmas/2018/luckynumber_card.png) no-repeat;
    background-size: cover;
    width: 640px;
    height: 420px;
    position: relative;
    margin: 0 auto;
}
.dialog_campaign_christmas .christmas_card .lesson{
    position: absolute;
	top: 74%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.dialog_campaign_christmas .christmas_card .lesson dt{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px #555;
    margin-bottom: 10px;
    width: 270px;
    padding: 0 0 3px;
}
.dialog_campaign_christmas .christmas_card .lesson dd{
	font-size: 25px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
.dialog_campaign_christmas .christmas_card .lesson dd .length{
    font-size: 55px;
    font-weight: bold;
    margin-right: 10px;
    color: #0e6a33;
}


/* 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: #fcc82a;
    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(../images/modal/coin.png);
	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;
}

/*campaign_fourth_anniv_4*/
.dialog_campaign_fourth_anniv_4 .certif_lesson_wrap{
	background: #fff;
}
.dialog_campaign_fourth_anniv_4 .certif_lesson_wrap img{
	width: 100%
}
.dialog_campaign_fourth_anniv_4 .certif_lesson_wrap .certif_main{
	background: #fff;
}
.dialog_campaign_fourth_anniv_4 .data_wrap dl dd{
	width: auto;
	color: #092846;
}
.dialog_campaign_fourth_anniv_4 .data_wrap dl dd .txt_wrap {
	border-bottom: 1px #092846 solid;
}
.dialog_campaign_fourth_anniv_4 .data_wrap-time dl dd .data-ttl{
	position: unset;
}

/*--------------------------------------------------------*/
/* campaign_toeictest
/*--------------------------------------------------------*/
.page_wrap--campaign_toeictest .heading_bar{
	background-color: #002077;
}
.page_wrap--campaign_toeictest .campaign_desc.campaign_desc_flow dt{
	color: #002077 !important;
}
.page_wrap--campaign_toeictest .campaign_desc.campaign_desc_flow dt .step{
	background: #002077 !important;
}
.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_campaign_fourth_anniv_4 .data_wrap-time dl dd .data-ttl{
	position: unset;
}

/*campaign_toeictest*/
.dialog_campaign_toeictest .campaign_toeictest_stamp{
	width: 60%;
	margin: 0 auto;
	border: 2px solid #000;
}
.dialog_campaign_toeictest .campaign_toeictest_stamp th{
	text-align: center;
	font-size: 16px;
	padding: 10px;
	border: 1px solid #000;
}
.dialog_campaign_toeictest .campaign_toeictest_stamp td{
	text-align: center;
	padding: 10px;
	border: 1px solid #000;
	vertical-align: top;
	height: 65px;
}
.dialog_campaign_toeictest .campaign_toeictest_stamp td img{
	width: 50%;
}
.dialog_campaign_toeictest .campaign_toeictest_stamp td p{
	color: #f14444;
	font-weight: bold;
	margin-top: 0.5rem;
}
/*-----------------------------------*/
/* 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: space-between;
	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 campaign gototravel */
.dialog_campaign_gototravel{
    font-size: 1.6rem;
    width: 88rem;
	height: 85vh;
	overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    margin: auto;
    box-sizing: border-box;
    line-height: 1.5;
}
.dialog_campaign_gototravel::-webkit-scrollbar{
	width: 12px;
}
.dialog_campaign_gototravel::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.dialog_campaign_gototravel::-webkit-scrollbar-thumb{
	background: rgba(188,188,188,0.8);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	-webkit-border-radius:5px;
}
.dialog_campaign_gototravel::-webkit-scrollbar-thumb:window-inactive{
	background: rgba(241,241,241,0.4);
}
.dialog_campaign_gototravel .visual{
    display: flex;
    justify-content: center;
    margin-bottom: 2.4rem;
}
.dialog_campaign_gototravel .sec_ttl{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
.dialog_campaign_gototravel .sec_text .link{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
}
.dialog_campaign_gototravel .sec_text .link a{
    color: #00acee;
    text-decoration: underline;
}
.dialog_campaign_gototravel .sec_text .link a .fa{
    margin-left: 1rem;
}
.dialog_campaign_gototravel .passport{
    margin: 0 auto 6rem;
    padding: 1.6rem;
    background-image: url('/user/images/campaign/gototravel/bg_left.png'),url('/user/images/campaign/gototravel/bg_right.png');
    background-repeat: no-repeat;
    background-position: left 4rem top 12rem, right 4rem top 12rem;
    background-color: #379cd2;
    box-sizing: border-box;
}
.dialog_campaign_gototravel .passport .head{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}
.dialog_campaign_gototravel .passport .head .brand{
    flex-shrink: 0;
    margin-right: 2rem;
}
.dialog_campaign_gototravel .passport .head .ttl{
    font-size: 2.8rem;
    font-weight: bold;
    color: #ebe76c;
    padding-top: 1rem;
}
.dialog_campaign_gototravel .passport .body .proggress{
    width: 42rem;
    font-size: 2.4rem;
    font-weight: bold;
    background: #ffffff;
    text-align: center;
    margin: 0 auto 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
    position: relative;
}
.dialog_campaign_gototravel .passport .body .proggress span{
    display: inline-block;
    color: #f14444;
    font-size: 6rem;
    margin: 0 1rem;
}
.dialog_campaign_gototravel .passport .body .countries{
    width: 100%;
    background: #092846;
    border-radius: 1rem;
    border-collapse: separate;
    border-spacing: 0.5rem;
    padding: 0.3rem 0.8rem;
    box-sizing: border-box;
}
.dialog_campaign_gototravel .passport .body .countries td{
    background: #f5f1e5;
    padding: 1.6rem 2rem 2rem;
}
.dialog_campaign_gototravel .passport .body .countries td:first-child{
    border-radius: 1rem 0 0 1rem;
}
.dialog_campaign_gototravel .passport .body .countries td:last-child{
    border-radius: 0 1rem 1rem 0;
}
.dialog_campaign_gototravel .passport .body .countries .ttl{
    font-size: 2rem;
    font-weight: bold;
    color: #7f8c95;
    position: relative;
    text-align: center;
    margin-bottom: 2.4rem;
    padding-bottom: 0.4rem;
}
.dialog_campaign_gototravel .passport .body .countries .ttl::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -5rem;
    width: 10rem;
    height: 0.3rem;
    background: #7f8c95;
}
.dialog_campaign_gototravel .passport .body .countries .stamp_list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dialog_campaign_gototravel .passport .body .countries .stamp_list .list-item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: bold;
    color: #cccccc;
    width: 7.4rem;
    height: 7.4rem;
    margin: 0.4rem;
    position: relative;
}
.dialog_campaign_gototravel .passport .body .countries .stamp_list .list-item.flap{
    color: #f1890e;
}
.dialog_campaign_gototravel .passport .body .countries .stamp_list .list-item{
    background-size: contain;
}
.dialog_campaign_gototravel .passport .body .countries .stamp_list .list-item::before{
    content: "";
    background-image: inherit;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.dialog_campaign_gototravel .action{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}
.dialog_campaign_gototravel .action .button{
    width: 20rem;
    margin: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-sizing: border-box;
}
.dialog_campaign_gototravel .action .button_coin{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #f05444;
    border: none;
    text-shadow: none;
}
.dialog_campaign_gototravel .qr{
    text-align: center;
    margin-bottom: 3rem;
}
.dialog_campaign_gototravel .action .button_close{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #999;
    border: none;
    text-shadow: none;
}
.dialog_campaign_gototravel .action .button_instagram{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #da2f74;
    border: none;
    text-shadow: none;
}
.dialog_campaign_gototravel .action .button_instagram .fa{
    margin-right: 1rem;
}
/*--------------------------------------------------------*/
/* campaign - callan_half_spring
/*--------------------------------------------------------*/
.dialog_campaign_callan_half_spring .stamp_rally .heading1_ttl{
    font-weight: bold;
}
.dialog_campaign_callan_half_spring .stamp_rally .heading1_ttl p{
	color: #FFFFFF;
}
.dialog_campaign_callan_half_spring .stamp_rally{
	background: #ff8fb1;
}
.dialog_campaign_callan_half_spring .stamp_rally .cource .cource-item .lesson_box{
	border: solid 2px #f60087;
}
.dialog_campaign_callan_half_spring .stamp_rally .cource .cource-item .lesson_box .box_head,
.dialog_campaign_callan_half_spring .stamp_rally .cource .cource-item + .cource-item .lesson_box::before,
.dialog_campaign_callan_half_spring .stamp_rally .cource:nth-child(even) .cource-item + .cource-item .lesson_box::before,
.dialog_campaign_callan_half_spring .stamp_rally .cource + .cource .cource-item:first-child::before{
	background: #f60087;
}
.dialog_campaign_callan_half_spring .stamp_rally .heading1 {
    align-items: center;
    justify-content: center;
    padding: 1rem;
    display: flex;
}
.dialog_campaign_callan_half_spring .stamp_rally .box_body{
	font-size: 1.4rem;
    padding: 1rem 0;
    background: #fff;
    position: relative;
    z-index: 5;
    line-height: 1.5;
    color: #CCCCCC;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_callan_half_spring .stamp_rally .box_body:last-child{
	display: flex;
	justify-content: center;
}
.dialog_campaign_callan_half_spring .stamp_rally .cource .cource-item .lesson_box .box_body img{
    display: block;
    max-width: 100%;
}
/* dialog campaign global_lesson */
.dialog_campaign_global_lesson{
    font-size: 1.6rem;
    width: 88rem;
	height: 85vh;
	overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    margin: auto;
    box-sizing: border-box;
    line-height: 1.5;
}
.dialog_campaign_global_lesson::-webkit-scrollbar{
	width: 12px;
}
.dialog_campaign_global_lesson::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.dialog_campaign_global_lesson::-webkit-scrollbar-thumb{
	background: rgba(188,188,188,0.8);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	-webkit-border-radius:5px;
}
.dialog_campaign_global_lesson::-webkit-scrollbar-thumb:window-inactive{
	background: rgba(241,241,241,0.4);
}
.dialog_campaign_global_lesson .visual{
    display: flex;
    justify-content: center;
    margin-bottom: 2.4rem;
}
.dialog_campaign_global_lesson .sec_ttl{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
.dialog_campaign_global_lesson .sec_text .link{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
}
.dialog_campaign_global_lesson .sec_text .link a{
    color: #00acee;
    text-decoration: underline;
}
.dialog_campaign_global_lesson .sec_text .link a .fa{
    margin-left: 1rem;
}
.dialog_campaign_global_lesson .action{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}
.dialog_campaign_global_lesson .action .button{
    width: 20rem;
    margin: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-sizing: border-box;
}
.dialog_campaign_global_lesson .action .button_coin{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #f05444;
    border: none;
    text-shadow: none;
}
.dialog_campaign_global_lesson .qr{
    text-align: center;
    margin-bottom: 3rem;
}
.dialog_campaign_global_lesson .action .button_close{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #999;
    border: none;
    text-shadow: none;
}
.dialog_campaign_global_lesson .action .button_instagram{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #da2f74;
    border: none;
    text-shadow: none;
}
.dialog_campaign_global_lesson .action .button_instagram .fa{
    margin-right: 1rem;
}
.dialog_campaign_global_lesson .stamp {
	width: 55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 5px #80d4f9;
    margin: 0 auto 4rem;
    padding: 30px 20px;
    box-sizing: border-box;
	background-image: url(../images/campaign/global_lesson/progress_bg1.png),url(../images/campaign/global_lesson/progress_bg2.png);
    background-repeat: no-repeat;
    background-position: left 2rem top 16rem, right 2rem top 16rem;
}
.dialog_campaign_global_lesson .stamp .head{
	display: flex;
	margin-bottom: 2rem;
	align-items: center;
}
.dialog_campaign_global_lesson .stamp .stamp_ttl{
	margin-left: 2rem;
	font-size: 2.2rem;
	font-weight: bold;
	color: #80d4f9;
}
.dialog_campaign_global_lesson .stamp .body .progress{
	font-size: 1.8rem;
    font-weight: bold;
	text-align: center;
    border-bottom: solid 2px #004986;
	margin-bottom: 2rem;
}
.dialog_campaign_global_lesson .stamp .body .progress span{
	color: #004986;
	font-size: 50px;
	font-weight: bold;
}
.dialog_campaign_global_lesson .stamp_list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.dialog_campaign_global_lesson .stamp_list:after {
    content: "";
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 14px;
    background: #80d4f9;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 0;
}
.dialog_campaign_global_lesson .stamp_list .list-item{
	color: #bae7fa;
    line-height: 2.4;
    font-weight: bold;
    font-size: 1.4em;
	width: 8.4rem;
    height: 4.9rem;
	background: #fff;
	object-fit: cover;
	border: 1px dashed #80d4f9;
    margin: 0.6rem;
    text-align: center;
	z-index: 1;
	position: relative;
    background-size: contain;
}
.dialog_campaign_global_lesson .stamp_list .list-item::before{
	content: "";
    background-image: inherit;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
/*campaign_sixth_anniv*/
.dialog_campaign_sixth_anniv_3 {
    font-size: 1.6rem;
	line-height: 1.5;
	background: #fff;
    width: 88rem;
	height: 85vh;
	overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    margin: auto;
    box-sizing: border-box;
}
.dialog_campaign_sixth_anniv_3 img{
	width: auto;
}
.dialog_campaign_sixth_anniv_3 .desctiption{
	font-size: 1.6rem;
	padding: 1.6rem;
}
.dialog_campaign_sixth_anniv_3 .main{
	width: 100%;
	padding: 2.4rem;
	background: url('/images/campaign/sixth_anniv_3/flags.png') no-repeat top center ,
				url('/images/campaign/sixth_anniv_3/bg.png') no-repeat center , #f6cf21;
	background-size: contain, cover;
	box-sizing: border-box;
}
.dialog_campaign_sixth_anniv_3 .main .head{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_sixth_anniv_1 .sec_text,
.dialog_campaign_sixth_anniv_2 .sec_text{
	margin: 2rem 0;
}
.dialog_campaign_sixth_anniv_1 .sec_text p,
.dialog_campaign_sixth_anniv_2 .sec_text p{
	font-size: 2.4rem;
	text-align: center;
	font-weight: bold;
}
.dialog_campaign_sixth_anniv_1 .sec_text .link,
.dialog_campaign_sixth_anniv_2 .sec_text .link{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
	font-size: 2rem;
}
.dialog_campaign_sixth_anniv_1 .sec_text .link a,
.dialog_campaign_sixth_anniv_2 .sec_text .link a{
    color: #00acee;
    text-decoration: underline;
}
.dialog_campaign_sixth_anniv_1 .sec_text .link a .fa,
.dialog_campaign_sixth_anniv_2 .sec_text .link a .fa{
    margin-left: 1rem;
}
.dialog_campaign_sixth_anniv_3 .main .ranking{
	width: 54rem;
	margin: 0 auto 2.4rem;
	border-radius: 5px;
	overflow: hidden;
}
.dialog_campaign_sixth_anniv_3 .main .ranking .ttl{
    font-size: 1.8rem;
    font-weight: bold;
    height: 3em;
    color: #fff;
    background: #092846;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_sixth_anniv_3 .main .ranking .ttl .icon{
	display: block;
	margin-right: 1rem
}
.dialog_campaign_sixth_anniv_3 .main .ranking .box{
	background: #fff;
	padding: 2.4rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.dialog_campaign_sixth_anniv_3 .main .ranking .box .number{
	color: #E2000F;
	font-size: 0;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1rem;
}
.dialog_campaign_sixth_anniv_3 .main .ranking .box .number .rank{
	font-size: 4.5rem;
}
.dialog_campaign_sixth_anniv_3 .main .ranking .box .number .label{
	font-size: 1.8rem;
	margin-left: 1rem;
}
.dialog_campaign_sixth_anniv_3 .main .ranking .box .lesson_time{
	font-size: 1.6rem;
	font-weight: bold;
	color: #092846;
}
.dialog_campaign_sixth_anniv_3 .main .teddy{
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily{
	width: 40rem;
	margin: 0 1rem 1.6rem 0;
	border-radius: 5px;
	overflow: hidden;
	flex-shrink: 0;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .ttl{
	font-size: 1.8rem;
	font-weight: bold;
	height: 3em;
	color: #fff;
	background: #092846;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box{
	background: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box .number{
	color: #092846;
	font-size: 0;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.4rem;
	padding: 1.6rem 1.6rem 0;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box .number .rank{
	font-size: 3.6rem;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box .number .label{
	font-size: 1.8rem;
	margin-left: 0.4rem;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box .lesson_time{
	font-size: 1.6rem;
	font-weight: bold;
	color: #092846;
	margin-bottom: 1.6rem;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box .notice{
	color: #092846;
	width: 100%;
	display: flex;
	align-items: center;
	background: #EBF5FF;
	font-size: 1.4rem;
	padding: 1rem 1.6rem;
	box-sizing: border-box;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .daily .box .notice .book{
	display: block;
	margin-right: 1rem;
}
.dialog_campaign_sixth_anniv_3 .main .teddy .character{
	flex-shrink: 0;
}
.dialog_campaign_sixth_anniv_3 .content{
    background: #fff;
    padding: 2.4rem 2rem 3.6rem;
}
.dialog_campaign_sixth_anniv_3 .content .text{
	font-size: 1.4rem;
	margin-bottom: 2rem;
	text-align: center;
}
.dialog_campaign_sixth_anniv_3 .content .qr{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_sixth_anniv_3 .content .action{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
}
.dialog_campaign_sixth_anniv_3 .content .action .btn_style{
	margin: 0 2rem;
}
.dialog_campaign_sixth_anniv_3 .content .external{
	text-align: center;
	margin-bottom: 2rem;
}
/* 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;
}

/* dialog campaign gototravel_is_back */
.dialog_campaign_gototravel_is_back{
    font-size: 1.6rem;
    width: 88rem;
	height: 85vh;
	overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    margin: auto;
    box-sizing: border-box;
    line-height: 1.5;
}
.dialog_campaign_gototravel_is_back::-webkit-scrollbar{
	width: 12px;
}
.dialog_campaign_gototravel_is_back::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.dialog_campaign_gototravel_is_back::-webkit-scrollbar-thumb{
	background: rgba(188,188,188,0.8);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	-webkit-border-radius:5px;
}
.dialog_campaign_gototravel_is_back::-webkit-scrollbar-thumb:window-inactive{
	background: rgba(241,241,241,0.4);
}
.dialog_campaign_gototravel_is_back .visual{
    display: flex;
    justify-content: center;
    margin-bottom: 2.4rem;
}
.dialog_campaign_gototravel_is_back .sec_ttl{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
.dialog_campaign_gototravel_is_back .sec_text .link{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
}
.dialog_campaign_gototravel_is_back .sec_text .link a{
    color: #00acee;
    text-decoration: underline;
}
.dialog_campaign_gototravel_is_back .sec_text .link a .fa{
    margin-left: 1rem;
}
.dialog_campaign_gototravel_is_back .passport{
    margin: 0 auto 6rem;
    padding: 1.6rem;
    background-image: url('/user/images/campaign/gototravel_is_back/bg_left.png'),url('/user/images/campaign/gototravel_is_back/bg_right.png');
    background-repeat: no-repeat;
    background-position: left 4rem top 12rem, right 4rem top 12rem;
    background-color: #379cd2;
    box-sizing: border-box;
}
.dialog_campaign_gototravel_is_back .passport .head{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}
.dialog_campaign_gototravel_is_back .passport .head .brand{
    flex-shrink: 0;
    margin-right: 2rem;
}
.dialog_campaign_gototravel_is_back .passport .head .ttl{
    font-size: 2.8rem;
    font-weight: bold;
    color: #ebe76c;
    padding-top: 1rem;
}
.dialog_campaign_gototravel_is_back .passport .body .proggress{
    width: 42rem;
    font-size: 2.4rem;
    font-weight: bold;
    background: #ffffff;
    text-align: center;
    margin: 0 auto 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
    position: relative;
}
.dialog_campaign_gototravel_is_back .passport .body .proggress span{
    display: inline-block;
    color: #f14444;
    font-size: 6rem;
    margin: 0 1rem;
}
.dialog_campaign_gototravel_is_back .passport .body .countries{
    width: 100%;
    background: #092846;
    border-radius: 1rem;
    border-collapse: separate;
    border-spacing: 0.5rem;
    padding: 0.3rem 0.8rem;
    box-sizing: border-box;
}
.dialog_campaign_gototravel_is_back .passport .body .countries td{
    background: #f5f1e5;
    padding: 1.6rem 2rem 2rem;
}
.dialog_campaign_gototravel_is_back .passport .body .countries td:first-child{
    border-radius: 1rem 0 0 1rem;
}
.dialog_campaign_gototravel_is_back .passport .body .countries td:last-child{
    border-radius: 0 1rem 1rem 0;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .ttl{
    font-size: 2rem;
    font-weight: bold;
    color: #7f8c95;
    position: relative;
    text-align: center;
    margin-bottom: 2.4rem;
    padding-bottom: 0.4rem;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .ttl::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -5rem;
    width: 10rem;
    height: 0.3rem;
    background: #7f8c95;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .stamp_list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .stamp_list .list-item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: bold;
    color: #cccccc;
    width: 7.4rem;
    height: 7.4rem;
    margin: 0.4rem;
    position: relative;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .stamp_list .list-item.flap{
    color: #f1890e;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .stamp_list .list-item{
    background-size: contain;
}
.dialog_campaign_gototravel_is_back .passport .body .countries .stamp_list .list-item::before{
    content: "";
    background-image: inherit;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.dialog_campaign_gototravel_is_back .action{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}
.dialog_campaign_gototravel_is_back .action .button{
    width: 20rem;
    margin: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-sizing: border-box;
}
.dialog_campaign_gototravel_is_back .action .button_coin{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #f05444;
    border: none;
    text-shadow: none;
}
.dialog_campaign_gototravel_is_back .qr{
    text-align: center;
    margin-bottom: 3rem;
}
.dialog_campaign_gototravel_is_back .action .button_close{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #999;
    border: none;
    text-shadow: none;
}
.dialog_campaign_gototravel_is_back .action .button_instagram{
    font-size: 2rem;
    height: 2.5em;
    line-height: 2.5em;
    color: #fff;
    background: #da2f74;
    border: none;
    text-shadow: none;
}
.dialog_campaign_gototravel_is_back .action .button_instagram .fa{
    margin-right: 1rem;
}
/* dialog campaign: find_avatar_fanfan */
.dialog_campaign_find_avatar_fanfan{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_find_avatar_fanfan .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_find_avatar_fanfan .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_find_avatar_fanfan .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_find_avatar_fanfan .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_find_avatar_fanfan .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_find_avatar_fanfan .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: find_avatar_fanfan */

/* coupon get modal - START - */
.dialog_coupon_get {

}
.dialog_coupon_get p {
	font-size: 1.5rem;
	line-height: 1.6rem;
}
.dialog_coupon_get .modal-inner {
	box-sizing: border-box;
	width: 600px;
}
.dialog_coupon_get .what-is-coupon {

}
.dialog_coupon_get .what-is-coupon > .what-is-coupon-inner {
	max-width: 480px;
	padding: 1rem;
	border: 3px solid #eee;
	margin: 0 auto;
}
.dialog_coupon_get .what-is-coupon .what-is-coupon-title {
	margin-bottom: 1rem;
}
.dialog_coupon_get .what-is-coupon .what-is-coupon-title > .title-text {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: #555;
	display: inline-block;
	background-color: #eee;
	padding: 1rem;
}
.dialog_coupon_get .what-is-coupon .what-is-coupon-body {
	font-size: 1.5rem;
}
.dialog_coupon_get .what-is-coupon .what-is-coupon-body > p {
	font-size: 1.5rem;
}
.dialog_coupon_get .what-is-coupon .what-is-coupon-body > p + p {
	margin-top: .5rem;
}
.dialog_coupon_get .coupon-get-btn-area {

}
/* 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: christmas */
.dialog_campaign_christmas{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_christmas .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_christmas .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_christmas .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_christmas .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_christmas .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_christmas .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: christmas */

/* dialog campaign: halfprice_nativespeaker */
.dialog_campaign_halfprice_nativespeaker .tweet_wrap{
	padding: 0;
}
.dialog_campaign_halfprice_nativespeaker .blue{
    color: #004986;
}
/* END dialog campaign: halfprice_nativespeaker */

/* 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 */

/* dialog campaign: world_trip_online */
.dialog_campaign_world_trip_online{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_world_trip_online .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_world_trip_online .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_world_trip_online .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_world_trip_online .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_world_trip_online .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_world_trip_online .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: world_trip_online */

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
.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;
}
.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: 'Kalam', cursive;
	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_appreciation {
	padding: 0;
}
.dialog_appreciation .modal-inner {
	box-sizing: border-box;
	width: 100%;
	min-width: 50rem;
	max-width: 80rem;
	width: 80rem;
	max-height: calc(100vh - 4rem);
	overflow: auto;
	padding: 4rem;
}
.dialog_appreciation .teacher-info {

}
.dialog_appreciation .teacher-info .teacher-img-wrap-2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_appreciation .teacher-info .teacher-img-wrap-2:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	top: 50%;
	left: 0;
	z-index: 0;
}
.dialog_appreciation .teacher-info .teacher-img-wrap {
	position: relative;
	z-index: 1;
	padding: 0 4rem;
	background-color: #fff;
}
.dialog_appreciation .teacher-info .teacher-img {
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 0 1rem rgba(0,0,0,.15);
}
.dialog_appreciation .teacher-info .teacher-img > img {
	display: block;
	width: 100%;
}
.dialog_appreciation .teacher-info .teacher-name {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-top: 1rem;
}
.dialog_appreciation .tips-list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -2rem;
	margin-right: -2rem;
}
.dialog_appreciation .tips-list > li {
	padding: 0 2rem;
}
.dialog_appreciation .tips-list .tip-label {

}
.dialog_appreciation .tips-list input[type="radio"] {
	position: absolute;
	visibility: hidden;
}
.dialog_appreciation .tips-list .tip-design {
	display: block;
	padding: 2rem;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 1rem;
	transition: all .2s linear;
}
.dialog_appreciation .tips-list .tip-design.no-border {
	border: none;
}
.dialog_appreciation .tips-list .tip-design:not(.no-hover):hover {
	background-color: #f5f5f5;
	cursor: pointer;
}
.dialog_appreciation .tips-list input[type="radio"]:checked + .tip-design
,.dialog_appreciation .tips-list input[type="radio"]:checked + .tip-design:hover {
	background-color: #f2fffd;
	border-color: #03c9a9;
}
.dialog_appreciation .tips-list .tip-design .tip-img {
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.dialog_appreciation .tips-list .tip-design .tip-img > img {
	display: block;
	width: 100%;
}
.dialog_appreciation .tips-list .tip-design .tip-text {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 1rem;
}
.dialog_appreciation .btn-half > ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dialog_appreciation .btn-half > ul > li + li{
	margin-left: 80px;
}
.dialog_appreciation .textarea-placeholder-trick .textarea-placeholder,
.dialog_appreciation .textarea-placeholder-trick textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .5rem;
	outline: 0;
	box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%) inset;
}
.dialog_appreciation .textarea-placeholder-trick .textarea-placeholder {
	min-height: 120px;
}
.dialog_appreciation .textarea-placeholder-trick .textarea-placeholder p {
	color: #aaa;
	font-size: 1.5rem;
	line-height: 1.8;
}

.dialog_appreciation #appreciation-revisit-msg,
.dialog_appreciation_thank_you #appr-thank-teacher-msg{
 	white-space: pre;
	white-space: pre-line;
}

.dialog_appreciation .appreciation-revisit-msg-available{
 	text-decoration: underline #C6C5C7;
 	font-weight: bold;
}

/* dialog campaign: going_global_alvark_live*/
.dialog_campaign_going_global_alvark_live .stamp_basket_wrap{
	width: 100%;
}
.dialog_campaign_going_global_alvark_live .stamp_basket_wrap .stamp_basket_image img{
	width: 100%;
}
.dialog_campaign_going_global_alvark_live .stamp_basket{
	padding: 3rem 3.0rem 2.5rem;
	background: #FFF5E9;
}
.dialog_campaign_going_global_alvark_live .stamp_basket_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #80D4F9;
	text-align: center;
}
.dialog_campaign_going_global_alvark_live .stamp_basket_header {
	position: relative;
	max-width: 450px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 2.5rem;
	background-color: #fff;
	border-radius: 2rem;
}
.dialog_campaign_going_global_alvark_live .stamp_basket_num {
	color: #E83936;
	font-size: 5.5rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.5rem;
}
.dialog_campaign_going_global_alvark_live .stamp_list {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.dialog_campaign_going_global_alvark_live .stamp_list .list-item{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 14rem;
	height: 16.6rem;
	object-fit: cover;
	margin: .5rem;
	z-index: 1;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
}
.dialog_campaign_going_global_alvark_live .main_text{
	font-size: 2.5rem;
	color: #004986;
	text-align: center;
	font-weight: bold;
}
.dialog_campaign_going_global_alvark_live .sub_text{
	text-align: center;
}
.dialog_campaign_going_global_alvark_live .socmed_button{
	display: flex;
	gap: 1.5rem;
	margin: 2rem 0;
	justify-content: center;
}
.dialog_campaign_going_global_alvark_live .socmed_button .button{
    width: 42rem;
    height: 3em;
	font-size: 2.4rem;
    font-weight: bold;
	text-align: center;
    line-height: 3em;
    border-radius: 1rem;
    box-sizing: border-box;
    border: none;
}
.dialog_campaign_going_global_alvark_live .socmed_button .button.button_instagram{
	color: #fff;
	background: #da2f74;
	box-shadow: 0 6px 0 0 #a12356;
}
.dialog_campaign_going_global_alvark_live .socmed_button .button.button_twitter{
	color: #fff;
	background: #1D9BF0;
	box-shadow: 0 6px 0 0 #0080D6;
}
.dialog_campaign_going_global_alvark_live .sec.sec_main .sec_ttl{
    color: #004986;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
/* End dialog campaign: going_global_alvark_live */

/* dialog campaign: going_global_alvark */
.dialog_campaign_going_global_alvark{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_going_global_alvark .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_going_global_alvark .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_going_global_alvark .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_going_global_alvark .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_going_global_alvark .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_going_global_alvark .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: golden_week */
.dialog_campaign_golden_week{
    width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_golden_week .visual {
    margin-bottom: 2.4rem;
}
.dialog_campaign_golden_week .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_golden_week .sec_ttl{
    margin-bottom: 2rem;
}
.dialog_campaign_golden_week .sec_ttl p{
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_golden_week .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_golden_week .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: golden_week */
.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 */
/* dialog campaign: going_global_marines*/
.dialog_campaign_going_global_marines{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_going_global_marines .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_going_global_marines .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_going_global_marines .sec_text .link,
.dialog_campaign_going_global_marines_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_going_global_marines .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_going_global_marines_live{
	width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_going_global_marines_live .sec_ttl p {
    color: #004986;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_going_global_marines_live .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}
.dialog_campaign_going_global_marines_live .stamp_basket_wrap{
	width: 100%;
	margin-bottom: 2rem;
}
.dialog_campaign_going_global_marines_live .stamp_basket_wrap .stamp_basket_image img{
	display: block;
	width: 100%;
}
.dialog_campaign_going_global_marines_live .stamp_basket{
	position: relative;
	padding: 4rem 1.5rem;
	background-color: #191919;
}
.dialog_campaign_going_global_marines_live .stamp_basket::before {
	content: "";
	background: url('/images/campaign/going_global_marines/stamp_bg.svg') right -8% bottom -5% no-repeat,
				url('/images/campaign/going_global_marines/stamp_bg.svg') left -7% top 6% no-repeat ;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.1;
}
.dialog_campaign_going_global_marines_live .stamp_basket_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #80D4F9;
	text-align: center;
}
.dialog_campaign_going_global_marines_live .stamp_basket_header {
	position: relative;
	max-width: 450px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 1.3rem 0;
	margin: 0 auto 3rem;
	background-color: #fff;
	border-radius: 2rem;
}
.dialog_campaign_going_global_marines_live .stamp_basket_num {
	color: #E83936;
	font-size: 5.3rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.5rem;
}
.dialog_campaign_going_global_marines_live .stamp_list {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.dialog_campaign_going_global_marines_live .stamp_list .list-item{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 10rem;
    height: 11.6rem;
	object-fit: cover;
	margin: 1rem 0.5rem;
	z-index: 1;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
}
/* End dialog campaign: going_global_marines */	

/* 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;
}
/* End dialog campaign: going_global_marines */

/* 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 campaign: message-board*/
.dialog_campaign_message-board{
	width: 82rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_message-board .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_message-board .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_message-board .sec_text .link,
.dialog_campaign_message-board_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_message-board .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: message-board*/
/* 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 */
.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 */

/* dialog campaign: dailynews*/
.dialog_campaign_dailynews{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_dailynews .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_dailynews .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_dailynews .sec_text .link,
.dialog_campaign_dailynews_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_dailynews .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_dailynews_live{
	width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_dailynews_live .sec_ttl p {
    color: #FD3651;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_dailynews_live .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}

.dialog_campaign_dailynews_live .stamp_basket_wrap{
    margin-top: 2rem;
}
.dialog_campaign_dailynews_live .stamp_basket_wrap{
    margin-top: 2rem;
}
.dialog_campaign_dailynews_live .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_dailynews_live .stamp_basket{
    border: 2px solid #000;
    width: 99.3%;
    padding-bottom: 3rem;
    background: url('/images/campaign/dailynews/bg_img.png');
    margin-bottom: 3rem;
}

.dialog_campaign_dailynews_live .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_dailynews_live .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 2rem;
}
.dialog_campaign_dailynews_live .stamp_basket_num {
    color: #E83936;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_dailynews_live .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
}
.dialog_campaign_dailynews_live .stamp_list .list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 124px;
    height: 50px;
    margin: 0.5rem;
    position: relative;
    border: 2px solid transparent;
}
.dialog_campaign_dailynews_live .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}
.dialog_campaign_dailynews_live .stamp_list .list-item p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #9DB1B7;
}

.dialog_campaign_dailynews_live .stamp_list .list-item img{
    width: 103%;
    height: 106%;
    object-fit: cover;
	margin: -2px;
}
/* End dialog campaign: dailynews */

/* 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: favorite_teachers*/
.dialog_campaign_favorite_teachers{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_favorite_teachers .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_favorite_teachers .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_favorite_teachers .sec_text .link,
.dialog_campaign_favorite_teachers_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_favorite_teachers .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_favorite_teachers_live{
	width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_favorite_teachers_live .sec_ttl p {
    color: #F1890E;
    font-size: 2.5rem !important;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_favorite_teachers_live .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}
.dialog_campaign_favorite_teachers_live .stamp_basket {
    border: 2px solid #000;
    width: calc(100% - 5px);
    padding-bottom: 2rem;
    background: url(/images/campaign/favorite_teachers/world_bg.png);
    margin-bottom: 2rem;
}

.dialog_campaign_favorite_teachers_live .stamp_basket_wrap .stamp_basket_image img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.dialog_campaign_favorite_teachers_live .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.dialog_campaign_favorite_teachers_live .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
}

.dialog_campaign_favorite_teachers_live .sec p {
    font-size: 16px;
    line-height: 1.8;
}

.dialog_campaign_favorite_teachers_live .stamp_basket_num {
    color: #FD3651;
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
}

.dialog_campaign_favorite_teachers_live .stamp_list .list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    margin: 1rem 1.2rem;
    position: relative;
    border: 3px solid transparent;
    border-radius: 50%;
}

.dialog_campaign_favorite_teachers_live .stamp_list .list-item img{
	margin: -2px;
	max-width: 100px;
	border-radius: 50%;
}

.dialog_campaign_favorite_teachers_live .stamp_list .list-item.border-box {
    border: 2px dashed #9DB1B7;
}
/* End dialog campaign: favorite_teachers */
/* 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,
.dialog_campaign_plan_family_live .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;
}
.dialog_campaign_plan_family_live{
	width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_plan_family_live .sec_ttl p {
    color: #FD3651;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_plan_family_live .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}
.dialog_campaign_plan_family_live .stamp_basket_wrap .stamp_basket_image img{
	display: block;
	width: 100%;
}
.dialog_campaign_plan_family_live .stamp_basket{
	position: relative; 
	padding: 2rem 1.5rem;
	background-color: #E3F7FF;
	margin-bottom: 2rem;
}
.dialog_campaign_plan_family_live .stamp_basket::before {    
	content: "";
	background-image: url('/images/campaign/plan-family/stamp_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.dialog_campaign_plan_family_live .stamp_basket_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #80D4F9;
	text-align: center;
}
.dialog_campaign_plan_family_live .stamp_basket_header {
	position: relative;
	width: 32rem;
	height: 6rem;
	color: #14AFEC;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 1.4rem;
	background-color: #fff;
	border-radius: 2rem;
	line-height: 1.6;
}
.dialog_campaign_plan_family_live .stamp_basket_num {
	color: #E83936;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.2rem;
}
.dialog_campaign_plan_family_live .stamp_list {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 7rem;
}
.dialog_campaign_plan_family_live .stamp_list .list-item{
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	width: 6rem;
    height: 6rem;
	margin: 0.8rem;
}
.dialog_campaign_plan_family_live .stamp_list .list-item img{
	width: 100%;
	border-radius: 50%;
}
.dialog_campaign_plan_family_live .stamp_list .list-item-num{
	position: absolute;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}
.dialog_campaign_plan_family_live .stamp_list .list-item.stamped .list-item-num{
	display: none;
}
/* End dialog campaign: plan_family */

/* dialog campaign: christmas afterlesson*/
.dialog_campaign_christmas_afterlesson .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_christmas_afterlesson .stamp_basket{
    border: 3px solid #A90312;
    border-top: 0;
    padding: 1rem 7rem 2rem;
    background: #fff;
    position: relative;
}
.dialog_campaign_christmas_afterlesson .stamp_basket::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: url('/images/campaign/christmas/2022/bg.png') bottom center/contain no-repeat;
	opacity: .4;
}
.dialog_campaign_christmas_afterlesson .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_christmas_afterlesson .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1rem;
	color: #555;
}
.dialog_campaign_christmas_afterlesson .stamp_basket_num {
    color: #A90312;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_christmas_afterlesson .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.5rem;
    height: 4.5rem;
    margin: 1.5rem;
    position: relative;
    border: 3px solid transparent;
	background: #fff;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.border-box{
    border: 2px dashed #E899A0;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item p{
    font-size: 2.4rem;
    font-weight: bold;
    color: #E899A0;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.list-stamped {
	border: 2px dashed transparent;
	position: relative;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.list-stamped p {
	display: none;
	font-size: 0;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.list-stamped img {
    width: 100%;
    height: 100%;
    object-fit: cover;border: 1px solid #cccccc;
	cursor: pointer;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip {
	display: none;
	position: absolute;
    top: -120%;
    width: 160%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span {
	background-color: #000000B3;
	color: #fff;
	text-align: center;
	padding: 1rem 1.6rem;
	border-radius: 2rem;
	display: block;
	z-index: 2;
	line-height: 100%;
}
.dialog_campaign_christmas_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span::after {
	content: "";
    width: 13px;
    height: 13px;
    transform: rotate(360deg) translateX(-50%);
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #000000B3;
}
.dialog_campaign_christmas_afterlesson .ranking_wrap{
    display: flex;
    justify-content: space-between;
}
.dialog_campaign_christmas_afterlesson .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    border-bottom-color: #F1890E;
    margin-top: 4rem;
}
.dialog_campaign_christmas_afterlesson .ranking.top_ranking{
    display: none;
    margin-top: 10rem;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    padding: 1.2rem;
    background-color: #F1890E;
}
.dialog_campaign_christmas_afterlesson .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -5px 15px;
    background-image: url('/images/campaign/christmas/2022/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1890E;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #555555;
    padding: 0.8rem;
    box-sizing: border-box;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    position: relative;
    width: 50%;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 50%;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 2rem 0 2rem;
	color: #555;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body + .table_body {
    border-top-width: 0;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.6rem;
    font-weight: bold;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank,
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 50%;
    font-size: 1.6rem;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 9rem;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.4rem;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    background:#999999;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    background:#555555;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #FFAC2F
}
.dialog_campaign_christmas_afterlesson .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body.selected{
    color: #fff;
    background: #699CF3;
}
.dialog_campaign_christmas_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.dialog_campaign_christmas_afterlesson{
	width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_christmas_afterlesson .sec_ttl p {
   	color: #106A33;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
}
.dialog_campaign_christmas_afterlesson .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_christmas_afterlesson .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}
/* End dialog campaign: christmas afterlesson */
/* dialog campaign: half_fee_zh-tw*/
.dialog_campaign_half_fee_zh-tw, 
.dialog_campaign_half_fee {
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_half_fee_zh-tw .visual img,
.dialog_campaign_half_fee .visual img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_half_fee_zh-tw .sec_ttl p,
.dialog_campaign_half_fee .sec_ttl p {
    color: #004986;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_half_fee_zh-tw .sec_text .link,
.dialog_campaign_half_fee .sec_text .link  {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_half_fee_zh-tw .sec_text .link a,
.dialog_campaign_half_fee .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: half_fee_zh-tw */
/* 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 campaign: newgrammar */
.dialog_campaign_newgrammar{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_newgrammar .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_newgrammar .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_newgrammar .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_newgrammar .sec_ttl p{
	color: #EA5865;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_newgrammar .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_newgrammar .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_newgrammar_afterlesson .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_newgrammar_afterlesson .stamp_basket{
    border: 2px solid #0AAE38;
    width: 99.3%;
    padding-bottom: 2rem;
    background: url('/images/campaign/newgrammar/bg_img.png') bottom center/contain no-repeat;
}
.dialog_campaign_newgrammar_afterlesson .stamp_basket::before {
    content: "";
    /*position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;*/
    opacity: .4;
}
.dialog_campaign_newgrammar_afterlesson .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_newgrammar_afterlesson .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1rem;
    color: #555;
}
.dialog_campaign_newgrammar_afterlesson .stamp_basket_num {
    color: #F1890E;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item{
   display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 90px;
    margin: 0.5rem;
    position: relative;
    border: 3px solid transparent;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #9DB1B7;
}

.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item p.stamped{
	font-size: 45px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 24px;
    padding-right: 15px;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.list-stamped {
    border: 2px dashed transparent;
    position: relative;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.list-stamped p {
    display: none;
    font-size: 0;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.list-stamped img {
    width: auto;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip {
    display: none;
    position: absolute;
    top: -120%;
    width: 160%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span {
    background-color: #000000B3;
    color: #fff;
    text-align: center;
    padding: 1rem 1.6rem;
    border-radius: 2rem;
    display: block;
    z-index: 2;
    line-height: 100%;
}
.dialog_campaign_newgrammar_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span::after {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(360deg) translateX(-50%);
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #000000B3;
}
.dialog_campaign_newgrammar_afterlesson .ranking_wrap{
    display: flex;
    justify-content: space-between;
}
.dialog_campaign_newgrammar_afterlesson .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    border-bottom-color: #F1890E;
    margin-top: 4rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking.top_ranking{
    display: none;
    margin-top: 10rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    padding: 1.2rem;
    background-color: #F1890E;
}
.dialog_campaign_newgrammar_afterlesson .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -5px 15px;
    background-image: url('/images/campaign/christmas/2022/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1890E;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #555555;
    padding: 0.8rem;
    box-sizing: border-box;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    position: relative;
    width: 50%;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 50%;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 2rem 0 2rem;
    color: #555;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body + .table_body {
    border-top-width: 0;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.6rem;
    font-weight: bold;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank,
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 50%;
    font-size: 1.6rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 9rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.4rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    background:#999999;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    background:#555555;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #FFAC2F
}
.dialog_campaign_newgrammar_afterlesson .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body.selected{
    color: #fff;
    background: #699CF3;
}
.dialog_campaign_newgrammar_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.dialog_campaign_newgrammar_afterlesson{
    width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_newgrammar_afterlesson .sec_ttl p {
    color: #F1890E;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
}
.dialog_campaign_newgrammar_afterlesson .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_newgrammar_afterlesson .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}


/* End dialog campaign: newgrammar 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;
}

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

.dialog_campaign_nc_festival {
	width: 87rem;
	height: min-content;
    box-sizing: border-box;	
}

.dialog_campaign_nc_festival .j_c_center{
	justify-content: center;
}

.dialog_campaign_nc_festival img {
	width: 100%;
}

.dialog_campaign_nc_festival .sec_text1 {
	background: #FEBF02;
	padding: 20px
}

.dialog_campaign_nc_festival .sec_text1 > div {
	border-radius: 10px;
    background: #fff;
    padding: 35px;
}

.dialog_campaign_nc_festival .sec_text1 h3 {
	font-size: 2.9rem;
	font-weight: 600;
	margin-bottom: 0;
}

.dialog_campaign_nc_festival .sec_text1 h4 {
	font-size: 7rem;
	font-weight: bold;
	line-height: 1;
}

.dialog_campaign_nc_festival .sec_text1 h4 span{
	font-size: 5rem;
	margin-left: 10px;
}

.dialog_campaign_nc_festival .trial_area {
	display: flex;
    align-items: center;
    justify-content: center;
}

.dialog_campaign_nc_festival .button_trial {
	display: block;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f1890e;
    width: 50rem;
    height: 3em;
    line-height: 3em;
    border-radius: 10px;
    box-shadow: 0px 6px 0px 0px #c16e0b;
    box-sizing: border-box;
}

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

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

/* dialog campaign: ambassador */
.dialog_campaign_ambassador{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_ambassador .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_ambassador .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_ambassador .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_ambassador .sec_ttl p{
	color: #f1890e;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_ambassador .sec_ttl .black{
	color: #555555;
}
.dialog_campaign_ambassador .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_ambassador .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_campaign_ambassador .sec_text .link a:hover {
	text-decoration: none;
}
/* End dialog campaign: new_year */

/* dialog campaign: new_year afterlesson*/

.dialog_campaign_ambassador_afterlesson .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket{
    border: 2px solid #0AAE38;
    width: 99.3%;
    padding-bottom: 2rem;
    background: url('/images/campaign/ambassador/bg_img.png') bottom center/contain no-repeat;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket::before {
    content: "";
    /*position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;*/
    opacity: .4;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1rem;
    color: #555;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket_num {
    color: #F1890E;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_ambassador_afterlesson .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item{
   display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 90px;
    margin: 0.5rem;
    position: relative;
    border: 3px solid transparent;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #9DB1B7;
}

.dialog_campaign_ambassador_afterlesson .stamp_list .list-item p.stamped{
	font-size: 45px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 24px;
    padding-right: 15px;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped {
    border: 2px dashed transparent;
    position: relative;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped p {
    display: none;
    font-size: 0;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped img {
    width: auto;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip {
    display: none;
    position: absolute;
    top: -120%;
    width: 160%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span {
    background-color: #000000B3;
    color: #fff;
    text-align: center;
    padding: 1rem 1.6rem;
    border-radius: 2rem;
    display: block;
    z-index: 2;
    line-height: 100%;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span::after {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(360deg) translateX(-50%);
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #000000B3;
}
.dialog_campaign_ambassador_afterlesson .ranking_wrap{
    display: flex;
    justify-content: space-between;
}
.dialog_campaign_ambassador_afterlesson .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    border-bottom-color: #F1890E;
    margin-top: 4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking.top_ranking{
    display: none;
    margin-top: 10rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    padding: 1.2rem;
    background-color: #F1890E;
}
.dialog_campaign_ambassador_afterlesson .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -5px 15px;
    background-image: url('/images/campaign/christmas/2022/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1890E;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #555555;
    padding: 0.8rem;
    box-sizing: border-box;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    position: relative;
    width: 50%;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 50%;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 2rem 0 2rem;
    color: #555;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body + .table_body {
    border-top-width: 0;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.6rem;
    font-weight: bold;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank,
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 50%;
    font-size: 1.6rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 9rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    background:#999999;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    background:#555555;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #FFAC2F
}
.dialog_campaign_ambassador_afterlesson .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body.selected{
    color: #fff;
    background: #699CF3;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.dialog_campaign_ambassador_afterlesson{
    width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_ambassador_afterlesson .sec_ttl p {
    color: #F1890E;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
}
.dialog_campaign_ambassador_afterlesson .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_ambassador_afterlesson .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}


/* End dialog campaign: ambassador 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;
}
/* End dialog campaign: ambassador */

/* NJ-18252: Alvark Tokyo collaboration campaign Modal*/
.dialog_going_global_alvark {
    width: 68rem;
	height: 50rem;
    background-image: url('/images/campaign/going_global_alvark/bg_img.png');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	border: 0;
}
.dialog_going_global_alvark lottie-player {
	margin: 0 auto;
}
.dialog_going_global_alvark .btn_orange {
	min-width: 39rem;
	height: 6.8rem;
    line-height: 6.8rem;
    font-size: 2.4rem;
	box-shadow: 0px 6px 0px #C16E0B;
	border-radius: 10px;
}
.dialog_going_global_alvark .btn_orange.disabled {
	color: #fff !important;
	background-color: #C1C1C1 !important;
}
.dialog_going_global_alvark .goal_success_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 6rem;
	padding: 2rem 0;
}
.dialog_going_global_alvark .goal_success_inner .coin_count {
	color: #FFF253;
}
.dialog_going_global_alvark .goal_success_inner .btn_wrap {
	color: #FFF253;
}
.dialog_going_global_alvark .goal_failure_box {
	color: #000;
}
.dialog_going_global_alvark .goal_failure .btn_wrap {
	height: 15rem;
	margin-bottom: 5rem;
}
.dialog_going_global_alvark .goal_failure_word {
	display: flex;
	justify-content: center;
}
.dialog_going_global_alvark .goal_failure_word .avatar{
	width: 14.4rem;
	height: 18rem;
	position: relative;
	z-index: 1;
	margin-top: 8rem;
}
.dialog_going_global_alvark .goal_failure_word .avatar.teddy{
    margin-right: -3rem;
}
.dialog_going_global_alvark .goal_failure_word .avatar.rook{
    margin-left: -3rem;
}
.dialog_going_global_alvark .goal_failure_word .goal_failure_box {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	width: 43rem;
    height: 19rem;
    background: #fff;
    text-align: center;
	box-shadow: 0px 0px 6px #00000029;
	border-radius: 5px;
}
.dialog_going_global_alvark .goal_failure_word .word-spec{
	display: flex;
	gap: 2rem;
}
.dialog_going_global_alvark .goal_failure_word .word-spec #word-us,
.dialog_going_global_alvark .goal_failure_word .word-spec #word-uk {
	position: relative;
    padding-left: 3rem;
}
.dialog_going_global_alvark .goal_failure_word .word-spec #word-us::before,
.dialog_going_global_alvark .goal_failure_word .word-spec #word-uk::before {
	content: '';
	width: 2.4rem;
	height: 1.6rem;
	position: absolute;
    left: 0;
    top: 0.5rem;
	background-image: url('/images/campaign/going_global_alvark/flag_1.png');
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}
.dialog_going_global_alvark .goal_failure_word .word-spec #word-uk::before{
	background-image: url('/images/campaign/going_global_alvark/flag_2.png');
}
.dialog_going_global_alvark .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;
	max-width: 43rem;
	height: 4rem;
    width: 100%!important;
    background: #f1890e;
	border: none !important;
    color: #fff !important;
    text-shadow: none;
	line-height: 1;
}
.dialog_going_global_alvark .btn__flat_round_corner.__ddIcon::before{
    content: url('/images/campaign/going_global_alvark/arrow.svg');
    position: absolute;
    width: 13px;
    height: 8px;
    line-height: 0;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s ease;
}
.dialog_going_global_alvark .btn__flat_round_corner.__ddIcon[data-active="true"]::before{
    transform: translateY(-50%) rotateZ(180deg);
}
.dialog_going_global_alvark .box__collapsible{
    position: relative;
    max-width: 43rem;
    height: 0;
	color: #000;
    background: #FFFFFF;
	margin: 0 auto;
    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_going_global_alvark .box__collapsible > div{
    padding: 3em 2em 1.5em;
}
.dialog_going_global_alvark .box__collapsible.active{
    height: auto;
}
/* END Alvark Tokyo collaboration campaign:  */
/* dialog mypage campaign: going_global_alvark */
.dialog_mypage_going_global_alvark{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_mypage_going_global_alvark .visual {
	margin-bottom: 2.4rem;
}
.dialog_mypage_going_global_alvark .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_mypage_going_global_alvark .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_mypage_going_global_alvark .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_mypage_going_global_alvark .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_mypage_going_global_alvark .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;
}
/* POPUP LIVE */
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10rem auto 0;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .raffle_box{
	width: 37.6rem !important;
	border: 2px solid #FFBA91;
	border-radius: 1rem;
	padding: 2rem;
	background-color: #FFF5E9;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-size: 16px;
    line-height: 1.8;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .raffle_box .raffle_ttl{
	background: #EC742E;
	color: #fff;
	border-radius: 4rem;
	padding: 1rem 2rem;
	width: fit-content;
	margin: -4.5rem auto 0;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap .raffle_box .raffle_text{
	margin-top: 1rem;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap .raffle_box img{
	margin-top: 1rem;
	pointer-events: none;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .ball_goal{
	display: flex;
	justify-content: center;
	align-items: end;
	padding: 5.1rem 0;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .ball_count{
	margin-left: -0.6rem;
}
.dialog_mypage_going_global_alvark_live .action .button.btn_orange{
    color: #fff;
    background: #f1890e;
    font-size: 2rem;
    font-weight: bold;
    width: 42rem;
    height: 3.5em;
    line-height: 3.5em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #c16e0b;
    border: none;
    text-align: center;
}
/* END POPUP LIVE */
/* End dialog campaign: going_global_alvark */

/* 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: 53.2rem;
	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 .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: 16px;
	width: 16px;
	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 ~ span{
	font-weight: bold;
}
.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;
}
.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 + .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
}
.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 */
.dialog_campaign_lesson_coin_gift{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_lesson_coin_gift .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_lesson_coin_gift .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_lesson_coin_gift .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_lesson_coin_gift .sec_ttl p{
	color: #2A60BA;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_lesson_coin_gift .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_lesson_coin_gift .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;
}
/* 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: 60px 70px;
	max-width: 740px;
	width:100%;
  background: #FFFFFF;
	border: 4px solid #707070;
  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:320px;
	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:space-between;
	align-items:center;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.dialog_lesson_review .link-items .link-item{
	max-width: 135px;
	width: 100%;
	height: 155px;
	padding: 35px 10px 30px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	color:#555555;
}
.dialog_lesson_review .link-items .link-item:hover{
	background:#F7F7F7;
}
.dialog_lesson_review .link-items .link-item img{
	width:41px;
}
/* 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, .live_lesson_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, .live_lesson_modal h2 {
	font-size: 24px;
	color: #555555;
	font-family:  Meiryo;
  }
  .delete_chatlog_confirm_modal .modal.active p, .delete_chatlog_complete_modal p, .live_lesson_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, .live_lesson_modal .fw_b {
	font-weight: bold;
  }
  .delete_chatlog_confirm_modal .modal.active .m0_auto, .delete_chatlog_complete_modal .m0_auto, .live_lesson_modal .m0_auto {
	margin: 0 auto!important;
  }
  .delete_chatlog_confirm_modal .d_flex,.live_lesson_modal .d_flex {
	display: flex;
	justify-content: space-around;
  }
  .delete_chatlog_confirm_modal .square_btn, .delete_chatlog_complete_modal .square_btn, .live_lesson_modal .square_btn {
	width: 60%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	margin: 1rem;
  }
  .live_lesson_modal{
	width: 100%;
	max-width: 564px;
    padding: 4.4rem 7.4rem;
  }
  .live_lesson_modal .play_btn {
	height: 36px;
	line-height: 36px;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 2px #00000040;
  }
  .delete_chatlog_confirm_modal .bg_gray {
	background-color: #999999;
  }
  .delete_chatlog_confirm_modal .bg_green, .delete_chatlog_complete_modal .bg_green {
	background-color: #03C9A9;
  }
  .live_lesson_modal .bg_orange {
	background-color: #F1890E;
	box-shadow: 0px 0px 2px #00000040;
	border-radius: 2px;
  }
  .live_lesson_modal .bg_light_blue {
	background-color: #0BCAFA;
  }
  .live_lesson_modal .emphasis_txt {
	color: #EE47C5;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .live_lesson_modal .emphasis_txt:before, .live_lesson_modal .emphasis_txt:after {
	border-top: 1px solid;
	content: "";
	width: 33%; /* 線の長さ */
  }
  .live_lesson_modal .emphasis_txt:before {
	margin-right: 1rem; /* 文字の右隣 */
  }
  .live_lesson_modal .emphasis_txt:after {
	margin-left: 1rem; /* 文字の左隣 */
  }
  .live_lesson_modal .emphasis_txt + .d_flex{ 
	display: flex;
	justify-content: center;	
	gap: 1.6rem;
	margin-bottom: 2.8rem !important;
  }
  .live_lesson_modal .teacher_card {
	width: 138px;
	border: 1px solid #CCCCCC;
    padding: 1.8rem 2rem;
    border-radius: 5px;
  }
  .live_lesson_modal .teacher_img {
	position: relative;
    box-sizing: border-box;
    width: 11.4rem;
    height: 11.4rem;
    padding: 0.6rem;
    background-image: url(../images/icon/live-ring.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
	margin-bottom: 1rem;
  }
  .live_lesson_modal .teacher_img:after {
	content: '';
	display: block;
	position: absolute;
	top: 94%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 5.8rem;
	height: 2.5rem;
	background-image: url(../images/icon/live-badge.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  .live_lesson_modal .teacher_img img{
    display: block;
    width: 10.2rem;
    height: 10.2rem;
    border-radius: 50%;
  }
  .live_lesson_modal .fs_10 {
	font-size: 10px;
  }
  .live_lesson_modal .fs_11 {
	font-size: 11px;
  }
  .live_lesson_modal .fs_12 {
	font-size: 12px;
}
  .live_lesson_modal .fs_15 {
	font-size: 15px;
  }
  .live_lesson_modal .fs_16 {
	font-size: 16px;
  }
  .live_lesson_modal .fs_18 {
	font-size: 18px;
  }
  .live_lesson_modal .fs_20 {
	font-size: 20px;
  }
  .live_lesson_modal .fs_32 {
	font-size: 32px;
  }
  .live_lesson_modal .m_t_10 {
	margin-top: 1rem;
  }
  .live_lesson_modal .m_b_10 {
	margin-bottom: 1rem;
  }
  .live_lesson_modal .m_b_5 {
	margin-bottom: 0.5rem;
  }
  .live_lesson_modal .m_t_20 {
	margin-top: 2rem;
  }
  .live_lesson_modal .m_b_20 {
	margin-bottom: 2rem;
  }
  .live_lesson_modal .t_center {
	text-align: center;
  }
  .live_lesson_modal .w_70 {
	width: 70%;
  }
  .live_lesson_modal img.star_img {
	width: 12px;
    height: 11px;
  }
  .live_lesson_modal img.flag_img {
	width: 20px;
    height: 11.61px;
	margin-right: 0.8rem;
  }
  .live_lesson_modal .a_i_center {
	align-items: center;
  }
  .live_lesson_modal .j_c_center {
	justify-content: center;
  }
  .live_lesson_modal .d_block {
	display: block;
  }
/* End NJ-10346 */
/* NJ-23626 campaign: lesson_coin_gift */
.dialog_campaign_lesson_coin_gift{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_lesson_coin_gift .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_lesson_coin_gift .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_lesson_coin_gift .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_lesson_coin_gift .sec_ttl p{
	color: #2A60BA;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_lesson_coin_gift .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_lesson_coin_gift .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;
}
/* popup live */
.dialog_campaign_lesson_coin_gift_live{
	width: 87rem;
	height: min-content;
	box-sizing: border-box;
}
#dialog_campaign_lesson_coin_gift_live {
	top: 180px !important;
}
.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: 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-new 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;
}

/* 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_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-25217 campaign: nc_no1_festival */
.dialog_campaign_nc_no1_festival,
.dialog_campaign_nc_no1_festival_live{
	height: min-content;
	box-sizing: border-box;
	border-radius: 20px;
}
.dialog_campaign_nc_no1_festival_live{
	width: 87rem;
}
.dialog_campaign_nc_no1_festival .sec_ttl p,
.dialog_campaign_nc_no1_festival_live .sec_ttl p{
	color: #F3032A;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_nc_no1_festival .sec_text .link a,
.dialog_campaign_nc_no1_festival_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_nc_no1_festival_live .stamp_basket_wrap .stamp_basket_image img{
	display: block;
	width: 100%;
	border-radius: 10px 10px 0 0;
}
.dialog_campaign_nc_no1_festival_live .stamp_basket{
	position: relative; 
	padding: 3rem 0 0;
	background-color: #E5C054;
	background-image: url('/images/campaign/nc_no1_festival/stamp_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
    background-size: cover;
	border: 4px solid #CC9D13;
	border-top: 0;
	border-radius: 0 0 10px 10px;
}
.dialog_campaign_nc_no1_festival_live .stamp_basket_title {
	font-size: 2.4rem;
	font-weight: bold;
	color: #80D4F9;
	text-align: center;
}
.dialog_campaign_nc_no1_festival_live .stamp_basket_header {
	position: relative;
	width: 43rem;
	height: 6.6rem;
	color: #555555;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 2rem;
	background-color: #fff;
	border-radius: 3.3rem;
	line-height: 1.7;
}
.dialog_campaign_nc_no1_festival_live .stamp_basket_num {
	position: relative;
	top: 0.2rem;
	color: #FD3651;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_nc_no1_festival_live .stamp_list_wrap {
	max-height: 45rem;
    overflow: auto;
}	
.dialog_campaign_nc_no1_festival_live .stamp_list {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row {
	display: flex;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row .list-item{
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	width: 8.4rem;
    height: 4.9rem;
	background-color: #fff;
	margin: 0.6rem 1.3rem;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row:last-child {
	margin-top: 0.6rem;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row:last-child .list-item{
	margin: 0.6rem 0.5rem;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row .list-item:nth-child(odd){
	margin-top: 2.1rem;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row .list-item:first-child:before {
	display: none;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row .list-item:before {
	content: "";
	position: absolute;
	top: 17px;
	bottom: 0;
	left: -27px;
	margin: auto;
	width: 30px;
	height: 6px;
	background-color: #fff;
	transform: rotate(350deg);
	z-index: 1;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-row .list-item:nth-child(odd)::before{
	top: -14px;
	transform: rotate(10deg);
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item img{
	width: 100%;
	position: relative;
	z-index: 2;
	object-fit: cover;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item-num{
	position: absolute;
	color: #E5C054;
	font-size: 2.4rem;
	font-weight: bold;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip {
	display: none;
	position: absolute;
	bottom: 115%;
	z-index: 3;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #000000B3;
	color: #fff;
	text-align: center;
	padding: 1rem 3rem;
	border-radius: 47px;
	white-space: nowrap;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000000B3 transparent transparent transparent;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on:hover .list-item-tooltip {
	display: block;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip.on {
    bottom: auto;
    top: 125%;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip.on::after {
    top: auto;
    bottom: 100%;
    border-color: transparent transparent #000000B3 transparent;
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip.left {
    left: -10%
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip.left::after {
    left: calc(10vh - 2rem);
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip.right {
    right: -10%
}
.dialog_campaign_nc_no1_festival_live .stamp_list .list-item.on .list-item-tooltip.right::after {
    left: unset;
    right: calc(10vh - 2.7rem);
}
/* NJ-25217 campaign: nc_no1_festival 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 {
	height: 0;
	padding: 0 20px;
	overflow: hidden;
	opacity: 0.5;
	background-color: #fff;
	transition: padding 0.25s ease, opacity 0.3s ease 0s;
}

#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: 228px;
	height: 100%;
	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('../images/modal/icon_coin.png');
	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;
}
.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;
	}
}
/* dialog campaign: ambassador */
.dialog_campaign_ambassador{
    width: 70rem;
	height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_ambassador .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_ambassador .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_ambassador .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_ambassador .sec_ttl p{
	color: #f1890e;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_ambassador .sec_ttl .black{
	color: #555555;
}
.dialog_campaign_ambassador .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_ambassador .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_campaign_ambassador .sec_text .link a:hover {
	text-decoration: none;
}
/* End dialog campaign: new_year */

/* dialog campaign: new_year afterlesson*/

.dialog_campaign_ambassador_afterlesson .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket{
    border: 2px solid #0AAE38;
    width: 99.3%;
    padding-bottom: 2rem;
    background: url('/images/campaign/ambassador/bg_img.png') bottom center/contain no-repeat;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket::before {
    content: "";
    /*position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;*/
    opacity: .4;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1rem;
    color: #555;
}
.dialog_campaign_ambassador_afterlesson .stamp_basket_num {
    color: #F1890E;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_ambassador_afterlesson .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item{
   display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 90px;
    margin: 0.5rem;
    position: relative;
    border: 3px solid transparent;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #9DB1B7;
}

.dialog_campaign_ambassador_afterlesson .stamp_list .list-item p.stamped{
	font-size: 45px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 24px;
    padding-right: 15px;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped {
    border: 2px dashed transparent;
    position: relative;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped p {
    display: none;
    font-size: 0;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped img {
    width: auto;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip {
    display: none;
    position: absolute;
    top: -120%;
    width: 160%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span {
    background-color: #000000B3;
    color: #fff;
    text-align: center;
    padding: 1rem 1.6rem;
    border-radius: 2rem;
    display: block;
    z-index: 2;
    line-height: 100%;
}
.dialog_campaign_ambassador_afterlesson .stamp_list .list-item.list-stamped .flag-tooltip span::after {
    content: "";
    width: 13px;
    height: 13px;
    transform: rotate(360deg) translateX(-50%);
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #000000B3;
}
.dialog_campaign_ambassador_afterlesson .ranking_wrap{
    display: flex;
    justify-content: space-between;
}
.dialog_campaign_ambassador_afterlesson .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    border-bottom-color: #F1890E;
    margin-top: 4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking.top_ranking{
    display: none;
    margin-top: 10rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    padding: 1.2rem;
    background-color: #F1890E;
}
.dialog_campaign_ambassador_afterlesson .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -5px 15px;
    background-image: url('/images/campaign/christmas/2022/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1890E;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    color: #555555;
    padding: 0.8rem;
    box-sizing: border-box;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    position: relative;
    width: 50%;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 50%;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 2rem 0 2rem;
    color: #555;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body + .table_body {
    border-top-width: 0;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.6rem;
    font-weight: bold;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank,
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 50%;
    font-size: 1.6rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 9rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    background:#999999;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    background:#555555;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #FFAC2F
}
.dialog_campaign_ambassador_afterlesson .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body.selected{
    color: #fff;
    background: #699CF3;
}
.dialog_campaign_ambassador_afterlesson .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.dialog_campaign_ambassador_afterlesson{
    width: 87rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_ambassador_afterlesson .sec_ttl p {
    color: #F1890E;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
}
.dialog_campaign_ambassador_afterlesson .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_ambassador_afterlesson .sec_text .link a{
   font-size: 1.8rem;
   margin: 2rem 0;
}


/* End dialog campaign: ambassador 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;
}
/* End dialog campaign: ambassador */

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

/* NJ-18252: Alvark Tokyo collaboration campaign Modal*/
.dialog_going_global_alvark {
    width: 68rem;
	height: 50rem;
    background-image: url('/images/campaign/going_global_alvark/bg_img.png');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	border: 0;
}
.dialog_going_global_alvark lottie-player {
	margin: 0 auto;
}
.dialog_going_global_alvark .btn_orange {
	min-width: 39rem;
	height: 6.8rem;
    line-height: 6.8rem;
    font-size: 2.4rem;
	box-shadow: 0px 6px 0px #C16E0B;
	border-radius: 10px;
}
.dialog_going_global_alvark .btn_orange.disabled {
	color: #fff !important;
	background-color: #C1C1C1 !important;
}
.dialog_going_global_alvark .goal_success_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 6rem;
	padding: 2rem 0;
}
.dialog_going_global_alvark .goal_success_inner .coin_count {
	color: #FFF253;
}
.dialog_going_global_alvark .goal_success_inner .btn_wrap {
	color: #FFF253;
}
.dialog_going_global_alvark .goal_failure_box {
	color: #000;
}
.dialog_going_global_alvark .goal_failure .btn_wrap {
	height: 15rem;
	margin-bottom: 5rem;
}
.dialog_going_global_alvark .goal_failure_word {
	display: flex;
	justify-content: center;
}
.dialog_going_global_alvark .goal_failure_word .avatar{
	width: 14.4rem;
	height: 18rem;
	position: relative;
	z-index: 1;
	margin-top: 8rem;
}
.dialog_going_global_alvark .goal_failure_word .avatar.teddy{
    margin-right: -3rem;
}
.dialog_going_global_alvark .goal_failure_word .avatar.rook{
    margin-left: -3rem;
}
.dialog_going_global_alvark .goal_failure_word .goal_failure_box {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	width: 43rem;
    height: 19rem;
    background: #fff;
    text-align: center;
	box-shadow: 0px 0px 6px #00000029;
	border-radius: 5px;
}
.dialog_going_global_alvark .goal_failure_word .word-spec{
	display: flex;
	gap: 2rem;
}
.dialog_going_global_alvark .goal_failure_word .word-spec #word-us,
.dialog_going_global_alvark .goal_failure_word .word-spec #word-uk {
	position: relative;
    padding-left: 3rem;
}
.dialog_going_global_alvark .goal_failure_word .word-spec #word-us::before,
.dialog_going_global_alvark .goal_failure_word .word-spec #word-uk::before {
	content: '';
	width: 2.4rem;
	height: 1.6rem;
	position: absolute;
    left: 0;
    top: 0.5rem;
	background-image: url('/images/campaign/going_global_alvark/flag_1.png');
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}
.dialog_going_global_alvark .goal_failure_word .word-spec #word-uk::before{
	background-image: url('/images/campaign/going_global_alvark/flag_2.png');
}
.dialog_going_global_alvark .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;
	max-width: 43rem;
	height: 4rem;
    width: 100%!important;
    background: #f1890e;
	border: none !important;
    color: #fff !important;
    text-shadow: none;
	line-height: 1;
}
.dialog_going_global_alvark .btn__flat_round_corner.__ddIcon::before{
    content: url('/images/campaign/going_global_alvark/arrow.svg');
    position: absolute;
    width: 13px;
    height: 8px;
    line-height: 0;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s ease;
}
.dialog_going_global_alvark .btn__flat_round_corner.__ddIcon[data-active="true"]::before{
    transform: translateY(-50%) rotateZ(180deg);
}
.dialog_going_global_alvark .box__collapsible{
    position: relative;
    max-width: 43rem;
    height: 0;
	color: #000;
    background: #FFFFFF;
	margin: 0 auto;
    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_going_global_alvark .box__collapsible > div{
    padding: 3em 2em 1.5em;
}
.dialog_going_global_alvark .box__collapsible.active{
    height: auto;
}
/* END Alvark Tokyo collaboration campaign:  */
/* dialog mypage campaign: going_global_alvark */
.dialog_mypage_going_global_alvark{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_mypage_going_global_alvark .visual {
	margin-bottom: 2.4rem;
}
.dialog_mypage_going_global_alvark .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_mypage_going_global_alvark .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_mypage_going_global_alvark .sec_ttl p{
	color: #004986;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_mypage_going_global_alvark .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}

.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 20px;
}
.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: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;
}
.dialog_mypage_going_global_alvark .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;
}
/* POPUP LIVE */
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10rem auto 0;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .raffle_box{
	width: 37.6rem !important;
	border: 2px solid #FFBA91;
	border-radius: 1rem;
	padding: 2rem;
	background-color: #FFF5E9;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-size: 16px;
    line-height: 1.8;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .raffle_box .raffle_ttl{
	background: #EC742E;
	color: #fff;
	border-radius: 4rem;
	padding: 1rem 2rem;
	width: fit-content;
	margin: -4.5rem auto 0;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap .raffle_box .raffle_text{
	margin-top: 1rem;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap .raffle_box img{
	margin-top: 1rem;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .ball_goal{
	display: flex;
	justify-content: center;
	align-items: end;
	padding: 5.1rem 0;
}
.dialog_mypage_going_global_alvark_live .sec .raffle_wrap.ball .ball_count{
	margin-left: -0.6rem;
}
.dialog_mypage_going_global_alvark_live .action .button.btn_orange{
    color: #fff;
    background: #f1890e;
    font-size: 2rem;
    font-weight: bold;
    width: 42rem;
    height: 3.5em;
    line-height: 3.5em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #c16e0b;
    border: none;
    text-align: center;
}
/* END POPUP LIVE */

/* End dialog campaign: going_global_alvark */
.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;
}
.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%;
}

/* START NJ-31307 Campaign: callan_unlimited */
.dialog_campaign_callan_unlimited,
.dialog_campaign_callan_unlimited_afterlesson {
	height: min-content;
	box-sizing: border-box;
	border-radius: 20px;
}
.dialog_campaign_callan_unlimited_afterlesson {
	width: 100%;
	max-width: 87rem;
}
.dialog_campaign_callan_unlimited .j_c_center,
.dialog_campaign_callan_unlimited_afterlesson .j_c_center {
	justify-content: center;
}
.dialog_campaign_callan_unlimited .sec_ttl p,
.dialog_campaign_callan_unlimited_afterlesson .sec_ttl p{
	color: #F3032A;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_callan_unlimited .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_callan_unlimited_afterlesson .link a {
	display: inline-block;
	color: #00ACEE;
	font-size: 1.8rem;
	font-weight: normal;
	text-decoration: underline;
	margin-bottom: 2rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally {
	position: relative;
	max-width: 100%;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .body{
	padding: 2.2rem 5rem 2.5rem;
	background-image: url('/images/campaign/callan_unlimited/stamp_bg.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson{
	width: 452px;
	height: 80px;
	display:flex;
	align-items: baseline;
	justify-content: center;
	background: #fff;
	border-radius: 100px;
	padding: 1.2rem;
	margin: 0 auto 2.5rem;
	box-sizing: border-box;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson .count{
	color: #E83936;
    font-size: 5.3rem;
	line-height: 1;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson_box {
	width: 100% !important;
	text-align: center;
	border: none !important;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource {
	position: relative;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource + .cource {
	margin-top: 3rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource .img_box img {
	width: auto;
	height: 10rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource .cource-item {
	max-width: 16rem;
	margin-right: 3rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource .cource-item:last-child {
	max-width: unset;
	margin-right: 0;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource + .cource .cource-item:not(:last-child) {
	margin-right: 0;
	margin-left: 3rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource + .cource .cource-item:first-child::before,
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource-item + .cource-item .lesson_box::before {
	background: #454545 !important;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource + .cource .cource-item:first-child::before {
	height: 3.5rem;
	top: -3.5rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource .cource-item + .cource-item .lesson_box::before {
	width: 30%;
	left: -25%;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .cource:last-child .cource-item + .cource-item .lesson_box::before{
	left: auto;
	width: 25%;
	right: -20%;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson_box .box_head {
	background-color: #E1011A !important;
	padding: 0.65rem !important;
	font-size: 1.8rem !important;
    font-weight: bold;
	border-radius: 8px 8px 0 0;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson_box .box_body {
	color: #CCCCCC;
	font-size: 2rem !important;
	font-weight: bold;
    border-radius: 0 0 8px 8px;
	line-height: 1.45;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson_box .box_body img{
	width: auto !important;
    height: 7.1rem !important;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally .lesson_box .box_body img.coin{
	width: 6.4rem !important;
	height: 6.4rem !important;
	padding: 0.7rem 0;
}
/* overseas css */
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally.overseas .cource .img_box img {
	width: 17.4rem;
    height: auto;
	position: absolute;
	top: -55px;
	left: -18px;
	z-index: 6;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally.overseas .lesson_box .box_head {
	background: #2376EF !important;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally.overseas .title {
	background-image: url('/images/campaign/callan_unlimited/cloud.png');
	background-repeat: no-repeat;
	background-color: #D9F1FF;
	background-position: top;
	background-size: contain;
	height: 21rem;
	position: relative;
	z-index: 2;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally.overseas .body {
	background-image: url('/images/campaign/callan_unlimited/track_btm.png');
	background-color: #D9F1FF;
	background-position: bottom;
	background-size: contain;
	position: relative;
	z-index: 1;
	padding-top: 7rem;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally.overseas .cource .cource-item + .cource-item .lesson_box::before {
	top: 54%;
	height: 1.5rem;
	background: #254D72 !important;
}
.dialog_campaign_callan_unlimited_afterlesson .stamp_rally.overseas .cource + .cource .cource-item:first-child::before{
	width: 1.5rem;
	background: #254D72 !important;
}
/* end overseas css */
/* END NJ-31307 Campaign: callan_unlimited */

/* START NJ-32732 Campaign: spare_time */
.dialog_campaign_spare_time{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_spare_time .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_spare_time .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_spare_time .sec_ttl{
	color: #F3032A;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
}
.dialog_campaign_spare_time .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_spare_time .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;
}
/* popup live */
.dialog_campaign_spare_time_afterlesson{
	--__campaign-color: var(--campaign-color, #3A5D84);
	max-width: 87rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_spare_time_afterlesson .sec_ttl{
	color: var(--__campaign-color);
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.dialog_campaign_spare_time_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_spare_time_afterlesson .stamp .stamp_header {
	height: fit-content;
	background-image: url('/images/campaign/spare_time/stamp_title.png') no-repeat center;
	background-size: cover;
    background-color: var(--__campaign-color);
	border-radius: 2rem 2rem 0px 0px;
	overflow: hidden;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_content {
	background-image: url('/images/campaign/spare_time/stamp_bg.png') no-repeat center;
    background-color: var(--__campaign-color);
	border-radius: 0px 0px 2rem 2rem;
	padding: 0 6rem;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list{
    display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item {
	overflow: hidden;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item:first-child {
	border-top-left-radius: 1.5rem;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item:last-child {
	border-bottom-right-radius: 1.5rem;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item:nth-child(5) {
	border-top-right-radius: 1.5rem;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item:nth-child(16) {
	border-bottom-left-radius: 1.5rem;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item .date{
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0.65rem 0;
	text-align: center;
	background-color: #0E5F46;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item figure{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding: 2rem 1rem;
    background-color: #fff;
}
.dialog_campaign_spare_time_afterlesson .stamp .stamp_list .list-item figure img{
	width: 5rem;
	height: 5rem;
}
/* END NJ-32732 Campaign: spare_time */

/* 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 {
	min-width: 435px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.7rem;
	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 {
	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*/

/* START NJ-34793 Campaign: around_the_world */
.dialog_campaign_around_the_world{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_around_the_world .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_around_the_world .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_around_the_world .sec_ttl{
	color: #FFB100;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.5;
}
.dialog_campaign_around_the_world .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_around_the_world .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_around_the_world_afterlesson{
	max-width: 87rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_around_the_world_afterlesson .sec_ttl{
	color: #FFB100;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.dialog_campaign_around_the_world_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_around_the_world_afterlesson .t_orange{
	color: #FFB100;
}
.dialog_campaign_around_the_world_afterlesson .stamp_wrap{
	border: 4px solid #6CB4CF;
	border-radius: 10px;
	margin-bottom: 2.5rem;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_header {
	height: 216px;
	width: 100%;
	background: url('/images/campaign/spare_time/stamp_title.png') no-repeat center;
	overflow: hidden;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_header img{
	width: 100%;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_content {
	background: #E9F4F8;
	padding: 0 5rem 3.6rem;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list{
    display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item {
	width: 116px;
	height: 66px;
	border: 2px dashed #82CCEE;
	background: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item p {
	color: #82CCEE;
	font-size: 2.4rem;
	font-weight: bold;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item.coupon p {
	transform: rotate(350deg);
	margin-left: 10px;
    margin-bottom: 4px;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item.coupon::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/images/campaign/around_the_world/coupon.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item img{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	object-fit: fill;
	margin: -2px;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item.stamped{
	border: none;
	padding: 2px;
	cursor: pointer;
}
.dialog_campaign_around_the_world_afterlesson .stamp .stamp_list .list-item.stamped img{
	display: block;
}
.dialog_campaign_around_the_world_afterlesson .stamp_list .list-item.stamped .flag-tooltip {
	display: none;
	position: absolute;
    top: -112%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
	z-index: 3;
}
.dialog_campaign_around_the_world_afterlesson .stamp_list .list-item.stamped .flag-tooltip span {
	background-color: #000000B3;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 1.2rem 2.5rem;
	border-radius: 4.7rem;
	display: block;
	z-index: 2;
	line-height: 100%;
	white-space: nowrap;
}
.dialog_campaign_around_the_world_afterlesson .stamp_list .list-item.stamped .flag-tooltip span::after {
	content: "";
    width: 13px;
    height: 13px;
    transform: rotate(360deg) translateX(-50%);
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #000000B3;
}
/* END NJ-34793 Campaign: around_the_world  */

.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{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_nc_ai_speaking .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_nc_ai_speaking .sec_ttl p {
    color: #F86745;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_nc_ai_speaking .sec_text .link,
.dialog_campaign_nc_ai_speaking_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_nc_ai_speaking .sec_text .link a {
    background: #F86645;
    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-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-39740 [start] */
.dialog_campaign_150_ten_thousand{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
	font-family: 'Noto Sans JP';
}
.dialog_campaign_150_ten_thousand .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_150_ten_thousand .sec_ttl p {
    color: #0169CD;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_150_ten_thousand .sec_text .link,
.dialog_campaign_150_ten_thousand_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_150_ten_thousand .sec_text .link a {
    background: #FC879E;
    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_150_ten_thousand_afterlesson{
	max-width: 870px !important;
	height: auto;
    box-sizing: border-box;
	transform: translate(-50%, 0) !important;
	margin: 0 !important;
	font-family: 'Noto Sans JP';
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard{
	--_stamp-primary: #FC879E;
	border: 4px solid var(--_stamp-primary);
	border-radius: 10px;
	overflow: hidden;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .head{
	transform: scale(101%);
	width: 100%;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body{
	background-image: url('/user/webroot/images/campaign/150_ten_thousand/stampcard_bg.png');
	padding: 50px 0;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body strong{
	display: block;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 28px;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body strong span{
	font-size: 36px;
	font-size: 3.6rem;
	color: #0169CD;
	margin-right: 5px;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body .stamp_box{
	--_stamp-size: 90px;

	display: grid;
	grid-template-columns: repeat(5, var(--_stamp-size));
	justify-content: space-between;
	align-items: center;
	gap: 26px;
	max-width: max-content;
	margin-inline: auto;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body .stamp_box li{
	display: flex;
	width: var(--_stamp-size);
	height: var(--_stamp-size);
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: var(--_stamp-primary);
	font-size: 24px;
	border: 2px dashed var(--_stamp-primary);
	border-radius: 50%;
	background: #fff;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body .stamp_box li img{
	width: 60px;
	height: 60px;
}
.dialog_campaign_150_ten_thousand_afterlesson .stampcard .body .stamp_box li img.active_stamp{
	width: 100%;
	height: 100%;
}
.dialog_campaign_150_ten_thousand_afterlesson .sec_text strong{
	color: #0169CD;
}
/** NJ-39740 [end] */

/*  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-41584 Start */
.dialog_campaign_toeic{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_toeic .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_toeic .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_toeic .sec_ttl{
	color: #F3032A;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
}
.dialog_campaign_toeic .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_toeic .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-41584 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;
}
.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_campaign_kakaku_01 > * {
	box-sizing: border-box;
}

.dialog_campaign_kakaku_01 .visual img {
	width: 100%;
}

.dialog_campaign_kakaku_01 {
    width: 70rem;
	height: min-content;
}

.dialog_campaign_kakaku_01 .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_kakaku_01 .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_kakaku_01 .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_kakaku_01 .sec_ttl p{
	color: #EA5865;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_kakaku_01 .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_kakaku_01 .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;
}

.dialog_campaign_kakaku_01_live,
.dialog_campaign_kakaku_01_live > * {
	box-sizing: border-box;
}

.dialog_campaign_kakaku_01_live .c_red {
	color: #FD3651 !important;
}

.dialog_campaign_kakaku_01_live .c_707070 {
	color: #707070;
}

.dialog_campaign_kakaku_01_live .fw_700 {
	font-weight: 700;
}

.dialog_campagin_kakaku_01_live .link a {
	color: #00ACEE;
}

.dialog_campaign_kakaku_01_live .stamp_basket_wrap{
    margin-top: 2rem;
}

.dialog_campaign_kakaku_01_live .visual {
	font-size: 0;
}

.dialog_campaign_kakaku_01_live .visual img {
	width: 100%;
}

.dialog_campaign_kakaku_01_live .stampcard .body {
    border: 0 solid #092846;
    border-width: 0 2px 2px 2px;
}

.dialog_campaign_kakaku_01_live .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_kakaku_01_live .stamp_basket{
    width: 100%;
    padding-bottom: 2rem;
	padding-top: 41px;
    background: url('/images/campaign/kakaku_01/bg_img.png') center/cover no-repeat;
}

.dialog_campaign_kakaku_01_live .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_kakaku_01_live .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 24px;
}
.dialog_campaign_kakaku_01_live .stamp_basket_num {
    color: #E83936;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_kakaku_01_live .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
}
.dialog_campaign_kakaku_01_live .stamp_list .list-item{
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
    width: 132px;
    height: 70px;
    margin: 10px 0.5rem;
    position: relative;
    border: none;
}

.dialog_campaign_kakaku_01_live .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}

.dialog_campaign_kakaku_01_live .stamp_list .list-item p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #9DB1B7;
}

.dialog_campaign_kakaku_01_live .stamp_list .list-item p.stamped{
    font-size: 45px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 16px;
    padding-right: 15px;
}

.dialog_campaign_kakaku_01_live .stamp_list .list-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dialog_campaign_dailynews,
.dialog_campaign_dailynews > * {
	box-sizing: border-box;
}

.dialog_campaign_dailynews .visual img {
	width: 100%;
}

.dialog_campaign_dailynews {
    width: 70rem;
	height: min-content;
}

.dialog_campaign_dailynews .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_dailynews .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_dailynews .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_dailynews .sec_ttl p{
	color: #1c4362;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_dailynews .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.4rem;
}
.dialog_campaign_dailynews .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;
}

.dialog_campaign_dailynews_live,
.dialog_campaign_dailynews_live > * {
	box-sizing: border-box;
}

.dialog_campaign_dailynews_live .c_red {
	color: #FD3651 !important;
}

.dialog_campaign_dailynews_live .c_707070 {
	color: #707070;
}

.dialog_campaign_dailynews_live .fw_700 {
	font-weight: 700;
}

.dialog_campagin_kakaku_01_live .link a {
	color: #00ACEE;
}

.dialog_campaign_dailynews_live .stamp_basket_wrap{
    margin-top: 2rem;
}

.dialog_campaign_dailynews_live .visual {
	font-size: 0;
}

.dialog_campaign_dailynews_live .visual img {
	width: 100%;
}

.dialog_campaign_dailynews_live .stampcard .body {
    border: 0 solid #092846;
    border-width: 0 2px 2px 2px;
}

.dialog_campaign_dailynews_live .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.dialog_campaign_dailynews_live .stamp_basket{
    width: 100%;
    padding-bottom: 2rem;
	padding-top: 41px;
    background: url('/images/campaign/kakaku_01/bg_img.png') center/cover no-repeat;
	border: none;
	margin-bottom: 0;
}

.dialog_campaign_dailynews_live .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.dialog_campaign_dailynews_live .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 24px;
	padding: 0;
}
.dialog_campaign_dailynews_live .stamp_basket_num {
    color: #E83936;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.5rem;
}
.dialog_campaign_dailynews_live .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
}
.dialog_campaign_dailynews_live .stamp_list .list-item{
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
    width: 132px;
    height: 70px;
    margin: 10px 0.5rem;
    position: relative;
    border: none;
}

.dialog_campaign_dailynews_live .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}

.dialog_campaign_dailynews_live .stamp_list .list-item p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #9DB1B7;
}

.dialog_campaign_dailynews_live .stamp_list .list-item p.stamped{
    font-size: 45px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 16px;
    padding-right: 15px;
}

.dialog_campaign_dailynews_live .stamp_list .list-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dialog_campaign_dailynews_live .body {
	border: 0 solid #092846;
	border-width: 0 2px 2px 2px;
}

/* 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;
}
.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;
}
/* NJ-37571 End */

/* NJ-45886 [start] */
.dialog_campaign_speaking_afterlesson{
	max-width: 870px !important;
	font-family: 'Noto Sans JP';
}
.dialog_campaign_speaking_afterlesson .stampcard{
	--_stamp-primary: #020B21;
	--_stamp-secondary: #00FFCE;
	border: 2px solid var(--_stamp-primary);
	border-radius: 10px;
	overflow: hidden;
}
.dialog_campaign_speaking_afterlesson .stampcard .head{
	width: 100%;
}
.dialog_campaign_speaking_afterlesson .stampcard .body{
	padding: 28px 50px 40px;
}
.dialog_campaign_speaking_afterlesson .stampcard .body strong{
	display: block;
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 28px;
}
.dialog_campaign_speaking_afterlesson .stampcard .body strong span{
	font-size: 53px;
	font-size: 5.3rem;
	color: var(--_stamp-secondary);
	/* margin-right: 5px; */
}
.dialog_campaign_speaking_afterlesson .stampcard .body .stamp_box{
	--_stamp-width: 132px;
	--_stamp-height: 70px;
	
	display: grid;
	grid-template-columns: repeat(5, var(--_stamp-width));
	justify-content: space-between;
	align-items: center;
	gap: 20px 10px;
}
.dialog_campaign_speaking_afterlesson .stampcard .body .stamp_box li{
	display: flex;
	width: var(--_stamp-width);
	height: var(--_stamp-height);
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: var(--_stamp-secondary);
	font-size: 18px;
	border: 2px dashed var(--_stamp-secondary);
	background: #fff;
}
.dialog_campaign_speaking_afterlesson .stampcard .body .stamp_box li img{
	width: 50px;
	height: 50px;
}
.dialog_campaign_speaking_afterlesson .stampcard .body .stamp_box li img.active_stamp{
	width: 54px;
	height: 54px;
}
.dialog_campaign_speaking_afterlesson .stamp_list {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 4rem;
}
.dialog_campaign_speaking_afterlesson .stamp_list .list-item{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 132px;
	height: 70px;
	margin: 10px 0.5rem;
	position: relative;
	border: none;
}

.dialog_campaign_speaking_afterlesson .stamp_list .list-item.border-box{
	border: 2px dashed #9DB1B7;
}

.dialog_campaign_speaking_afterlesson .stamp_list .list-item p{
	font-size: 1.8rem;
	font-weight: bold;
	color: #9DB1B7;
}

.dialog_campaign_speaking_afterlesson .stamp_list .list-item p.stamped{
	font-size: 45px;
	font-weight: bold;
	color: #333333;
	position: absolute;
	top: 16px;
	padding-right: 15px;
}

.dialog_campaign_speaking_afterlesson .stamp_list .list-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dialog_campaign_speaking_afterlesson .color_darkblue{
	color: #020B21 !important;
}

.dialog_campaign_speaking{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
	font-family: 'Noto Sans JP';
}
.dialog_campaign_speaking .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_speaking .sec_ttl p {
    color: #0169CD;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_speaking .sec_text .link,
.dialog_campaign_speaking_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_speaking .sec_text .link a {
    background: #00FFCE;
    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-45886 [end] */
/* NJ-44386 start */
.dialog_campaign_nc_ai_pronunciation{
	width: 70rem;
    height: min-content;
    box-sizing: border-box;
}
.dialog_campaign_nc_ai_pronunciation .visual img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.dialog_campaign_nc_ai_pronunciation .sec_ttl p {
    color: #F86745;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.dialog_campaign_nc_ai_pronunciation .sec_text .link,
.dialog_campaign_nc_ai_pronunciation_live .sec_text .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dialog_campaign_nc_ai_pronunciation .sec_text .link a {
    background: #F86645;
    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-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] */

.hide_modal {
	display: none;
}

/* NJ-51999 campaign: halfprice_reservation */
.dialog_campaign_halfprice_reservation{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_halfprice_reservation .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_halfprice_reservation .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_halfprice_reservation .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_halfprice_reservation .sec_ttl p{
	color: #333;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_halfprice_reservation .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_halfprice_reservation .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-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 {
    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_halfprice_reservation{
	width: 70rem;
	height: min-content;
	box-sizing: border-box;
}
.dialog_campaign_halfprice_reservation .visual {
	margin-bottom: 2.4rem;
}
.dialog_campaign_halfprice_reservation .visual img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.dialog_campaign_halfprice_reservation .sec_ttl{
	margin-bottom: 2rem;
}
.dialog_campaign_halfprice_reservation .sec_ttl p{
	color: #333;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.dialog_campaign_halfprice_reservation .sec_text .link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dialog_campaign_halfprice_reservation .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-57836 */
.dialog_rating.b-mod{
	box-sizing: border-box;
    max-width: 1000px !important;
    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 .rating_good_tag_list > li.mod-li{
	max-height: 96px;
}
.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 */

/* 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 {
	margin-left: -40px;
    margin-bottom: 1rem;
    display: block; 
}

.review_notice_wrap.hide {
    display: none;
}

.rating_review_container.review_only {
    justify-content: center;
}

/* END NJ-58323 */