@charset "UTF-8";
/*
	Theme Name:		online salon Theme
	Theme URI:		
	Description:	Online Salon Theme
	Author:			Online Salon Author
	Author URI:		
	Version:		2.2.1
*/

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	line-height: 1.7;
}

main {
	margin: 0 auto;
	background: #fff;
}

/*----------
Header
----------*/
.header-area {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	padding: 5px 10px 0;
	max-width: 1200px;
	box-sizing: border-box;
}

@media screen and (max-width:768px) {
	.header-area {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	.um-field input::placeholder {
    font-size: .6rem;
	}
}

header .header-area .header-left {
	padding: 0;
	margin: 5px 0 0;
}

header .header-area .header-right {
	margin: 13px 0 0;
}

header .header-area .header-left {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 80%;
}

header .header-area .header-right {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 20%;
}

header .header-area .header-left .header_logo {
	margin: 0;
	padding: 0;
	width: 350px;
}

header .header-area .header-left .header_logo img {
	padding: 0;
	width: 100%;
	height: auto;
}

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

	header .header-area .header-left {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 75%;
	}

	header .header-area .header-right {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end;
		width: 25%;
		padding: 0px 0 20px;
	}

	header .header-area .header-left .header_logo {
		margin: 5px 0 0;
		padding: 0;
		width: 300px;
	}

	header .header-area .header-left .header_logo img {
		padding: 0;
		width: 100%;
		height: auto;
	}

}

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

	header .header-area .header-left {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center !important;
		justify-content: center !important;
		-webkit-align-items: center !important;
		align-items: center !important;
		width: 100%;
	}

	header .header-area .header-right {
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center !important;
		justify-content: center !important;
		-webkit-align-items: center !important;
		align-items: center !important;
		width: 100%;
		text-align: center;
	}

	header .header_logo {
		margin: 0 auto;
		padding: 0;
		width: 350px;
	}
}

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

	header .header-area .header-left .header_logo {
		margin: 0;
		padding: 0;
		width: 220px;
	}

	header .header-area .header-left .header_logo img {
		width: 100%;
		height: auto;
	}

}

.header_menu_wrap {
	margin: 0;
	padding: 0;
	background: #e7eef7;
}

.header-menu-container {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
	display: none;
	position: fixed;
	z-index: 3;
	right: 10px;
	top: 10px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}

.hamburger span {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 6px;
	background: #333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 10px;
}

.hamburger span:nth-child(2) {
	top: 20px;
}

.hamburger span:nth-child(3) {
	top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top: 16px;
	left: 6px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 16px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* メニュー背景　*/
.headline-text {
	line-height: 2.0;
}

.globalMenuSp:not(.active)>div {
	margin: 0;
	padding: 10px 0;
	width: 100%;
}

.globalMenuSp:not(.active) ul {
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1200px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	box-sizing: border-box;
}

.globalMenuSp:not(.active) ul li {
	font-size: 14px;
	list-style: none;
}

.globalMenuSp:not(.active) ul li a {
	text-decoration: none;
	color: #555;
}

.globalMenuSp:not(.active) ul li a:hover {
	text-decoration: none;
	color: #0c3e78;
}

/*ハンバーガー*/
.header_menu_wrap {
	font-size: 13px;
}

@media (max-width: 768px) {

	.hamburger {
		display: block;
		position: fixed;
		z-index: 100;
		right: 13px;
		top: 12px;
		width: 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	}

	.hamburger span {
		display: block;
		position: absolute;
		width: 30px;
		height: 2px;
		left: 6px;
		background: #555;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	.hamburger span:nth-child(1) {
		top: 10px;
	}

	.hamburger span:nth-child(2) {
		top: 20px;
	}

	.hamburger span:nth-child(3) {
		top: 30px;
	}

	.hamburger.active span:nth-child(1) {
		top: 16px;
		left: 6px;
		background: #fff;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 16px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.globalMenuSp {
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		color: #fff;
		background: rgba(12, 62, 120, 0.9);
		text-align: center;
		width: 100%;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
		display: none;
	}

	.globalMenuSp ul {
		margin: 50px auto 0;
		padding: 0 0 50px;
		width: 100%;
		display: inherit;
	}

	.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: .4s all;
	}

	.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}

	.globalMenuSp ul li:hover {
		background: #ddd;
	}

	.globalMenuSp ul li a {
		display: block;
		color: #fff;
		padding: 1em 0;
		text-decoration: none;
		margin: 5px 0;
		font-size: 18px;
	}

	.globalMenuSp.active {
		opacity: 100;
		display: inline;
	}
}


/*----------
Footer
----------*/

footer {
	padding: 20px 0 50px;
	border-bottom: 10px solid #003E78;
	background: #f4f4f4;

}

footer .footer_logo {
	margin: 50px auto 0;
	width: 250px;
}

footer .footer_logo img {
	width: 100%;
	height: auto;
}


footer #menu-common li.menu-item a {
	color: #333;
}

footer #menu-common li.menu-item a:hover {
	color: #003E78;
}

.footer_menu_wrap ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	width: 100%;
}

.footer_menu_wrap li {
	display: flex;
	align-self: auto;
	flex: 1;
	border-right: 1px solid #888;
	min-width: 0;
}

.footer_menu_wrap li:first-child {
	border-left: 1px solid #888;
}

.footer_menu_wrap li a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-decoration: none;
	text-align: center;
	word-break: break-all;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	footer {
		padding: 30px 0 0;
	}

	.footer_logo {
		margin: 0 0 30px
	}

	.footer_menu_wrap ul {
		display: block;
	}

	.footer_menu_wrap li {
		border-right: none;
		border-bottom: 1px solid #888;
		padding: 10px;
	}

	.footer_menu_wrap li:first-child {
		border-left: none;
	}
}

@media (max-width: 480px) {

	.footer_menu_wrap li:first-child {
		border-left: none;
	}

	.footer_menu_wrap li {
		border-right: none;
		border-bottom: 1px solid #888;
		padding: 15px 0;
	}
}




/* ----------------------------------------------------------------------
 レスポンシブ表示設定
---------------------------------------------------------------------- */
.is-pc {
	display: block !important;
}

.is-sp {
	display: none !important;
}

@media screen and (max-width:768px) {
	.is-pc {
		display: none !important;
	}

	.is-sp {
		display: block !important;
	}
}

/*common*/
.page_wrap {
	padding: 70px 0;
	min-height: 600px;
}

.post_wrap {
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 10px;
}
.post_wrap a {
	display: block;
}
.post_wrap p {
	margin-top: 10px;
	margin-bottom: 0;
}
.singlepage img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
#comment_area {
	border-top: 1px solid #ccc;
	margin-top: 50px;
	padding-top: 50px;
}

/*----------
Sidebar 
----------*/
/*
.sidebar-all .menu-user-sidemenu-container:before{
	content: 'コンテンツ';    font-size: 24px;
	padding: 30px 0;
	text-align: center;
	font-weight: bold;
	color: #1E5A7C;
	display: block;
}
*/
h4.sidebar {
	margin-bottom: 3px;
}
.menu-sidebar-container {
	margin-bottom: 40px;
}
#sidebar ul {
	list-style: none;
	padding-left: 0;
	margin-left: 10px;
}
/* コンテンツカテゴリー */
#sidebar ul.wp-block-categories-list ul {
	margin-left: 1em;
}
#sidebar ul li {
	padding: 10px 0;
}
#sidebar ul.menu > li {
	/*
	border-bottom: 1px solid #ccc;
	*/
}
/* ----------------------------------------------------------------------
 margin - 余白
---------------------------------------------------------------------- */
.u-mt-xxsmall {
	margin: 5px 0 0;
}

.u-mt-xsmall {
	margin: 10px 0 0;
}

.u-mt-small {
	margin: 20px 0 0;
}

.u-mt {
	margin: 30px 0 0;
}

.u-mt-large {
	margin: 40px 0 0;
}

.u-mt-xlarge {
	margin: 50px 0 0;
}

.u-mt-xxlarge {
	margin: 60px 0 0;
}

.u-mr-xxsmall {
	margin: 0 5px 0 0;
}

.u-mr-xsmall {
	margin: 0 10px 0 0;
}

.u-mr-small {
	margin: 0 20px 0 0;
}

.u-mr {
	margin: 0 30px 0 0;
}

.u-mr-large {
	margin: 0 40px 0 0;
}

.u-mr-xlarge {
	margin: 0 50px 0 0;
}

.u-mr-xxlarge {
	margin: 0 60px 0 0;
}

.u-mb-xxsmall {
	margin: 0 0 5px 0;
}

.u-mb-xsmall {
	margin: 0 0 10px 0;
}

.u-mb-small {
	margin: 0 0 20px 0;
}

.u-mb {
	margin: 0 0 30px 0;
}

.u-mb-large {
	margin: 0 0 40px 0;
}

.u-mb-xlarge {
	margin: 0 0 50px 0;
}

.u-mb-xxlarge {
	margin: 0 0 60px 0;
}

.u-ml-xxsmall {
	margin: 0 0 0 5px;
}

.u-ml-xsmall {
	margin: 0 0 0 10px;
}

.u-ml-small {
	margin: 0 0 0 20px;
}

.u-ml {
	margin: 0 0 0 30px;
}

.u-ml-large {
	margin: 0 0 0 40px;
}

.u-ml-xlarge {
	margin: 0 0 0 50px;
}

.u-ml-xxlarge {
	margin: 0 0 0 60px;
}

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align_c {
	text-align: center;
}

.align_r {
	text-align: right;
}

.align_l {
	text-align: left;
}

.flo_l {
	float: left;
}

.flo_r {
	float: right;
}

.cboth {
	clear: both;
}
/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text10 {
	font-size: 10%;
}

.text20 {
	font-size: 20%;
}

.text30 {
	font-size: 30%;
}

.text40 {
	font-size: 40%;
}

.text50 {
	font-size: 50%;
}

.text60 {
	font-size: 60%;
}

.text70 {
	font-size: 70%;
}

.text80 {
	font-size: 80%;
}

.text90 {
	font-size: 90%;
}

.text100 {
	font-size: 100%;
}

.text110 {
	font-size: 110%;
}

.text120 {
	font-size: 120%;
}

.text130 {
	font-size: 130%;
}

.text140 {
	font-size: 140%;
}

.text150 {
	font-size: 150%;
}

.text160 {
	font-size: 160%;
}

.text170 {
	font-size: 170%;
}

.text180 {
	font-size: 180%;
}

.text190 {
	font-size: 190%;
}

.text200 {
	font-size: 200%;
}

.text210 {
	font-size: 210%;
}

.text220 {
	font-size: 220%;
}

.text250 {
	font-size: 250%;
}

.text300 {
	font-size: 300%;
}

.text400 {
	font-size: 400%;
}

.text-bd {
	font-weight: 700;
}

.text-ud {
	text-decoration: underline;
}

.text-normal {
	font-weight: 400;
}

/* ----------------------------------------------------------------------
 フォントサイズ
---------------------------------------------------------------------- */

h1 {
	font-size: 30px;
}

h2 {
	font-size: 28px;
	padding: 30px 0;
	text-align: center;
}

h3 {
	font-size: 26px;
	margin-bottom: 0;
	padding: 5px 0;
	text-align: center;
}

h4 {
	margin-bottom: 20px;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 22px;
}

th,
td {
	font-size: 16px;
}

.sp {
	display: none;
}

@media (max-width: 768px) {
	.sp {
		display: inherit;
	}

	.pc {
		display: none;
	}

	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 24px;
		padding: 30px 0;
	}

	h3 {
		font-size: 22px;
		padding: 0;
	}

	h4 {
		border-bottom: 1px solid;
		margin-bottom: 15px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 18px;
	}

	th,
	td,
	button,
	input,
	label,
	select,
	textarea {
		font-size: 16px;
	}

}

p {
	font-size: 16px;
}

ul {
	list-style: disc;
	/* リストの左側に黒丸 */
}

li {
	margin: 0px;
	text-align: left;
	font-size: 16px;
}

li a{
	text-decoration: none;
}

li a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------------
 テーブル共通
---------------------------------------------------------------------- */

table {
	width: 100%;
}

table th {
	background: #f0f0f0;
	border: solid 1px #ccc;
	padding: 15px 10px;
	text-align: center;
	width: 30%;
}

table td {
	padding: 15px 10px;
	border: solid 1px #ccc;
	width: 70%;
}

table.inquiry th {
	background: #f0f0f0;
	border: solid 1px #ccc;
	color: #444;
	width: 30%;
	padding: 15px 10px 1px;
	text-align: center;
}

table.inquiry td {
	width: 70%;
	padding: 15px 10px 1px;
	border: solid 1px #ccc;
}

@media (max-width: 768px) {
	table {
		width: 100%;
		border-bottom: 1px solid #ccc;
	}

	table th,
	table td,
	table.inquiry th,
	table.inquiry td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
}


/*決済ページで ログイン後のメニューとログアウトボタンを非表示*/
.page-pay .header_menu_wrap ,
.page-paygold .header_menu_wrap ,
.page-paysilver .header_menu_wrap ,
.page-payplutinum .header_menu_wrap ,
.page-paygold .login .btn-login ,
.page-paysilver .login .btn-login ,
.page-payplutinum .login .btn-login ,
.page-pay .login .btn-login 
{display: none;}

/*よくある質問　答えの背景色*/
.ewd-ufaq-faq-body {
	padding: 25px 30px 10px !important;
	text-align: left;
	background: #f4f4f4;
}

/*学習コース　タイトルが画像「Advanced course」等　画像比率調整*/
.course-template-default .singlepage img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

/*サイドエリア下部余白*/
.course-template-default .col-md-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	margin-bottom: 50px;
}

@media (max-width: 480px) {
	.course-template-default .col-md-4 {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 50px;
	}
}

.bp-better-messages-restrict-send-message {
	list-style: none !important;
	padding: 10px 5px !important;
	margin: 10px auto 0 !important;
	text-align: center !important;
	font-size: 16px;
}

/*　チャット　チャットルームに参加するボタン　センタリング*/
.bpbm-join-to-chat-button,
.bpbm-join-to-chat-button:hover,
a.bpbm-join-to-chat-button,
a.bpbm-join-to-chat-button:hover {
	cursor: pointer;
	display: block;
	color: white !important;
	background: rgba(var(--main-bm-color), 1);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	margin-top: 8px;
	user-select: none;
	border-radius: 2px;
	margin: 10px auto;
	width: 220px;
	text-align: center;
}

/*会員新規登録　入力ボックス横幅調整*/
.um-19.um,
.um-6.um {
	max-width: 600px !important;
}

/**会員新規登録 生年月日カレンダー背景色調整*/
.um-19.um .picker__box,
.um-6.um .picker__box {
	background: #eee;
}

/*会員新規登録 生年月日カレンダー　スマホ表示崩れ調整*/
@media (max-width: 480px) {

	.picker__box table.picker__table thead tr,
	.picker__box table.picker__table tbody tr {
		border-color: inherit;
		border-style: solid;
		border-width: 0;
		display: flex;
	}
}

/*会員新規登録 生年月日カレンダー　曜日背景色調整*/
.um .picker__weekday {
	width: 14.285714286%;
	color: #fff;
	text-align: center;
	padding: 5px 0 !important;
	background: #888;
}

/*会員新規登録　リンク色*/
a.um-toggle-gdpr,
a.um-toggle-terms {
	color: #3ba1da;
}

a:hover.um-toggle-gdpr,
a:hover.um-toggle-terms {
	color: #3ba1da;
	text-decoration: underline;
}

/*スマホ表示　サイドメニュー上部空き調整*/
@media (max-width: 480px) {
	#sidebar {
		margin: 60px 0 0;
	}
}

/*会員登録　＞決済画面レイアウト調整*/
body.page-pay .page .custom-main {
	max-width: 1000px;
	margin: 50px auto;
	padding: 0 10px;
	box-sizing: border-box;
}

body.page-pay .page .custom-main .wp-block-table table {
	width: 99%;
}

/*ノート　モーダル閉じるボタンレイアウト調整*/
.um-notes-modal #um_notes_modal_close {
	position: fixed;
	right: 0px !important;
	top: 0 !important;
	color: #fff;
	background: #333;
	font-size: 14px;
	height: 40px;
	width: 100px !important;
	text-align: center;
	line-height: 40px;
}

main.singlepage .fc-center h2 {
	font-size: 24px;
}

main.singlepage .fc-center h2::before,
main.singlepage .fc-center h2::after {
	border: none;
}

/*イベント カレンダー表示崩れ調整*/
/*Pad表示*/
@media (max-width: 800px) {
	.fc-widget-header .fc-row table thead tr {
		border-color: inherit;
		border-style: solid;
		border-width: 0;
		display: flex;
	}

	.eo-fullcalendar-reset .fc-view-container tr {
		display: flex !important;

	}
}

/*スマホ表示*/
@media (max-width: 480px) {
	.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-left {
		float: right !important;
		padding-left: 0;
	}

	.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-right {
		float: left !important;
		padding-right: 0;
		color: #000;
	}
}

/* サイドーエリア　トップの余白調整*/
body.course-template-default #sidebar,
body.um_groups-template-default #sidebar {
	margin: 50px 0 0;
}

/*コース終了　「おめでとうございます。このコースを完了しました！」フォントサイズ調整*/
body.course-completed .has-large-font-size {
	font-size: 26px !important;
}

/*グループ　アイコン画像サイズ調整*/
body.um_groups-template-default .singlepage img {
	width: revert-layer;
}

/*学習コース　ご入会ありがとうございます。のclose（×）ボタンの位置調整*/
.um-notices-close {
	position: absolute;
	right: 0 !important;
	top: 5px !important;
	color: #999;
	text-decoration: none !important;
	font-size: 10px;
	left: 0 !important;
}

/*会員一覧のドロップダウン*/
.page-members .um-new-dropdown{width: 170px !important;}
/*event カレンダー週のときの時間位置*/
.post-type-archive-event td.fc-axis.fc-time.fc-widget-content + td.fc-widget-content {
	width: calc(100% - 68px);
}
/*メルマガ申込時緑の文字かぶる*/
p.mailpoet_validate_success {	margin-top: 3rem;position: relative !important;}
/*ユーザー検索後のプライベートメッセージボタン非表示*/
.um-messaging-btn
, .um-role-wpfs_basic .um-member-card .um-members-bpbm-btn 
{
	display: none !important;
}
/*----------
ユーザー権限による表示/非表示切り替え
----------*/
/* 無料会員には表示しない */
body.user-type-wpfs_basic .hide-wpfs_basic {
	display: none;
}
/* 有料会員には表示しない */
body.user-type-wpfs_gold .hide-wpfs_gold {
	display: none;
}

/* コンテンツ 画像縦横比調整*/
body.archive .container .post_wrap img {
	max-width: 100%;
	height: auto;
}

/* サイドメルマガバナー下余白*/
.mailpoet_form{
	margin: 0 0 30px;
}

/* スマホ、トピックの「返信」の位置調整　*/
 @media (max-width: 480px) {
	span.bbp-admin-links {
			float: right !important;
			color: #ddd;
		position: absolute;
			right: 75px;
	}
	/*um=photoのモーダルでxボタンがかぶる*/
	.modal-close.um-user-photos-modal-close {
		top: 4rem !important;
	}
}

.um-groups-dialog a:hover, ul.ui-autocomplete li.ui-menu-item:hover {
    background: #0085ba;
	color: #fff !important;
}

.um-groups-head .um-groups-author .um-groups-ava img{
	width: 100%;
	height: auto;
}

/* LMS でコース終了がdisableなのでそう見えるように*/
button.sensei-course-theme__button.sensei-course-theme-lesson-actions__complete[disabled] {
	color: #ffffff82;
	}
	button.sensei-course-theme__button.sensei-course-theme-lesson-actions__complete[disabled]:before {
	content: '🚫';
	} 
/*レビュー入力エリアが無いと思われるので*/
body div.um .um-form div.um-reviews-post textarea {
    border: solid 1px #aaa !important;
}
/* 自分以外のプロフィールページで「学習コース」タブを非表示に */
body:not(.um-own-profile) .um-profile-nav-lms_courses {
	display:none;
}
/*学習コース プログレスバー 翻訳*/
.each_course [style*="\%"]:after{    content: ' 進行中';
	display: block;
	font-size: 1rem;
	color: #111;
	position: absolute;
	top: -24px;
	left: 193px;
	font-weight: normal;
	width: 5rem;
	text-align: right;
}

.each_course [style="width: 100\%"]:after{    content: ' 完了';
}
.each_course span.value {
	overflow: visible !important;
}
.each_course span.progress_status {
	display: none !important;
}

/*ファイルを選択するときはこちらをクリック*/
button.uppy-u-reset.uppy-Dashboard-browse {
	font-size: 1.0rem !important;
	text-align: center;
	line-height: 1.5;
}
/*無料会員にはレビューがないので*/
.user-type-wpfs_basic .um-account-tab-notifications .um-field:nth-of-type(4) ,
.user-type-wpfs_basic .um-field-area:nth-of-type(3) {
	display: none;
}
/*メッセージ＞ファイル添付で開くモーダルウィンドウを一番前に*/
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-inner {
	animation: uppy-Dashboard-slideDownAndFadeIn--small .3s cubic-bezier(0, 0, 0.2, 1);
	z-index: 9999;
}
/*ダイレクトメッセージ画像削除時の文字色*/
.bm-toasts .Toastify__toast-body p {
	color:#a1a1a1 ;
 }
 .wp-block-categories-list .cat-item ul .children li{
	margin: 5px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}

.wp-block-group__inner-container ul li{
	/*
	margin: 5px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	*/
	font-size: 15px;
}

.menu-side-communication-container ul li{
	/*
	margin: 5px 0;
	padding: 0;
	border-bottom: 1px solid #ddd !important;
	*/
	font-size: 15px;
}
/*マイページ グループのプルダウンのx*/
span.select2-selection__clear[data-select2-id] {
	display: none;
}