@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/*-------------------------------------------------------*/
/* reservation page
/*-------------------------------------------------------*/
.reservation_wrap .container{
	padding: 30px;
	width: 900px;
}
.reservation_wrap .ttl_bar .ttl_bar_ui{
	/*width: 340px;*/
	margin-left: -500px;
}
.reservation_wrap .ttl_bar .ttl_bar_ui .select{
	display: inline;
}
.reservation_wrap .ttl_bar .ttl_bar_ui .btn_s{
	display: inline-block;
	/display: inline;
	/width: 56px;
}
.reservation_wrap .about_reservation{
	display: table;
	width: 100%;
}
.reservation_wrap .about_reservation > div{
	display: table-cell;
	vertical-align: top;
}
.reservation_wrap .about_reservation > div.col_1{
}
.reservation_wrap .about_reservation > div.col_1 h3{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.reservation_wrap .about_reservation > div.col_1 p{
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}
.reservation_wrap .about_reservation > div h3:before{
	content: '■';
	display: inline;
}
.reservation_wrap .about_reservation > div h3{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.reservation_wrap .about_reservation > div.col_2{
}
.reservation_wrap .about_reservation > div li{
	margin-bottom: 5px;
	font-size: 11px;
	font-size: 1.1rem;
}
.reservation_wrap .about_reservation > div li img{
	vertical-align: middle;
	margin-right: 2px;
}
.reservation_wrap .about_reservation > div.col_3{
}
.reservation_wrap .about_reservation > div.col_3 li img{
	display: block;
	float: left;
	vertical-align: top;
	margin: 0 2px 0 0;	
}
.reservation_wrap .about_reservation > div.col_3 li span{
	display: block;
	float: left;
	padding-top: 0;
	line-height: 1.5;
}
/*----------------------------------------------*/
/* sec schedule
/*----------------------------------------------*/
.reservation_wrap .sec_schedule_wrap{
	margin-bottom: 20px;
}
.reservation_wrap .sec_schedule{
	border-top: #ccc dotted 1px;
	padding-top: 30px;
	margin-top: 30px;
}
.reservation_wrap .sec_schedule:first-child{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

/*----------------------------------------------*/
/* schedule nav
/*----------------------------------------------*/
.schedule_nav{
	margin-bottom: 20px;
}
.schedule_nav ul{
	letter-spacing: -.40em;
	text-align: center;
	margin: 0 -20px;
}
.schedule_nav li{
	display: inline-block;
	letter-spacing: normal;
	width: 103px;
	margin: 0 7px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	background: #f5f5f5;
	color: #999;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	/float: left;
	/margin: 0 6px;
}
.schedule_nav li:first-child{
	/margin-left: 0;
}
.schedule_nav li a{
	display: block;
	padding: 16px 0;
	color: #999;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.schedule_nav li:hover{
	background: #e0e0e0;	
}
.schedule_nav li:hover a{
	color: #555;
}
.schedule_nav li em{
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
.schedule_nav li.on{
	padding: 16px 0;
	background: #16a9b2;
	color: #fff;
}
.schedule_nav li.on a{
	color: #fff;
}

/*----------------------------------------------*/
/* pager
/*----------------------------------------------*/
.reservation_wrap .pager{
	text-align: center;
}

/*----------------------------------------------*/
/* reserve buttons
/*----------------------------------------------*/
.btn_schedule{
	display: block;
	width: 90px;
	height: 33px;
	line-height: 33px;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.btn_schedule.reserve{
	background: #ed1543;
	box-shadow: 2px 2px 0 0 #900d28;
}
.btn_schedule.reserve:hover{
	background: #ff1749;
}
.btn_schedule.reserved{
	background: #b9b9b9;
	box-shadow: 2px 2px 0 0 #767474;
}
.btn_schedule.cancel{
	background: #f8aabb;
	/*background: #ed1543;*/
	
}
.btn_schedule.cancel:hover{
	background: #ff8ca5;
	/*background: #ff1749;*/
}
.btn_schedule.finished,
.btn_schedule.cancel.disable,
.btn_schedule.reserve.disable{
	width: 84px;
	height: 30px;
	line-height: 30px;
	color: #ccc;
	border: #ccc solid 3px;
	background: #fff;
	background: #f5f5f5;
	box-shadow: none;
	cursor: default;
}

/*----------------------------------------------*/
/* schedule table
/*----------------------------------------------*/
.schedule_table_wrap{
	position: relative;
	/*min-height: 400px;*/
}
.schedule_table_wrap .loader{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.schedule_table_wrap .loader i{
	font-size: 30px;
	font-size: 3.0rem;
	color: #CCCCCC;
	text-align: center;
	margin-top: -50px; /* adjust position */
}
.schedule_table{
	width: 100%;
	border: #ccc solid 1px;
}
.schedule_table tr{
	height: 58px;
}
.schedule_table td:first-child{
	width: 50px;
	color: #999;
	background: #f4f4f4;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.schedule_table td{
	padding: 10px 5px;
	border: #ccc solid 1px;
	text-align: center;
}
.schedule_table .thumb{
	margin-top: 8px;
	margin-bottom: 10px;
}
.schedule_table .thumb img{
	display: block;
	margin:  0 auto;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}
.schedule_table .name{
	width: 120px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	word-break: break-all;
}
.schedule_table .kana,
.schedule_table .comment{
	width: 120px;
	height: 3em;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	color: #999;
	line-height: 1.5;
}

/*----------------------------------------------*/
/* schedule table min (for mypage)
/*----------------------------------------------*/
.schedule_table--min thead,
.schedule_table--min tbody{
	display: block;
}
.schedule_table--min thead{
	padding-right: 17px;
	background: #eee;
}
.schedule_table--min thead td{
	width: 16%;
	background: #fff;
	border-top: none;
	border-left: none;
}
.schedule_table--min thead td:first-child{
	min-width: 50px;
}
.schedule_table--min tbody{
	max-height: 464px;
	overflow-y: scroll;
}
.schedule_table--min tbody td{
	width: 16%;
	border-left: none;
}
.schedule_table--min tbody tr:first-child td{
	border-top: none;
	min-width: 50px;
}
.schedule_table--min tbody tr:last-child td{
	border-bottom: none;
}

/*----------------------------------------------*/
/* schedule table detail
/*----------------------------------------------*/
.schedule_table_2{
	max-width: 100%;
	width: 100%;
	border: #ccc solid 1px;
	table-layout: fixed;
}
.schedule_table_2 tr{
	height: 58px;
}
.schedule_table_2 tr:first-child td{
	background: #f5f5f5;
	color: #999;
}
.schedule_table_2 tr:first-child td.date{
	height: 60px;
}
.schedule_table_2 tr:first-child td.date.on{
	background: #16a9b2;
	color: #fff;
}
.schedule_table_2 tr:first-child td.date .weekday{
	display: block;
	margin-bottom: 5px;
}
.schedule_table_2 tr:first-child td.date .month{
	font-weight: bold;
}
.schedule_table_2 tr:first-child td.date .day{
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
}
.schedule_table_2 td.past{
	background: #ececec;
}
.schedule_table_2 td{
	padding: 10px;
	border: #ccc solid 1px;
	text-align: center;
}
.schedule_table_2 td.date{
	background: #ff8626;
}
.schedule_table_2 td.date.on{
	background: #ff8626;
}
.schedule_table_2 td:first-child{
	width: 8%; /* fix for safari */
	color: #999;
	background: #f4f4f4;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.schedule_table_2 .user .thumb{
	margin-bottom: 5px;
}
.schedule_table_2 .user .thumb img{
	display: block;
	width: 68px;
	margin:  0 auto;
	border: #ccc 1px solid;
}
.schedule_table_2 .user .name{
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	color: #999;
}

/*----------------------------------------------*/
/* schedule table 2 reserve status buttons
/*----------------------------------------------*/
/* adjust reserve button size >>> */
.schedule_table_2 .btn_schedule{
	display: block;
	width: 76px;
	height: 28px;
	line-height: 28px;
}
.schedule_table_2 .btn_schedule.finished,
.schedule_table_2 .btn_schedule.reserve.disable,
.schedule_table_2 .btn_schedule.cancel.disable{
	width: 72px;
	height: 24px;
	line-height: 24px;
	border: 2px solid #ccc;
}
/* <<< */

/* status for instructor page >>> */
.schedule_table_2 .status{
	display: block;
	width: 76px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: default;
}
.schedule_table_2 .status.reserved{
	background: #ed1543;
	/*box-shadow: 2px 2px 0 0 #900d28;*/
}
.schedule_table_2 .status.accept{
	background: #16a9b2;
	cursor: pointer;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.2);
}
.schedule_table_2 .status.reserved.disable,
.schedule_table_2 .status.accept.disable{
	width: 72px;
	height: 24px;
	line-height: 24px;
	background: #f5f5f5;
	color: #ccc;
	border: 2px solid #ccc;
	box-shadow: none;
	cursor: default;
}
/* <<< */

/*----------------------------------------------*/
/* menu_time_range
/*----------------------------------------------*/
.menu_time_range{
	margin-bottom: 25px;
}
.menu_time_range ul{
	margin-right: -50px;
}
.menu_time_range li{
	float: left;
	text-align: center;
	width: 179px;
}
.menu_time_range li a{
	display: block;
	padding: 10px 0;
	border: solid 1px #ccc;
	border-left: none;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	color: #999;
	background: #f5f5f5;
	background: -webkit-linear-gradient(#fefefe, #d7d7d7);
	background: -o-linear-gradient(#fefefe, #d7d7d7);
	background: -moz-linear-gradient(#fefefe, #d7d7d7);
	background: linear-gradient(#fefefe, #d7d7d7);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.menu_time_range li:first-child a{
	border-left: solid 1px #ccc;
	border-radius: 4px 0 0 4px;
}
.menu_time_range li:last-child a{
	border-radius: 0 4px 4px 0;
}
.menu_time_range li a:active,
.menu_time_range li a.on{
	background: #16a9b2;
	color: #fff;
	text-shadow: none;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1) inset;
}

/*-------------------------------------*/
/* search schedule
/*-------------------------------------*/
.search_schedule{
	background: #fff;
	border-radius: 8px;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.search_schedule .conditions input[type='text']{
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1) inset;
	font: inherit;
	line-height: 36px;
	padding: 2px 10px 0;
}
.search_schedule .conditions input[type='text'],
.search_schedule .conditions select{
	background: #fff;
}
.search_schedule .conditions select{
	min-width: 180px;
}
.search_schedule .conditions input[type='radio']{
	position: relative;
	top: -2px;
	margin-right: 5px;
}
.search_schedule .conditions span.ex{
	color: #999;
	margin-left: 10px;
	font-size: 13px;
	font-size: 1.3rem;
}
.search_schedule .conditions dl{
	border-bottom: 1px solid #eee;
	padding: 15px 20px;
}
.search_schedule .conditions dl:nth-child(even){
	background: #F9F6EE;
}
.search_schedule .conditions dl dt,
.search_schedule .conditions dl dd{
	float: left;
}
.search_schedule .conditions dl dt{
	line-height: 38px;
	min-width: 50px;
	text-align: center;
}
.search_schedule .conditions dl dt{
	margin-left: 30px;
	padding-left: 20px;
	border-left: rgba(0,0,0,0.2) solid 1px;
	box-shadow: 1px 0 0 0 rgba(255,255,255,1) inset;
}
.search_schedule .conditions dl dt:first-child{
	margin-left: 0;
	padding-left: 0;
	border-left: none;
	box-shadow: none;
}
.search_schedule .conditions dl dd{
	margin-left: 20px;
}
.search_schedule .conditions dl dd ul li{
	float: left;
	line-height: 38px;
	margin-left: 30px;
}
.search_schedule .conditions dl dd ul li label{
	cursor: pointer;
	font-size: 15px;
	font-size: 1.5rem;
}
.search_schedule .conditions dl dd ul li:first-child{
	margin-left: 0;
}
.search_schedule .conditions dl .dd_freeword input[type='text']{
	width: 300px;
}
.search_schedule .btn_wrap{
	text-align: center;
	padding: 20px 0;
}
.search_schedule .btn_wrap button,
.search_schedule .btn_wrap input[type='submit']{
	font: inherit;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	outline: none;
	margin: 0 auto;
}

/*-------------------------------------------------------*/
/* JQuery ui
/*-------------------------------------------------------*/
.page_lesson_reservation .ui-datepicker .ui-datepicker-next-hover {
	top: 0px;
}
.page_lesson_reservation .ui-datepicker .ui-datepicker-prev,
.page_lesson_reservation .ui-datepicker .ui-datepicker-next{
	top:8px;
}
.page_lesson_reservation div.ui-datepicker {
	width: 250px;
}
.page_lesson_reservation th.ui-datepicker-week-end {
	color: #00f;
}
.page_lesson_reservation th.ui-datepicker-week-end:first-child {
	color: #f00;
}
.page_lesson_reservation .ui-widget-header {
	background:#f7ae36;
	color:#fff;
	margin: 1% 0;
}
.page_lesson_reservation .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 2em;
	text-align: center;
	font-size:1.5em;
}
.page_lesson_reservation .ui-datepicker table{
	background-color:#EDEDED;
}
.page_lesson_reservation .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	line-height: 1em;
	font-size:1.5em;
}
.page_lesson_reservation .ui-datepicker td {
	border: 0;
	padding: 1px;
	line-height: 2em;
}
.page_lesson_reservation .ui-state-default,
.page_lesson_reservation .ui-widget-content .ui-state-default,
.page_lesson_reservation .ui-widget-header .ui-state-default{
	color:#1C94C4;
	font-size:1.5em;
	background:#fff;
}
.page_lesson_reservation .ui-state-hover,
.page_lesson_reservation .ui-widget-content .ui-state-hover,
.page_lesson_reservation .ui-widget-header .ui-state-hover,
.page_lesson_reservation .ui-state-focus,
.page_lesson_reservation .ui-widget-content .ui-state-focus,
.page_lesson_reservation .ui-widget-header .ui-state-focus {
	border: 1px solid #fed22f;
	background: #fff1a5;
	font-weight: normal;
	color: #000;
}
.page_lesson_reservation .ui-state-active,
.page_lesson_reservation .ui-widget-content .ui-state-active,
.page_lesson_reservation .ui-widget-header .ui-state-active{
	background:#fed22f;
	border:solid 1px #1C94C4;
}


/*-------------------------------------------------------*/
/* reservation detail page
/*-------------------------------------------------------*/
.reservation_detail_wrap .container{
	padding: 30px;
	/width: 900px;
}
.lesson_detail_item_wrap{
	position: relative;
	padding: 25px 25px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
}
.lesson_detail_item_wrap .sec_ttl{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}
/*--------------------------------*/
/* lesson info
/*--------------------------------*/
.lesson_detail_item_wrap .lesson_info{
	padding: 0 0 10px;
}
.lesson_detail_item_wrap .lesson_info .col_wrap{
	display: table;
	width: 100%;
}
.lesson_detail_item_wrap .lesson_info .col_left,
.lesson_detail_item_wrap .lesson_info .col_right{
	display: table-cell;
	vertical-align: top;
}
.lesson_detail_item_wrap .lesson_info .col_left{
	width: 180px;
}
.lesson_detail_item_wrap .lesson_info .col_left .lesson_status{
	margin-bottom: 15px;
}
.lesson_detail_item_wrap .lesson_info .col_right{
	padding-left: 30px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data dl{
	margin-bottom: 10px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data dt{
	display: inline-block;
	background: #F9F6EE;
	padding: 10px;
	border-radius: 4px;
	float: left;
	min-width: 100px;
	text-align: center;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data dd{
	float: left;
	line-height: 40px;
	margin-left: 20px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data .dd_datetime .time{
	margin-left: 15px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data .dd_reserved_time .time{
	margin-left: 15px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data .dd_canceled_time .time{
	margin-left: 15px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data .dt_comment{
	text-align: center;
	float: none;
	margin-bottom: 10px;
}
.lesson_detail_item_wrap .lesson_info .col_right .lesson_data .dd_comment{
	float: none;
	line-height: 1.5;
	margin-left: 0;
	word-wrap: break-word;
}
.lesson_detail_item_wrap .lesson_info .col_right .func{
	text-align: center;
}
/*--------------------------------*/
/* user info
/*--------------------------------*/
.lesson_detail_item_wrap .user_info{
	border-top: 1px dotted #ccc;
	padding: 20px 0;
}
.lesson_detail_item_wrap .user_info .col_wrap{
	display: table;
	width: 100%;
}
.lesson_detail_item_wrap .user_info .col_left,
.lesson_detail_item_wrap .user_info .col_right{
	display: table-cell;
	vertical-align: top;
}
.lesson_detail_item_wrap .user_info .col_left{
	width: 180px;
}
.lesson_detail_item_wrap .user_info .col_right{
	padding-left: 30px;
}
.lesson_detail_item_wrap .user_info .user_thumb{
	 text-align: center;
}
.lesson_detail_item_wrap .user_info .user_thumb .kana{
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	text-align: center;
}
.lesson_detail_item_wrap .user_info .user_thumb a{
	color: inherit;
}
.lesson_detail_item_wrap .user_info .user_thumb img{
	margin-bottom: 5px;
}
.lesson_detail_item_wrap .user_info .user_thumb .name{
	margin-bottom: 5px;
}
.lesson_detail_item_wrap .user_info .data{
	position: relative;
	line-height: 1.5;
	background: #fff;
	padding: 20px;
	border: #ccc solid 1px;
}
.lesson_detail_item_wrap .user_info .data:after,
.lesson_detail_item_wrap .user_info .data:before{
	right: 100%;
	top: 34px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.lesson_detail_item_wrap .user_info .data:after{
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 15px;
	margin-top: 1px;
}
.lesson_detail_item_wrap .user_info .data:before{
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #ccc;
	border-width: 16px;
}
.lesson_detail_item_wrap .user_info .data table{
	width: 100%;
	background: #fff;
}
.lesson_detail_item_wrap .user_info .data table th,
.lesson_detail_item_wrap .user_info .data table td{
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #eee;
}
.lesson_detail_item_wrap .user_info .data table th{
	width: 200px;
	font-size: 13px;
	background: #F9F6EE;
	border-color: #fff;
	border-left-color: #eee;
}
.lesson_detail_item_wrap .user_info .data table tr:first-child th{
	border-top-color: #eee;
}
.lesson_detail_item_wrap .user_info .data table tr:last-child th{
	border-bottom-color: #eee;
}
.lesson_detail_item_wrap .user_info .data dt{
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
}
.lesson_detail_item_wrap .user_info .data dt:first-child{
	margin-top: 0;
}
.lesson_detail_item_wrap .used_textbook_area{
	border-top: 1px dotted #ccc;
	padding: 20px 0;
}
.lesson_detail_item_wrap .used_textbook_area .used_textbook_list li:nth-child(odd){
	background: #F9F6EE;
}
.lesson_detail_item_wrap .used_textbook_area .used_textbook_list li a{
	display: block;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	color: inherit;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.lesson_detail_item_wrap .used_textbook_area .used_textbook_list li a:hover{
	background: #fffcee;
}
.lesson_detail_item_wrap .used_textbook_area .used_textbook_list li .level{
	font-weight: bold;
}
.lesson_detail_item_wrap .used_textbook_area .used_textbook_list li .lesson_name,
.lesson_detail_item_wrap .used_textbook_area .used_textbook_list li .lesson_desc{
	margin-left: 15px;
}

/*--------------------------------*/
/* icon-description
/*--------------------------------*/
.icon-description {
  margin: 55px auto;
}
.icon-description__item {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 230px;
}
.icon-description__item:nth-child(2) {
  margin-top: 15px;
}
.icon-description p {
  font-size: 14px;
  line-height: 2;
}

/*---------------------------------------------*/
/* two-column mypage layout
/*---------------------------------------------*/
@media only screen and (max-width: 1260px) {
  body:has(.reserve_search_wrap_two_column) {
		min-width: initial;
	}
	body:has(.reserve_search_wrap_two_column) .global_menu .global_menu_inner {
		width: initial;
	}
}
.reserve_search_wrap_two_column {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.reserve_search_wrap_two_column * {
	min-height: 0;
	min-width: 0;
}
.reserve_search_wrap_two_column {
	background-color: #FFF;
	padding: 0;
}
.reserve_search_wrap_two_column .page_inner{
	width: 100%;
	max-width: 136.6rem;
}
.reserve_search_wrap_two_column .container{
	padding: 4rem 2.4rem 8rem;
	margin: 0;
	box-shadow: unset;
	display: grid;
	grid-template-columns: 28rem 1fr;
	gap: 2.4rem;
}
/*---------------------------------------------*/
/* sidebar
/*---------------------------------------------*/
.reserve_search_wrap_two_column .sec_sidebar{
	width: 100%;
	max-width: 28rem;
}
/*------------------------------------------*/
/* teacher card
/*------------------------------------------*/
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item  {
	width: 100%;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle {
	gap: 1rem;
}
.reserve_search_wrap_two_column .user_list_style-box .user_list_item .clm_l .clm_inner .thumb {
	border-radius: 0 7px 0 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .clm_l .clm_inner .thumb,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item .clm_l .clm_inner .thumb {
	border-radius: 7px 7px 0 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .clm_l .clm_inner .thumb .pic,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item .clm_l .clm_inner .thumb .pic{
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1/1;
}
@media only screen and (min-width: 660px) {
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item {
		max-width: calc(50% - 0.7rem);
	}
}
@media only screen and (min-width: 810px) {
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item {
		max-width: calc(33.33% - 0.7rem);
	}
}
@media only screen and (min-width: 960px) {
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle {
		gap: 1.3rem;
	}
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item {
		max-width: calc(25% - 1rem);
	}
}
@media only screen and (min-width: 1280px) {
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle {
		gap: 1.6rem;
	}
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item {
		max-width: calc(20% - 1.3rem);
	}
}
@media only screen and (min-width: 1366px) {
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle {
		gap: 1.7rem;
	}
	.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item,
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item {
		max-width: calc(12.7% - 1.7rem);
	}
	.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item {
		max-width: calc(16.666% - 1.43rem);
	}
}
.reserve_search_wrap_two_column .user_list_style-box .user_list_item {
	margin: 0;
	border: #B6B6B6 1px solid;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 0;
	transition: 0.2s linear;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item:not(:nth-of-type(6n)),
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item:not(:nth-of-type(6n)),
.reserve_search_wrap_two_column .recommended_japanese_teacher .user_list_style-box.switch_middle .user_list_item:not(:nth-of-type(6n)), 
.reserve_search_wrap_two_column .recommended_native_speaker_teacher .user_list_style-box.switch_middle .user_list_item:not(:nth-of-type(6n)) {
	margin: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item,
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .user_list_item_inner {
 min-height: unset;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .user_list_item_inner,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item .user_list_item_inner {
	padding: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .fav_area,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .fav_area  {
	left: unset;
	top: 9px;
	right: 14.5px;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .fav_area {
	top: 8px;
	right: 8px;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .clm_r {
	padding: 0;
	margin: 0.8rem 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .clm_r .clm_inner {
	padding: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .d_cell .name_area {
	padding: 8px 8px 0;
	margin-bottom: 0.8rem;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .waiting-highLight .name_area {
	padding: 8px 10px 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .teacher--box-flag-and-fav,
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_middle .teacher--box-flag-and-fav {
	display: block;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .teacher--box-flag-and-fav {
	padding: 0 8px;
	margin-bottom: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .counselor .teacher--box-flag-and-fav {
	margin-top: 0.8rem
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_middle .teacher--box-flag-and-fav {
	padding: 0 10px;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .clm_r .coin_area,
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .data_area .ui-rating_area {
	margin-top: 0.4rem
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .data_area .ui-rating_area {
	padding: 0;
	margin: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .coin_area .coin_count {
	margin: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .coin_area .coin_count {
	padding: 0 0 0 0.4rem;
	font-size: 1rem;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .data_area {
	width: initial;
	flex-shrink: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .data_area .rate {
	height: 1.6rem;
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 1rem;
	padding: 0 0 0 2rem;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .clm_r .coin_area {
	margin: 0;
	flex-shrink: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .d_switch_tile_flex .clm_r .coin_area {
	flex-shrink: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .coin_area figure {
	margin-top: 0.4rem;
	padding: 0 8px;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_tile .user_list_item .d_switch_tile_flex .coin_area figure {
	padding: 0;
	margin: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item .coin_area .coin_count {
	margin-left: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .name_area .name,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item .name_area .name {
	line-height: 1;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .name_area .name .lesson_status_circle,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item .name_area .name .lesson_status_circle  {
	margin: 0;
	flex-shrink: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .name_area .name {
	font-size: 1.4rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .teacher--box-flag {
	gap: 0.4rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .teacher--box-flag>.flag-name {
	font-size: 1rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .fav_area {
	top: 12px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .clm_r .clm_inner .msg_area {
	box-sizing: border-box;
	padding: 0 1rem 1.1rem 1.6rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .teacher--box-flag{
	gap: 0.8rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .coin_area figure {
	padding: 0 0 0 1.6rem;
	margin-top: 12px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area .rate {
	padding: 0 5px 0 8px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .coin_area .coin_count {
	padding: 0 0 0 8px;
}
.reserve_search_wrap_two_column .user_list_style-box .user_list_item .status_area{
	margin-right: 0;
	padding: 0 0 0 16px;
	display: flex;
	gap: 0.8rem;
	flex-wrap: wrap;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .status_area .teacher_status {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 82px;
	height: 20px;
	line-height: 1;
	padding: 0 5px;
	margin: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .status_area {
	margin-top: 10px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area .ui-rating_area {
	padding: 0 0 0 16px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .teacher--box-flag>.flag-img>img {
	width: 20px;
	height: 11px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .teacher--box-flag>.flag-img>img {
	width: 18px;
	height: 10px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area .ui-rating_area {
	font-size: 1.6rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .d_flex_large {
	display: flex;
	width: 100%;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .ui-rating_area .rating_star {
	margin: 0;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area .lesson_count,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .teacher--box-flag>.flag-name,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area .rate {
	font-size: 1.6rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .data_area .lesson_count {
	vertical-align: top;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item.counselor .name_area,
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item.item_others .name_area {
	padding: 0 8px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item.counselor .name_area,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item.item_others .name_area {
	padding: 0 10px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large  .ui-rating_area .rating_star_wrap {
	display: flex;
	gap: 0.4rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .counselor .teacher--box-flag-and-fav {
	margin-top: 1.5rem
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item.counselor .name_area .name,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .user_list_item.counselor .name_area .name {
	line-height: 1.3;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .kids-rating-container .data_area {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .user_list_item .kids-rating-container .data_area .ui-rating_area {
	align-items: center;
}
/*------
/*------------------------------------------*/
/* teacher list
/*------------------------------------------*/
.reserve_search_wrap_two_column .sec_online_list h3 {
	font-size: 2rem;
	line-height: 1.45;
	color: #000;
}
.reserve_search_wrap_two_column .common_teacher_status_and_sort_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: unset;
	margin: 0 auto;
	margin-top: 0.8rem;
}
.reserve_search_wrap_two_column .sec_online_list h4.teacher-count {
	font-size: 1.4rem;
	line-height: 1.43;
	font-weight: 400;
	color: #2a2a2a;
}
.reserve_search_wrap_two_column .sec_online_list .teacher-count span {
	font-size: 1.6rem;
	line-height: 1.25;
	font-weight: 700;
}
.reserve_search_wrap_two_column .sec_online_list .options-section,
.reserve_search_wrap_two_column .sec_online_list .sort-options,
.reserve_search_wrap_two_column .sec_online_list .display-options {
	display: flex;
	align-items: center;
}
.reserve_search_wrap_two_column .sec_online_list .sort-options,
.reserve_search_wrap_two_column .sec_online_list .display-options {
	gap: 0.8rem;
}
.reserve_search_wrap_two_column .sec_online_list .options-section {
	gap: 1.6rem;	
}
.reserve_search_wrap_two_column .sec_online_list .sort-label,
.reserve_search_wrap_two_column .sec_online_list .display-label {
	color: #2A2A2A;
	font-size: 1rem;
	line-height: 1.5;
}
.reserve_search_wrap_two_column .teacher_list_ui_area.sort_area select {
	display: inline-block;
	position: relative;
	color: #2A2A2A;
	background: #fff;
	border: 1px solid #DDDDDD;
	padding: 0px 8px;
	border-radius: 4px;
	font-size: 1.1rem;
	line-height: 1.45;
	transition: all 0.2s linear;
	margin: 0;
	height: 24px;
}
.reserve_search_wrap_two_column .size_switch_area .size_switch_area_inner {
	background: none;
	padding: initial;
	border-radius: initial;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.reserve_search_wrap_two_column .size_switch_area .size_switch_area_inner .btn_switch_size {
	background-color: unset;
	color: #DDD;
	padding: 0;
	height: auto;
	width: auto;
}
.reserve_search_wrap_two_column .size_switch_area .size_switch_area_inner .btn_switch_size i {
	font-size: 2rem;
}
.reserve_search_wrap_two_column .size_switch_area .size_switch_area_inner .btn_switch_size .switch_large_icon rect {
	fill: #ddd;
}
.reserve_search_wrap_two_column .size_switch_area .size_switch_area_inner .btn_switch_size.on {
	background: none;
	color: #4EA7B0;
}
.reserve_search_wrap_two_column .size_switch_area .size_switch_area_inner .btn_switch_size.on .switch_large_icon rect {
	fill: #4EA7B0;
}
.reserve_search_wrap_two_column .teacher-banner-list-wrap {
	margin-top: 1.1rem;
}
.reserve_search_wrap_two_column .lecturers_list #list.user_list_style-box.switch_large {
	row-gap: 1.8rem;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_large .clm_l {
	flex-shrink: 0;
}
.reserve_search_wrap_two_column .lecturers_list .user_list_style-box.switch_large .clm_l {
	order: 2;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .clm_r {
	order: 1;
}
.reserve_search_wrap_two_column .lecturers_list .btn-refresh,
.reserve_search_wrap_two_column .favorite_teacher_list .btn-refresh {
	transition: all 0.3s ease-in-out;
}
.reserve_search_wrap_two_column .lecturers_list .btn-refresh:hover,
.reserve_search_wrap_two_column .favorite_teacher_list .btn-refresh:hover {
	cursor: pointer;
	filter: brightness(105%);
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .fav_area, .user_list_style-box.switch_large .block_area {
	left: initial;
	right: 12px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .clm_r {
	border-left: initial;
	padding-top: initial;
	/* width: 63%; */
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .teacher--box-flag-and-fav {
	margin-top: 0;
	padding: 0 0 0 16px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .clm_r .clm_inner .notice_area {
	margin-top: 0.8rem;
	margin-bottom: 0.9rem;
	padding: 0 0 0 1.6rem;
}
.reserve_search_wrap_two_column .user_list_style_2.user_list_style-box.switch_large .user_list_item .name_area .name .overflow {
	max-width: 27.6rem;
	line-height: 1.5;
}
.reserve_search_wrap_two_column .user_list_style_2.user_list_style-box.switch_tile .user_list_item .name_area .name .overflow,
.reserve_search_wrap_two_column .user_list_style_2.user_list_style-box.switch_middle .user_list_item .name_area .name .overflow {
	max-width: 7rem;
	line-height: 1.3;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .d_switch_large,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .d_switch_tile,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .d_switch_large,
/* .reserve_search_wrap_two_column .user_list_style-box.switch_middle .d_switch_tile, */
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .d_switch_middle_inline,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .d_switch_middle_none,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .d_switch_middle_none,
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .d_switch_middle_block,
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .d_switch_large_inline,
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .d_switch_large_inline  {
	display: none;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .d_switch_large {
	display: block;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .d_switch_middle_inline,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .d_switch_large_inline {
	display: inline-block;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_middle .d_switch_middle_block {
	display: block;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_tile .d_switch_tile_flex {
	display: flex;
	align-items: center;
	column-gap: 0.8rem;
	row-gap: 0.4rem;
	margin-top: 0.4rem;
	padding: 0 8px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .name_area {
	padding: 8px 0 8px 16px;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .name_area .name {
	line-height: 1;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .user_list_item_inner {
	/* flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start; */
	min-height: unset;
	flex-direction: column;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .msg_area {
	width: 100%;
	order: 3;
	padding: 1rem 1rem 1.5rem 1.6rem;
	font-size: 1.6rem;
	color: #666;
	box-sizing: border-box;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item.avatar .msg_area,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item.normal_teacher_sorter .msg_area {
	padding: 0.85rem 1.4rem 1.75rem 1.6rem;
	flex: 1;
	box-sizing: border-box;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .msg_area p {
	line-height: 1.68;
	word-break: break-word;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item.avatar .msg_area p:first-child,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item.normal_teacher_sorter .msg_area p:first-child,
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item.avatar_teacher .msg_area p:first-child {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .msg_area .see-translation-link {
	display: block;
	margin-top: 1.2rem;
	text-align: right;
	color: #3DC8FF;
	text-decoration: underline;
}
.reserve_search_wrap_two_column .user_list_style-box.switch_large .user_list_item .msg_area .change_language_link {
	margin-top: 0.4rem;
	line-height: 1;
}
/*---------------------------------------------*/
/* see more instructors btn
/*---------------------------------------------*/
.reserve_search_wrap_two_column .see_more_button{
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 24.8rem;
	min-width: unset;
	height: 4rem;
	background: #fff;
	color: #838383 !important;
	font-size: 1.4rem;
	line-height: 1.43;
	padding: 1rem 2rem;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	margin: 1.6rem auto 0;
	box-shadow: unset;
}
/*---------------------------------------------*/
/* recommended native speaker and japanese teachers list
/*---------------------------------------------*/
.reserve_search_wrap_two_column .recommended_native_speaker_teacher,
.reserve_search_wrap_two_column .recommended_japanese_teacher {
	margin-top: 4.8rem;
}
.reserve_search_wrap_two_column .recommended-native-speaker-teacher-list-wrap,
.reserve_search_wrap_two_column .recommended-japanese-teacher-list-wrap {
	margin-top: 1rem;
}
.reserve_search_wrap_two_column .recommended_native_speaker_teacher_list .banner-title,
.reserve_search_wrap_two_column .recommended_native_speaker_teacher_list .banner-title .flags,
.reserve_search_wrap_two_column .recommended_japanese_teacher_list .banner-title {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
.reserve_search_wrap_two_column .recommended_native_speaker_teacher_list .banner-title .flags img,
.reserve_search_wrap_two_column .recommended_japanese_teacher_list .banner-title .flags img {
	width: 2.4rem;
	height: auto;
}
/*---------------------------------------------*/
/* important announcements
/*---------------------------------------------*/
.important-announcements-container {
	background-color: #FFEDED;
}
.important-announcements-container .announcement-group {
	padding: 1rem;
	border-bottom: 1px solid #DDDDDD;
}
.important-announcements-container .announcement-item {
	width: 100%;
	max-width: 93rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFEDED;
	margin: 0 auto;
}
.important-announcements-container .announcement-header {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}
.important-announcements-container .announcement-tag,
.important-announcements-container .announcement-header .announcement-content,
.important-announcements-container .announcement-details .announcement-count {
	font-size: 1.4rem;
	line-height: 1.43;
}
.important-announcements-container .announcement-tag {
	color: #fff;
	background-color: #FF0000;
	padding: 0.2rem 1.1rem;
	border-radius: 16px;
}
.important-announcements-container .announcement-header .announcement-content {
	color: #FF0000;
	font-weight: 700;
	text-decoration: underline;
}
.important-announcements-container .announcement-header .announcement-content:hover {
	cursor: pointer;
}
.important-announcements-container .announcement-details {
	display: flex;
	align-items: center;
	gap: 1.6rem;
}
.important-announcements-container .announcement-details .announcement-count {
	color: #2A2A2A;
}
.important-announcements-container .announcement-toggle:hover {
	cursor: pointer;
}
.important-announcements-container .announcement-toggle .on,
.important-announcements-container .announcement-toggle .off {
	box-sizing: border-box;
	padding: 0.6rem;
	width: 2.8rem;
	border-radius: 50%;
}
.important-announcements-container .announcement-toggle .on {
	background-color: #798998;
}
.important-announcements-container .announcement-toggle .off {
	background-color: #FF0000;
}
.important-announcements-container .announcement-toggle.on .off{
	display: none;
}
.important-announcements-container .announcement-toggle.off .on{
	display: none;
}

/* NJ-17264 START */

.badge .thumb.title_platinum::before {
	content: url('/user/images/waiting/icon_medal.svg');
	position: absolute;
	left: -3px;
	bottom: 4px;
	z-index: 12;
}

.badge .thumb.title_gold::before {
	content: url('/user/images/waiting/icon_medal_gold.svg');
	position: absolute;
	left: -3px;
	bottom: 4px;
	z-index: 12;
}

.thumb.title_platinum::before {
	content: url('/user/images/waiting/icon_medal.svg');
	position: absolute;
	left: -3px;
	bottom: 4px;
	z-index: 12;
}

.thumb.title_gold::before {
	content: url('/user/images/waiting/icon_medal_gold.svg');
	position: absolute;
	left: -3px;
	bottom: 4px;
	z-index: 12;
}

/* NJ-17264 END */