@charset "utf-8";

/*-------------------------------------------------------*/
/* style reset
/*-------------------------------------------------------*/
*{
	margin: 0;
}
body {
	/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: "Noto Sans JP", sans-serif !important;
	-webkit-font-smoothing: antialiased;
    line-height: 1.5 !important;
}

.modal {
	display: none;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
a {
	color: #092846;
}
.d_i_block{
	display: inline-block;
}
.d_flex{
	display: flex;
}
.j_c_center{
	justify-content: center;
}
.j_c_space-between{
	justify-content: space-between;
}
.j_c_space-around{
	justify-content: space-around;
}
.a_i_center {
	align-items: center;
}
.t_link {
	color: #00acee !important;
	text-decoration: underline;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.t_link:hover {
	color: #3dc8ff !important;
}
.t_link > i.fa,
.t_link > i.fas {
	margin-left: 5px;
}
.btn {
	font-weight: bold;
}
.btn-nc {
	color: #fff;
	background-color: #092846;
	border-color: #fff;
}
.btn i.fa {
	font-size: 16px;
	line-height: 1;
	margin-right: 5px;
}
.btn-nc:hover,
.btn-nc:focus,
.btn-nc:active,
.btn-nc.active,
.open .dropdown-toggle.btn-nc {
	color: #fff;
	background-color: #104478;
	border-color: #fff;
}
.btn-grey {
	background-color: #666;
	color: #fff;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey {
	background-color: #333 !important;
	color: #fff !important;
}
.btn-green {
	background-color: rgba(2,201,169,1);
	color: #fff;
}
.btn-green:hover {
	background-color: rgba(2,201,169,.6);
	color: #fff;
}
.btn-orange {
	color: #fff !important;
	background-color: #f08a1e !important;
	border-color: #fff !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
	opacity: 0.6;
}
.btn.disabled{
	color: #fff;
	background: #ccc;
	border-color: #ccc;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background-color: #E4E4E4 !important;
    border-color: #C6C6C6 !important;
	color: #092846 !important;
}
.pagination>li>a, .pagination>li>span {
	color: #092846 !important;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	color: #104478;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
	background: #092846;
	border-color: #092846;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background: #092846;
	border-color: #092846;
}
.daterangepicker .ranges li {
	color: #092846;
}
.table th i.fa:hover {
	cursor: pointer;
	color: #f08a1e;
}
/* btn color */
.btn {
	outline: none;
	transition: all .2s ease-in-out;
}
.btn.btn-size-1{
	width: 310px;
	height: 50px;
}
.btn:focus,
.btn:active {
	outline: none;
}
.btn.btn-water-o {
	background-color: #fff;
	color: #0bcafa;
	border-color: #0bcafa;
	border-width: 2px;
}
.btn.btn-water-o:hover {
	background-color: #f5f5f5;
}
.btn-corp-green{
	background-color: #5DB85B;
	color: #FFF;
	font-size: 1.6rem;
	width: 274px;
	border: #4CAE4D solid 1px;
	border-radius: 3px;
	height: 40px;
	transition: .2s all linear;
}
.btn-corp-green:hover{
	opacity: .8;
}
/*-------------------------------------------------------*/
/* text align
/*-------------------------------------------------------*/
.t_right {
	text-align: right !important;
}
.t_left {
	text-align: left !important;
}
.t_center {
	text-align: center !important;
}
/*-------------------------------------------------------*/
/* vertical align
/*-------------------------------------------------------*/
.v_top{
	vertical-align: top;
}
.v_middle{
	vertical-align: middle;
}
.v_bottom{
	vertical-align: bottom;
}
/*-------------------------------------------------------*/
/* float
/*-------------------------------------------------------*/
.float_right {
	float: right;
}
.float_left {
	float: left;
}
/*-------------------------------------------------------*/
/*------------- margin / padding ------------------------*/
/*-------------------------------------------------------*/
.m_10{
	margin: 10px;
}
.m_20{
	margin: 10px;
}
.m_t_0 {
	margin-top: 0 !important;
}
.m_t_10 {
	margin-top: 10px;
}
.m_t_20 {
	margin-top: 20px!important;
}
.m_t_30 {
	margin-top: 30px;
}
.m_t_40 {
	margin-top: 40px;
}
.m_t_50 {
	margin-top: 50px;
}
.m_r_0 {
	margin-right: 0;
}
.m_r_10 {
	margin-right: 10px;
}
.m_r_20 {
	margin-right: 20px;
}
.m_r_30 {
	margin-right: 30px;
}
.m_r_40 {
	margin-right: 40px;
}
.m_r_50 {
	margin-right: 50px;
}
.m_b_0{
	margin-bottom: 0 !important;
}
.m_b_10{
	margin-bottom: 10px;
}
.m_b_15{
	margin-bottom: 15px;
}
.m_b_20{
	margin-bottom: 20px;
}
.m_b_30{
	margin-bottom: 30px;
}
.m_b_40{
	margin-bottom: 40px;
}
.m_b_50{
	margin-bottom: 50px;
}
.m_l_0{
	margin-left: 0;
}
.m_l_10{
	margin-left: 10px;
}
.m_l_20{
	margin-left: 20px;
}
.m_l_30{
	margin-left: 30px;
}
.m_l_40{
	margin-left: 40px;
}
.m_l_50{
	margin-left: 50px;
}
.p_10{
	padding: 10px;
}
.p_20{
	padding: 20px;
}
.p_t_0 {
	padding-top: 0;
}
.p_t_10 {
	padding-top: 10px;
}
.p_t_20 {
	padding-top: 20px;
}
.p_t_30 {
	padding-top: 30px;
}
.p_t_40 {
	padding-top: 40px;
}
.p_t_50 {
	padding-top: 50px;
}
.p_r_0 {
	padding-right: 0;
}
.p_r_10 {
	padding-right: 10px;
}
.p_r_20 {
	padding-right: 20px;
}
.p_r_30 {
	padding-right: 30px;
}
.p_r_40 {
	padding-right: 40px;
}
.p_r_50 {
	padding-right: 50px;
}
.p_b_0 {
	padding-bottom: 0;
}
.p_b_10 {
	padding-bottom: 10px;
}
.p_b_20 {
	padding-bottom: 20px;
}
.p_b_30 {
	padding-bottom: 30px;
}
.p_b_40 {
	padding-bottom: 40px;
}
.p_b_50 {
	padding-bottom: 50px;
}
.p_l_0 {
	padding-left: 0;
}
.p_l_10 {
	padding-left: 10px;
}
.p_l_20 {
	padding-left: 20px;
}
.p_l_30 {
	padding-left: 30px;
}
.p_l_40 {
	padding-left: 40px;
}
.p_l_50 {
	padding-left: 50px;
}
/*-------------------------------------------------------*/
/* font-size
/*-------------------------------------------------------*/
.fs_12 {
	font-size: 12px;
}
.fs_13 {
	font-size: 13px;
}
.fs_14 {
	font-size: 14px;
}
.fs_15 {
	font-size: 15px;
}
.fs_16 {
	font-size: 16px;
}
.fs_17 {
	font-size: 17px;
}
.fs_18 {
	font-size: 18px !important;
}
.fs_19 {
	font-size: 19px;
}
.fs_20 {
	font-size: 20px !important;
}
.fs_21 {
	font-size: 21px;
}
.fs_22 {
	font-size: 22px;
}
.fs_23 {
	font-size: 23px;
}
.fs_24 {
	font-size: 24px;
}
.fs_25 {
	font-size: 25px;
}
.fs_26 {
	font-size: 26px;
}
.fs_27 {
	font-size: 27px;
}
.fs_28 {
	font-size: 28px;
}
.fs_29 {
	font-size: 29px;
}
.fs_30 {
	font-size: 30px;
}
/*-------------------------------------------------------*/
/* line-height
/*-------------------------------------------------------*/
.l_h_10 {
	line-height: 1;
}
.l_h_11 {
	line-height: 1.1;
}
.l_h_12 {
	line-height: 1.2;
}
.l_h_13 {
	line-height: 1.3;
}
.l_h_14 {
	line-height: 1.4;
}
.l_h_15 {
	line-height: 1.5;
}
.l_h_16 {
	line-height: 1.6;
}
.l_h_17 {
	line-height: 1.7;
}
.l_h_18 {
	line-height: 1.8;
}
.l_h_19 {
	line-height: 1.9;
}
.l_h_20 {
	line-height: 2;
}
/*-------------------------------------------------------*/
/* text color
/*-------------------------------------------------------*/
.t_red {
	color: #f00;
}
/*---------------------------------------*/
/*------------- custom form -------------*/
/*---------------------------------------*/
.cp-form-width-1 {
	box-sizing: border-box;
	width: 250px !important;
}
.cp-form-width-2 {
	box-sizing: border-box;
	width: 150px !important;
}
.cp-form-sort-num {
	width: 50px;
	padding: 0 2px;
	display: inline-block;
}
/*-------------------------------------------------------*/
/* custom header
/*-------------------------------------------------------*/
.cp-header,
.cp-header * {
	box-sizing: border-box;
}
.cp-header {
	display: flex;
	align-items: center;
	background-color: #092846;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.5;
}
.cp-header,
.cp-header a {
	color: #fff;
}
.cp-header .cp-header-logo {
	height: 31px;
}
.cp-header .cp-header-logo > a {
	display: block;
	height: 100%;
}
.cp-header .cp-header-logo > a > img {
	display: block;
	height: 100%;
}
.cp-header .cp-header-page-name {
	padding-left: 10px;
}
.cp-header .cp-header-page-name > h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
}
.cp-header .cp-header-menu {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.cp-header .cp-header-menu > .menu-item {
	padding: 0 10px;
}
.cp-header .cp-header-menu > .menu-item:last-child {
	padding-right: 0;
}
.cp-header .corp_name {
	display: block;
	font-weight: bold;
}
.cp-header .header-coin-info {
	text-align: right;
}
.cp-header .header-coin-info .current-coin {
	font-size: 14px;
	font-weight: bold;
}
.cp-header .header-coin-info .expiration-date {

}
/*-------------------------------------------------*/
/*------------- custom main container -------------*/
/*-------------------------------------------------*/
.cp-container {
	display: flex;
	align-items: stretch;
	overflow: hidden;
	background-color: #f1f1f1;
}
.cp-container .cp-main {
	box-sizing: border-box;
	flex: 1;
	padding: 20px;
	min-height: 768px;
}
.cp-container .cp-main .cp-page-inner {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e5e5e5;
}
/*------------------------------------------*/
/*------------- custom sidebar -------------*/
/*------------------------------------------*/
.cp-sidebar-wrapper,
.cp-sidebar-wrapper * {
	box-sizing: border-box;
}
.cp-sidebar-wrapper {
	width: 170px;
	font-size: 14px;
	background-color: #fff;
	border-right: 1px solid #e5e5e5
}
.cp-sidebar-wrapper .cp-sidebar-head {
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.cp-sidebar-wrapper .cp-sidebar-head > i.fa {
	margin-right: 5px;
}
.cp-sidebar-list {

}
.cp-sidebar-list > .list-item {

}
.cp-sidebar-list .cp-sidebar-link {
	display: block;
	padding: 10px;
	color: #092846;
	background-color: #fff;
	white-space: nowrap;
	transition: all .2s ease-in-out;
}
.cp-sidebar-list .cp-sidebar-link:hover {
	text-decoration: none;
	color: #092846;
	background-color: #e5f2ff;
}
.cp-sidebar-list .cp-sidebar-link:focus {
	text-decoration: none;
}
/*-----------------------------------------*/
/*------------- custom footer -------------*/
/*-----------------------------------------*/
.cp-footer,
.cp-footer * {
	box-sizing: border-box;
}
.cp-footer p {
	margin: 0;
}
.cp-footer {
	background-color: #092846;
	color: #fff;
	padding: 20px 10px;
}
.cp-footer .copyright {
	text-align: center;
}
/*-------------------------------------*/
/*------------- cp-table --------------*/
/*-------------------------------------*/
.cp_table_wrap {
	overflow-x: scroll;
	width: 100%;
}
.cp-table th {
	text-align: center;
	background-color: #1D429A;
	color: #092846;
}
.cp-table th,.cp-table td {
	word-break : break-all!important;
}
.cp-table th.th_management_number,.cp-table th.th_member_id,.cp-table th.th_member_name {
	width: 60px;
	height: 100%;
	max-height: 200px;
}
.cp-table th.th_mail_address,.cp-table th.th_plan {
	width: 100px;
	height: 100%;
	max-height: 200px;
}
.cp-table th.th_term {
	width: 440px;
	height: 100%;
	max-height: 40px;
}
.cp-table th.th_lesson_number,.cp-table th.th_lesson_time {
	width: 220px;
	height: 100%;
	max-height: 40px;
}
.cp-table .sort-wrap {
	padding-right: 30px!important;
	position: relative;
	vertical-align: middle;
}
.cp-table .sort-wrap .sort-btn-wrap {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.cp-table .sort-wrap .sort-btn-wrap .form-control{
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.cp-table .sort-btn-wrap > i.fa {
	font-size: 20px;
}
.cp-table .tr-stopped {
	background-color: #aaa;
}
.cp-table th.th-lesson-detail{
	width: 110px;
} 
/*-------------------------------------------*/
/*------------- cp-table style --------------*/
/*-------------------------------------------*/
.cp-table.cp-table-style-1 {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
}
.cp-table.cp-table-style-1 th,
.cp-table.cp-table-style-1 td {
	text-align: center;
	padding: 10px;
	border: 1px solid #ddd;
}
.cp-table.cp-table-style-1 th {
	background-color: #666;
	border-color: #666;
	color: #fff;
}
.cp-table.cp-table-style-1 th:not(:last-child) {
	border-right-color: #515151;
}
/* style zebra */
.cp-table.cp-table-style-zebra tr:nth-child(even) {
	background-color: #f1f1f1;
}
/*--------------------------------------------------*/
/*------------- coin distribute input --------------*/
/*--------------------------------------------------*/
.distribute_wrap {
	display: flex;
	align-items: center;
}
.distribute_wrap a,
.distribute_wrap input {
	display: inline-block;
}
.distribute_wrap .distribute_control {
	color: #5cb85c;
	font-size: 20px;
}
.distribute_wrap .distribute_control.disabled {
	color: #ccc;
}
.distribute_wrap .distribute_input {
	margin: 0 10px;
	width: 100px;
	text-align: right;
}
/*-------------------------------------------------------*/
/* profile
/*-------------------------------------------------------*/
.page_profile .align-center, .center {
    text-align: center!important;
}
.page_profile .profile-user-info {
    display: table;
    width: 98%;
    width: calc(100% - 24px);
    margin: 0 auto
}
.page_profile .profile-info-row {
    display: table-row
}
.page_profile .profile-info-name,
.page_profile .profile-info-value {
    display: table-cell;
    border-top: 1px dotted #D5E4F1;
}
.page_profile .profile-info-name {
    text-align: left;
    padding: 6px 10px 6px 4px;
    font-weight: 400;
    color: #667E99;
    background-color: transparent;
    width: 190px;
    vertical-align: middle;
}
.page_profile .profile-info-value {
    padding: 6px 4px 6px 6px
}
.page_profile .profile-info-value>span+span:before {
    display: inline;
    content: ",";
    margin-left: 1px;
    margin-right: 3px;
    color: #666;
    border-bottom: 1px solid #FFF
}
.page_profile .profile-info-value>span+span.editable-container:before {
    display: none
}
.page_profile .profile-info-row:first-child .profile-info-name,
.page_profile .profile-info-row:first-child .profile-info-value {
    border-top: none
}
.page_profile .profile-user-info-striped {
    border: 1px solid #DCEBF7
}
.page_profile .profile-user-info-striped .profile-info-name {
    color: #336199;
    background-color: #EDF3F4;
    border-top: 1px solid #F7FBFF
}
.page_profile .profile-user-info-striped .profile-info-value {
    border-top: 1px dotted #DCEBF7;
    padding-left: 12px
}
.page_profile .profile-picture {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}
/*-------------------------------------------------------*/
/* lesson progress
/*-------------------------------------------------------*/
.page_lesson_progress .user_lesson_search .table-bordered .form-control[readonly]{
	cursor: pointer;
	/* background-color: #fff; */
}
.page_lesson_progress .btn-middle-wrap{
	display: flex;
	justify-content: flex-end;
}
.page_lesson_progress .btn-middle-wrap .dropdown-menu{
	right: 0;
	left: auto;
	text-align: center;
}
/*-------------------------------------------------------*/
/* pay page common 購入系画面共通スタイル
/*-------------------------------------------------------*/
.pay_wrap .container{
	padding: 30px;
	/*width: 880px;*/
}

.pay_wrap .container .sec_wrap{
	width: 860px;
}

/* purchase_list */
.pay_wrap .purchase_item_wrap{
	margin-top: 20px;
}
.pay_wrap .purchase_item_wrap > p{
	margin-top: 8px;
}
.pay_wrap .purchase_item_wrap:first-child{
	margin-top: 0;
}

/* purchase_item */
.pay_wrap .purchase_item{
	position: relative;
}
.pay_wrap .purchase_item table{
	width: 846px;
	height: 68px;
	border: #62cdd4 solid 6px;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.pay_wrap .purchase_item.on table,
.pay_wrap .purchase_item:hover table{
	background: #fffcee;
	cursor:pointer;
}
.pay_wrap .purchase_item table td{
	text-align: center;
	vertical-align: middle;
	border-left: #62cdd4 solid 2px;
}
.pay_wrap .purchase_item table td:first-child{
	border-left: none !important;
}
.pay_wrap .purchase_item table .kind{
	width: 150px;
	color: #555;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.pay_wrap .purchase_item table .name{
	width: 220px;
	color: #16a9b2;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.pay_wrap .purchase_item table .point{
	width: 156px;
}
.pay_wrap .purchase_item table .price{
	width: auto;
}
.pay_wrap .purchase_item table .link{
	width: 60px;
}
.pay_wrap .purchase_item table .name em{
	font-size: 30px;
	font-size: 3.0rem;
	margin: 0 1px;	
	letter-spacing: 0.1em;
}
/* add 20141024 >>> */
.pay_wrap .purchase_item table .lesson_count{
	color: #999;
	font-weight: bold;
}
.pay_wrap .purchase_item table .lesson_count em{
	display: block;
	color: #555;
	margin-top: 8px;
}
/* <<< */
.pay_wrap .purchase_item table .point{
	color: #999;
	font-weight: bold;
}
.pay_wrap .purchase_item table .point em{
	display: block;
	color: #555;
	margin-top: 8px;
}
.pay_wrap .purchase_item table .price .txt_1{
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	color: #555;
	margin-right: 10px;
}
.pay_wrap .purchase_item table .price .txt_2{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ff6000;
}
.pay_wrap .purchase_item table .price .txt_2 em{
	font-size: 28px;
	font-size: 2.8rem;
}
.pay_wrap .purchase_item table .link i{
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
	border-radius: 4px;
	font-size: 20px;
	font-size: 2.0rem;
	background: #16a9b2;
}

/* trial course item */
.pay_wrap #trial_course .purchase_item table{
	border: #fb9eb7 solid 6px;
}
.pay_wrap #trial_course .purchase_item table td{
	border-left: #fb9eb7 solid 2px;
}
.pay_wrap #trial_course .purchase_item table .name{
	width: 428px;
}
.pay_wrap #trial_course .purchase_item table .name{
	color: #f57b9c;
}
.pay_wrap #trial_course .purchase_item table .from{
	margin-right: 0;
}
.pay_wrap #trial_course .purchase_item table .link i{
	background: #f57b9c;
}

/* disable purchase item */
.pay_wrap .purchase_item.disable table{
	border: #f4f4f4 solid 6px !important;
}
.pay_wrap .purchase_item.disable table td{
	border-left: #f4f4f4 solid 2px !important;
	color: #ccc !important;
}
.pay_wrap .purchase_item.disable td em,
.pay_wrap .purchase_item.disable td span,
.pay_wrap .purchase_item.disable td a{
	color: #ccc !important;
}
.pay_wrap .purchase_item.disable .link i{
	background: #ccc !important;
	color: #fff !important;
}
.pay_wrap .purchase_item.disable:hover table{
	opacity: 1;
	background: #fff !important;
	cursor: default;
}

/* tooltip */
.pay_wrap .purchase_item .tooltip{
	position: absolute;
	top: -60px;
	right: -20px;
	background: #f57b9c;
	padding: 10px 20px;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	-ms-filter: 'alpha( opacity=0 )';
	filter: alpha( opacity=0 );
	opacity: 0;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	margin-top: 10px;
}
.pay_wrap .purchase_item:hover .tooltip{
	display: block;
	-ms-filter: 'alpha( opacity=100 )';
	filter: alpha( opacity=100 );
	opacity: 1;
	margin-top: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	/* /display: none; */
}
.pay_wrap .purchase_item .tooltip::after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 123, 156, 0);
	border-top-color: #f57b9c;
	border-width: 10px;
	margin-left: -10px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	opacity: 0;
	-ms-filter: 'alpha( opacity=0 )';
	filter: alpha( opacity=0 );
	/* /display: none; */
}
.pay_wrap .purchase_item:hover .tooltip::after{
	opacity: 1;
	-ms-filter: 'alpha( opacity=100 )';
	filter: alpha( opacity=100 );
}

/* notice */
.pay_wrap .notice_style .ttl{
	margin-bottom: 10px;
}
.pay_wrap .notice_style ul li{
	line-height: 1.2;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
.pay_wrap .notice_style ul li .link_reserve_lesson{
	font-size: 16px;
	font-size: 1.6rem;
}

/* sec_point */
.pay_wrap .sec_point .point_table{
	width: 846px;
	border: #ccc 6px solid;
}
.pay_wrap .sec_point .point_table th{
	width: 180px;
	background: #f5f5f5;
	border: #e8e8e8 solid 1px;
	padding: 10px 15px;
	text-align: center;
}
.pay_wrap .sec_point .point_table td{
	background: #fff;
	border: #e8e8e8 solid 1px;
	padding: 10px 15px;
}

/* sec_pay_method */
/* add >>> */
.pay_wrap .sec_pay_method .t_pay_method_main,
.pay_wrap .sec_pay_method .t_pay_method_sub{
	text-indent: -0.5em;
	margin-bottom: 15px;
}
.pay_wrap .sec_pay_method .t_pay_method_sub{
	margin-top: 30px;
}
.pay_wrap .sec_pay_method .pay_method_option{
	margin-bottom: 20px;
}
.pay_wrap .sec_pay_method .pay_method_option.bank{
	margin-bottom: 0;
}
.pay_wrap .sec_pay_method .option_sub_wrap{
	background: #f9f9f9;
	border-radius: 8px;
	padding: 15px 20px;
	margin-top: 25px;
}
.pay_wrap .sec_pay_method .option_sub_wrap .t_pay_method_sub{
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
}
.pay_wrap .sec_pay_method .option_sub_wrap .table_style_2{
	background: #fff;
}

/* payment method select */
.pay_wrap .sec_pay_method--select .pay_method_option{
	border: #eee solid 1px;
	border-radius: 10px;
	padding: 20px 20px 15px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
.pay_wrap .sec_pay_method--select .pay_method_option .table_style_2{
	margin-bottom: 10px;
}
.pay_wrap .sec_pay_method--select .pay_method_option .btn_style{
	float: right;
	font-size: 16px;
	font-size: 1.6rem;
	height: 36px;
	line-height: 36px;
	min-width: 220px;
}

.pay_wrap .complete_msg_bank{
	line-height: 1.5;
	margin: 30px 0 20px;
}
/* <<< */

.pay_wrap .sec_pay_method .desc{
	margin-bottom: 15px;
	font-weight: bold;
}
.pay_wrap .sec_pay_method p{
	clear: both;
	margin-bottom: 10px;
}
.pay_wrap .sec_pay_method .figure{
	float: left;
	padding: 5px 20px;
}

/* purchase_item_style */
.pay_wrap .purchase_item_style_1 table{
	width: 846px;
	height: 68px;
	border: #ccc solid 2px;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.pay_wrap .purchase_item_style_1 table th,
.pay_wrap .purchase_item_style_1 table td{
	border: #e8e8e8 solid 1px;
	padding: 10px;
	font-size: 18px;
	font-size: 1.8rem;
}
.pay_wrap .purchase_item_style_1 table th{
	width: 220px;
	/*text-align:right;*/
	text-align: center;
	background: #f5f5f5;
}
.pay_wrap .purchase_item_style_1 table td{
	font-weight: bold;
	border: 2px solid solid;
	color: #16a9b2;
	padding:20px;
	font-size: 2.0rem;
	text-align:center;
}
.pay_wrap .purchase_item_style_1 table td.price,
.pay_wrap .purchase_item_style_1 table td.tax{
	color: #555;
	font-size: 20px;
	font-size: 2.0rem;
}
/* purchase_item_style_1 disable */
.pay_wrap .purchase_item_style_1.disable table{
	border: #ccc solid 6px;
}
.pay_wrap .purchase_item_style_1.disable table th,
.pay_wrap .purchase_item_style_1.disable table td{
	border: #e8e8e8 solid 1px;
}
.pay_wrap .purchase_item_style_1.disable table th{
	background: #f5f5f5;
	color: #999;
}
.pay_wrap .purchase_item_style_1.disable table td{
	color: #999;
}
.pay_wrap .purchase_item_style_1.disable table td.price,
.pay_wrap .purchase_item_style_1.disable table td.tax{
	color: #999;
}
/**/
.pay_wrap .ic_arrow_bottom{
	display: block;
	width: 24px;
	height: 15px;
	background: url('../images/icon/round_arrow_bottom.png');
	margin: 20px auto;
}

/* current status */
.pay_wrap .cur_status{
	line-height: 28px;
	font-weight: bold;
}
.pay_wrap .cur_status em{
	color: #16a9b2;
}

/* link cancel pay */
.sec_link_cancel_pay p{
	line-height: 1.7;
}

.pay_wrap .t_link--big{
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}

/*-------------------------------------------------------*/
/* pay confirm page 購入系確認画面
/*-------------------------------------------------------*/
.pay_wrap.confirm_wrap .purchase_item_style_1{
	margin-bottom: 10px;
}

/*-------------------------------------------------------*/
/* pay complete page 購入系完了画面
/*-------------------------------------------------------*/
.pay_wrap.complete_wrap .purchase_item_style_1{
	margin: 5px auto 20px;
}

/*-------------------------------------------------------*/
/* course select trial page 初回コース選択画面
/*-------------------------------------------------------*/
.trial_course_select_wrap .about_trial_course{
	margin-top: 20px;
}

/*-------------------------------------------------------*/
/* point purchase page ポイント購入画面
/*-------------------------------------------------------*/
.point_purchase_wrap .point_list .purchase_item{
	width: 650px;
	margin: 0 auto;
}
.point_purchase_wrap .point_list .purchase_item table{
	width: 650px;
	margin: 0 auto;
}
.pay_wrap .cur_status .cnt_point em{
	font-size: 20px;
	font-size: 2.0rem;
	margin-right: 0.2em;
	/*text-decoration: underline;*/
}
.pay_wrap .cur_status .cnt_point span{
	font-weight: normal;
}
.point_purchase_wrap .about_point{
	margin-bottom: 15px;
}
.point_purchase_wrap .about_point p{
	line-height: 1.7;
}

/* current coin */
.point_purchase_wrap .cur_status{
	position: absolute;
	top: 24px;
	right: 50px;
}

/* seconds coin for trial user */
.point_purchase_wrap .sec_trial_point{
	border: none;
}
.point_purchase_wrap .sec_trial_point .point_list_item table{
	border-color: #FA9CB8;
}
.point_purchase_wrap .sec_trial_point .point_list_item table .col_func .btn_purchase{
	width: 215px;
}
.point_purchase_wrap .sec_trial_point .ui_notice_list{
	background: #eee;
	padding: 20px;
}
.point_purchase_wrap .sec_trial_point .c_red{ color: #f14444 !important; }

/*-------------------------------------------------------*/
/* point conf page ポイント購入確認画面
/*-------------------------------------------------------*/

.confirm_wrap .container .sec_wrap.sec_point_list{
	padding:0;
}

.confirm_wrap .sec_pay_method.sec_pay_method--select{
	border-top: none;
	padding:0;
}

.confirm_wrap .sec_pay_method.sec_pay_method--select .btn_wrap{
	border-bottom: #f5f5f5 solid 2px;
	padding: 0 0 40px;
}



/*---------------------------------------*/
/* point list style version 2
/*---------------------------------------*/
.point_purchase_wrap .point_list_v2 table{
	width: 100%;
	table-layout: fixed;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
}
.point_purchase_wrap .point_list_v2 table td{
	position: relative;
}
.point_purchase_wrap .point_list_v2 table td.col_pt{
	width: 31%;
}
.point_purchase_wrap .point_list_v2 table td.col_pt_service{
	width: 23%;
}
.point_purchase_wrap .point_list_v2 table td.col_price{
	width: 23%;
}
.point_purchase_wrap .point_list_v2 table td.col_func{
	width: 23%;
}
.point_purchase_wrap .point_list_v2 .point_list_header table{
	margin-bottom: 10px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table{
	border: #ccc solid 1px;
	border-collapse: separate;
	border-radius: 2px;
	font-weight: bold;
}
.point_purchase_wrap .point_list_v2 .point_list_item{
	margin-bottom: 15px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.point_purchase_wrap .point_list_v2 .point_list_item:hover{
	/*background: #fffff0;*/
}
.point_purchase_wrap .point_list_v2 .point_list_item:last-child{
	margin-bottom: 0;
}
.point_purchase_wrap .point_list_v2 .point_list_item table em{
	font-size: 26px;
	font-size: 2.6rem;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td{
	padding: 0 15px;
	height: 56px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt{
	color: #16a8b5;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt:before{
	position: relative;
	float: left;
	display: inline-block;
	width: 24px;
	height: 24px;
	content: '\f1c0';
	font-size: 2.4rem;
	font-family: FontAwesome;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt em{
	display: inline-block;
	margin-right: 5px;
	/*min-width: 105px;*/
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase{
	display: block;
	float: right;
	width: 136px;
	height: 32px;
	line-height: 30px;
	color: #fe8627;
	background: #fff;
	border: 2px solid #fe8627;
	border-radius: 4px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:hover{
	background: #fe8627;
	border-color: #fe8627;
	color: #fff;
	border-radius: 4px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disable,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disable:hover,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disabled,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disabled:hover,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:disabled,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:disabled:hover{
	background: #e3e3e3;
	border-color: #e3e3e3;
	color: #fff;
	cursor: default;
	box-shadow: none;
}

/*---------------------------------------*/
/* point log list
/*---------------------------------------*/
.point_log_list table{
	width: 100%;
	text-align: center;
}
.point_log_list table .col_desc{
	width: auto;
}
.point_log_list table .col_pt_diff{
	font-size: 14px;
	font-size: 1.4rem;
}
.point_log_list table thead{
	border: #555 solid 1px;
}
.point_log_list table thead tr th{
	background: #555;
	color: #fff;
	padding: 10px;
	border-left: #686868 solid 1px;
	font-size: 14px;
	font-size: 1.4rem;
}
.point_log_list table tbody tr td{
	padding: 15px 10px;
	border: #ccc solid 1px;
}
.point_log_list table tbody tr.increase{
	background: #fff;
}
.point_log_list table tbody tr.decrease{
	background: #eef4f9;
}
.point_log_list table tbody tr td.col_pt_diff em{
	font-weight: bold;
	margin: 0 5px;
}
.point_log_list table tbody tr.increase td.col_pt_diff{
	color: #ff2f65;
}
.point_log_list table tbody tr.decrease td.col_pt_diff{
	color: #1b91ff;
}

/*-------------------------------------------------------*/
/* price 料金表画面
/*-------------------------------------------------------*/
.course_price_list {
	width: 584px;
	margin: 20px auto 10px;
	padding: 8px;
	background: url("../images/pattern/check_orange.gif") repeat 0 0;
}
.course_price_list table {
	text-align: center;
	border-color: #FFF;
	border-width: 0;
}
.course_price_list table th {
	width: 195px;
	height: 50px;
	font-size: 18px;
	vertical-align: middle;
	color: #FFF;
	background-color: #FF9326;
	font-weight: bold;
}
.course_price_list table td {
	font-weight: bold;
	font-size: 12px;
	height: 133px;
	vertical-align: middle;
	background-color: #FFF7DF;
	line-height: 1.5;
}
.course_price_list table td strong {
	font-size: 24px;
	font-weight: bold;
}
.course_price_list table td span {
	font-size: 16px;
	font-weight: bold;
}
.course_price_list table td:nth-child(even) {
	background-color: #FFEEB9;
}

/*---------------------------------------*/
/* details_store 
/*---------------------------------------*/
.page_store .content {
	width: 100%;
	min-width: 750px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
}
.page_store .content .content_box + .content_box {
	margin-top: 30px;
}
.page_store .sec_store .content_box .box_head .textbook_sample .sample_list{
	width:100%;
	font-size:0;
	margin:0;
	padding: 0;
}
.page_store .sec_store .content_box .box_head .textbook_sample .sample_list li{
	font-size:14px;
	display:inline-block;
	vertical-align: middle;
	margin-right:10px;
}
.page_store .sec_store .content_box .box_head .textbook_sample .sample_list li:not(:last-child):after{
	content:",";
}

.page_store .sec_store .content_box .box_foot {
	text-align: center;
}

.page_store .sec_store .content_box .box_foot button.disabled{
	color: #ccc !important;
	background: #f4f4f4 !important;
	border: none !important;
	pointer-events: none;
	
}
.page_store .sec_store .content_box .box_foot .error{
	color:#F05444;
	
}
.page_store .sec_store .content_box .box_foot button:hover {
	opacity: 0.6;
}
.page_store .sec_store .content_box .box_body .textbook_list {
	font-size: 0;
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.page_store .sec_store .content_box .box_body .textbook_list li {
	width: 30%;
	width: -webkit-calc(100% / 3 - 20px);
	width: calc(100% / 3 - 20px);
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	border: solid 1px #ccc;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px 0px #dadada;
	background: #fff;
}
.page_store .sec_store .content_box .box_body .textbook_list li label{
	display:block;
	padding: 20px;
	cursor: pointer;
}
.page_store .sec_store .content_box .box_body .textbook_list li label:hover {
	opacity: 1;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: flash;
	animation-duration: 1s;
	animation-name: flash;
}
@-webkit-keyframes flash {
	0% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
.page_store .sec_store .content_box .box_body .textbook_list li label.hover_none{
	cursor: default;
}
.page_store .sec_store .content_box .box_body .textbook_list li label.hover_none:hover {
	animation: none;
}
.page_store .sec_store .content_box .box_body .textbook_list li input[type=checkbox] + label:before,
.page_store .sec_store .content_box .box_body .textbook_list li input[type=checkbox]:checked + label:after{
	top: 2rem;
	right: 2rem;
	left:auto;
	margin:0;
}
.page_store .sec_store .content_box .box_body .textbook_list li label.sold_out{
	pointer-events: none;
	opacity: 0.2;
}
.page_store .sec_store .content_box .box_body .textbook_list li .sold_out_txt{
	position: absolute;
	top: 90px;
	right: 0;
	left: 0;
}
.page_store .sec_store .content_box .box_body .textbook_list li figure img {
	display: block;
	max-width: 200px;
	max-height: 200px;
	margin: 0 auto 10px;
}
.page_store .sec_store .content_box .box_body .textbook_list li figure .price {
	font-size: 16px;
	font-weight: bold;
}
.page_store .sec_store .content_box .box_body .textbook_list li figure figcaption {
	color: #092846;
	font-weight: bold;
	margin-bottom: 5px;
}
.page_store .sec_store .content_box .box_body .textbook_list li figure figcaption span{
	font-size: 12px;
}
.page_store .sec_store .content_box .box_body .textbook_list li:nth-child(3n) {
	margin-right: 0;
}
.page_store_confirm .content {
	width: 900px;
	margin: 0 auto;
	line-height:1.5;
}
/* modal dialog_store_cosmopier */
.modal.dialog_store_cosmopier .modal-content .modal-body p{
	font-size: 1.6rem;
	line-height: 1.5;
}
.modal.dialog_store_cosmopier .modal-content .modal-body h4{
	font-weight: bold;
	margin-top: 3rem;
	margin-bottom: 2rem;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5;
}
.modal.dialog_store_cosmopier .modal-content .ui_notice_list{
	margin-bottom: 2rem;
}
.modal.dialog_store_cosmopier .modal-content .btn_wrap {
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-indent: -1em;
	padding-left: 1em;
}
/* page_store_confirm */
.page_store_confirm .sec_store_confirm .order_details {
	width: 700px;
	margin: 0 auto 40px;
	background: #f7f7f7;
	box-sizing: border-box;
	padding: 20px;
}
.page_store_confirm .sec_store_confirm .order_details .order_ttl{
	font-size:20px;
	font-weight: bold;
	margin-bottom:30px;
	text-align: center;
}
.page_store_confirm .sec_store_confirm .order_details .order_product li {
	width: 100%;
	display: table;
	font-size:16px;
}
.page_store_confirm .sec_store_confirm .order_details .order_product li + li {
	margin-top:10px;
}
.page_store_confirm .sec_store_confirm .order_details .order_product li .item_name,
.page_store_confirm .sec_store_confirm .order_details .order_product li .item_price{
	display: table-cell;
	vertical-align:middle;
}
.page_store_confirm .sec_store_confirm .order_details .order_product li .item_name{
	text-align:left;
}
.page_store_confirm .sec_store_confirm .order_details .order_product li .item_price{
	text-align:right;
}
.page_store_confirm .sec_store_confirm .order_details .order_product .subtotal{
	border-top:solid 1px #ccc;
	padding-top:10px;
}

.page_store_confirm .sec_store_confirm .order_address{
	width:700px;
	margin:0 auto;
}
.page_store_confirm .sec_store_confirm .order_address .address_info table{
	border-collapse: separate;
	border-spacing:0 15px;
	font-size: 16px;
	width: 100%;
}
.page_store_confirm .sec_store_confirm .order_address .address_info th{
	color: #777;
	text-align:right;
	width:230px;
	box-sizing: border-box;
}
.page_store_confirm .sec_store_confirm .order_address .address_info td{
	color: #333;
	padding:0 10px;
	margin-bottom:10px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .radio_list li{
	float: left;
	margin: 0 20px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_1 {
	margin-bottom:20px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_1 dt{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_1 dd{
	display: inline-block;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_1 table th{
	font-weight:normal;
	vertical-align: bottom;
	padding-bottom: 5px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_1 table th.required.notice{
	vertical-align: top;
	padding-top: 0.65em;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 {
    display: table;
	width: 660px;
	padding: 20px;
	border-top: #ccc solid 1px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2:last-child {
	border-bottom: #ccc solid 1px;
	margin-bottom: 30px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dt,
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd {
	display: table-cell;
	padding: 0px 15px 0 0;
	vertical-align: top;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dt {
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	white-space: nowrap;
	vertical-align: middle;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd {
	color: #333;
	margin:0;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd p.tel,
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd p.no_settings{
	display: inline-block;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd .settings{
	display: inline-block;
	float:right;
}
.page_store_complete .content {
	width: 900px;
	margin: 0 auto;
	line-height:1.5;
}
.page_store_failure .content {
	width: 900px;
	margin: 0 auto;
	line-height:1.5;
}
.page_store .textbook_sale_list_wrap {
    border-bottom: #ccc 1px dotted;
}
.page_store_confirm .c_disable{
	color: #ccc;
}
.page_store_confirm .credit_notice{
	color: #f14444;
	text-indent: -1em;
	padding-left: 1em;
}
.page_store .notice_indent{
	text-indent: -1em;
	padding-left: 1em;
}
/* credit card */
.page_store_confirm .card_brand_list{
	white-space: nowrap;
}
.page_store_confirm .card_brand_list li{
	display: inline-block;
	width: 90px;
}
.page_store_confirm .card_brand_list li + li{
	margin-left: 55px;
}
.page_store_confirm .card_brand_list li figure img{
	margin-left: 8px;
}
/* tooltip_ae */
.page_store_confirm .tooltip_wrap.tooltip_wrap{
	position: relative;
}
.page_store_confirm .tooltip_wrap.tooltip_wrap-ae i{
	color: #00acee;
}
.page_store_confirm .tooltip_wrap.tooltip_wrap-ae .tooltip {
	left:260px;
}
.page_store_confirm .tooltip_wrap.tooltip_wrap-ae {
	text-align:right;
	margin-bottom:20px;
}
.page_store_confirm .tooltip_wrap.tooltip_wrap-ae .trigger_tooltip{
	font-size:12px;
	position: absolute;
    top: 10px;
    right: -30px;
}
/* secure */
.page_store_confirm .tooltip_wrap.tooltip_wrap-ae .trigger_tooltip--secure:before{
	content:none;
}
.page_store_confirm .tooltip_wrap.tooltip_wrap-ae .tooltip--secure {
	width: 380px;
	top: -25px;
	left: 122px;
	text-align:left;
}
/*----------------------------------------------*/
/* tooltip
/*----------------------------------------------*/
.page_store_confirm .tooltip_wrap{
	position: relative;
}
.page_store_confirm .trigger_tooltip{
	color: #00acee;
	text-decoration: underline;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
}
.page_store_confirm .trigger_tooltip:hover{
	color: #3dc8ff;
}
.page_store_confirm .tooltip{
	display: none;
	position: absolute;
	top: -25px;
	left: -360px;
	margin: auto;
	width: 300px;
	padding: 10px 15px;
	background: #fff;
	border: #ccc 1px solid;
	border-radius: 10px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	line-height: 1.5;
}
.page_store_confirm .tooltip:after,
.page_store_confirm .tooltip:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.page_store_confirm .tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
.page_store_confirm .tooltip:before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #ccc;
	border-width: 9px;
	margin-top: -9px;
}
/*-----------------------------------*/
/* coin_confirm
/*-----------------------------------*/
.confirm_wrap .btn_style {
	margin: 7px 7px 7px 7px;
}
/*-----------------------------------*/
/* modal
/*-----------------------------------*/
.modal .modal-content{
	padding: 1rem;
}
.modal-body {
	padding: initial!important;
}

.modal .modal-body .text-center hr{
	width: 60%;
}
/*-----------------------------------*/
/* page import account
/*-----------------------------------*/
.page_import_account .btn,
.page_import_result .btn,
.modal_import_confirm .btn,
.modal_import_success .btn {
	padding: 10px 15px;
}
.page_import_account .dropdown-menu>li>a,
.page_import_result .dropdown-menu>li>a {
	padding: 12px 20px;
}
.page_import_account .step {
	padding: 40px 0;
	border-bottom: 1px solid #f1f1f1;
}
.page_import_account .step_wrap {
	max-width: 800px;
	margin: 0 auto;
	border: 4px solid #f1f1f1;
	padding: 0 40px;
	margin-bottom: 80px;
}
.page_import_account .step .step_ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	color: #092846;
}
.page_import_account .step .text {
	font-size: 16px;
	line-height: 1.6;
}
.page_import_account .step .list_note {
	font-size: 16px;
	line-height: 1.6;
}
.page_import_account .step .list_note li + li {
	margin-top: 10px;
}
.page_import_account .dropdown.dl_file {
	text-align: center;
}
.page_import_account .dropdown.dl_file + .dropdown {
	margin-top: 20px;
}
.page_import_account .dropdown.dl_file .btn {
	max-width: 350px;
	font-size: 14px;
}
.page_import_account .dropdown.dl_file .dropdown-menu {
	left: 50%;
	transform: translateX(-50%);
}
.page_import_account .dropzone {
	border-radius: 5px;
	border: 2px dashed #092846;
	background-color: #e5f2ff;
	padding: 60px 20px;
	margin-top: 40px;
}
.page_import_account .dropzone .dz-message .message-1 {
	font-size: 18px;
}
.page_import_account .dropzone .dz-message .message-3 {
	font-size: 18px;
	text-decoration: underline;
}
.page_import_account .dropzone .dz-preview .dz-error-message {
	top: 110%;
}
.page_import_account .dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 0.5;
}
.page_import_account .dropzone .dz-preview .dz-image {
	border-radius: 5px;
	background: #052745;
}
.page_import_account .dropzone .dz-preview.dz-error .dz-image {
	background-color: #bc232a;
}
.page_import_account .dropzone .dz-preview .dz-details {
	color: #fff;
}
.page_import_account .dropzone .dz-preview .dz-details .dz-filename span,
.page_import_account .dropzone .dz-preview .dz-details .dz-size span {
	background-color: transparent;
}
.page_import_account .dropzone .dz-preview .dz-details .dz-filename {

}
.page_import_account .dropzone .dz-preview .dz-details .dz-filename:hover span {
	background-color: #052745;
	border: 1px solid #fff;
}
.page_import_account .dropzone .dz-preview.dz-error .dz-details .dz-filename:hover span {
	background-color: #bc232a;
}
.page_import_account .step_btn_wrap {
	padding: 40px 0 20px;
	text-align: center;
}
/*-----------------------------------*/
/* page import result
/*-----------------------------------*/
.page_import_result .import_result_wrap {
	padding: 20px 0 50px;
}
.page_import_result .page_ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
}
.page_import_result .text {
	font-size: 16px;
	line-height: 1.6;
}
.page_import_result .result_summary {
	list-style: none;
	margin-bottom: 0;
	padding: 20px;
	border-radius: 5px;
	border: none;
	background-color: #e5f2ff;
}
.page_import_result .result_summary .detail {
	font-size: 16px;
	line-height: 1.6;
	position: relative;
	padding-left: 30px;
}
.page_import_result .result_summary .detail:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 20px;
	color: #5cb85c;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.page_import_result .result_summary .detail.fail:before {
	content: '\f00d';
	color: #d9534f;
}
.page_import_result .result_summary .detail +.detail {
	margin-top: 10px;
}
.page_import_result .result_table_wrap {
	padding-top: 40px;
}
.page_import_result .table-import-result {
	text-align: center;
	margin-bottom: 0;
}
.page_import_result .table-import-result th {
	text-align: center;
}
.page_import_result .table-import-result .success{
	padding: 10px 0;
	font-size: 20px;
	color: #5cb85c;
}
.page_import_result .table-import-result .error {
	padding: 10px 0 10px 25px;
	text-align: left;
	font-size: 16px;
	line-height: 1.6;
	color: #d9534f;
}
.page_import_result .table-import-result .error li + li {
	margin-top: 10px;
}
.page_import_result .table-import-result .regist-error {
	text-align: center;
	line-height: 1.6;
	color: #d9534f;
	padding: 10px 0;
	font-size: 20px;
}
.page_import_result .dropdown.wrap_error_dl {
	text-align: center;
}
.page_import_result .dropdown.wrap_error_dl .dropdown-menu {
	left: 50%;
	transform: translateX(-50%);
}
.modal_import_confirm {
	text-align: center;
}
.page_import_result .bottom_btn_wrap {
	position: relative;
	padding-top: 60px;
}
.page_import_result .bottom_btn_wrap .wrap_back {
	position: absolute;
	z-index: 20;
}
.page_import_result .bottom_btn_wrap .wrap_confirm {
	text-align: center;
}
.page_import_result .bottom_btn_wrap .wrap_confirm .btn {
	width: 200px;
	font-size: 14px;
}
.page_import_result .dropdown.wrap_error_dl .btn {
	width: 350px;
	font-size: 14px;
}
.modal_import_confirm .modal-content {
	padding: 60px 20px;
}
.modal_import_confirm .modal-body {
	font-size: 16px;
	line-height: 1.6;
}
.modal_import_confirm .attention {
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
}
.modal_import_confirm .detail {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
}
.modal_import_confirm .checkbox_wrap {
	text-align: center;
}
.modal_import_confirm .checkbox_wrap label {
	font-weight: normal;
}
.modal_import_confirm .checkbox_wrap label:hover,
.modal_import_confirm .checkbox_wrap input:hover {
	cursor: pointer;
}
.modal_import_confirm .btn_wrap.row {
	margin: 30px -15px 0;
}
.modal_import_success .modal-content {
	padding: 60px 20px;
}
.modal_import_success .text {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
	text-align: center;
}
.modal_import_success .btn_wrap {
	text-align: center;
}
/*-----------------------------------*/
/* campaign
/*-----------------------------------*/
.campaign_slogan {
	padding: 10px 15px;
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: 5px;
	overflow: hidden;
	text-align: left;
}
.campaign_slogan .text {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	padding-left: 17px;
	text-indent: -8px;
}
.campaign_slogan .text i.fa {
	font-size: 14px;
	line-height: 20px;
	margin-right: 5px;
}
.page_create_account .form-item {
	text-align: left;
}
/* create_account_radio_wrap */
.create_account_radio_wrap {

}
.create_account_radio_wrap .form-item {
	display: flex;
	align-items: center;
	padding: 10px 0;
	box-sizing: border-box;
	height: 60px;
}
.create_account_radio_wrap .form-item > .single-radio-wrap {
	min-width: 34rem;
	position: relative;
}
.create_account_radio_wrap .form-item.item-light-plan > .single-radio-wrap input[type=radio]{
	margin-top: 10px;
}
.create_account_radio_wrap .form-item > .special_offer {
	display: flex;
	align-items: center;
	color: #f00;
}
.create_account_radio_wrap .form-item > .special_offer .arrow_wrap {
	position: relative;
	width: auto;
	text-align: center;
	padding: 0 10px 5px;
	border-bottom: 2px solid #f00;
	bottom: 9px;
	min-width: 14rem;
	margin-right: 1.2rem;
}
.create_account_radio_wrap .form-item > .special_offer .arrow_wrap:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #f00;
	bottom: -6px;
	right: -10px;
}
.create_account_radio_wrap .form-item > .special_offer .new_price {
	padding-left: 32px;
	flex: 1;
	position: relative;
    bottom: 3px;
}
.create_account_radio_wrap .form-item > .special_offer .new_price > .price_number {
	font-size: 28px;
	line-height: 1;
}
/*-----------------------------------*/
/* Corporation-guide
/*-----------------------------------*/
ul{
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

.sec{
	margin-bottom: 20px;
}
.attention p{
	text-indent: -14px;
	padding-left: 21px;
}
.back a{
	text-decoration: none;
	color: #00acee;
	font-size: 14px;
}
.sec_ttl a{
	text-decoration: none;
	color: #00acee;
}
.contents .main .figure,
.contents .main .figure2,
.contents .main .figure3{
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd
}
/*----- guide_index ------*/
.page_guide_index .contents p{
	margin-bottom: 56px;
	font-size: 14px;
}
.page_guide_index .contents .guide_list{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.page_guide_index .contents .guide_list .list-item{
	box-sizing: border-box;
	width: 33.33%;
	height: 304px;
	padding: 0 25px 25px;
}

.page_guide_index .contents .guide_list .list-item > a{
	display: flex;
	width: 100%;
	height: 100%;
	text-decoration: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
}
.page_guide_index .contents .guide_list .list-item > a:hover{
	background-color: #fffcee;
}

.page_guide_index .contents .guide_list .list-item .thumbnail-img img{
	width: 120px;
	display: block;
	margin: 0 auto;
}
.page_guide_index .contents .guide_list .list-item .thumbnail-img img.versant_logo{
	width: 180px;
	padding: 3rem 0;
}
.page_guide_index .contents .guide_list .list-item .name{
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	margin-top: 21px;
}

/*----- guide_account_management ------*/
.contents{
	font-size: 16px;
}
.contents .guide-list {
	list-style-type: none;
	display: flex;
	padding: 11px 0;
	margin-bottom: 30px;
	border-radius: 4px;
	border: #B4B4B4 1px solid;
	width: max-content;
	background: #fff;
}
.contents .guide-list .list-item{
	margin: 0;
}
.contents .guide-list .list-item + .list-item{
	border-left: 1px solid #B4B4B4;
}
.contents .guide-list .list-item .thumbnail-img{
	display: inline-block;
	height: 32px;
	margin-right: 8px;
}

.contents .guide-list .list-item .thumbnail-img img{
	height: 32px;
	display: block;
	display: none;
}
.contents .guide-list .list-item .name{
	height: 32px;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.contents .add-account h3,
.contents .stop-account h3,
.contents .resume-account h3,
.contents .distribution h3{
	background-color: #EBEBEB;
	padding: 9px 8px 8px 19px;
	margin-bottom: 30px;
	font-size: 21px;
	font-weight: bold;
	height: 50px;
	display: flex;
	align-items: center;
}
.contents .add-account h3 img,
.contents .stop-account h3 img,
.contents .resume-account h3 img,
.contents .distribution h3 img{
	display: inline-block;
	height: 32px;
    margin-right: 11px;
    vertical-align: text-bottom;
}
.contents .add-account .main,
.contents .stop-account .main,
.contents .resume-account .main,
.contents .distribution .main{
	/* padding-left: 20px; */
	/* margin-bottom: 40px; */
}
.contents .add-account .bg_yellow,
.contents .resume-account .bg_yellow,
.contents .distribution .bg_yellow{
	background-color: #FFFCE9;
    padding: 24px 21px 24px;
	font-size: 14px;
}

.contents .stop-account .stop-list .list-item .figure,
.contents .stop-account .stop-list .list-item .figure2,
.contents .resume-account .figure,
.contents .distribution .figure{
	margin-bottom: 20px;
}
.contents .stop-account .stop-list .list-item .figure2{
	max-width: 589px;
}
.contents .stop-account .stop-list .list-item .figure img,
.contents .resume-account .figure img,
.contents .distribution .figure img{
	display: block;
	width: 100%;
}
.contents .stop-account .stop-list .list-item .figure2 img{
	display: block;
    max-width: 589px;
    width: 100%;
}
.contents .add-account dl{
	margin-bottom: 30px;
}
.contents .add-account dt{
	margin-bottom: 10px;
}
.contents .add-account .add-list .list-item{
	margin-bottom: 10px;
}
.contents .stop-account .stop-list .list-item table{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}
.contents .stop-account .stop-list .list-item td{
	border: solid 1px #bbb;
	padding: 11px 19px 11px 19px;
}
.contents .stop-account .stop-list .list-item td.fw_b{
	background-color: #f5f5f5;
}
.page_guide_account-management .contents h3{
	height: 50px;
	display: flex;
	align-items: center;
}
.page_guide_account-management .contents h3 img{
	display: none;
}
.page_guide_account-management .contents .guide-list .list-item > a{
	display: flex;
    color: #000;
    text-decoration: none;
	padding: 4px 40px 10px;
	position: relative;
}
.page_guide_account-management .contents .guide-list .list-item > a:after{
	content: url('../images/guide/icon/arrow.svg');
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2px;
}
.page_guide_account-management .contents .main dt{
	margin-bottom: 10px;
}
.page_guide_account-management .contents .main .figure{
	max-width: 1000px;
}
.page_guide_account-management .contents .main .figure > img{
	width: 100%;
}
/*----- guide_profile ------*/
.contents h3{
	background-color: #EBEBEB;
	padding: 9px 8px 8px 19px;
	margin-bottom: 30px;
	font-size: 21px;
	font-weight: bold;
}
.contents h3 img{
	display: inline-block;
	height: 32px;
	margin-right: 11px;
	vertical-align: text-bottom;
	display: none;
}
.contents .main{
	/* padding-left: 20px; */
	/* margin-bottom: 40px; */
}
.contents a{
	color: #00ACEE;
	text-decoration: underline;
}.contents .fas{
	color: #00ACEE;
}
.contents img{
	vertical-align: text-top
}
.page_guide_profile .contents .main .figure{
	max-width: 1630px;
}
/*----- guide_lesson-progress ------*/
.contents li{
	margin-bottom: 10px;
}
.contents .figure,
.contents .figure2{
	margin-bottom: 20px;
}
.page_guide_lesson-progress .contents .figure{
	/* max-width: 568px; */
}
.page_guide_lesson-progress .contents .figure img{
	display: block;
	width: 100%;
	/* max-width: 568px; */
}
.page_guide_lesson-progress .contents .figure2{
	max-width: 420px;
}
.page_guide_lesson-progress .contents .figure2 img{
	display: block;
	width: 100%;
	max-width: 420px;
	border: 1px solid #ddd;
}

/*----- guide_coin-purchase ------*/

.contents .figure3{
	margin-bottom: 20px;
}
.contents .bg_yellow{
	background-color: #FFFCE9;
	padding: 24px 21px 24px;
	font-size: 14px;
}
.page_guide_coin-purchase .contents .figure{
	max-width: 972px;
}
.page_guide_coin-purchase .contents .figure img{
	display: block;
	width: 100%;
	max-width: 972px;
	border: 1px solid #ddd;
}
.page_guide_coin-purchase .contents .figure2{
	 max-width: 483px;
}
.page_guide_coin-purchase .contents .figure2 img{
	display: block;
	width: 100%;
	max-width: 483px;
}
.page_guide_coin-purchase .contents .figure3{
	 max-width: 720px;
}
.page_guide_coin-purchase .contents .figure3 img{
	display: block;
	width: 100%;
	max-width: 720px;
}

/*----- guide_textbook-purchase ------*/

.page_guide_textbook-purchase .contents .figure{
	max-width: 1298px;
}
.page_guide_textbook-purchase .contents .figure img{
	display: block;
	width: 100%;
	max-width: 1298px;
}

/*----- guide_balance-inquiry ------*/
.page_guide_balance-inquiry .contents .figure{
	max-width: 944px;
}
.page_guide_balance-inquiry .contents .figure img{
	display: block;
	width: 100%;
	max-width: 944px;
	border: 1px solid #ddd;
}
/*---------- guide common ----------*/
.page_guide .guide-figure {
	box-sizing: border-box;
	max-width: 1000px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd
}
.page_guide .guide-figure > img {
	display: block;
	width: 100%;
}
/*--------------------------------------*/
/*------- page_coin_distribution -------*/
/*--------------------------------------*/
.coin_distribution_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.coin_distribution_top .total_coin_wrap {
	line-height: 1;
}
.coin_distribution_top .total_coin_wrap p {
	margin: 0;
}
.coin_distribution_top .confirm_btn_wrap{
	font-size: 16px;
}
.form-select{
	width: 102px;
	height: 24px;
	border-radius: 4px;
	border: #CCCCCC solid 1px;
	text-align: center;
	text-align-last: center;
}
.page_coin_distribution .btn-distribute{
	width: 82px;
}
/*-----------------------------------*/
/*------- page_lesson-history -------*/
/*-----------------------------------*/
.user_history_overview_wrap {
	position: relative;
}
.user_history_overview_wrap p {
	margin: 0;
}
.user_history_overview_time_list {
	display: flex;
	font-size: 14px;
	line-height: 1.6;
}
.user_history_overview_time_list > li {
	padding: 0 20px;
}
.user_history_overview_time_list > li:first-child {
	padding-left: 0;
}
.user_history_overview_time_list > li:not(:first-child) {
	border-left: 1px solid #e5e5e5;
}
.user_history_overview_time_list .text_main {
	font-size: 18px;
	font-weight: bold;
}
.user_history_overview_score_list,
.user_history_overview_score_list * {
	box-sizing: border-box;
}
.user_history_overview_score_list {
	display: flex;
	align-items: stretch;
	margin-left: -10px;
	margin-right: -10px;
}
.user_history_overview_score_list > li {
	padding: 0 10px;
}
.user_history_overview_score_list .item_inner {
	display: flex;
	padding: 20px;
	height: 100%;
	border: 1px solid #e5e5e5;
}
.user_history_overview_score_list .icon_wrap {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.user_history_overview_score_list .icon_wrap.icon_border {
	border: 1px solid #ccc;
}
.user_history_overview_score_list .icon_wrap > img {
	display: block;
	width: 100%;
}
.user_history_overview_score_list .text_wrap {
	padding-left: 20px;
}
.user_history_overview_score_list .text_wrap > .text_1 {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
}
.user_history_overview_score_list .text_wrap > .text_2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.user_history_overview_score_list .text_wrap > .text_2 > .text_small {
	font-size: 14px;
	font-weight: normal;
}
/*-----------------------------------*/
/*------------ store nav ------------*/
/*-----------------------------------*/
.cp-store-nav-wrap,
.cp-store-nav-wrap * {
	box-sizing: border-box;
}
.cp-store-nav-wrap {
	padding: 40px 0;
}
.cp-store-nav-list {
	max-width: 630px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	border: 1px solid #1D429A;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.cp-store-nav-list > li {
	flex: 1 1 0px;
	text-align: center;
}
.cp-store-nav-list .nav-btn {
	display: block;
	padding: 10px;
	font-size: 14px;
	line-height: 1.6;
	color: #092846;
	text-decoration: none;
}
.cp-store-nav-list .nav-btn.on {
	background-color: #1D429A;
	color: #fff; 
}
/*-----------------------------------*/
/*--------- tin management  ---------*/
/*-----------------------------------*/
.page_tin_management .available_tin_wrap{
	margin: 3rem 0 4rem;
}
.page_tin_management .available_tin_wrap .total_tin_wrap{
	display: flex;
	border-bottom: 1px solid #555;
	font-weight: bold;
	width: 21rem;
	justify-content: space-between;
	font-size: 1.8rem;
}
.page_tin_management .available_tin_wrap .total_tin_wrap p{
	margin: 0;
}
.page_tin_management .check_wrap .distro_tin{
	float: inherit;
}
.page_tin_management .available_tin_wrap .tin_breakdown_wrap{
	margin-top: 3rem;
	font-size: 1.6rem;
}
.page_tin_management .available_tin_wrap .tin_breakdown_wrap .tin_num_wrap{
	display: flex;
	width: 21rem;
    justify-content: space-between;
}
/*----- guide_guide_tin-management ------*/
.page_guide_tin-management .guide-list .list-item .smoothscroll{
	display: flex;
    color: #000;
    text-decoration: none;
}
/*----------------------------------------------*/
/* payment creditform
/*----------------------------------------------*/
/* input credit info */
.page_payment-credit_form .card_brand_list_wrap{
	padding: 15px;
}
.page_payment-credit_form .card_brand_list{
	white-space: nowrap;
	text-align: left;
}
.page_payment-credit_form .card_brand_list li{
	display: inline-block;
}
.page_payment-credit_form .card_brand_list li + li{
	margin-left: 20px;
}
.page_payment-credit_form .card_brand_list li figure img{
	height: 30px;
}
.page_payment-credit_form .card_thumb{
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	margin-right: 10px;
}
.page_payment-credit_form .form_wrap{
	margin-bottom: 30px;
}
.page_payment-credit_form .form_wrap table{
	width: 100%;
	border-collapse: collapse;
}
.page_payment-credit_form .form_wrap table tr{
	border-bottom: 1px dotted #ccc;
}
.page_payment-credit_form .form_wrap table tr:first-child{
	border-top: 1px dotted #ccc;
}
.page_payment-credit_form .form_wrap table th,
.page_payment-credit_form .form_wrap table td{
	padding: 15px;
}
.page_payment-credit_form .form_wrap table th{
	min-width: 180px;
	padding-left: 2em;
}
.page_payment-credit_form .form_wrap table td{
	width: 554px;
}
.page_payment-credit_form .form_wrap table th.required:before{
	color: #f00;
	content: '*';
	display: inline;
	margin-right: 0.2em;
	margin-left: -1em;
}
.page_payment-credit_form .form_wrap table select{
	background: #f5f5f5;
}
.page_payment-credit_form .form_wrap table input{
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2) inset;
}
.page_payment-credit_form .form_wrap table input[type="checkbox"],
.page_payment-credit_form .form_wrap table input[type="radio"]{
	box-shadow: none;
}
.page_payment-credit_form .secure_wrap .input_cardnumber_wrap{
	float: left;
}
.page_payment-credit_form .secure_wrap .tooltip_wrap{
	float: left;
	margin-top: 7px;
	margin-left: 25px;
}
.page_payment-credit_form .form_wrap table input.size_2{
	width: 400px;
}
.page_payment-credit_form .form_wrap table .expiration_date select{
	width: 240px;
}
.page_payment-credit_form .form_wrap table .exp{
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 6px;
	color: #999;
}
.page_payment-credit_form .form_wrap table .exp:first-of-type{
	margin-top: 12px;
}
/*----------------------------------------------*/
/* tooltip
/*----------------------------------------------*/
.page_payment-credit_form .tooltip_wrap{
	position: relative;
}
.page_payment-credit_form .trigger_tooltip{
	color: #00acee;
	text-decoration: underline;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
}
.page_payment-credit_form .trigger_tooltip:hover{
	color: #3dc8ff;
}
.page_payment-credit_form .tooltip{
	display: none;
	position: absolute;
	top: -25px;
	left: -360px;
	margin: auto;
	width: 300px;
	padding: 10px 15px;
	background: #fff;
	border: #ccc 1px solid;
	border-radius: 10px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	line-height: 1.5;
	opacity: 1;
}
.page_payment-credit_form .tooltip:after,
.page_payment-credit_form .tooltip:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.page_payment-credit_form .tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
.page_payment-credit_form .tooltip:before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #ccc;
	border-width: 9px;
	margin-top: -9px;
}
/* reason */
.page_payment-credit_form .tooltip--reason{
	width: 320px;
	left: -370px;
}
/* secure */
.page_payment-credit_form .trigger_tooltip--secure:before{
	position: relative;
	content: '';
	display: inline-block;
	width: 13px;
	height: 16px;
	background: url('../images/payment/ic_lock.png') no-repeat center center;
	vertical-align: middle;
	top: -2px;
	margin-right: 5px;
}
.page_payment-credit_form .tooltip--secure{
	width: 380px;
	top: -33px;
	left: -390px;
}
/* page_invite_mail */
.page_invite_mail .fa-check-circle{
	color: #16a9b2;	
}
.page_invite_mail .info-err{
	background: #F2DEDE;
}
.page_invite_mail .info-ok{
	background: #E9FFFB;
}
.page_invite_mail .table-bordered th:last-child,
.page_invite_mail .table-bordered td:last-child{
	/* width: 40%; */
}
.page_invite_mail .table-bordered .msg-err,
.page_invite_mail .table-bordered .msg-ok{
	text-align: left;
	margin: 0;
	padding: 0 5px;
}
.page_invite_mail .table-bordered .msg-err{
	color: #A93F3D;
}
.page_invite_mail .table-bordered .msg-ok{
	color: #16a9b2;
}
.page_invite_mail .table-bordered .msg-err:before,
.page_invite_mail .table-bordered .msg-ok:before{
	font-family: FontAwesome;
	margin-right: 7px;
}
.page_invite_mail .table-bordered .msg-err:before{
	content: "\f00d";
}
.page_invite_mail .table-bordered .msg-ok:before{
	content: "\f058";
}
/* credit retry form */
.page_payment-credit_form .radio_credit_confirm_wrap{
	text-align: center;
}
.page_payment-credit_form .radio_credit_confirm_wrap .radio_credit_confirm_inner{
	position: relative;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	border: 1px solid #cccccc;
	width: 580px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
}
.page_payment-credit_form .radio_credit_confirm_wrap .radio_credit_confirm_inner + .radio_credit_confirm_inner{
	margin-top: 20px;
}
.page_payment-credit_form .custom_radio .credit_brand{
	width: 3.5rem;
	vertical-align: middle;
}
.page_payment-credit_form .custom_radio .credit_brand + span{
    vertical-align: middle;
}
.page_payment-credit_form .radio_credit_confirm_wrap .radio_credit_confirm_inner label{
	display: block;
	padding: 20px 0px 20px 34px;
	text-align: left;
	font-size: 2.0rem;
	font-weight: bold;
}
.page_payment-credit_form .radio_credit_confirm_wrap .radio_credit_confirm_inner label .card_info{
	float: right;
	padding-right: 20px;
}
.page_credit_retry_form .credit_form_wrap .credit_form_inner{
	display: none;
}
/* credit retry confirm */
.page_payment-credit .price_table table{
	width: 720px;
	margin: 0 auto;
	border: solid 2px #092846;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	border-collapse: collapse;
}
.page_payment-credit .price_table table th{
	width: 240px;
	background: #092846;
	color: #FFF;
	font-weight: bold;
	padding: 25px 20px;
	height: 96px;
	box-sizing: border-box;
	border-bottom: solid 2px #fff;
}
.page_payment-credit .price_table table tr:last-child th {
	border: none;
}
.page_payment-credit .price_table.free_trial table{
	width: 790px;
}
.page_payment-credit .price_table.free_trial th{
	width: 155px;
}
.page_payment-credit .price_table.free_trial td .text_regist li{
	font-weight: normal;
}
.page_payment-credit .price_table.free_trial td .text_regist li + li{
	margin-top: 10px;
}
.page_payment-credit .price_table table td {
	padding: 20px 35px;
	font-weight: bold;
	box-sizing: border-box;
	border-bottom: solid 2px #092846;
}
.page_payment-credit .input_detail .card_info_wrap{
	width: 720px;
	margin: 0 auto;
}
.page_payment-credit .input_detail .card_info_wrap .credit_brand{
	width: 4.2rem;
}
/*--------------------------------------*/
/*------- page_coin_distribution -------*/
/*--------------------------------------*/
.coin_distribution_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.coin_distribution_top .total_coin_wrap {
	line-height: 1;
}
.coin_distribution_top .total_coin_wrap p {
	margin: 0;
}
/*-----------------------------------*/
/*------- page_lesson-history -------*/
/*-----------------------------------*/
.user_history_overview_wrap {
	position: relative;
}
.user_history_overview_wrap p {
	margin: 0;
}
.user_history_overview_time_list {
	display: flex;
	font-size: 14px;
	line-height: 1.6;
}
.user_history_overview_time_list > li {
	padding: 0 20px;
}
.user_history_overview_time_list > li:first-child {
	padding-left: 0;
}
.user_history_overview_time_list > li:not(:first-child) {
	border-left: 1px solid #e5e5e5;
}
.user_history_overview_time_list .text_main {
	font-size: 18px;
	font-weight: bold;
}
.user_history_overview_score_list,
.user_history_overview_score_list * {
	box-sizing: border-box;
}
.user_history_overview_score_list {
	display: flex;
	align-items: stretch;
	margin-left: -10px;
	margin-right: -10px;
}
.user_history_overview_score_list > li {
	padding: 0 10px;
}
.user_history_overview_score_list .item_inner {
	display: flex;
	padding: 20px;
	height: 100%;
	border: 1px solid #e5e5e5;
}
.user_history_overview_score_list .icon_wrap {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.user_history_overview_score_list .icon_wrap.icon_border {
	border: 1px solid #ccc;
}
.user_history_overview_score_list .icon_wrap > img {
	display: block;
	width: 100%;
}
.user_history_overview_score_list .text_wrap {
	padding-left: 20px;
}
.user_history_overview_score_list .text_wrap > .text_1 {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
}
.user_history_overview_score_list .text_wrap > .text_2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.user_history_overview_score_list .text_wrap > .text_2 > .text_small {
	font-size: 14px;
	font-weight: normal;
}
/* page_invite_mail_confirm */
.page_invite_mail_confirm .table > tbody > tr > th,
.page_invite_mail_confirm .table > tbody > tr > td{
	text-align: left;
	padding: 1.6rem;
}
.page_invite_mail_confirm .table > tbody > tr > th:first-child{
	width: 25rem;
}
.page_invite_mail_confirm .table p,
.page_invite_mail_confirm .table label{
	margin: 0;
}
/* ebook management */
.ebook_overview_wrap .table > thead > tr > th,
.ebook_overview_wrap .table > thead > tr > td{
	vertical-align: middle;
}
/* account-list */
.page_account_list .btn-middle-wrap{
	display: flex;
	justify-content: flex-end;
}
.page_account_list .btn-middle-wrap .dropdown-menu{
	right: 0;
	left: auto;
	text-align: center;
}
/* account-management */
.manage-num-form{
	padding: 8px 5px;
	appearance: none;
	border: #CECECE 1px solid;
	border-radius: 4px;
	box-shadow: none;
}
.manage-num-form::placeholder{
	color: #CECECE;
}
.table > tbody > tr > td.error{
	background: #FFE1E1;
}
.table > tbody > tr > td.error .manage-num-form{
	border-color: #D43F3A;
}
.table > tbody > tr > td .error-txt{
	display: none;
	color: #D43F3A;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}
.table > tbody > tr > td .error-txt2{
	display: none;
	color: #D43F3A;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}
.table > tbody > tr > td.changed,
.table > tbody > tr.changed{
	background: #FFE1E1;
}
.table > tbody > tr > td.changed .input-wrap{
	position: relative;
}
.table > tbody > tr > td.changed .input-wrap::after{
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-54%);
	right: 5px;
	color: #5CB85C;
}
.page_account_management .btn-bottom-wrap{
	display: flex;
	justify-content: flex-end;
}
.page_account_management .table-bordered .dropdown-menu{
	left: 50%;
	transform: translateX(-50%);
}
.page_account_management .table-bordered .dropdown-menu>li>a{
	text-align: left;
}
.page_account_management .btn-middle-wrap{
	display: flex;
	justify-content: space-between;
}
.page_account_management .btn-middle-wrap .btn-change-all-wrap{
	font-size: 1.6rem;
	display: flex;
	align-items: center;
}
.page_account_management .btn-middle-wrap .btn-change-all-wrap select{
	width: 358px;
	margin-left: 10px;
	font-size: 1.2rem;
}
.page_account_management .btn-middle-wrap .btn-change-all-wrap .btn-run{
	width: 82px;
	margin-left: 10px;
}
.page_account_management .deactivation_date select{
	width: 100%;
	max-width: 178px;
}
.page_account_management .btn-middle-wrap .btn-change-all-wrap.select-term-wrap select{
	width: 170px;
}
.page_account_management  .btn-gray{
	color: #092846 ;
    background: #B3B3B3 !important;
}
.page_account_management  .btn-gray:hover{
	opacity: .6;
}
.page_account_management  .cancel-text{
	color: #8E8E8E;
	font-size: 1rem;
	margin: 5px 0 0;
	text-align: center;
}

.page_account_management  .table-bordered .td-control-number{
	width: 25%;
}

.page_account_management  .table-bordered .td-control-number .input-wrap .manage-num-form{
	width: 100%;
}

.page_account_management  .table-bordered .td-nickname-email{
	width: 15%;
	word-break: break-all
}

/* modal-change-confirm */
.modal-change-confirm .modal-dialog{
	width: max-content;
}
.modal-change-confirm .modal-title{
	font-size: 2.4rem;
	font-weight: bold;
}
.modal-change-confirm .text-1{
	text-align: center;
	font-size: 16px;
}
.modal-change-confirm .item-list-wrap{
	width: 100%;
	height: 206px;
	overflow-y: scroll;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .29);
	border: 1px solid #C1C1C1;
}
.modal-change-confirm .item-list-wrap .item-account{
	padding: 10px;
	display: flex;
	align-items: flex-start;
	font-size: 1.6rem;
	color: #646464;
}
.modal-change-confirm .item-list-wrap .item-account .title{
	width: 17rem;
	margin-left: 9rem;
}
.modal-change-confirm .item-account .contents{
	text-align: left;
}
.modal-change-confirm .item-list-wrap .item-account:nth-child(even){
	background: #F1F1F1;
}
.modal-change-confirm .item-list-wrap .item-account .content-changed + .content-changed {
	margin-top: 10px;
}
.modal-change-confirm .btn-wrap{
	display: flex;
	justify-content: space-between;
	padding: 0 20px 25px;
}
.modal-change-confirm .btn-wrap .btn{
	width: 310px;
	/* height: 50px; */
	font-size: 1.8rem;
	font-weight: bold;
	border-radius: 50px;
}

.modal-change-confirm .btn-wrap .btn + .btn{
	margin-left: 20px;
}
.modal-change-confirm .btn-wrap .btn-orange.disabled{
	pointer-events: none;
	background: #F0AD4E;
}
.modal-change-confirm .btn-wrap .btn-gray{
	background: #999999;
	color: #FFF;
}
.modal-change-confirm .btn-wrap .btn-gray:hover{
	opacity: .6;
}
.modal-change-confirm .btn-wrap .btn-orange:hover{
	color: #FFF;
}


/* page_reservation_management */
.page_reservation_management .check-box-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_reservation_management .check-box-wrap .box-title{
	margin: 0 10px 0 0;
}
.page_reservation_management input[type=checkbox] + label.custom_check{
	display: block;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	margin: auto;
}
.page_reservation_management input[type=checkbox] + label.custom_check::before{
	width: 30px;
	height: 30px;
	border-radius: 4px;
	border: 2px solid #D43F3A;
	background: #FFF;
	position: relative;
	margin: auto;
	top: 0;
}
.page_reservation_management input[type=checkbox] + label.custom_check.off::before{
	background: #F1F1F1;
	border-color: #C1C1C1;
}
.page_reservation_management input[type=checkbox]:checked + label.custom_check::before{
	background: #D43F3A;
}
.page_reservation_management input[type=checkbox]:checked + label.custom_check::after{
	left: 8px;
	width: 16px;
	height: 10px;
	margin-top: -8px;
	border-left: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
}
.page_reservation_management .reservation-table td.on{
	background: #FFE1E1;
}

/* page_import_reservations */
.page_import_reservations .dropdown.dl_file .btn{
	max-width: 480px;
}
.page_import_reservations .sec_header .flow-wrap{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	color: #B1B1B1;
}
.page_import_reservations .sec_header .flow-wrap .item + .item:before{
	content: "<";
	margin: 0 12px;
}
.page_import_reservations .sec_header .flow-wrap .item.on{
	color: #333333;
	font-weight: bold;
}
/* teacher search form */
.page_import_reservations .teacher_search_form input[type='text'] {
	background: #fff;
}
.page_import_reservations .teacher_search_form .table_form select,
.page_import_reservations .teacher_search_form .table_form button {
	position: relative;
	height: 40px;
	background: #fff;
	border: 1px solid #999;
}
.page_import_reservations .teacher_search_form select {
	/* -webkit-appearance: menulist-button; */
	/* border: 1px solid #999;
	border-radius: 4px;
	min-width: 100px;
	padding: 8px; */
}
.page_import_reservations .teacher_search_form button {
	line-height: 1;
	padding: 8px;
	border-radius: 4px;
}
.page_import_reservations .teacher_search_form select.select_style_2,
.page_import_reservations .teacher_search_form button.select_style_2 {
	min-width: 118px;
}
.page_import_reservations .teacher_search_form select.select_style_2.select_style_2.selected,
.page_import_reservations .teacher_search_form button.select_style_2.selected {
	background: #fff1a5;
	border-color: #fed22f;
}
.page_import_reservations .teacher_search_form select.select_style_2.selected option {
	background: #fff;
}
.page_import_reservations .teacher_search_form .radio_list li,
.page_import_reservations .teacher_search_form .check_list li,
.page_import_reservations .teacher_search_form .selector_list li {
	float: left;
	margin: 0 15px;
}
.page_import_reservations .teacher_search_form .selector_list li.selector_list_chapter,
.page_import_reservations .teacher_search_form .selector_list li.selector_list_sub_category
{
	margin: 10px 0 0;
}
.page_import_reservations .teacher_search_form .dl_status .radio_list li:first-child{
	margin-left: 4px;
}
.page_import_reservations .teacher_search_form .dl_textbook .radio_list li:first-child{
	margin-left: 0px;
}
.page_import_reservations .teacher_search_form .dl_selector .selector_list li:first-child{
	margin-left: 0px;
}
.page_import_reservations .teacher_search_form .dl_selector.dl_teacher_name .tb_custom_selector .ic_teacher img{
	border-radius: 50%;
	border: 1px solid #E2E2E2;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}
/* .page_import_reservations .teacher_search_form .table_form {
	width: auto;
} */
.page_import_reservations .teacher_search_form .table_form tr td {
	padding: 7px 15px;
}
.page_import_reservations .teacher_search_form .dl_style_2 {
	display: table;
	min-height: 42px;
}
.page_import_reservations .teacher_search_form .dl_style_2 dt {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	width: 52px;
	white-space: nowrap;
	padding: 10px 15px 0 0;
	vertical-align: top;
}
.page_import_reservations .teacher_search_form .dl_style_2 dt.width_2{
	width: 100px;
}
.page_import_reservations .teacher_search_form .dl_style_2 dt,
.page_import_reservations .teacher_search_form .dl_style_2 dd {
	display: table-cell;
	line-height: 1.5;
}
.page_import_reservations .teacher_search_form .dl_style_2 dd {
	vertical-align: middle;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_conditions dd .conditions{
	margin-right: 20px;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_conditions dd .cd_country{
	position: relative;
}
.page_import_reservations .teacher_search_form .dl_style_2 dd ul.checks li{
	display: inline-block;
	margin-right: 10px;
	line-height: 2.3;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_date,
.page_import_reservations .teacher_search_form .dl_style_2.dl_age,
.page_import_reservations .teacher_search_form .dl_style_2.dl_gender {
	margin-right: 30px;
}
.page_import_reservations .teacher_search_form dl.dl_feature{
	width: 100%;
}
.page_import_reservations .teacher_search_form dl.dl_feature .ui_tags + .ui_tags {
	margin-left: 10px;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_keyword{
	margin-left: 22px;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_teacher_name input[type=text],
.page_import_reservations .teacher_search_form .dl_style_2.dl_keyword input[type=text] {
	width: 240px;
	border-color: #999;
	line-height: 1;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_course select {
	min-width: 288px;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_textbook .radio_list li.selected {
	position: relative;
	margin-right: -70px;
}
.page_import_reservations .teacher_search_form .dl_style_2.dl_selector .tb_custom_selector {
	min-width: 325px;
}
.page_import_reservations .teacher_search_form .tb_custom_selector .options {
	top: auto;
	bottom: 100%;
	max-height: 400px;
	min-height: 258px;
	z-index: 9999;
}
.page_import_reservations .teacher_search_form .tb_custom_selector .options.under {
	top: 100%;
	bottom: 0;
}
.page_import_reservations .teacher_search_form .tb_custom_selector .options ul li{
	margin: 0;
	float: inherit;
}
.page_import_reservations .teacher_search_form .table_form .item_lesson_5min_wrap {
	padding: 0;
}
.page_import_reservations .teacher_search_form .item_lesson_5min_wrap .item_lesson_5min {
	padding: 7px 15px;
}
.page_import_reservations .teacher_search_form .tb_custom_selector.tb_custom_selector_ss .options {
	min-height: auto;
}
.page_import_reservations .table_form .dl_date .date_btn{
	width: 55px;
	height: 42px;
	box-sizing: border-box;
	padding: 4px 8px;
	line-height: 1.4;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	border: #1D429A 1px solid;
	color: #1D429A;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.2s linear;
}
.page_import_reservations .table_form .dl_date .date_btn:hover{
	color: #b7cce4;
	border-color: #b7cce4;
}
.page_import_reservations .table_form .dl_date .date_btn.on{
	background-color: #1D429A;
	color: #fff;
	border-color: #cedae6;
}
.page_import_reservations .table_form .dl_date .date_btn + .date_btn{
	margin-left: 12px;
}
/*---------------------------------------------*/
/* tb_custom_selector
/*---------------------------------------------*/
.tb_custom_selector {
	position: relative;
	width: auto;
	font-size: 14px;
	font-size: 1.4rem;
}
.tb_custom_selector .layer{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.tb_custom_selector .options {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100% - 2px);
	min-height: 240px;
	max-height: 240px;
	overflow: scroll;
	overflow-x: hidden;
	border: solid 1px #a9a9a9;
	background: #fff;
	z-index: 3;
}
.tb_custom_selector .options::-webkit-scrollbar {
	width: 12px;
}
.tb_custom_selector .options::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.tb_custom_selector .options::-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;
}
.tb_custom_selector .options::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(241,241,241,0.4);
}
.tb_custom_selector .options .item {
	position: relative;
	padding: 10px 10px 10px 10px;
	border-top: solid 1px #ccc;
	box-sizing: border-box;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.tb_custom_selector .options .item:first-child {
	border-top: none;
}
.tb_custom_selector .options .option:hover{
	background: #fffcee;
	cursor: pointer;
}
.tb_custom_selector .options .option.on{
	background: #0BCAFA;
}
.tb_custom_selector .options .option.disabled{
	background: #eee !important;
	cursor: default !important;
	opacity: 0.5 !important;
}
.tb_custom_selector .item_inner {
	display: table;
	width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
}
.tb_custom_selector .item_inner > span {
	display: table-cell;
	vertical-align: middle;
}
.tb_custom_selector .item_inner .index {
	display: none;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding-right: 5px;
	width: 12px;
}
.tb_custom_selector .item_inner .title {
	line-height: 1.3;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.tb_custom_selector .item_inner .title > figure {
	flex-shrink: 0;
}
.tb_custom_selector .item_inner .title > .title-text {
	flex: 1;
}
.tb_custom_selector .item_inner.done .title {
	font-weight: normal;
}
.tb_custom_selector .item_inner .datetime {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	height: 13px;
	margin: auto;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	color: #999;
	line-height: 1;
}
.tb_custom_selector .selected_item {
	position: relative;
	background: #fff;
	padding: 0 20px 0 10px;
	box-sizing: border-box;
	min-height: 42px;
	line-height: 1.5;
	border: 1px solid #a9a9a9;
	border-radius: 4px;
	cursor: pointer;
	z-index: 2;
}
.tb_custom_selector .selected_item:after {
	font-family: 'fontAwesome';
	content: '\f0d7';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 15px;
	height: 15px;
	margin: auto;
	font-size: 15px;
	line-height: 1;
}
.tb_custom_selector .selected_item .item_inner {
	box-sizing: border-box;
	display: flex;
	min-height: 40px;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}
.tb_custom_selector .selected_item .item_inner .title,
.tb_custom_selector .selected_item .item_inner .title.t_truncate {
	text-overflow: unset;
	white-space: normal;
	padding: 5px 0;
	display: flex;
	align-items: center;
}
.tb_custom_selector .selected_item .item_inner .title > figure {
	flex-shrink: 0;
}
.tb_custom_selector .selected_item .item_inner .title > .title-text {
	flex: 1;
}
.tb_custom_selector .selected_item .item_inner .enabled_wrap{
	text-align: right;
	margin-right: 15px;
	line-height: 40px;
}
.tb_custom_selector .selected_item .item_inner .datetime {
	right: 25px;
}
.tb_custom_selector .ic_textbook {
	margin-right: 10px;
}
/* has datetime >>> */
.tb_custom_selector.has_datetime .options .item,
.tb_custom_selector.has_datetime .selected_item {
	padding-right: 150px;
}
.tb_custom_selector.has_datetime .selected_item .item_inner .title {
	max-width: 150px;
}
/* <<< has datetime */

/* parent item */
.tb_custom_selector .parent_item{
	font-weight: bold;
	padding: 10px;
	background: #444;
	color: #fff;
}
/* <<< parent item */

/* child item >>> */
.tb_custom_selector .child_list{
	margin: 10px -10px -10px;
}
.tb_custom_selector .child_item{
	padding: 10px;
	text-indent: 5px;
	font-weight: bold;
}
.tb_custom_selector .child_item:before{
	display: inline-block;
	font-family: 'fontAwesome';
	content: '\f0da';
	margin-right: 5px;
}
.tb_custom_selector .child_item .item_inner{
	display: none;
}
/* <<< child item */
.page_import_reservations .table-import-result .success{
	padding: 10px 0 10px 25px;
	font-size: 1.3rem;
	text-align: left;
	color: #333;
	margin: 0;
}
.page_import_reservations .table-import-result .success .fa-check{
	color: #5cb85c;
	margin-right: 15px;
	font-size: 1.8rem;
	vertical-align: middle;
}
.page_import_reservations .table-import-result .error{
	font-size: 1.3rem;
}
.modal-change-confirm .notice-list{
	font-size: 1.4rem;
	margin: 20px auto;
	padding: 0 20px;
}
.modal-change-confirm .check-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.modal-change-confirm .check-wrap input{
	margin: 0;
}
.modal-change-confirm .check-wrap .check-text{
	font-size: 1.4rem;
	margin: 0 0 0 10px;
}
.modal-change-complete .btn-wrap{
	justify-content: center;
	margin-top: 25px;
}
/* page_import_result_control_number */
.page_import_result_control_number .table-import-result .success{
	text-align: left;
	padding: 10px 0 10px 25px;
}
/* inquiries */
.page_inquiries .inquiry-top-area{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_inquiries .search_area {
	position: relative;
	border-radius: 5px;
	display: block;
}
.page_inquiries .search_area .search_box {
	position: relative;
	vertical-align: middle;
	height: auto;
	width: 96%;
	max-width: 500px;
	font-size: 1.3rem;
	padding: 10px 10px 10px 3.2rem;
	box-sizing: border-box;
	-webkit-appearance: none;
	margin: 0;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background: #fff;
	box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%) inset;
	font-size: 15px;
	font-size: 1.5rem;
	outline: 0;
	line-height: 23px;
}
.page_inquiries .search_area .search_mark {
	position: relative;
	text-align: center;
	display: inline-block;
	margin-left: -4px;
}
.page_inquiries .search_area .btn_form_clear {
	position: relative;
	display: none;
}
.page_inquiries .search_area .search_mark:before {
	font-family: FontAwesome;
	content: '\f002';
	display: inline-block;
	position: absolute;
	left: 1.7rem;
	top: -1.4rem;
	color: #ccc;
	z-index: 20;
	font-size: 1.8rem;
}
.page_inquiries .search_area .btn_form_clear:before {
	position: absolute;
	top: -1.2rem;
	bottom: 0;
	right: 1rem;
	margin: auto;
	height: 1.5rem;
	font-size: 2rem;
	font-family: 'fontAwesome';
	content: '\f057';
	color: #999;
	z-index: 2;
	cursor: pointer;
}
.user_lesson_search {
	margin-bottom: 15px;
}
.inquiry_list_wrap{
	max-width: 800px;
	margin: 30px auto;
}
.inquiry_list {
	position: relative;
	width: 100%;
	margin: 40px auto;
}
.page_inquiries .inquiry_list li {
	border: solid #ddd 1px;
	border-radius: 5px;
	word-break: break-all;
}
.page_inquiries .inquiry_list li + li{
	margin-top: 30px;
}
.page_inquiries .inquiry_list li p{
	margin: 0;
}
.page_inquiries .inquiry_list li a {
	color: #092846;
	display: block;
	padding: 0 30px 0 0;
	position: relative;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_inquiries .inquiry_list li a.list{
	padding: 30px 60px 30px 26px;
}
.page_inquiries .inquiry_list li a.list:hover{
	text-decoration: none;
}
.page_inquiries .inquiry_list li a .date {
	color: #092846;
	text-align: right;
	margin: 0;
	font-size: 1.4rem;
}
.page_inquiries .inquiry_list li a:after {
	content: "\f054 ";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	right: 2.4rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page_inquiries .inquiry_list li .file_name{
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
	flex-wrap: wrap;
	flex-direction: column;
    align-content: flex-end;
}
.page_inquiries .inquiry_list li .file_name > a {
	color: #428BCA;
	text-decoration: none;
	transition: .2s all linear;
	padding-right: 15px;
}
.page_inquiries .inquiry_list li .file_name > a:after {
	right: 0;
}
.page_inquiries .inquiry_list li .file_name > a:hover {
	opacity: .6;
}
.page_inquiries .inquiry_list li.unread {
	background: #FFF;
}
.page_inquiries .inquiry_list li.read {
	/* background: #F4F4F4; */
}
.page_inquiries .inquiry_list li .details-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_inquiries .inquiry_list li .details-top .title{
	font-weight: bold;
	display: flex;
	align-items: center;
	font-size: 2rem;
}
.page_inquiries .inquiry_list li .details-top .title .ic-unread{
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	color: #FFF;
	background: #F1890E;
	padding: 2px 6px;
	margin-right: 5px;
	border-radius: 40px;
}
.page_inquiries .comment_list .loaded-message {
	color: #1f1f1f;
	display: block;
	padding: 30px 30px 30px 26px;
	position: relative;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_inquiries .comment_list .loaded-message:nth-child(2n+1) {
	/* background-color: #F9F9F9; */
}
.page_inquiries .comment_list .loaded-message .comment_head{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_inquiries .comment_list .file_name > a{
    margin-left: .8rem;
    display: inline-block;
    vertical-align: middle;
    color: #2D68DF;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page_inquiries .comment_list .file_name > a:before{
    content: url(../images/icon/ic-clip.svg);
    margin-right: .4rem;
    display: inline-block;
    vertical-align: middle;
}
.page_inquiries .comment_list .file_name.empty{
    display: none;
}
.page_inquiries .comment_list .loaded-message .comment_body{
	margin-top: 30px;
}
.page_inquiries .textarea-reply-wrap{
	text-align: center;
	padding: 0 36px;
}
.page_inquiries .textarea-reply{
	/* width: 100%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%) inset;
    font: inherit;
    font-size: 1.5rem;
    line-height: 1.3;
    outline: 0; */
    min-height: 120px;
    resize: vertical;
}
/* inquiry_form_wrap */
.inquiry_form_wrap {
	/* width: 800px; */
	margin: 20px auto 0;
}
.inquiry_form_wrap textarea {
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	/* background: #fff;
	box-shadow: 1px 1px 0 0 rgb(0 0 0 / 10%) inset;
	font: inherit;
	font-size: 15px;
	font-size: 1.5rem; */
	/* line-height: 1.3; */
	/* outline: 0; */
	min-height: 120px;
	resize: vertical;
	width: 100%!important;
}
.inquiry_form_wrap .input {
	text-align: left;
}
.inquiry_form_wrap .label {
	color: #092846;
	font-size: 16px;
	line-height: 3;
	display: inline-block;
	text-align: left;
	width: 100%;
}
.inquiry_form_wrap input[type="text"]{
	width: 100%;
}
.inquiry_form_wrap td, .inquiry_form_wrap th {
	border: none!important;
}
.inquiry_form_wrap .ui_msg_style_1.bg-red{
	padding: 5px;
}
.inquiry_form_wrap .form-file{
	width: 100%;
}
.btn-back{
	color: #555555;
	transition: .2s all linear;
	font-size: 1.2rem;
}
.btn-back:hover{
	opacity: .6;
}
.btn-back:before{
	content: "";
	width: 10px;
	height: 10px;
	border: transparent 2px solid;
	border-top-color: #707070;
	border-left-color: #707070;
	transform-origin: 45% center;
	transform: rotate(-45deg);
	border-radius: 0 0 0 1px;
	margin-right: 6px;
	display: inline-block;
}

#sidebar-wrapper .inquiry-link {
	position: relative;
}

#sidebar-wrapper .inquiry-link .notice-num{
	display: inline-block;
	background: #F1890E;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 0;
	margin-left: 6px;
}

.pager.pager_bottom.cf li, .pager.pager_bottom.cf span {
	height: 28px;
	line-height: 32px;
}
#selected-files {
	padding: 10px 0;
}
#selected-files li {
    background: #f5f5f5;
    padding: 5px;
    margin: 1px 0;
}
#selected-files p{
	margin: 0;
	font-weight: 800;
}
#selected-files i{
	color: #ff0000;
}
.wrap-loader {
	text-align: center;
    width: 100%;
	border: 1px solid #ccc;
    border-radius: 4px;
	height: 34px; 
	padding: 6px 12px;
}
.wrap-loader img {
	width: 16px;
}
/* .tb_custom_selector tb_level */
.tb_custom_selector .tb_level{
	margin-top: 6px;
}
.tb_custom_selector .tb_level .level {
	display: flex;
	align-items: center;
	color: #FFF;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 8px;
}
.tb_custom_selector .tb_level .level .lv-title{
	background: #333;
	width: 36px;
	height: 20px;
	line-height: 20px;
}
.tb_custom_selector .tb_level .level .lv-num{
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 4px;
}
.tb_custom_selector .tb_level .level dd:first-child{
}
.tb_custom_selector .tb_level .level .lv-1{
	background-color: #9CCC65;
}
.tb_custom_selector .tb_level .level .lv-2{
	background-color: #C5DB5A;
}
.tb_custom_selector .tb_level .level .lv-3{
	background-color: #E2E658;
}
.tb_custom_selector .tb_level .level .lv-4{
	background-color: #F8EE58;
}
.tb_custom_selector .tb_level .level .lv-5{
	background-color: #FFE144;
}
.tb_custom_selector .tb_level .level .lv-6{
	background-color: #FFCC29;
}
.tb_custom_selector .tb_level .level .lv-7{
	background-color: #FFBA26;
}
.tb_custom_selector .tb_level .level .lv-8{
	background-color: #FFA726;
}
.tb_custom_selector .tb_level .level .lv-9{
	background-color: #FF9130;
}
.tb_custom_selector .tb_level .level .lv-10{
	background-color: #FF7043;
}
/* change-settings */
.notes{
	padding: 24px 21px 24px;
	font-size: 14px;
}
.bg_yellow{
	background-color: #FFFCE9;
}



/* NJ-22052 Start */


input, button, textarea, select {
    font: inherit;
}
input, textarea {
    border: #e4e4e4 1px solid;
    border-radius: 4px;
    background: #f4f6f8;
    padding: 9px 10px;
    color: #555555;
    width: 100%;
}
input::placeholder, textarea::placeholder {
    color: #c6c6c6;
}
.view-contents {
    display: flex;
    background: #f4f6f8;
}
.view-contents .page-wrap {
    width: calc(100vw - 290px);
	flex-grow: 1;
}
a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.btn-wrap.btn-left,
.btn-wrap.btn-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-wrap.btn-left {
    justify-content: flex-start;
	margin-top: 25px;
}

.btn-wrap.btn-left > * + *,
.btn-wrap.btn-center .btn + .btn {
    margin-left: 40px;
}
.btn-back-confirm-wrap {
	position: relative;
	margin-top: 4rem;
}
.btn-back-confirm-wrap .wrap_back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.btn-back-confirm-wrap * + * {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
input.btn {
    padding: 0;
    cursor: pointer;
}
.btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: #fff;
    font-size: 16px !important;
    font-weight: bold;
    max-width: 274px;
    height: 40px;
    box-shadow: #0000000d 2px 2px 4px;
}
.btn.btn-cyan {
    background: -webkit-gradient(linear, left top, right top, from(#13A5A1), to(#3EC1BD));
    background: linear-gradient(left, #13A5A1, #3EC1BD);
}
.btn.disable, 
.btn.disabled {
    background: #e4e4e4;
    color: #fff;
    pointer-events: none;
}
.page-login .login-wrap .t-link {
    font-size: 14px;
    color: #0facee;
    transition: 0.2s all linear;
}
.page-login .login-wrap .t-link:hover {
    opacity: 0.6;
}
.err-wrap {
    font-size: 14px;
    color: #f02e12;
    margin-top: 4px;
}

/* 
  header
  */
.header img {
    width: auto;
    height: auto;
}
.header .header-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5.5px 20px;
    box-shadow: 0 0 10px #0000000d;
    position: relative;
    z-index: 100;
}
.header .col-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header .col-right .corp-name {
    white-space: nowrap;
    display: flex;
    font-size: 1.6rem;
    color: #092846;
    align-items: center;
    justify-content: center;
}
.header .col-right .corp-name .name-avatar {
    margin-right: 0.8rem;
}
.header .col-right .btn-logout {
    border: #183f67 1px solid;
    border-radius: 20px;
    margin-left: 18px;
    color: #183f67;
    min-width: 112px;
    display: block !important;
    height: auto;
    padding: .7rem .5rem;
    max-width: max-content;
}
.header .col-right .btn-logout:hover {
    background-color: #f3f5fa;
}

/*  menu
  */
.menu-wrap {
    transition: 0.2s all linear;
}
.menu-wrap img {
    width: auto;
    height: auto;
}
.menu-wrap .menu-inner {
    width: 290px;
    height: 100%;
    min-height: calc(100vh - 54px);
    background: #1d429a;
	padding-bottom: 5rem;
}
.menu-wrap .item {
    position: relative;
}
.menu-wrap .item:after {
    content: "";
    width: 250px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    right: 0;
    margin: auto;
}
.menu-wrap .item .menu-link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    transition: 0.2s all linear;
    text-decoration: none;
}
.menu-wrap .item .menu-link:hover {
    opacity: 0.6;
}
.menu-wrap .item .menu-link.on {
    background: #ffffff;
    border-left: #ef8100 4px solid;
}
.menu-wrap .item .menu-link .svg path {
    fill: #fff;
    stroke: #fff;
}
.menu-wrap .item .menu-link.on .svg path {
    fill: #1d429a;
    stroke: #1d429a;
}
.menu-wrap .item .menu-link.on .text {
    color: #1d429a;
}
.menu-wrap .item .menu-link .text {
    font-size: 16px;
    margin-left: 6px;
    font-weight: 500;
    color: #fff;
}
.menu-wrap .close-wrap {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px;
}
.menu-wrap .close-wrap .menu-close {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
}
.menu-wrap .close-wrap .menu-close .text {
    margin-left: 8px;
    font-size: 14px;
    color: #fff;
}
.menu-wrap .open-wrap {
    margin-top: 20px;
    display: none;
}
.menu-wrap .open-wrap .menu-open {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.menu-wrap .open-wrap .menu-open .text {
    margin-right: 8px;
    font-size: 14px;
    color: #fff;
}
.menu-wrap.closed .item:after {
    width: 60px;
}
.menu-wrap.closed .item .menu-link {
    justify-content: center;
}
.menu-wrap.closed .item .menu-link .text {
    display: none;
}
.menu-wrap.closed .menu-inner {
    width: 60px;
}
.menu-wrap.closed .close-wrap {
    display: none;
}
.menu-wrap.closed .open-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 
  pages
  */
/* login */
.page-login .col-2-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.page-login .col-2-wrap .col-left,
.page-login .col-2-wrap .col-right {
    width: 50vw;
    height: 100vh;
}
.page-login .col-2-wrap .col-left {
    background-color: #092846;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-login .col-2-wrap .col-left img {
    width: auto;
    height: auto;
}
.page-login .col-2-wrap .col-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-login .login-wrap {
    max-width: 674px;
    width: 100%;
    padding: 0 50px;
}
.page-login .login-wrap .title {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 8px;
    border-bottom: #e4e4e4 1px solid;
    margin: 0 0 52px;
}
.page-login .login-wrap .title .sub {
    font-size: 16px;
    margin-top: 8px;
}
.page-login .login-wrap .input-wrap {
    font-size: 16px;
}
.page-login .login-wrap .input-wrap .label {
    margin-bottom: 10px;
}
.page-login .login-wrap .input-wrap input {
    border: #e4e4e4 1px solid;
    border-radius: 4px;
    background: #f4f6f8;
    padding: 9px 10px;
    color: #555555;
    width: 100%;
}
.page-login .login-wrap .input-wrap input::placeholder {
    color: #c6c6c6;
}
.page-login .login-wrap .input-wrap + .input-wrap {
    margin-top: 40px;
}
.page-login .login-wrap .save {
    margin: 40px auto 20px;
    text-align: center;
}
.page-login .login-wrap .save label {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-login .login-wrap .save label > input {
    margin-right: 6px;
    width: auto;
}
.page-login .login-wrap .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-login .login-wrap .t-link {
    text-align: right;
    margin-top: 40px;
}
.page-login .login-wrap .err-wrap {
    margin-top: 30px;
    color: #f02e12;
    text-align: center;
    font-size: 14px;
}
/* forgot */
.page-login.page-forgot .login-wrap .title {
    margin: 0 0 40px;
}
.page-login.page-forgot .login-wrap .btn-wrap {
    margin: 40px auto 0;
}
/* forgot sent */
.page-forgot .text-wrap {
    font-size: 16px;
}
.page-forgot .info-wrap {
    margin: 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-forgot .info-wrap .name {
    margin-right: 20px;
}
.page-forgot .info-wrap + .t-link {
    margin-top: 0;
}
/* reset pass */
.page-login .login-wrap .input-wrap input + .err-wrap {
    margin-top: 0;
    text-align: left;
}
/* detail */
.page-detail .page-inner {
    margin: auto;
    padding: 20px 20px 30px;
}
.page-detail .col-2-wrap {
    display: flex;
    justify-content: space-between;
}
.page-detail .page-title + .col-2-wrap {
    margin-top: 20px;
}
.page-login .login-wrap .btn-wrap .btn {
    height: auto;
    padding: 0.5rem 1rem;
}
.menu-wrap .item .menu-link:hover {
    text-decoration: none;
}
.menu-wrap .item .menu-link .icon {
    width: 20px;
}
.header .col-right .corp-coin-info {
    min-width: 10rem;
    width:100%;
    /*     display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center; */
    margin: 0 auto 0 2rem;
    text-align: right;
}
.header .col-right .corp-coin-info li {
    display: block;
}
.header .col-right .corp-coin-info li.current-coin {
    font-size: 1.4rem;
    color: #092846;
}
.header .col-right .corp-coin-info li.current-coin span#company_coin {
    font-size: 1.6rem;
    font-weight: bold;
}
.header .col-right .corp-coin-info li.expiration-date {
    font-size: 1.2rem;
    color: #8e8e8e;
}
.view-contents .page-inner .sec_header {
    border-bottom: 0;
}
.view-contents .page-inner .sec_header .sec_ttl {
    font-size: 20px;
    font-weight: bold;
	color: #092846;
}
.view-contents .page-inner .cp-page-inner button.btn,
.view-contents .page-inner .cp-page-inner a.btn {
    border-radius: 20px !important;
    min-width: 160px !important;
    max-width: max-content;
}
.view-contents .page-inner .cp-page-inner .text-center button.btn {
    margin-right: auto;
    margin-left: auto;
}
.view-contents .page-inner .cp-page-inner table button.btn,
.view-contents .page-inner .cp-page-inner table a.btn {
    border-radius: 20px !important;
    min-width: auto !important;
}
.pagination > li {
    display: inline-block !important;
    min-width: 30px;
}
.header-contents .left-contents {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-contents .logo {
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-contents .logo,
.header-contents .header_page_name {
    margin-right: 1.2rem;
}
.header-contents .header_page_name {
    font-size: 1.6rem;
    font-weight: bold;
    color: #092846;
    width: 100%;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td {
    vertical-align: middle !important;
}
.cp-page-inner form .table > tbody > tr > td,
.cp-page-inner form .table > tbody > tr > th {
    border-top: 0;
}
.page_coin_distribution .coin_distribution_top .confirm_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_coin_distribution .form-select#select_coin_dis {
    margin: 0 0.8rem;
}
.page_coin_distribution .btn-distribute {
    margin-left: 0.8rem;
}
.btn .caret {
    margin-left: 0.4rem !important;
}
.breadcrumbs{
	display: flex;
	align-items: center;
	margin-top: 5px;
	font-size: 14px;
}
.breadcrumbs .item{
	color: #6C6C6C;
}
.breadcrumbs .item > a{
	text-decoration: none;
	transition: .2s all linear;
	color: #6C6C6C;
}
.breadcrumbs .item > a:hover{
	opacity: .6;
}
.breadcrumbs .item + .item:before{
	content: "/";
	display: inline-block;
	margin: 0 8px;	
}
.breadcrumbs .item:last-child{
	color: #092846;
}
.d-none {
	display: none;
}
.cp-table {
	font-size: 16px;
	border-collapse: unset !important;
}
.cp-table th, .cp-table td {
	border: 1px solid #C6C6C6;
	padding: 4px 0;
	word-break: break-all;
}
.cp-table th{
	background-color: #E0E9FF;
	font-weight: 500;
}
.cp-table tr:nth-child(2n) td {
	background-color: #F5F5F5;
}
.cp-table tr:nth-child(2n+1) td {
	background-color: #FFF ;
}
.page_account_management .cp-table tr:nth-child(2n) td {
	background-color: #F5F5F5;
}
.page_account_management .cp-table tr:nth-child(2n+1) td {
	background-color: #FFF;
}
.page_account_management.page_account_list .cp-table tbody:nth-child(2n+1) td {
	background-color: #F5F5F5;
}
.cp-table tr.error td{
	background-color: #FFE2DE;
}
.cp-table tr.withdrawn td{
	background-color: #B1B1B1;
}
.cp-table tr td .err-msg{
	color: #F02E12;
}
.cp-table input{
	height: 32px;
}
.cp-table input[type="text"]{
	font-size: 14px;
}
.cp-table input::placeholder{
	color: #B1B1B1;
}
.cp-table img{
	width: auto;
	height: auto;
	display: inline;
}
.cp-table .btn{
	margin: auto;
}
.cp-table input[type="checkbox"]{
	width: 14px;
	height: 14px;
}
.cp-table tr td.col-e-mail{
	font-size: 14px;
}
.cp-table > thead > tr > th, 
.cp-table>tbody>tr>th, 
.cp-table>tfoot>tr>th, 
.cp-table > thead > tr > td, 
.cp-table>tbody>tr>td, 
.cp-table>tfoot>tr>td {
	border-color: #C6C6C6;
}
.box{
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	margin: 1rem 0;
    width: 100%;
}
* + .box{
	margin-top: 20px;
}
.box .box-title{
	color: #FFF;
	background: #1D429A;
	display: flex;
	align-items: center;
	padding:  20px;
	font-size: 18px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.box .box-title:before{
	margin-top: 4px;
}
.box.school-details{
	width: 630px;
	width: 60%;
	background: #FFF;
}
.box.school-details .box-title:before{
	content: url('../images/icon/school.svg');
	display: block;
	margin-right: 6px;
}
.box .box-contents{
	padding: 27px 20px;
	background: #FFF;
}
.box .box-contents .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #F4F6F8;
	padding: 0 0 4px;
	font-size: 16px;
}
.box .box-contents .item .value{
	font-weight: bold;
}
.box .box-contents .item + .item{
	margin-top: 18px;
}
.box .box-contents .item-text{
	margin: 10px 0;
}
.box table th{
	font-weight: 600;
}
.box table .t-link{
	display: inline;
	text-decoration: underline;
}
.box .btn-delete{
	background: #F02E12;
	color: #FFF;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 34px;
	margin: auto;
	font-size: 14px;
}
input.btn{
	padding:0;
	cursor: pointer;
}
.btn{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	max-width: 274px;
	height: 40px;
	box-shadow: #0000000D 2px 2px 4px;
}
.btn.btn-orange{
	background: -webkit-gradient(linear, left top, right top, from(#EF8100), to(#FFB764));
	background: linear-gradient(left, #EF8100, #FFB764);
}
.btn.btn-border-orange{
	background: #FFF;
	border: #EF8100 1px solid;
	color: #EF8100;
}
.btn.btn-red{
	background: #F02E12;
	color: #FFF;
}
.btn.btn-blue{
	background: #1D429A;
	color: #FFF;
}
.btn.btn-border-blue{
	border: #1D429A 2px solid;
	color: #1D429A;
	font-weight: 600;
}
.btn.btn-green{
	background: -webkit-gradient(linear, left top, right top, from(#13A5A1), to(#3EC1BD));
	background: linear-gradient(left, #13A5A1, #3EC1BD);
}
.btn.btn-border-green{
	border: #13A5A1 1px solid;
	background: #FFF;
	color: #13A5A1;
}
.btn-back{
	display: flex;
	align-items: center;
	color: #6C6C6C;
	font-size: 16px;
	transition: .2s all linear;
}
.btn-back:before{
	/* content: url('../images/icon/back.svg');
	margin-right: 6px; */
}
.btn-back:hover{
	opacity: .6;
}
.btn-print-wrap {
    display: flex;
    justify-content: flex-end;
}
.btn.btn-orange {
    background: -webkit-gradient(linear, left top, right top, from(#EF8100), to(#FFB764));
    background: linear-gradient(left, #EF8100, #FFB764);
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 1rem 2rem;
    box-shadow: #0000000D 2px 2px 4px;
	border: 0;
}
.btn.btn-orange.dropdown-toggle .caret {
	border-width: 6px;
}
div.box-inherit {
    overflow: inherit;
}
.dropdown-menu.right {
	left: unset;
	right: 0;
}
.cp-table .sort-btn-wrap {
    right: 5px;
    display: flex;
    flex-wrap: wrap-reverse;}
.cp-table .sort-btn-wrap > i.fa {	
	width: 100%;
}
.cp-table .sort-btn-wrap > i.fa.fa-caret-down:before,
.cp-table .sort-btn-wrap > i.fa.fa-caret-up:before {
	height: 15px;
	display:block;
}
.cp-table .sort-btn-wrap > i.fa.fa-caret-down:before {
	line-height: 10px;
}
.box .form-wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -20px;
}
.box .form{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.box .form input{
	height: 40px;
}
.box .form .name{
	margin-right: 10px;
}
.box .form-empty-100 {
	width: 100%;
}
.box .form {
	margin-right: 20px;
}
.box .form .size-100{
	width: 100px;	
}
.box .form .size-120{
	width: 120px;	
}
.box .form .size-135{
	width: 135px;	
}
.box .form .size-150{
	width: 150px;
}
.box .form .size-170{
	width: 170px;	
}
.box .form .size-220{
	width: 220px;	
}
.box .form .size-227{
	width: 227px;	
}
.box .form .size-337{
	width: 337px;	
}
.box .form .size-358{
	width: 358px;	
}
select{
	width: 93px;
	height: 40px;
	border-radius: 4px;
	border: #E4E4E4 1px solid;
	background: #F4F6F8;
	padding: 0 6px;
}
.box .form-wrap .form.label--false label.control-label-long {
	display: none;
}
.box .box-contents {
	font-size: 1.6rem;
}
.btn.btn-border-blue:hover, .btn.btn-border-blue:focus {
	background-color: #f3f5fa;
	color: #1D429A;
}
.cp-table .bg_gray {
	color: #092846;
    background: #B3B3B3 !important; 
}
.btn.btn-border-blue {
	background: transparent;
}
/* .page_profile .box-contents form .table > tbody > tr > th:first-child { 
	width: 25%; 
} */
.corp-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.corp-icon.icon-question {
	background-image: url(../images/icon/question.svg);
}
.box .box-title > .corp-icon:first-child {
    font-size: 1.2em;
    margin-right: 5px;
}
.page_guide_index .box .box-contents{
	padding-top: 62px;
}
.btn.btn-orange:hover,
.btn.btn-green:hover,
.btn.btn-cyan:hover,
.btn.btn-orange:focus,
.btn.btn-green:focus,
.btn.btn-cyan:active,
.btn.btn-cyan:focus {
	opacity: 0.6;
    color: #fff;
	outline: 0 !important;
}
.btn.btn-border-orange:hover,
.btn.btn-border-green:hover,
.btn.btn-border-cyan:hover,
.btn.btn-border-orange:focus,
.btn.btn-border-green:focus,
.btn.btn-border-cyan:focus {
 	opacity: 0.6;
}
.btn.btn-border-orange:hover,
.btn.btn-border-orange:focus {
	color: #EF8100;
}
.btn.btn-border-green:hover,
.btn.btn-border-green:focus {
	color: #13A5A1;
}
.btn.btn-border-gray {
	background: #FFF;
	border: #B3B3B3 1px solid;
	color: #B3B3B3;
}
.btn.btn-orange:active{
	background: -webkit-gradient(linear, left top, right top, from(#EF8100), to(#FFB764));
    background: linear-gradient(left, #EF8100, #FFB764);
}
.btn.btn-cyan:active {
    background: -webkit-gradient(linear, left top, right top, from(#13A5A1), to(#3EC1BD));
    background: linear-gradient(left, #13A5A1, #3EC1BD);
}
.box .box-contents .notice {
	margin: 0;
}
.btn:active {
    background-image: gray !important; 
}
.page_account_list .btn-middle-wrap  {
	display: flex;
    justify-content: flex-end;
}
.distribute_wrap .distribute_control {
    color: #fff !important;
    width: 30px;
    height: 30px;
    background: linear-gradient(118deg, #1D429A, #83D6EB);
    font-size: 16px;
    font-weight: normal;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
	text-decoration: none;
}
.distribute_wrap .distribute_control:hover {
	opacity: 0.6;
}
label.custom_check::before {
	border-radius: 2px;
    background-color: #fff !important;
    border-color: #4f4f4f !important;
}
input[type=checkbox]:checked + label.custom_check::before {
    background-color: #005cc8 !important;
    border: solid 1px #005cc8 !important;
}
input[type=checkbox]:checked + label.custom_check::after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    top: 24px !important;
    right: 22px !important;
	width: 14px !important;
    height: 7px !important;
}
.cp-page-inner .box .box-contents .main .figure{
	max-width: 1000px;
}
.cp-page-inner .box .box-contents .main .figure img { 
	width: 100%;
	height: auto;
}
.bg_pale_blue {
 	background-color: #E0E9FF !important;
}
.bg_white {
	background-color: #fff !important;
}
.page_balance_inquiry .cp-table tr:nth-child(2n) td,
.page_lesson-history .cp-table tr:nth-child(2n) td {
	background-color: #FFF;
}
.page_balance_inquiry .cp-table tr:nth-child(2n+1) td,
.page_lesson-history .cp-table tr:nth-child(2n+1) td {
	background-color: #F5F5F5;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 !important;
}
.page_coin_distribution .cp-table tbody:nth-child(2n) td {
	background-color: #FFF;
}
.page_coin_distribution .cp-table tbody:nth-child(2n+1) td {
	background-color: #F5F5F5;
}
/* .box-contents .cp-table tr:nth-child(2n+1) td {
	background-color: unset !important;
} */

.user_lesson_search .form-control[readonly] {
	border: #e4e4e4 1px solid;
	background: #f4f6f8;
	box-shadow: none !important;
}
/* .box-contents table tbody {
	border: 1px solid #ddd !important;
} */
tr.changed td {
	background: #ffe1c0 !important;
}
.user_distribute_coin .distribute_wrap .distribute_input {
	margin: 0 10px;
	width: 62px;
	display: inline-block;
	font-size: 16px !important;
	line-height: 1.6;
	padding: 5px 10px;
	background-color: #F4F6F8;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
	color: #555555;
	text-align: left;
}
.user_distribute_coin .distribute_wrap a {
	font-family: 'Arial', sans-serif;
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	width: 30px;
	height: 30px;
	padding: 0;
}
.sample_list li a {
	width: unset;
	height: unset;
}

.cp-table th, 
.cp-table tr, 
.cp-table td {

	border:1px solid #c6c6c6 !important;
}

.cp-table > caption+thead> tr:first-child > th, 
.cp-table > colgroup+thead> tr:first-child > th, 
.cp-table > thead:first-child> tr:first-child > th, 
.cp-table > caption+thead> tr:first-child > td, 
.cp-table > colgroup+thead> tr:first-child > td, 
.cp-table > thead:first-child> tr:first-child > td {
	border-top:1px solid #c6c6c6 !important;
}
.btn-d_i_block {
    display: inline-block !important;
}

.cp-page-inner .sec_header {
	 margin-bottom: 0; 
} 
.cp-page-inner .sec_header .sec_ttl {    
	padding-bottom: 0;
}

.create_account_radio_wrap .form-item > .single-radio-wrap input[type=radio],
.d_block_radio_wrap .form-item > input[type=radio] {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	width: 18px;
	height: 18px;
	border: 1px solid #C6C6C6;
	border-radius: 50%;
	outline: 0;
	margin-right: 1.2rem;
	float: none;
	margin-top: 0;
}	
.create_account_radio_wrap .form-item > .single-radio-wrap input[type=radio]:checked,
.d_block_radio_wrap .form-item > input[type=radio]:checked {
	border: 1px solid #1D429A;
}
.create_account_radio_wrap .form-item > .single-radio-wrap input[type=radio]:checked::before,
.d_block_radio_wrap .form-item > input[type=radio]:checked::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #1D429A;
	transform: translate(-50%,-50%);
}
.create_account_radio_wrap .form-item > .single-radio-wrap {
	margin-right: 1.2rem;
	display: flex;
    align-items: center;
}
.page_create_account .box-contents .table, 
.page_invite_mail .box-contents .table {
	margin-bottom: 30px;
}
.page_create_account .box-contents .table tbody, 
.page_invite_mail .box-contents .table tbody,
.page_inquiry_detail .box-contents .inquiry_form_wrap .table tbody {
	border: 0 !important;
}
.page_create_account .box-contents .table > tbody > tr,
.page_invite_mail .box-contents .table > tbody > tr {
	border-top: 1px solid #e4e4e4;
}
.page_create_account .box-contents .table > tbody > tr:last-child,
.page_invite_mail .box-contents .table > tbody > tr:last-child {
	border-bottom: 1px solid #e4e4e4;
}
.page_create_account .box-contents .table > tbody > tr td,
.page_invite_mail .box-contents .table > tbody > tr td {
	padding: 1.8rem .8rem;
}  
.page_create_account .box-contents .table > tbody > tr > th,
.page_invite_mail .box-contents .table > tbody > tr > th {
	text-align: left;
}
.page_create_account .box-contents,
.page_invite_mail .box-contents {
	padding: 35px 40px;
}
.d_block_radio_wrap .form-item {
	display: flex;
	align-items: center;
	padding: 1rem 0;
}
.d_block_radio_wrap .form-item  label {
	margin-bottom: 0;
}
.d_block_radio_wrap .form-item select {
	margin-left: 1.2rem;
}
.box .form.size-full-width {
	display: block;
	width: 100% ;	
}
.box.box-mt0 {
	margin-top: 0;
}
.box .size-w800,
.box .size-w800-center {
	max-width: 80rem;
	width: 100%;
}
.box .size-w800-center {
	margin: 0 auto;
}
.page_import_account .box-contents .dropdown.dl_file .dropdown-menu {
    left: 0;
    transform: unset;
    right: unset;
}
.d_i_block_inputs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
}
.d_i_block_inputs .form-item:not(:last-child) {
	margin-right: 3rem;
}
.d_i_block_inputs .form-item > input[type=radio] { 
	margin-top: 0;
}
.box .form.size-full-width input[readonly] {
    height: auto;
    border: none;
    border-radius: 0;
    background: none;
    padding: 5px 0 8px;
    outline: 0;
}
.bg_lightgray_blue {
	background-color: #f4f6f8;
}
.list_type_disc {
	list-style-type: disc;
}
.modal .modal-dialog {
    min-width: 900px;   
	 margin: 8rem auto;
} 
.modal .modal-content {
	box-shadow: none;
    border: none;
}
.modal button.btn {
	border-radius: 50px !important;
}
.modal .btn-wrap{
    display: flex;
    justify-content: center;
    margin: 2rem auto;
}
.modal .btn-wrap .btn{
	font-size: 1.8rem;
	font-weight: bold;
	border-radius: 50px;
}
.modal .btn-wrap .btn + .btn{
	margin-left: 20px;
}
.modal .btn-wrap .btn-orange.disabled{
	pointer-events: none;
	background: #F0AD4E;
}
.modal .btn-wrap .btn-gray{
	background: #999999;
	color: #FFF;
}
.modal .btn-wrap .btn-gray:hover{
	opacity: .6;
}
.modal .btn-wrap .btn-orange:hover{
	color: #FFF;
}
.modal .modal-header {
	text-align: center;
	margin: -1rem -1rem 1rem;
	background-color: #1D429A;
}
.modal .modal-header h4 {
	font-weight: bold;
	padding: 1rem;
	color: #fff;
	text-align: left;
}
.modal .modal-body { 
	font-size: 1.6rem;
}
.modal .modal-dialog-close {
	width: 34px;
	height: 34px;
	border-radius:50%;
	border:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
	position: absolute;
	top: -16px;
	right: -16px;
	z-index: 10;
}
.modal .modal-dialog-close:hover::before {
	opacity: 0.6;
}
.modal .modal-dialog-close::before {
	content: url('../images/icon/close.svg');
	width:16px;
	height:16px;
}
.box .form-inline.form {
	margin-bottom: 0
}
.box .form-inline.form input{
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.box .form-inline.form input:first-child {
	margin-left: 0;
}
.box .form-inline.form input:last-child {
	margin-right: 0;
}
.page_lesson_progress .user_lesson_search .control-field input[readonly]{
	cursor: pointer;
	height: 40px;
}
.pagination_wrap .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination_wrap .pagination > li:not(:first-child):not(:nth-child(2)) > a {
	border-left: 0;
}
.pagination_wrap .pagination > .active > a, 
.pagination_wrap .pagination > .active > a:hover {
	border-color: #E4E4E4 !important;
}
.pagination_wrap .pagination_label {
	font-size: 1.4rem;
	color: #092846;
}
.page_balance_inquiry .box .form {
	display: block;
}
.page_inquiries .search_area .search_box {
    background: #F4F6F8;
    box-shadow: none;
    border-color: #E4E4E4;
}
.page_inquiries .search_area .search_mark:before {
    top: -18px;
}
.cp-page-inner .dropzone {
	border-radius: 5px;
	border: 2px dashed #092846;
	background-color: #e5f2ff;
	padding: 60px 20px;
}
.cp-page-inner .dropzone .dz-message .message-1 {
	font-size: 18px;
}
.cp-page-inner .dropzone .dz-message .message-3 {
	font-size: 18px;
	text-decoration: underline;
}
.cp-page-inner .dropzone .dz-preview .dz-error-message {
	top: 110%;
}
.cp-page-inner .dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 0.5;
}
.cp-page-inner .dropzone .dz-preview .dz-image {
	border-radius: 5px;
	background: #052745;
}
.cp-page-inner .dropzone .dz-preview.dz-error .dz-image {
	background-color: #bc232a;
}
.cp-page-inner .dropzone .dz-preview .dz-details {
	color: #fff;
}
.cp-page-inner .dropzone .dz-preview .dz-details .dz-filename span,
.cp-page-inner .dropzone .dz-preview .dz-details .dz-size span {
	background-color: transparent;
}
.cp-page-inner .dropzone .dz-preview .dz-details .dz-filename:hover span {
	background-color: #052745;
	border: 1px solid #fff;
}
.cp-page-inner .dropzone .dz-preview.dz-error .dz-details .dz-filename:hover span {
	background-color: #bc232a;
}
.page_inquiries .comment_list .loaded-message {
	color:#092846;
}
.page_inquiries .inquiry_list li .name {
	font-size: 2rem;
}
.page_inquiries .inquiry_list li .date {
    font-size: 1.4rem;
    min-width: 15rem;
    text-align: right;
}
.page_inquiries .topics_comment {
	border-bottom: 1px solid #E4E4E4;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
}
.view-contents .page-inner .cp-page-inner table button.btn-mw280,
.view-contents .page-inner .cp-page-inner a.btn-mw280, 
.view-contents .page-inner .cp-page-inner button.btn-mw280 {
	min-width: 280px !important;
}
.border_0 {
	border:0 !important;
}
.box-contents table.table.no_border tbody {
	border: 0 !important;
}
.page_inquiry_detail .table tbody > tr:not(:last-child) {
    border-bottom: 1px solid #EAEAEA;
}
.page_inquiry_detail .table tbody > tr:not(:first-child) > th,
.page_inquiry_detail .table tbody > tr:not(:first-child) > td {
	margin-bottom:4rem;
	padding-top:4rem;
}
.page_inquiry_detail .table tbody > tr > th,
.page_inquiry_detail .table tbody > tr:not(:last-child) > td,
.page_inquiry_detail .table tbody > tr > th,
.page_inquiry_detail .table tbody > tr:not(:last-child) > td {
	padding-top:4rem;
	padding-bottom: 3rem;
}
.page_inquiry_detail .table tbody > tr > th {
	margin-right:2rem
}
.btn-back.t_link:before {
	border-top-color: #00acee !important;
	border-left-color: #00acee !important;
}
.btn-back.t_link:hover:before {
    color: #3dc8ff !important;
}
.table.t_left > tbody > tr > th, 
.table.t_left > tbody > tr > td {
	text-align: left;
}
.page_store_delivery .table > thead > tr > th, 
.page_store_delivery .table > tbody > tr > th, 
.page_store_delivery .table > tfoot > tr > th, 
.page_store_delivery .table > thead > tr > td, 
.page_store_delivery .table > tbody > tr > td, 
.page_store_delivery .table > tfoot > tr > td {
    border-color: #EAEAEA;
	padding: 1.5rem 1rem;
}
.page_store_delivery .table > tbody > tr:last-child > th ,
.page_store_delivery .table > tbody > tr:last-child > td 
{
	border-bottom: 1px solid #EAEAEA;
}
.page_store_delivery .address_info  table th {
    font-weight: 500;
} 
.page_textbook_confirm .btn_wrap, .page_store_delivery .btn_wrap { 
	margin: 2rem auto;
}
.page_textbook_confirm button.btn_v2.btn-left.btn-minus::before{
	content: '-';
    font-size: 2.4rem;
    top: -2px;
    position: relative;
}

.page_store_confirm .sec_store_confirm .order_details {
	width: 100%;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	background: #fff;
	padding: 4rem 6rem;
}
.page_store_confirm .sec_store_confirm .order_address,
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 {
	width: 100%;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 {
	padding-left: 0;
	padding-right: 0;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd {
	color: #092846;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd {
	padding-right: 0;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2, 
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2:last-child {
	border-color: #E4E4E4;
}
.conf_t_link {
	width: 10rem;
    position: relative;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd .settings {
	position: absolute;
    bottom: 0;
    right: 0;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd p:last-child {
	margin-bottom: 0;
}
.page_store_confirm .sec_store_confirm .order_details .order_product .subtotal {
	border-color: #E4E4E4;
}
.page_import_reservations .teacher_search_form .table_form {
	width: 100%;
}
.page_import_reservations .teacher_search_form .table_form select {
	height: 40px;
    border-radius: 4px;
    border: #E4E4E4 1px solid;
    background: #F4F6F8;
    padding: 0 6px;
}
.page_import_reservations .teacher_search_form .dl_style_2 dt, 
.page_import_reservations .teacher_search_form .dl_style_2 dd {
	display: block;
}
.page_import_reservations .teacher_search_form .selector_list li { 
	float: none;
	margin: 0 auto;
}
.dl_selector_wfull {
	width: 100% !important;
}
.page_import_reservations .tb_custom_selector .selected_item:after {
	content: "";
    width: 10px;
    height: 10px;
    border: transparent 2px solid;
    border-top-color: #333;
    border-left-color: #333;
    transform-origin: 45% center;
    transform: rotate(225deg);
    border-radius: 0 0 0 1px;
    margin-right: 9px;
    display: inline-block;
}
.page_import_reservations .tb_custom_selector .selected_item {
	height: auto;
    border-radius: 4px;
    border: #E4E4E4 1px solid;
    background: #F4F6F8;
    padding: 0 6px;
}
.page_import_reservations .box .box-contents .item.option  {
    padding: 8px;
}
.page_import_reservations .tb_custom_selector .parent_item {
	background: #F4F6F8;
    color: #092846;
}
.page_import_reservations .tb_custom_selector .options .option.on {
    color: #092846;
    background: #0BCAFA;
}
.page_import_reservations .teacher_search_form .tb_custom_selector .options {
	border-color: rgb(228, 228, 228);
}
.p_t_0 {
	padding-top: 0 !important;
}
.page_import_reservations .teacher_search_form .dl_style_2 dt {
	padding: 0 0 1rem;
}
input[type="radio"]:not(:checked) + label.custom_radio.blue-bordered:before {
    width: 18px;
    height: 18px;
    top: 0;
    margin-top: 0;
}
label.custom_radio.blue-bordered {
    vertical-align: middle;
    padding: 2px 0 0 25px;
}
input[type="radio"]:checked + label.custom_radio.blue-bordered:after {
    background: #1d429a;
    top: 4px;
    left: 50%;
    left: 4px;
    margin-top: 0;
}
input[type="radio"]:checked + label.custom_radio.blue-bordered:before {
    border-color: #1d429a;
    width: 18px;
    height: 18px;
    top: 0;
    margin-top: 0;
    background: #fff;
}
.page_import_reservations .teacher_search_form .table_form tr td {
	padding: 7px 0;
}
.page_import_result .import_result_wrap {
    padding: 0 0 1rem;
}
.page_import_reservations .block-container .block-item:not(:last-child) {
	margin-bottom: 2rem;
}
.page_import_reservations .teacher_search_form .block-container select {
    min-width: auto;
	width: 100%;
}
.box .box-contents .result_table_wrap .btn.disabled {
	border: 0;
}
.btn.btn-red:active,
.btn.btn-red:focus,
.btn.btn-red:hover {
	opacity: 0.6;
	color: #fff;
	outline: 0 !important;
}
.view-contents .page-inner .cp-page-inner table button.btn-mw110,
.view-contents .page-inner .cp-page-inner a.btn-mw110, 
.view-contents .page-inner .cp-page-inner button.btn-mw110 {
	min-width: 110px !important;
}
.cp-table.table-import-result.bg_odd_white tr:nth-child(2n) td {
	background-color: #fff;
}
.cp-table.table-import-result.bg_odd_white tr:nth-child(2n+1) td {
	background-color: #F5F5F5;
}
.btn-back.t_link {
    margin: 2rem 0 0 1rem;
    text-decoration: none;
}
.create_account_radio_wrap .form-item > .single-radio-wrap label {
    margin-bottom: 0;
}
.view-contents .modal button.btn,
.view-contents .modal a.btn, 
.view-contents .modal button.btn {
	min-width: 110px !important;
}
.box .box-contents .attention.bg_lightgray_blue  {
	padding: 24px 21px 24px;
}
.box .box-contents .main .figure {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd
}
.radio_d_i_block_wrap .radio input[type="radio"] {
	width: auto;
}
.radio_stop_date_container input,
.stop_right_away_checkbox_container input,
.width_auto input,
.modal .modal-dialog input[type="radio"],
.modal .modal-dialog input[type="checkbox"] {
	width: auto;
}
.page_import_reservations .table.step2>thead>tr>th {
    padding: 8px;
    background-color: #E0E9FF;
    color: #092846;
}
.back-btn-black .btn-back {
    width: max-content;
}
.btn-back:hover{
	color: unset;
	text-decoration: none;
}
.alert-warning.bg_pale_blue {
	color: #092846;
}
.notice {
    background: #F4F6F8;
}
.th_w30 {
	width: 30% !important;
}
.btn.fs_18 {
	font-size:1.8rem !important;
}
.back-btn-wrap .btn-back.t_link {
	width: max-content;
}
.bottom_btn_wrap .wrap_back a,
.bottom_btn_wrap .wrap_confirm a {
	display: inline-block !important;
}
.modal .btn-wrap .btn-block + .btn-block {
	margin-top: 0 !important;
}
.view-contents .modal button.btn-mw280,
.view-contents .modal a.btn-mw280, 
.view-contents .modal button.btn-mw280 {
	min-width: 280px !important;
}
.btn.btn-auto-width {
    width: max-content !important;
    height: auto !important;
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}
.page_store_complete .box-contents {
	color: #092846;
}
.page-login .login-wrap .btn-wrap_link_txt {
	display: flex;
	justify-content: flex-end;
}
.page-login .login-wrap .btn-wrap_link_txt a {
	display: block;
	width: max-content;
}
.page-login .login-wrap .input-wrap input {
	display: block;
	box-sizing: border-box;
}
.page_lesson_progress .user_lesson_search {
    margin-bottom: 0;
}
.d_block{
	display: block;
}
button.btn-w280 {
	min-width: 280px 
}
.cp-table {
	border-width: 0 !important;
	table-layout: fixed;
}
.cp-table thead tr th, .cp-table tbody tr td {
	border-right-width: 0 !important;
	border-top-width: 0 !important;
}
.cp-table thead > tr > th:last-child, 
.cp-table tbody > tr > td:last-child {
	border-right-width: 1px !important;
}
.cp-table thead > tr, .cp-table tbody td {
	border-top-width: 0 !important;
}
.cp-table thead > tr > th.border_r_0 {
	border-right-width: 0 !important;
}
.file_dz_wrap .input.file > #upload-file,
.file_dz_wrap .input.file > #reply-file {
	opacity: 0 !important;
	width: 100%;
	height:  100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.file_upload_dz_wrap .dropzone.file_dz {
	position: relative;
	padding: 20px;
}
#selected-files i.fa-times-circle {
	cursor: pointer;
}
.inquiry_form_wrap input#btn_exe_send {
    margin-right: auto;
    margin-left: auto;
	border-radius: 20px;
}

/* NJ-22052 End */
/* NJ-8309 Start */

.page_import_account .step_wrap.full{
	max-width: 100% !important;
	margin: 0 0;
}

.page_import_result .step_wrap.full{
	max-width: 100% !important;
	margin: 0 0;
}
.page_import_reservations .teacher_search_form .dl_style_2 .width_3{
	min-width: 20rem;
}
.page_import_reservations .grid-container {
	display: grid;
	grid-template-columns: 13% 90%;
	padding: 10px;
	align-items:center
}
.page_import_reservations .grid-item {
	vertical-align: middle;
	padding: 20px 0;
}
.page_import_reservations .grid-item select{
	min-width: 250px;
    line-height: 24px;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
    font: inherit;
    font-size: 15px;
    font-size: 1.5rem;
    cursor: pointer;
    outline: none;
    margin: 0 7px;
}
.page_import_reservations .grid-item .textbook_list select{
	min-width: 325px;
    margin: 5px 7px;
}
.page_import_reservations .grid-item .radio_list li{
	float: left;
    margin: 0 15px 0 7px;
}
.page_import_reservations .table.step2>thead>tr>th{
	/* padding: 5px;
	background-color: #092846;
	color: white;
	text-align: center; */
}
.page_import_reservations .table.step2>thead>tr>th:first-child{
	width: 80px;
}
.page_import_reservations .table.step2>thead>tr>th:nth-child(2){
	width: 79px;
}
.page_import_reservations .table.step2>thead>tr>th:nth-child(3){
	width: 170px;
}
.page_import_reservations .table.step2>thead>tr>th:nth-child(7){
	width: 300px;
}
.page_import_reservations .table.step2 > tbody > tr{
	height: 55px;
}
.page_import_reservations .table.step2 .t_color-red{
	color: #F14444;
}
.page_import_result .step {
	padding: 40px 0;
	border-bottom: 1px solid #f1f1f1;
}
.page_import_result .step_wrap {
	max-width: 800px;
	margin: 0 auto;
	border: 4px solid #f1f1f1;
	padding: 0 40px;
	margin-bottom: 80px;
}
.page_import_result .step_ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	color: #092846 !important;
}
.page_import_result .step .text {
	font-size: 16px;
	line-height: 1.6;
}

.cp-page-inner.page_import_account.page_import_reservations .sec_header .flow-wrap .item + .item:before{
	content: ">";
}

.wd_300{
	width: 300px;
}

/* NJ-8309 End */

/* ********** 23929 ********** */
/* ********** 23929 ********** */
.user_lesson_search--mod {
    margin: unset !important;
}
.user_lesson_search--mod .btn {
    line-height: normal !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}
.user_lesson_search--mod .form-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    /* margin: unset !important; */
	flex-wrap: wrap;
    gap: 1.5em 1em;
}
.user_lesson_search--mod .form-wrap .form {
    margin: unset !important;
    line-height: normal;
}
.user_lesson_search--mod .form-wrap .form input[type="text"],
.user_lesson_search--mod .form-wrap .form input[type="email"],
.user_lesson_search--mod .form-wrap .form select {
    min-width: 140px !important;
    width: unset !important;
}
.user_lesson_search--mod .form-wrap .form .input {
    margin: unset !important;
    padding: unset !important;
    width: unset !important;
    min-width: unset !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}
.user_lesson_search--mod .form-wrap .form .name {
    word-break: keep-all;
    -webkit-margin-end: 0.5em;
    margin-inline-end: 0.5em;
}
.user_lesson_search--mod .form-wrap .form .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
}

.commands {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
}
.commands--inline-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.commands .commands-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 1em;
}
.commands .commands-group--justify {
    position: absolute;
}
.commands .commands-group--justify.right {
    right: 0;
}
.commands .commands-group--spread {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.commands--fullwidth {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
	gap: 1em;
}
.commands--fullwidth .commands-group {
	-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 100% !important;
			flex: 1 1 100% !important;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.dropper {
    position: relative;
}
.dropper .dropdown-menu {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    margin: unset;
    top: calc(100% + 5px);
    right: 0 !important;
    left: unset !important;
    transform: unset!important;
    padding: unset;
    max-height: 200px;
    overflow: auto;
}
.dropper--options .dropdown-menu {
    padding: 1em;
}
.dropper .dropdown-menu::-webkit-scrollbar {
    width: 3px !important;
}
.dropper .dropdown-menu::-webkit-scrollbar-track {
    background: #ffffff;
}
.dropper .dropdown-menu::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 6px;
}
.dropper .dropdown-menu--left {
    -webkit-transform: unset;
    transform: unset;
    left: 0 !important;
    right: unset !important;
}
.dropper .dropdown-menu--right {
    -webkit-transform: unset;
    transform: unset;
    right: 0 !important;
    left: unset !important;
}
.dropper .dropdown-menu li a {
    padding: 0.65em 1.15em !important;
    display: block;
    text-align: center;
}

.table--mod th {
    word-break: break-word;
    font-size: 1.4rem;
    padding: 0.3em 2.5em 0.3em 2.5em !important;
    margin: unset !important;
    position: relative;
}
.table--mod th.sort-wrap {
    padding: 0.3em 2.5em 0.3em 0.5em !important;
}
.table--mod th .sort-btn-wrap {
    position: absolute;
    right: 0.5em !important;
}
.table--mod th .sort-btn-wrap i.fa {
    font-size: 1.8rem;
    line-height: normal !important;
}
.table--mod tbody {
    font-size: 1.4rem;
}
.table--mod tbody tr td {
    /* word-break: keep-all !important; */
    padding-block: 0.3em;
}
.table--mod tbody tr:nth-child(even) td {
    background: rgba(198, 198, 198, 0.3137254902) !important;
}
.table--mod tbody tr.tr-bg-purple td {
    background: #f2f0ff !important;
}
.table--mod tbody tr.tr-bg-gray td {
	background: #b0b0b0 !important;
}
.table--mod .manage-num-form {
    background: #ffffff;
    text-align: center;
}
.table--mod .manage-num-form:focus {
    outline: unset;
    border-color: #000000;
}

.btn--mod--minified {
    padding: 4px 6px;
    height: unset;
    font-size: 1.2rem !important;
    line-height: normal;
}
.btn--mod [disabled] {
    pointer-events: none;
}

.btn--mod.btn-gray {
    background: #cccccc;
    color: #fff;
}
.btn--mod.btn-gray:hover {
    background: #aaaaaa;
}

.box {
    --c_oxford_blue: #092846;
}
.box--mod {
    overflow: unset !important;
}
.box--mod p,
.box--mod label {
    color: var(--c_oxford_blue) !important;
    font-weight: 500;
}
.box--mod .block-underlined {
    border-bottom: 2px solid rgba(204, 204, 204, 0.3764705882);
    display: block;
    -webkit-padding-after: 0.5em;
    padding-block-end: 0.5em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
}
.box--mod .file-deck .dropzone {
    max-height: 298px;
    margin: unset;
}
.box--mod .file-deck .dropzone .dz-message {
    margin: unset;
    font-weight: 500;
}
.box--mod .file-deck .dropzone .dz-message p {
    font-size: 1.6rem;
}
.box--mod .file-deck .dropzone .dz-message p.t_link {
    color: #0facee !important;
    text-underline-offset: 6px;
}
.box--mod .file-deck .dropzone .dz-preview {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    isolation: isolate;
}
.box--mod .file-deck .dropzone .dz-details {
    z-index: 11;
}
.box--mod .file-deck .dropzone .dz-progress {
    top: calc(100% - 40px);
}
.box--mod .file-deck .dropzone .dz-error-message,
.box--mod .file-deck .dropzone .dz-success-mark,
.box--mod .file-deck .dropzone .dz-error-mark {
    z-index: 99;
    margin-top: -44px;
}

.iconned {
    position: relative;
    line-height: normal;
}

.inline-icon {
    display: inline-block;
    height: auto;
    max-width: 16px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 4px;
}
.inline-icon svg {
    width: 100%;
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 2em;
}
.breadcrumbs .item {
    position: relative;
}
.breadcrumbs .item::before {
    position: absolute;
    left: -1.5em;
}
.list-filter-option-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
	padding: 0.5em 0.75em;
}
.list-filter-option-wrap input {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}
.list-filter-option-wrap label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: unset !important;
    text-align: left;
}

/* ********** 23929 ********** */
/* ********** modal ********** */
.modal-dialog--mod .modal-dialog-close {
    position: absolute;
    left: calc(100% - 18px);
    bottom: calc(100% - 18px);
}
.modal-dialog--mod .modal-content {
    padding: unset;
}
.modal-dialog--mod .modal-content .modal-label {
    background: #1d429a;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: normal;
    padding: 16px 40px;
}
.modal-dialog--mod .modal-content .modal-body {
    padding-inline: 50px!important;
    padding-block: 0;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
}
.modal-dialog--mod .modal-content .modal-body__header {
    color: #092846;
    font-size: 18px !important;
    font-weight: bold;
    text-align: left;
    padding: 1rem 0;
}
.modal-dialog--mod .modal-content .modal-body__block--underlined {
    border-bottom: 2px solid rgba(204, 204, 204, 0.3764705882);
    -webkit-padding-after: 0.5em;
    padding-block-end: 0.5em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
}
.modal-dialog--mod .modal-content .modal-body .radio label {
    font-size: 1.6rem !important;
}
.modal-dialog--mod .modal-content .modal-body .radio:not(:last-child) {
    -webkit-margin-after: 0.75em;
    margin-block-end: 0.75em;
}
.modal-dialog--mod .modal-content .modal-body .commands {
    padding-block: 10px 30px;
}
.bordered-bottom {
	border-bottom: 2px solid rgba(204, 204, 204, 0.3764705882);
	padding-bottom: 1em;
}

.box-contents .breadcrumbs {
    line-height: normal;
    padding: unset !important;
}
.box-contents .breadcrumbs .item:first-child {
    position: relative;
    -webkit-padding-start: 1.25em;
    padding-inline-start: 1.25em;
}
.box-contents .breadcrumbs .item:first-child:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE1LjQxIDE2LjU5TDEwLjgzIDEybDQuNTgtNC41OUwxNCA2bC02IDZsNiA2bDEuNDEtMS40MXoiLz48L3N2Zz4=);
    left: 0;
    display: block;
}
.schedule-calendar,
.schedule-calendar-2{
    display: none;
}
.radio:has(#opt-scheduled:checked) ~ .schedule-calendar,
.radio:has(#opt-scheduled-2:checked) ~ .schedule-calendar-2
{
    display: block;
}
.cp-page-inner--mod {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /* overflow: hidden; */
}
.cp-page-inner--mod .sec_header {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}
.cp-page-inner--mod .box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 0;
}
.cp-page-inner--mod .box .box-contents {
    position: relative;
    /* overflow: auto; */
}
.cp-table-scroll table{
	table-layout: auto!important;
}
.cp-table-scroll table td .btn {
    font-size: 12px !important;
}

/* override */
.dropper .dropdown-menu li a {
	text-align: left;
}

input[type='checkbox']{
    width: auto!important;
}

/* NJ-25896 */
.page-detail .page_profile .table-bordered>tbody>tr>th,.page-detail .page_profile .table-bordered>tbody>tr>td {
	border-right: none!important;
    border-left: none!important;
}
.page-detail .page_profile .table-bordered>thead>tr>th, .page-detail .page_profile .table-bordered>tbody>tr>th, .page-detail .page_profile .table-bordered>tfoot>tr>th, .page-detail .page_profile .table-bordered>thead>tr>td, .page-detail .page_profile .table-bordered>tbody>tr>td, .page-detail .page_profile .table-bordered>tfoot>tr>td {
	border: initial;
	border-top: 1px solid #F4F6F8!important;
}
.page-detail .page_profile .table-bordered>tbody>tr>th,.page-detail .page_profile .table-bordered>tbody>tr>td {
	border-bottom: 1px solid #F4F6F8!important;
}
.page-detail .page_profile .table-bordered>tbody>tr>th::after {
	content: ":";
	position: absolute;
    right: 10%;
}
.page-detail .page_profile .table-bordered>tbody>tr>th.no_ttl::after {
	content: "";
}
.table-bordered {
	border: none!important;
}
.page_profile .container_wrap {
	display: flex;
	justify-content: space-between;
}
.page_profile .container_left,.page_profile .container_right {
	display: block;
	margin: 1rem;
	flex-grow: 1;
}
.box table th {
	position: relative;
	text-align: left!important;
}
.box table td {
	text-align: right!important;
}
.box table th.no_ttl:after {
	content: '';
}
.box table th.goal:after {
	content: '';
}
.box table th.term:after {
	bottom: 50%;
}
.btn_t_right {
	text-align: -webkit-right;
}
.corp_limit a {
	width: initial!important;
}
.box .form-inline.form input {
	width: 124px;
}
.box .form-inline.form {
	margin-right: initial!important;
	justify-content: end;
}
.container_right input.checkbox {
	width: initial!important;
}
.container_right .checkbox_area {
	display: flex;
    align-items: flex-start;
    justify-content: end;
}
.container_right .sort-btn-wrap {
    right: 5px;
    display: flex;
    flex-wrap: wrap-reverse;
}
.container_right .sort-btn-wrap > i.fa {
	width: 100%;
}
.lesson_time_wrap {
	display: flex;
	justify-content: end;
}
/*-----------------------------------*/
/*----- lesson_progress nav -------*/
/*-----------------------------------*/
.lesson_progress-nav-wrap,
.lesson_progress-nav-wrap * {
	box-sizing: border-box;
}
.lesson_progress-nav-wrap {
	border-bottom: 2px solid #1E429A;
}
.lesson_progress-nav-list {
	max-width: 630px;
	display: flex;
	align-items: stretch;
	background: #fff;
	overflow: hidden;
}
ul.lesson_progress-nav-list {
	margin-bottom: 0!important;
}
.lesson_progress-nav-list > li {
	flex: 1 1 0px;
	text-align: center;
}
.lesson_progress-nav-list .nav-btn {
	display: block;
	padding: 10px;
	font-size: 14px;
	line-height: 1.6;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C6C6C6;
	border-radius: 5px 5px 0 0;
}
.lesson_progress-nav-list .nav-btn.on {
	background-color: #1D429A;
	color: #fff; 
}
.lesson_progress-nav-list span.space {
	width: 1rem;
}
.user_lesson_search .btn-green {
	min-width: 60px!important;
	height: 30px;
	border-radius: 20px !important;
	border: none!important;
}
.box .form-wrap {
	align-items: baseline!important;
}
input.level {
	width: 80px;
}
ul.d_i_block_inputs {
	margin-top: 1rem!important;
	margin-bottom: 0!important;
}
ul.d_i_block_inputs .form-item:not(:last-child) {
	margin-right: 0.5rem!important;
}
a#trigger-refer-goal-modal {
	width: initial!important;
}

/* NJ-41913 Fix */
@media screen and (max-width: 1680px) {
  .distribute_wrap {
	flex-direction: column-reverse !important;
  }
  .user_distribute_coin .distribute_wrap a{
	margin: 4px;
  }
}
/* NJ-41913 Fix End */

/* NJ-37836 START */
.input-wrap.credit-form .select-box .image-block img {
	transform: translateY(-2px);
}
/* NJ-37836 END */
/* NJ-42536 Start */

/* guide Start */

.page_guide_index.v2 .box .box-contents{
	padding: 37px 87px 74px 87px;
}
.page_guide_index.v2 .contents .guide_list .list-item{
	height: 256px;
    max-width: 32.1%;
    width: 456px;
	padding: 0;
	margin: 0;
}
.page_guide_index.v2 .contents .guide_list .list-item > a{
	border: 3px solid #F4F6F8;
	border-radius: 4px;
}
.page_guide_index.v2 .contents .guide_list {
    justify-content: space-between;
	gap: 24px;
	margin: 0;
}
.page_guide_index.v2 .contents .guide_list .list-item .thumbnail-img img {
    width: auto;;
}
.page_guide_index.v2 .contents .guide_list .list-item .name{
	font-size: 20px;
	color: #092846;
}
.page_guide_index.v2 .contents .guide_list .list-item .name {
    position: relative;
    top: 9px;
}
.page_guide_index.v2 .box{
	margin-bottom: 0;
}
.page_guide_index.v2 .contents .guide_list .list-item > a:hover {
    background-color: #F4F6F8;
}
/* guide End */

/* account-index Start */

.breadcrumbs {
    margin-top: 7px;
	gap: 1.9em;
}
.breadcrumbs .item + .item:before {
    margin: 0 5px;
}

.page_guide_account-management.v2 * + .box {
	margin-top: 19px;
}
.page_guide_account-management.v2 .box .box-title {
    padding: 19.5px 20px;
}
.page_guide_account-management.v2 .box .box-contents {
	padding: 20px 20px;
}
.page_guide_account-management.v2 .box .box-contents .main .figure {
	padding: 19px;
}
.page_guide_account-management.v2 .box .box-contents .main .figure{
	width: 998px;
	max-width: 65%;
}
.page_guide_account-management.v2  .contents .figure, .contents .figure2{
	margin: 0;
}
.page_guide_account-management.v2 .contents .main.flex{
	display: flex;
}
.page_guide_account-management.v2 .side_note{
	margin-left: 20px;
    line-height: 23px;
	width: 100%;
    max-width: 33.7%;
}
.page_guide_account-management.v2 .contents .main.m_2nd_main{
	margin: 109px 0 0 0;
	position: relative;
}
.page_guide_account-management.v2 .contents .main.m_2nd_main figure{
	position: relative;
}
.page_guide_account-management.v2 .contents .main.m_2nd_main figure::before{
    content: url(../images/guide/account-index/icon_arrow.svg);
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: auto;
}
.page_guide_account-management.v2 .side_note.second_main_note{
    line-height: 21px;
    margin-top: 2px;
}
.page_guide_account-management.v2 .side_note.second_main_note span{
	margin-left: 6px;
}
.page_guide_account-management.v2 .side_note.second_main_note .flex{
	display: flex;
}
.page_guide_account-management.v2 .side_note.second_main_note .is_bullet{
	margin: -8px 0 0 53px;
}

@media only screen and (max-width: 1800px) {
	.page_guide_index.v2 .contents .guide_list .list-item {
		max-width: 31%;
	}
  }

/* account-index End */

/* contract-start Start */

.page_guide_contract-start .contract_flow{
	margin-top: 29px;
	background: white;
	padding: 20px 20px;
}
.page_guide_contract-start .contract_flow p{
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 9px;
}
.page_guide_contract-start .contract_flow .contract_flow_boxes{
    display: flex;
    column-gap: 55px;
}
.page_guide_contract-start .contract_flow .contract_flow_boxes section{
	width: 200px;
    height: 53px;
    border-radius: 4px;
    border: 2px solid #1D429A;
    font-size: 16px;
    font-weight: 500;
    color: #1D429A;
    text-align: center;
    line-height: 49px;
	position: relative;
}
.page_guide_contract-start .contract_flow .contract_flow_boxes section a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page_guide_contract-start .contract_flow .contract_flow_boxes .has_arrow_right::before{
	content: url(../images/guide/contract-start/arrow-right.svg);
    position: absolute;
    top: 50%;
    left: -34px;
    transform: translateY(-50%);
    width: 12px;
    height: 21px;
    line-height: 0;
}
.page_guide_contract-start .box .box-title{
	padding: 19.5px 20px;
}
.page_guide_contract-start .box .box-contents {
    padding: 19px 20px;
}
.page_guide_contract-start .main .figure {
	max-width: 998px;
}
.page_guide_contract-start .box .box-contents .main .figure {
	padding: 19px;
    margin-bottom: 23px;
}
.page_guide_contract-start .box .box-contents .main section{

}
.page_guide_contract-start .box .box-contents .main section h3{
    font-size: 16px;
    font-weight: 500;
    color: #092846;
    background: none;
    padding: 0;
    margin: 0 0 6px 0;
}
.page_guide_contract-start .box .box-contents .main section p{
    margin: 0;
    line-height: 31px;
}
.page_guide_contract-start .trigger_modal{
	display: inline;
    text-decoration: none;
}
.page_guide_contract-start .trigger_modal:hover{
    text-decoration: underline;
}
#trigger_modal_1_dialog .modal-dialog{
	margin: 10rem auto;
}

.c_092846{
	color: #092846;
}
.m_b_20{
	margin-bottom: 20px;
}
.m_b_0{
	margin-bottom: 0;
}
.m_t_19{
	margin-top: 19px;
}
.m_t_16{
	margin-top: 16px;
}
.m_t_20{
	margin-top: 20px;
}
.m_t_24{
	margin-top: 24px;
}
.l_h_21{
	line-height: 21px;
}
.m_t_5{
	margin-top: 5px;
}
.c_blue{
	color: #0FACEE;
}
.p_20{
	padding: 20px !important;
}
.w_800{
	width: 800px;
	max-width: 100%;
}
.w_840{
    min-width: auto !important;
    width: 840px !important;
    max-width: 90% !important;
}
.f_w_500{
	font-weight: 500;
}

/* contract-start End */

/* account-management Start */

.page_guide_account_management * + .box {
	margin-top: 19px;
}
.page_guide_account_management .box .box-title {
    padding: 19.5px 20px;
}
.page_guide_account_management .box .box-contents {
	padding: 20px 20px;
}
.page_guide_account_management .box .box-contents .main .figure {
	padding: 19px;
}
.page_guide_account_management .box .box-contents .main .figure{
	width: 998px;
	max-width: 65%;
}
.page_guide_account_management  .contents .figure, .contents .figure2{
	margin: 0;
}
.page_guide_account_management .contents .main.flex{
	display: flex;
}
.page_guide_account_management .side_note{
	margin-left: 20px;
    line-height: 23px;
	width: 100%;
    max-width: 33.7%;
}
.page_guide_account_management .contents .main.m_2nd_main{
	margin: 109px 0 0 0;
	position: relative;
}
.page_guide_account_management .contents .main.m_2nd_main figure{
	position: relative;
}
.page_guide_account_management .contents .main.m_2nd_main figure::before{
    content: url(../images/guide/account-index/icon_arrow.svg);
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: auto;
}
.page_guide_account_management .side_note.second_main_note{
    line-height: 21px;
    margin-top: 2px;
}
.page_guide_account_management .side_note.second_main_note span{
	margin-left: 6px;
}
.page_guide_account_management .side_note.second_main_note .flex{
	display: flex;
}
.page_guide_account_management .side_note.second_main_note .is_bullet{
	margin: -8px 0 0 53px;
}
.page_guide_account_management .trigger_modal{
	display: inline;
    text-decoration: none;
}
.page_guide_account_management .trigger_modal.underline{
    text-decoration: underline;
}
.page_guide_account_management .trigger_modal:hover{
    text-decoration: underline;
}

/* account-management End */

/* contract-period  Start */

.page_guide_contract-period .contract_flow{
	margin-top: 29px;
	background: white;
	padding: 20px 20px;
}
.page_guide_contract-period .contract_flow p{
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 9px;
}
.page_guide_contract-period .contract_flow .contract_flow_boxes{
    display: flex;
    column-gap: 55px;
}
.page_guide_contract-period .contract_flow .contract_flow_boxes section{
	width: 200px;
    height: 53px;
    border-radius: 4px;
    border: 2px solid #1D429A;
    font-size: 16px;
    font-weight: 500;
    color: #1D429A;
    text-align: center;
    line-height: 49px;
	position: relative;
}
.page_guide_contract-period .contract_flow .contract_flow_boxes .has_arrow_right::before{
	content: url(../images/guide/contract-start/arrow-right.svg);
    position: absolute;
    top: 50%;
    left: -34px;
    transform: translateY(-50%);
    width: 12px;
    height: 21px;
    line-height: 0;
}
.page_guide_contract-period .box .box-title{
	padding: 19.5px 20px;
}
.page_guide_contract-period .box .box-contents {
    padding: 19px 20px;
}
.page_guide_contract-period .main .figure {
	max-width: 998px;
}
.page_guide_contract-period .box .box-contents .main .figure {
	padding: 19px;
    margin-bottom: 23px;
}
.page_guide_contract-period .box .box-contents .main section{

}
.page_guide_contract-period .box .box-contents .main section h3{
    font-size: 16px;
    font-weight: 500;
    color: #092846;
    background: none;
    padding: 0;
    margin: 0 0 6px 0;
}
.page_guide_contract-period .box .box-contents .main section p{
    margin: 0;
    line-height: 31px;
}
.page_guide_contract-period .trigger_modal{
	display: inline;
    text-decoration: none;
}
.page_guide_contract-period .trigger_modal.underline{
    text-decoration: underline;
}

/* contract-period  End */

/* lesson-progress  Start */

.page_guide_lesson_progress * + .box {
	margin-top: 19px;
}
.page_guide_lesson_progress .box .box-title {
    padding: 19.5px 20px;
}
.page_guide_lesson_progress .box .box-contents {
	padding: 20px 20px;
}
.page_guide_lesson_progress .box .box-contents .main .figure {
	padding: 19px;
}
.page_guide_lesson_progress .box .box-contents .main .figure{
	width: 998px;
	max-width: 65%;
}
.page_guide_lesson_progress  .contents .figure, .contents .figure2{
	margin: 0;
}
.page_guide_lesson_progress .contents .main.flex{
	display: flex;
}
.page_guide_lesson_progress .side_note{
	margin-left: 20px;
    line-height: 23px;
	width: 100%;
    max-width: 33.7%;
}
.page_guide_lesson_progress .contents .main.m_2nd_main{
	margin: 109px 0 0 0;
	position: relative;
}
.page_guide_lesson_progress .contents .main.m_2nd_main figure{
	position: relative;
}
.page_guide_lesson_progress .side_note.second_main_note{
    line-height: 21px;
    margin-top: 2px;
}
.page_guide_lesson_progress .side_note.second_main_note span{
	margin-left: 6px;
}
.page_guide_lesson_progress .side_note.second_main_note .flex{
	display: flex;
}
.page_guide_lesson_progress .side_note.second_main_note .is_bullet{
	margin: -8px 0 0 53px;
}

/* lesson-progress  End */

/* coin-purchase  Start */

.page_guide_coin_purchase * + .box {
	margin-top: 19px;
}
.page_guide_coin_purchase .box .box-title {
    padding: 19.5px 20px;
}
.page_guide_coin_purchase .box .box-contents {
	padding: 20px 20px;
}
.page_guide_coin_purchase .box .box-contents .main .figure {
	padding: 19px;
}
.page_guide_coin_purchase .box .box-contents .main .figure{
	width: 998px;
	max-width: 65%;
}
.page_guide_coin_purchase  .contents .figure, .contents .figure2{
	margin: 0;
}
.page_guide_coin_purchase .contents .main.flex{
	display: flex;
}
.page_guide_coin_purchase .side_note{
	margin-left: 20px;
    line-height: 23px;
	width: 100%;
    max-width: 33.7%;
}
.page_guide_coin_purchase .contents .main.m_2nd_main{
	margin: 109px 0 0 0;
	position: relative;
}
.page_guide_coin_purchase .contents .main.m_2nd_main figure{
	position: relative;
}
.page_guide_coin_purchase .side_note.second_main_note{
    line-height: 21px;
    margin-top: 2px;
}
.page_guide_coin_purchase .side_note.second_main_note span{
	margin-left: 6px;
}
.page_guide_coin_purchase .side_note.second_main_note .flex{
	display: flex;
}
.page_guide_coin_purchase .side_note.second_main_note .is_bullet{
	margin: -8px 0 0 53px;
}

/* coin-purchase  End */

/* inquiry  Start */

.page_guide_inquiry * + .box {
	margin-top: 19px;
}
.page_guide_inquiry .box .box-title {
    padding: 19.5px 20px;
}
.page_guide_inquiry .box .box-contents {
	padding: 20px 20px;
}
.page_guide_inquiry .box .box-contents .main .figure {
	padding: 19px;
}
.page_guide_inquiry .box .box-contents .main .figure{
	width: 998px;
	max-width: 65%;
}
.page_guide_inquiry  .contents .figure, .contents .figure2{
	margin: 0;
}
.page_guide_inquiry .contents .main.flex{
	display: flex;
}
.page_guide_inquiry .side_note{
	margin-left: 20px;
    line-height: 23px;
	width: 100%;
    max-width: 33.7%;
}
.page_guide_inquiry .contents .main.m_2nd_main{
	margin: 109px 0 0 0;
	position: relative;
}
.page_guide_inquiry .contents .main.m_2nd_main figure{
	position: relative;
}
.page_guide_inquiry .side_note.second_main_note{
    line-height: 21px;
    margin-top: 2px;
}
.page_guide_inquiry .side_note.second_main_note span{
	margin-left: 6px;
}
.page_guide_inquiry .side_note.second_main_note .flex{
	display: flex;
}
.page_guide_inquiry .side_note.second_main_note .is_bullet{
	margin: -8px 0 0 53px;
}

/* inquiry  End */

/* NJ-42536 End */

.page_change_payment .input-wrap.credit-form{
	margin: 0;
}
.page_change_payment .input-wrap.credit-form .row{
	margin-left: 0;
	margin-right: 0;
}
.page_change_payment .btn_min.back.bl{
	display: none;
}
.page_change_payment .input-wrap.credit-form .input_code a {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 25px;
	height: 25px;
	transform: translateY(-50%);
}
.page_change_payment .input-wrap.credit-form .input_code img {
	position: static;
	transform: none;
}
.page_change_payment .input-wrap.credit-form select:invalid{
	color: #CCC;
}
.page_change_payment .input-wrap.credit-form select option{
	color: #333;
}
.page_change_payment .input-wrap.credit-form select option:first-child{
	color: #CCC;
}

/* NJ-35344 Start corporation/textbook-purchase */

.page_textbook_purchase.textbook_purchase .textbook_container{
	background: #fff;
	width: 100%;
	border-radius: 5px;
	padding: 20px;
	position: relative;
}

.page_textbook_purchase.textbook_purchase .page_breadcrumbs_2 {
	position: relative;
    margin: 12px auto 19px;
    border-bottom: #eee solid 2px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    line-height: 100%;
    padding: 0 0 4px;
}

.m_t_20{
	margin-top: 20px;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    margin: 30px auto 10px;
    width: 894px;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section{
	max-width: 437px;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 36px 20px 20px;
    position: relative;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section::before {
	content: ">";
	color: #555555;
	font-weight: bolder;
	font-size: 20px;
	position: absolute;
	right: 19px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

.page_textbook_purchase.textbook_purchase .content .textbook_display section:hover{
	opacity: .7;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section .textbook_con{
	display: flex;
	align-items: center;
	gap: 18px;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section .textbook_con figure{
	min-width: 80px;
	height: 80px;
	background: black;
	border-radius: 10px;
	overflow: hidden;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section .textbook_details{
	font-size: 18px;
	color: #555555;
	font-weight: bold;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section .textbook_details p{
	margin: 0;
}

.page_textbook_purchase.textbook_purchase .content .textbook_display section .textbook_details p span{
	display: block;
}

.page_textbook_purchase.textbook_purchase .store_cart {
	width: 30px;
    height: 30px;
    position: absolute;
    right: 2px;
    top: -8px;
    z-index: 10;
}

.page_textbook_purchase.textbook_purchase .store_cart span {
    background: #EA3323;
    width: 20px;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -8px;
    right: -11px;
    font-size: 12px;
    line-height: 20px;
    z-index: 11;
}

.page_textbook_purchase.textbook_purchase .store_cart a:hover img {
	opacity: .6;
}

/* NJ-35344 End corporation/textbook-purchase */

/* NJ-35344 Start corporation/textbook-purchase/detail/ */

.page_textbook_purchase.textbook_purchase_detail .textbook_detail_container .details_heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 3.2rem;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_detail_container .details_heading img {
    border-radius: 10px;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_detail_container{
	background: #fff;
	width: 100%;
	border-radius: 5px;
	padding: 20px 20px 30px;
	position: relative;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_detail_container .textbook_details_content{
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_detail_container .details_content > .description {
    white-space: pre-line;
    line-height: 28px;
	margin-bottom: 3rem;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_detail_container .notice_style li {
    font-size: 15px;
}

.page_textbook_purchase.textbook_purchase_detail .store_cart {
	width: 30px;
    height: 30px;
    position: absolute;
    right: 2px;
    top: -8px;
    z-index: 10;
}

.page_textbook_purchase.textbook_purchase_detail .store_cart span {
    background: #EA3323;
    width: 20px;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -8px;
    right: -11px;
    font-size: 12px;
    line-height: 20px;
    z-index: 11;
}

.page_textbook_purchase.textbook_purchase_detail .store_cart a:hover img {
	opacity: .6;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 {
	position: relative;
    margin: 12px auto 30px;
    border-bottom: #eee solid 2px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    line-height: 100%;
    padding: 0 0 7px;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 ul{
margin: 0;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 a {
	color: inherit;
    vertical-align: middle;
    display: inline;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 .link_box2 {
	color: #428bca;
    text-decoration: none;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 li:after {
    content: '>';
    display: inline-block;
    margin: 0 10px 0 10px;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 .page_ttl {
    max-width: 750px;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 li:last-child {
    /* font-size: 18px; */
    /* font-size: 1.8rem; */
    font-weight: bold;
    margin-right: 0;
    padding-right: 0;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 li:last-child:after {
    display: none;
}

.m_t_20{
	margin-top: 20px;
}

.page_textbook_purchase.textbook_purchase_detail .page_breadcrumbs_2 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .store_item {
    text-align: center;
    width: calc(50% - 15px);
    box-sizing: border-box;
    padding: 0 27px;
	border: 2px solid #EEEEEE;
    border-radius: 10px;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .store_item a {
    color: #3778F1;
    font-size: 16px;
    display: block;
    text-decoration: underline;
	text-align: center;
	height: auto;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	gap: 20px;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons button {
    border: 1px solid #555555;
    border-radius: 10px;
    /* width: 47%; */
    padding: 10px;
    background: none;
    min-height: 85px;
	text-align: center;
	flex: 1 1 100%; /* Default: 100% width */
}
.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons:has(> button:nth-child(2)) button {
	flex: 1 1 47%; /* If there are two buttons */
  }


.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons button span {
    margin-bottom: 8px;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .item_buttons span {
    display: block;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .store_item strong {
    font-size: 18px;
    display: block;
}

.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons button.active {
    color: white;
	background: #555555;
	border: 1px solid #555;
}
.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons .ebook a{
	color: #000;
	text-decoration: none;
}
.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons .ebook.active {
	color: #000;
	text-decoration: none;
	background: none;
}
.page_textbook_purchase.textbook_purchase_detail .textbook_details_content .textbook_list .item_buttons button:hover img{
	-webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -ms-filter: 'alpha( opacity=60 )';
    filter: alpha(opacity = 60);
    opacity: 0.6;
}
.page_textbook_purchase.textbook_purchase_detail .details_buttons{
	display: flex;
    justify-content: space-around;
}

.page_textbook_purchase.textbook_purchase_detail .details_buttons a {
    display: inline-block;
    max-width: 100%;
    color: #fff;
    padding: 12px;
    margin: 0 15px;
    width: 184px;
    line-height: 14px;
    border-radius: 20px;
    box-sizing: border-box;
    min-height: 40px;
	text-decoration: none;
}

.page_textbook_purchase.textbook_purchase_detail .details_buttons a:hover{
	text-decoration: none;
	opacity: .6;
}

.page_textbook_purchase.textbook_purchase_detail .details_buttons a.buy_now_btn {
	background: transparent linear-gradient(90deg, #ef8202 0%, #feb45f 100%) 0% 0% no-repeat padding-box;
}

.page_textbook_purchase.textbook_purchase_detail .details_buttons a.add_to_card_btn {
	border: 2px solid #405fa9;
	color: #405fa9;
	font-weight: 700;
}

.page_textbook_purchase.textbook_purchase_detail .details_buttons a.add_to_card_btn.disabled, .page_textbook_purchase.textbook_purchase_detail .details_buttons a.buy_now_btn.disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
    background: #DDDDDD !important;
}

.m_b_20 {
    margin-bottom: 20px !important;
}

.m_b_5 {
    margin-bottom: 5px !important;
}

.m_t_5 {
    margin-top: 5px !important;
}

.m_t_15 {
    margin-top: 15px !important;
}

.fs_18 {
    font-size: 18px !important;
    font-size: 1.8rem !important;
}

.fs_15 {
    font-size: 15px !important;
    font-size: 1.5rem !important;
}

.m_b_30 {
    margin-bottom: 30px !important;
}

.fs_17 {
    font-size: 17px !important;
    font-size: 1.7rem !important;
}

.t_bold{
	font-weight: bold;
}

.d_block {
    display: block !important;
}

.m_t_30 {
    margin-top: 30px !important;
}

.page_textbook_purchase.textbook_purchase_detail .notice_style {
    padding: 15px 0 13px;
}

.page_textbook_purchase.textbook_purchase_detail .notice_style ul {
    margin-top: 5px;
}

.page_textbook_purchase.textbook_purchase_detail .notice_style ul li:first-child {
    margin-top: 0;
}

.notice_style.rice ul li:before {
    content: '※';
    display: inline;
}

.c_free_ticket {
    color: #F84F63 !important;
}

/* NJ-35344 End corporation/textbook-purchase/detail/ */

/* NJ-35344 Start corporation/textbook-confirm */

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 {
	position: relative;
    margin: 12px auto 30px;
    border-bottom: #eee solid 2px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    line-height: 100%;
    padding: 0 0 7px;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 ul{
margin: 0;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 a {
	color: inherit;
    vertical-align: middle;
    display: inline;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 li:after {
    content: '>';
    display: inline-block;
    margin: 0 10px 0 10px;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 .page_ttl {
    max-width: 750px;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 li:last-child {
    /* font-size: 18px; */
    /* font-size: 1.8rem; */
    font-weight: bold;
    margin-right: 0;
    padding-right: 0;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 li:last-child:after {
    display: none;
}

.m_t_20{
	margin-top: 20px;
}

.page_store_confirm .page_store_confirm_items .page_breadcrumbs_2 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
}

.page_store_confirm .page_store_confirm_items .content {
    width: 900px;
    margin: 0 auto;
    line-height: 1.5;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details {
    box-sizing: border-box;
    padding: 33px 37px;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li {
    width: 100%;
    display: flex;
    font-size: 16px;
    font-size: 1.6rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li.product_list > div.item_name {
    width: 70%;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li .item_name, .page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li .item_price {
    display: table-cell;
    vertical-align: middle;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li .item_name .title {
    width: 258px;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li.product_list > div {
    width: 30%;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li .item_price {
    text-align: right;
}

.page_store_confirm .page_store_confirm_items .item_price .item_type {
    border: 1px solid #555555;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 30px;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li .item_name {
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    font-weight: bold;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li.product_list > div {
    width: 30%;
}

.page_store_confirm .page_store_confirm_items .item_actions {
    display: flex;
    align-items: center;
    gap: 30px;
}

.page_store_confirm .page_store_confirm_items .item_actions .buttons_container, .page_store_confirm .item_actions button {
    display: flex;
    align-items: center;
}

.page_store_confirm .page_store_confirm_items .item_actions .buttons_container, .page_store_confirm .item_actions button {
    display: flex;
    align-items: center;
}

.page_store_confirm .page_store_confirm_items .item_actions .btn_v2 {
    width: auto;
    background: #999999;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 9px 13px;
    border: 1px solid #999999;
    height: 34px;
}

.page_store_confirm .page_store_confirm_items .item_actions .item_count {
    border: 1px solid #555555;
    padding: 5px 25px;
    height: 34px;
    box-sizing: border-box;
}

.page_store_confirm .page_store_confirm_items .item_actions .btn-left.btn-trash:before {
    content: url(../../images/common/delete.png);
}

.page_store_confirm .page_store_confirm_items .item_actions .btn_v2.btn-right:before {
    content: "+";
    line-height: 1;
    font-size: 2.4rem;
}

.page_store_confirm .page_store_confirm_items .item_actions .btn_v2 {
    width: auto;
    background: #999999;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 9px 13px;
    border: 1px solid #999999;
    height: 34px;
}

.page_store_confirm .page_store_confirm_items .item_actions .btn_v2.btn-right {
    background: #555555;
    border: 1px solid #555555;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    align-items: center;
}

.page_store_confirm .page_store_confirm_items .item_actions .btn-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page_store_confirm .page_store_confirm_items .order_details .order_product hr {
    border-color: #555555;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product .subtotal {
    padding-top: 10px;
    padding-top: 30px;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_details .order_product li:not(.product_list) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
	border-top: none;
}

.page_store_confirm .page_store_confirm_items .order_details .order_product li:not(.product_list) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
}

.page_store_confirm .page_store_confirm_items .order_product .notice{
	font-size: 1.6rem;
    padding: 0;
    background: none;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm > section {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_address {
    width: 100%;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    padding: 32px;
    box-sizing: border-box;
    position: relative;
}

.page_store_confirm .page_store_confirm_items .order_address .address_info .dl_style_2 dd {
    color: #333;
    margin-top: 20px;
    padding-bottom: 30px;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_payment_details {
    width: 100%;
    display: inline-block;
    margin: 0;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    padding: 32px;
    box-sizing: border-box;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_payment_details dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_address .address_info .dl_style_2 dt {
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_address .address_info .dl_style_2 {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_address .address_info .dl_style_2 dt, .page_store_confirm .page_store_confirm_items .sec_store_confirm .order_address .address_info .dl_style_2 dd {
    display: block;
}

.page_store_confirm .page_store_confirm_items .sec_store_confirm .order_address .address_info .dl_style_2 dd .settings {
    float: right;
    position: relative;
    bottom: auto;
    right: auto;
}

.page_store_confirm .page_store_confirm_items .btn_style {
    /* display: block; */
    display: inline-block;
    min-width: 300px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    text-align: center;
    background: #eaeaea;
    background: -webkit-linear-gradient(#fefefe, #d7d7d7);
    background: -o-linear-gradient(#fefefe, #d7d7d7);
    background: -moz-linear-gradient(#fefefe, #d7d7d7);
    background: linear-gradient(#fefefe, #d7d7d7);
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
    text-shadow: 1px 1px 2px #fff;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    color: #fff !important;
    text-decoration: none !important;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    position: relative;
}

.page_store_confirm .page_store_confirm_items .btn_style.btn_blue {
    background: transparent linear-gradient(90deg, #ef8202 0%, #feb45f 100%) 0% 0% no-repeat padding-box;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
	border-radius: 50px;
}
.self-study .btn_style.btn_blue{
	background: #3778F1;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
    font-size: 2.0rem;
    height: 40px;
    padding: 5px 20px;
    width: fit-content;
}
.page_store_confirm .page_store_confirm_items .btn.disable, .page_store_confirm .page_store_confirm_items .btn.disabled, .page_store_confirm .page_store_confirm_items .btn_style.disable,.page_store_confirm .page_store_confirm_items .btn_style.disabled,.page_store_confirm .page_store_confirm_items .btn_style:disabled {
    color: #ccc !important;
    background: #f4f4f4 !important;
    box-shadow: none !important;
    cursor: default;
    pointer-events: none;
}

.page_store_confirm .page_store_confirm_items .btn_style.btn_blue {
	background: transparent linear-gradient(90deg, #ef8202 0%, #feb45f 100%) 0% 0% no-repeat padding-box;
	width: 330px;
	font-weight: normal;
}

.m_b_60{
	margin-bottom: 60px;
}

/* NJ-35344 End corporation/textbook-confirm */

/* NJ-42489 */
.start_membership_selection .start_membership_date_selection {
	width: 800px;
	height: 40px;
	margin: 10px auto 20px;
}
.modal-body__block .start_membership_selection {
	width: 100%;
}

.schedule-calendar.margin-btm {
	margin-bottom: 2rem;
}
/* NJ-42489 end */

.corporateOrders {
	background:#fff;
	width: 100% !important;
	padding: 20px !important;
	margin-top: 20px;
}

.corporateOrders .store_cart{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 29px;
	top: 22px;
	z-index: 10;
}
#corporateOrders .sec_ttl{
	padding-bottom:0px !important;
}

.corporateOrders .page_ttl{
	font-weight: 700;
}
.corporateOrders .content{
	max-width: 1170px
}
.page_store_orders .corporateOrders .page_breadcrumbs_2{
	position: relative;
	margin: 12px auto 19px;
	border-bottom: #eee solid 2px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #555555;
	line-height: 100%;
	padding: 0 0 4px;
	justify-content: space-between;
}
.page_store_orders .corporateOrders .page_breadcrumbs_2 li:after{
	content: '>';
display: inline-block;
margin: 0 10px 0 10px;
vertical-align: middle;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page_store_orders .corporateOrders .page_breadcrumbs_2 a{
width: 120px;
color:#555555;
}
.page_store_orders .corporateOrders .page_breadcrumbs_2 li:last-child:after{
display: none;
}
.page_store_orders .corporateOrders .page_breadcrumbs_2 li{
display: inline-block;
letter-spacing: normal;
vertical-align: top;
font-size: 15px;
font-size: 1.5rem;
font-weight: normal;
/* line-height: 1.5; */
}

.corporateOrders .content_box{
border: 1px solid #e5e5e5;
padding: 40px 30px;
margin-bottom: 20px;
}
.corporateOrders .info.info_date {
display: flex;
justify-content: space-between;
}
.corporateOrders .product_item {
display: flex;
justify-content: space-between;
align-items: center;
}
.corporateOrders .desc_item {
display: flex;
align-items: center;
column-gap: 30px;
}
.corporateOrders .bill_details {
margin: auto 0 auto auto;
display: block;
max-width: fit-content;
}
.corporateOrders .bill_details > div{
display: flex;
}
.corporateOrders .bill_item .price {
text-align: right;
width: 100px;
}
.corporateOrders button.btn_style.btn_gray.btn_cancel {
border: none;
background: #999999;
color: #fff;
font-weight: 700;
padding: 10px 70px;
border-radius: 5px;
}
.corporateOrders span.info_state.info_gray {
border: #999 2px solid;
border-radius: 15px;
padding: 5px 15px;
}
.corporateOrders .bill_item {
display: flex;
}
.corporateOrders .product_bill .bill_item span:first-child {
border: 2px solid #999;
padding: 0px 15px;
border-radius: 5px;
}
.corporateOrders .desc_item .ttl{
font-weight: 700;
}
/* NJ-43990 [start] */
#dialog-cancel-start-reservation,
#dialog-cancel-start-option,
#dialog-plan-stop-reservation,
#dialog-option-stop-reservation,
#dialog-cancel-plan-stop-reservation,
#dialog-cancel-option-stop-reservation,
#dialog-edit-control-number,
#dialog-delete-account{
	.modal-dialog{min-width: 500px; width: 100%; max-width: 500px;}
	.modal-header{margin-bottom: 0; padding: 16px 40px;}
	.modal-title{padding: 0;}
	.modal-body{position:relative; text-align: center; padding: 40px !important;}
	.modal-body p.text{margin-bottom: 0;}
	.btn-wrap{margin: 0 0 40px;}
	a.btn-mw280,
	button.btn-mw280,
	button.btn-mw280{
		min-width: 110px !important;
	}
}
#dialog-plan-stop-reservation,
#dialog-option-stop-reservation{
	.modal-body{text-align: left;}
	.modal-body label:not(:last-child),
	.modal-body input[type="radio"]:not(:last-child){margin-bottom: 16px;}
	.modal-body label{font-weight: 400;}
}
#dialog-edit-control-number{
	.ctrl_num_checkmark_wrap { position: relative; }
	#edit_control_number_input {padding-right: 4rem;}
	#control_number_checkmark_container {position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
	#edit_control_number_checkmark { display: flex; align-items: center;}
	.modal-body .text{margin-bottom: 24px !important;}
}
.plans_selection_container {
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.plans_selection_container section {
	display: block;
	width: 260px;
	padding-bottom: 4rem;
}
.plans_selection_container section > p {
	width: 100%;
	display: block;
}
.plans_selection_container .plan_select {
	width: 260px;
	height: 97%;
	padding: 0;
	max-width: 100%;
	cursor: pointer;
	position: relative;
	border: 2px solid #bbb;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px;
	user-select: none;
	margin-bottom: 0;
}
.plans_selection_container .plan_select h4 {
	min-height: 40px;
	background: #bbb;
	color: #fff;
	padding: 10px 16px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	text-align: center;
	margin-top: 0;
	display: flex;
	justify-content: flex-start;
	user-select: none;
	text-align: left;
	margin-bottom: 16px;
}
.plans_selection_container .plan_select h4 label {
	display: block;
	position: relative;
	cursor: pointer;
	user-select: none;
	width: 18px;
	height: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	margin-right: 10px;
}
.plans_selection_container .plan_select h4 label input {
	opacity: 0;
	cursor: pointer;
	left: 0;
	width: 18px !important;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
}
.plans_selection_container .plan_select h4 label span.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #f4f6f8;
	border-radius: 50%;
	border: 1px solid #c6c6c6;
	display: flex;
	justify-content: center;
	align-items: center;
}
.plans_selection_container .plan_select.accent_cyan.plan_selected {
	border-color: #22d6b8;
}
.plans_selection_container .plan_select.accent_cyan.plan_selected h4 {
	background-color: #22d6b8;
}
.plans_selection_container .plan_select.accent_orange.plan_selected {
	border-color: #f1890d;
}
.plans_selection_container .plan_select.accent_orange.plan_selected h4 {
	background-color: #f1890d;
}
.plans_selection_container .plan_select.accent_blue.plan_selected {
	border-color: #4ea9ea;
}
.plans_selection_container .plan_select.accent_blue.plan_selected h4 {
	background-color: #4ea9ea;
}
.plans_selection_container .plan_select .radio_container:hover input ~ .checkmark {
	background-color: #ccc;
}
.plans_selection_container .plan_select .radio_container input:checked ~ .checkmark {
	background-color: #eee;
	border: 1px solid #1d429a;
}
.plans_selection_container .plan_select .radio_container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.plans_selection_container .plan_select .radio_container input:checked ~ .checkmark:after {
	display: block;
}
.plans_selection_container .plan_select .radio_container .checkmark:after {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1d429a;
}
.plans_selection_container .plan_select .main_con_wrap {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 16px;
	min-height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.plans_selection_container .plan_select .main_con_wrap .main_con {
	width: 100%;
}
.plans_selection_container .plan_select .sub_con_wrap {
	padding: 0 16px 16px;
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
}
.plans_selection_container .plan_select .sub_con_wrap table {
	display: block;
}
.plans_selection_container .plan_select .sub_con_wrap table td {
	text-align: right;
	vertical-align: text-bottom;
	line-height: normal;
}
.plans_selection_container .plan_select .sub_con_wrap table tr:not(:last-child) td {
	padding-bottom: .5rem;
}
.plans_selection_container .plan_select .sub_con_wrap table td.sub_label {
	text-align: right;
	padding-right: 15px;
	vertical-align: text-bottom;
}
.options_selection_container {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 0 auto 24px;
}
.options_selection_container section {
	display: block;
	width: 326px;
}
.options_selection_container section > p {
	width: 100%;
	display: block;
}
.options_selection_container .option_select {
	width: 326px;
	height: auto;
	padding: 2rem;
	max-width: 100%;
	cursor: pointer;
	position: relative;
	border: 2px solid #ccc;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px;
	user-select: none;
	margin-bottom: 0;
}
.options_selection_container .option_select h4 {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	top: 10px;
	left: 10px;
}
.options_selection_container .option_select h4 label {
	display: block;
	position: relative;
	cursor: pointer;
	user-select: none;
	width: 18px;
	height: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}
.options_selection_container .option_select h4 label input {
	opacity: 0;
	cursor: pointer;
	left: 0;
	width: 18px !important;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
}
.options_selection_container .option_select h4 label span.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #f4f6f8;
	border-radius: 50%;
	border: 1px solid #C6C6C6;
	display: flex;
	justify-content: center;
	align-items: center;
}
.options_selection_container .option_select.option_selected {
	border-color: #1D429A;
}
.options_selection_container .option_select .radio_container:hover input ~ .checkmark {
	background-color: #ccc;
}
.options_selection_container .option_select .radio_container input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #1d429a;
}
.options_selection_container .option_select .radio_container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.options_selection_container .option_select .radio_container input:checked ~ .checkmark:after {
	display: block;
}
.options_selection_container .option_select .radio_container .checkmark:after {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1d429a;
}
.options_selection_container .option_select .main_con_wrap {
	display: flex;
	align-items: center;
}
.options_selection_container .option_select .main_con_wrap .left_thumb {
	margin-right: .6rem;
	width: 100px;
	padding: 1rem;
	height: 100px;
}
.options_selection_container .option_select .main_con_wrap .left_thumb figure {
	position: relative;
}
.options_selection_container .option_select .main_con_wrap .left_thumb figure .icon-unlimited {
	content: url('../images/icon/icon-unlimited-gray.svg');
	position: absolute;
	bottom: -10px;
	right: -10px;
	background-color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding: .5rem;
}
.options_selection_container .option_select.option_selected .main_con_wrap .left_thumb figure .icon-unlimited {
	content: url('../images/icon/icon-unlimited-blue.svg');
}
.options_selection_container .option_select .main_con_wrap .left_thumb figure .icon-unlimited.active:hover {
	background-color: #fff !important;
}
.options_selection_container .option_select .main_con_wrap .right_details {
	text-align: left;
	padding: .5rem 0;
}
.options_selection_container .option_select .main_con_wrap .right_details .details_note  {
	color: #1D429A;
	margin-bottom: 1px;
}
.options_selection_container .option_select .main_con_wrap .right_details .detail_title  {
	margin-bottom: 4px;
	font-size: 1.6rem;
	font-weight: bold;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: none !important;
}
#startReservation .modal-content .modal-body,
#startMembership .modal-content .modal-body {
	padding: 40px !important;
	margin: 0;
}
#startReservation .modal-dialog--mod .modal-content .modal-body .commands,
#startMembership .modal-dialog--mod .modal-content .modal-body .commands {
	padding-block: 30px 0;
}
.start_membership_selection .start_membership_date_selection {
	width: 100%;
}
/* NJ-43990 End */


.page_breadcrumbs_2.cf.corporationFlex {
    display: flex;
    justify-content: space-between;
    padding-right: 70px;
}

ul.cancelOrderBtn li {
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 20px;
	font-weight: 700;
}

ul.cancelOrderBtn li a {
    width: fit-content;
    background: #1d429a;
    color: #fff;
    padding: 5px 40px;
    border-radius: 20px;
}

ul.cancelOrderBtn li button {
    border: 2px solid #1d429a;
    background: #fff;
    color: #1d429a;
    padding: 5px 30px;
    border-radius: 20px;
}
.Image_linkContainer{
	display: flex;
}
.Image_linkContainer a{
	max-width: 50%;
}

/* NJ-63895 */


.modal .modal-content.notif-modal {    
	padding: 1rem 1rem 0;
}

.box .box-contents.hdr-box-contents{
    border: 6px solid #1D429A;
	border-top-left-radius: 0!important;
	border-radius: 4px;
	padding: 0;
}

.notif_wrap{
	width: 100%;    
	max-height: 218px;
	overflow-x: hidden;
	overflow-y: auto;
}

.notif_wrap .notif_list{
	margin: 0;
}

.notif_wrap .notif-empty{
	padding: 20px 16px;  
	margin: 0;
}

.notif_wrap .notif_list li{
    padding: 8px 16px;    
	border-bottom: 1px solid #F4F6F8;
}

.notif_wrap .notif_list li:last-child{
	border: 0;
}

.notif_wrap .notif_list li a{
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	color: #092846;
	text-decoration: none;
}

.notif_wrap .notif_list li a:hover{
	text-decoration: none;
}

.notif_wrap .notif_list li a span{
	font-size: 14px;
	font-weight: normal;

}

.notif_wrap .notif_list .notif_unread{
    background: #FFF2CC;
}

.notif_wrap .notif_list .notif_read{
    background: #fff;
}

.modal .modal-notif-main-body{
	padding: 0 30px 40px;
	max-height: 642px;
	overflow-x: hidden;
	overflow-y: auto;
}

.modal .modal-notif-main-body .header-text{
    font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 25.2px;

}

.modal .modal-notif-main-body .header-date{
    font-size: 14px;
	font-weight: 400;
	color: #000;
	text-align: right;
	margin:0!important

}

.box .box-title.hdr-box-title {
    max-width: 100%;
    width: 360px;
    justify-content: center;
}

.modal .modal-header.notif-header{
    padding: 16px 40px;
	margin: -1rem -1rem 0;
}

.modal .modal-head-title.notif-title{
	margin: 0;
	font-size: 18px;
	padding: 0 !important;
}


.modal .modal-inner-top-body{
	text-align: center;
	padding: 30px 0 10px;
	border-bottom: 2px solid #EAEAEA;
}

.modal .modal-body.notif-body{
	margin: 24px 0 0;
}

.modal .modal-body.notif-body .text{
	margin-bottom: 30px;
}

.modal .modal-body.notif-body .text:last-child{
	margin: 0;
}

.modal .modal-body.notif-body .text.notif-arrow{
	font-size: 16px;
	font-weight: normal;
	position: relative;
	padding-left: 30px;
	margin: 0;
}

.modal .modal-body.notif-body .text.notif-arrow::before{
	content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 17px solid #000;
    border-bottom: 0;
}

.modal .modal-body.notif-body .notif-body-ul{
	margin: 0;
	padding-left: 30px;
}

.modal .modal-body.notif-body .notif-body-ul li{
	margin-bottom: 15px;
}

.modal .modal-body.notif-body .notif-body-ul li a{
	text-decoration: underline;
}

.modal .modal-body.notif-body .notif-body-ul li:last-child{
	margin-bottom: 0;
}

.modal .modal-body.notif-body .notif-body-ul li .notif-body-inner-ul{
	margin: 0;
	padding-left: 20px;
}

.slider.modal-notif-container-body .slick-prev,
.slider.modal-notif-container-body .slick-next {
  border: none;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 42px!important;
  height: 42px!important;
  border-radius: 50%;
}

.slider.modal-notif-container-body .slick-prev {
  left: -65px;
}

.slider.modal-notif-container-body .slick-next {
  right: -65px;
}

.slider.modal-notif-container-body .slick-prev:before{
	background: url(/images/corporate/common/icon_arrow_prev.svg) no-repeat center;
}
.slider.modal-notif-container-body .slick-next::before{
	background: url(/images/corporate/common/icon_arrow_next.svg) no-repeat center;
}


.slider.modal-notif-container-body .slick-prev:before,.slider.modal-notif-container-body .slick-next:before {
	content: ''!important;
    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #000;
	width: 100%;
	height: 100%;
	border-radius: 50%;

}

.slick-list.draggable .slick-track { 
	width: 2640px !important;
}
.slick-list.draggable .slick-track .modal-notif-main-body {
    width: 880px !important;
}

#dialog-notif-details{
}

#dialog-notif-details .arrow.prev {
    left: -30px;
    transform: translate(-2.35rem, -50%);
}
#dialog-notif-details .arrow.next {
    right: -30px;
    transform: translate(2.35rem, -50%);
}
#dialog-notif-details .arrow {
    position: absolute;
    width: 5rem;
    height: 4rem;
    top: 50%;
    cursor: pointer;
}

#dialog-notif-details .arrow.disable{
    opacity: 0.7;
    cursor: none;
}
.html-context {
  font-family: inherit;
  white-space: pre-wrap;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

/* end NJ-63895 */
/* NJ-61655 start */
.modal_window.dialog_store_product_preview {
	padding: 2.4rem;
	background: #EEEEEE;
}
.modal_window.dialog_store_product_preview {
	border: solid 4px #555;
	border-radius: 10px;
	max-width: 720px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	color: #000;
	position: absolute;
	top: 5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
}
.modal_window.dialog_store_product_preview .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;
}
.dialog_store_product_preview .product_preview_image img {
	display: block;
	width: 100%;
	max-width: 55.8rem;
	height: auto;
	object-fit: cover;
}
.dialog_store_product_preview .product_preview_image img + img {
	margin-top: 1.5rem;
}
.dialog_store_product_preview .product_preview_image {
	max-height: 80rem;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.dialog_store_product_preview .product_preview_pdf {
	display: block;
	width: 55.8rem;
	max-height: 80rem;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.dialog_store_product_preview .product_preview_pdf canvas {
	display: block;
	width: 100%;
	height: auto;
}
.dialog_store_product_preview .product_preview_pdf canvas + canvas {
	margin-top: 1.5rem;
}
.textbook_detail_container .w_100 {
	display: block;
	width: 100%;
}
/* NJ-61655 end */