@charset "UTF-8";
/* CSS Document */

/*****************/
/*index.htmlページ*/
/*****************/

/* Timezone link styling for teacher tables */
.teacherTable01 th .timezone-display,
.detailTable01 th .timezone-display {
    color: #0066cc;
}

body {
	font-family: 'Roboto', sans-serif, 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #212121;
}
/******** box01 *********/
.box01 {
	margin-left: 20%;
	margin-bottom: 100px;
}

.box01 h2 {
	font-size: 20px;
	font-family: 'Noto Sans', sans-serif;
	padding: 0 0 40px 0px;
}

.bgArea01 {
	width: 100%;
	height: 100%;
	background-image: url(../img/bg_index_02.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 66px;
	padding-bottom: 60px;
}

.box01 p {
	margin-bottom: 50px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 30px;
}

.box01 .btn01 {
	color: #fff;
	background: #b4d43f;
	padding: 10px 72px;
	border-radius: 4px;
}
/********* box02 **********/
.box02 {
	margin: 50px 0 50px 0;
	text-align: center;
}

.box02 h2 {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: 'Noto Sans', sans-serif;
}

.box02 p {
	line-height: 30px;
	font-family: 'Noto Sans', sans-serif;
}

.box02 img {
	margin-bottom: 20px;
}

/********* box03 **********/
.box03 {
	margin: 50px 0 50px 0;
	margin-left: 13%;
}

.box03 h2 {
	font-size: 20px;
	margin-bottom: 30px;
	font-family: 'Noto Sans', sans-serif;
}

.box03 p {
	line-height: 30px;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom: 30px;
}

.bgArea03 {
	background-image: url(../img/bg_index_03.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.box03 .btn02 {
	color: #fff;
	background: #474f63;
	padding: 6px 50px;
	border-radius: 4px;
	margin-left: 50px;
}

/********* box0405 **********/
.bgArea0405 {
	height: 710px;
	background-image: url(../img/bg_index_04.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.box04 {
	color: #fff;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 90px;
}

.box04 h2 {
	font-size: 20px;
	margin-bottom: 37px;
	font-family: 'Noto Sans', sans-serif;
}

.box04 p {
	margin: 30px 0;
	line-height: 25px;
	font-family: 'Noto Sans', sans-serif;
}

.box04 a {
	margin: 30px 0;
	color: #fff;
	border: 1px solid #fff;
	padding: 6px 50px;
	border-radius: 4px;
	font-family: 'Noto Sans', sans-serif;
}

.box05 {
	margin-left: 13%;
	margin-top: 30px;
}

.box05 h2 {
	font-size: 20px;
	margin-bottom: 37px;
	font-family: 'Noto Sans', sans-serif;
}

.box05 p {
	margin: 30px 0;
	line-height: 25px;
	font-family: 'Noto Sans', sans-serif;
}

.box05 .btn02 {
	color: #fff;
	background: #474f63;
	padding: 6px 50px;
	border-radius: 4px;
}

/********* box06 **********/
.bgArea06 {
	background-image: url(../img/bg_index_06.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.box06 {
	color: #fff;
	display: inline-block;
	float: right;
	margin-right: 2%;
}

.box06 h2 {
	font-size: 20px;
	margin-bottom: 30px;
	font-family: 'Noto Sans', sans-serif;
}

.box06 p {
	margin-bottom: 40px;
	line-height: 30px;
	font-family: 'Noto Sans', sans-serif;
}

.box06 a {
	color: #fff;
	border: 1px solid #fff;
	padding: 7px 50px;
	border-radius: 4px;
	font-family: 'Noto Sans', sans-serif;
}
/********* box07 **********/
.bgArea07 {
	background-image: url(../img/bg_index_07.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 30px;
	padding-bottom: 40px;
}

.box07 {
	text-align: center;
}

.box07 h2 {
	margin-bottom: -10px;
	font-family: 'Noto Sans', sans-serif;
}

.box07 img {
	width: 160px;
}

.box07 p {
	font-size: 20px;
	margin-bottom: 20px;
	font-family: 'Noto Sans', sans-serif;
}

.box07 .btn01 {
	color: #fff;
	background: #b4d43f;
	padding: 12px 70px;
	border-radius: 4px;
}

/********* box08 **********/
.bgArea08 {
	height: 400px;
	background-image: url(../img/bg_index_08.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 30px;
	padding-bottom: 40px;
}

.box08 {
	text-align: center;
}

.box08 h2 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 250px;
	font-family: 'Noto Sans', sans-serif;
}

.box08 .btn01 {
	color: #fff;
	border: 1px solid #fff;
	padding: 8px 50px;
}

/********* box09 **********/

.box09 {
	text-align: center;
	padding: 30px;
}

.box09 h2 {
	font-size: 20px;
	margin: 20px 0 10px 0;
	font-family: 'Noto Sans', sans-serif;
}

.box09 .btn03 {
	color: #fff;
	border: 1px solid #474f63;
	padding: 8px 70px;
	background: #474f63;
	border-radius: 4px;
}

.slider {
	margin: 40px 0;
}

.box09 img {
	margin-bottom: 20px;
}

/********* box10 **********/
.bgArea10 {
	background-image: url(../img/bg_index_10.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 30px;
	padding-bottom: 40px;
}

.box10 {
	text-align: center;
}

.box10 h2 {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: 'Noto Sans', sans-serif;
}

.box10 .btn04 {
	color: #fff;
	padding: 8px 70px;
	background: #0071bc;
	border-radius: 3px;
}

.box10 .charge {
	width: 870px;
	margin: 40px auto;
}

.box10 .charge li {
	width: 280px;
	float: left;
	display: inline-block;
	font-family: 'Noto Sans', sans-serif;
}

.box10 li:first-child {
	margin-right: 10px;
}

.box10 li:nth-child(2) {
	margin-right: 10px;
}

.box10 img {
	margin-bottom: 20px;
}

/********* box11 **********/
.box11 {
	text-align: center;
}

.box11 img {
	width: 250px;
}

.box11 ul {
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	font-family: 'Noto Sans', sans-serif;
}

.box11 h2 {
	font-size: 20px;
	margin: 30px 0 10px 0;
	font-family: 'Noto Sans', sans-serif;
}

.customer01 {
	width: 250px;
	border: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	margin-right: 20px;
}

.customer02 {
	width: 250px;
	border: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	margin-right: 20px;
}

.customer03 {
	width: 250px;
	border: 1px solid#bbb;
	border-bottom: 2px solid #bbb;
}

.box11 li {
	float: left;
}

.customerList {
	color: #fff;
	padding: 10px 80px;
	background: #474f63;
	margin: 30px 0;
	border-radius: 4px;
}

.box11 .sen {
	margin-bottom: 20px;
	width: 51px;
}

/********* box12 **********/
.bgArea12 {
	height: 200px;
	background-image: url(../img/bg_index_12.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-top: 40px;
}

.box12 {
	text-align: center;
}

.box12 h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

.box12 img {
	margin-bottom: 20px;
}

/********************************/
.bgArea.login01 {
	background-image: url(../img/bg_index_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 66px;
	padding-bottom: 70px;
}

.bgArea.create01 {
	background-image: url(../img/bg_create_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 66px;
	padding-bottom: 70px;
}

.container01 {
	max-width: 420px;
	margin: 0px auto;
}

.container02 {
	max-width: 1000px;
	margin: 0px auto;
}

.loginArea {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 35px 8%;
	border-radius: 2px;
}

.loginArea h3 {
	color: #474f63;
	font-size: 24px;
}

.loginArea .inputArea {
	margin-top: 30px;
}

.input01 {
	height: 40px;
	background-color: white;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 23px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	font-size: 15px;
}

.loginArea .inputArea li:last-child .input01 {
	margin-bottom: 5px;
}

.loginArea .inputArea li:last-child p {
	margin-bottom: 20px;
}

.loginArea .inputArea li {
	position: relative;
}

.loginArea p {
	font-size: 14px;
	color: #474f63;
}

.loginArea p a {
	text-decoration: underline;
}

.loginArea .btn {
	text-align: center;
	padding: 15px 0px;
	width: 100%;
	color: white;
	background-color: #474f63;
	display: block;
	font-size: 18px;
	margin-top: 20px;
	border-radius: 3px;
}

.loginArea .inputArea li:first-child:after {
	position: absolute;
	top: 15%;
	right: 5px;
	display: block;
	margin-top: -5px;
	width: 22px;
	content: '\f007';
	font-family: FontAwesome;
	color: #484e64;
	font-size: 22px;
}

.loginArea .inputArea li:nth-child(2):after {
	position: absolute;
	top: 15%;
	right: 5px;
	display: block;
	margin-top: -5px;
	width: 22px;
	content: '\f007';
	font-family: FontAwesome;
	color: #484e64;
	font-size: 22px;
}

.loginArea .inputArea li:nth-child(3):after {
	position: absolute;
	top: 19%;
	right: 2px;
	display: block;
	margin-top: -5px;
	width: 23px;
	content: '\f0e0';
	font-family: FontAwesome;
	color: #484e64;
	font-size: 17px;
}
.password-container {
	position: relative;
}

.password-container .toggle-password {
	position: absolute;
	top: 15%;
	right: 8px;
	display: block;
	margin-top: -5px;
	width: 22px;
	font-family: FontAwesome;
	font-size: 20px;
	color: #484e64;
	cursor: pointer;
}
/* .loginArea .inputArea li:last-child:after {
	position: absolute;
	top: 15%;
	right: 4px;
	display: block;
	margin-top: -5px;
	width: 22px;
	content: "\f023";
	font-family: FontAwesome;
	color: #484e64;
	font-size: 22px;
 } */

.bgArea.login02 .loginArea .inputArea li:first-child:after {
	position: absolute;
	top: 19%;
	right: 5px;
	display: block;
	margin-top: -5px;
	width: 23px;
	content: '\f0e0';
	font-family: FontAwesome;
	color: #484e64;
	font-size: 17px;
}

.bgArea.login02 .loginArea .inputArea li:nth-child(2):after {
	position: absolute;
	top: 19%;
	right: 8px;
	display: block;
	margin-top: -5px;
	width: 23px;
	content: '';
	font-family: FontAwesome;
	color: #484e64;
	font-size: 17px;
}

.bgArea.login02 .loginArea .inputArea .password-container {
	position: relative;
}

.bgArea.login02 .loginArea .inputArea .password-container .toggle-password {
	position: absolute;
	top: 22%;
	right: 9px;
	display: block;
	margin-top: -5px;
	width: 22px;
	font-family: FontAwesome;
	font-size: 20px;
	color: #484e64;
	cursor: pointer;
}

.bgArea.login02 .forget {
	margin-top: 36px;
}

.bgArea.login02 .forget li {
	text-align: center;
	margin-bottom: 15px;
}

.bgArea.login02 .forget li a {
	color: #474f63;
	text-align: center;
	text-decoration: underline;
}

@media screen and (max-width: 640px) {
	.bgArea.login01 {
		padding-top: 66px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 425px) {
	.container01 {
		max-width: 420px;
		margin: 0px 2%;
	}
	.loginArea {
		padding: 35px 5%;
	}
}

@media screen and (max-width: 375px) {
	.none375 {
		display: none;
	}
}

/*---------------------
講師検索
---------------------- */

/* タブメニュー */
#tab-menu {
	list-style: none;
	font-size: 0px;
}

#tab-menu li {
	padding: 5px 25px;
	background: #eee;
}

#tab-menu li.active {
	background: #000;
	color: #fff;
}

/* タブの中身 */
#tab-box {
	padding: 15px 20px;
	border: 1px solid #dddddd;
	background-color: white;
}

#tab-box .cont {
	display: none;
}

#tab-box .cont.active {
	display: block;
}

.reserve h3 {
	font-size: 20px;
	color: black;
	margin-bottom: 10px;
	color: #474f63;
	display: none;
}
.recaptcha-container {
	display: flex;
	justify-content: center; /* Centers the reCAPTCHA horizontally */
	width: 100%;
}

.bgArea.reserve {
	padding-top: 25px;
}

.star1 {
	background-image: url(../img/star01.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star2 {
	background-image: url(../img/star02.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star3 {
	background-image: url(../img/star03.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star4 {
	background-image: url(../img/star04.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star5 {
	background-image: url(../img/star05.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star6 {
	background-image: url(../img/star06.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star7 {
	background-image: url(../img/star07.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star8 {
	background-image: url(../img/star08.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star9 {
	background-image: url(../img/star09.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star10 {
	background-image: url(../img/star10.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

.star11 {
	background-image: url(../img/star11.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 14px;
	display: inline-block;
}

@media screen and (max-width: 640px) {
	.reserve h3 {
		margin-bottom: 20px;
	}
}

.reserve .contents01 li {
	display: inline-block;
}

.reserve .contents01 a {
	background-color: white;
	color: #474f63;
	font-size: 14px;
	display: inline-block;
	padding: 8px 0px;
	width: 225px;
	text-align: center;
	border-radius: 3px;
	position: relative;
	border: 1px solid #dddddd;
	vertical-align: bottom;
}

.reserve .contents01 a.active {
	background-color: #474f63;
	color: white;
	font-size: 14px;
	display: inline-block;
	padding: 12px 0px;
	width: 225px;
	text-align: center;
	border-radius: 3px;
	position: relative;
	vertical-align: bottom;
}

.reserve .contents01 a:first-child {
	margin-right: 25px;
}

.reserve .contents01 {
	margin-bottom: 15px;
}

.reserve .contents02 #tab-menu li {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #7c7c7c;
	color: white;
	font-size: 16px;
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	text-align: center;
}

.reserve .contents02 #tab-menu li.active {
	color: #474f63;
	font-size: 16px;
	background-color: white;
	padding-top: 14px;
	padding-bottom: 14px;
	border: 1px solid #dddddd;
	border-bottom: none;
}

@media screen and (max-width: 767px) {
	.reserve .contents02 #tab-menu li {
		font-size: 16px;
	}
	.reserve .contents02 #tab-menu li.active {
		font-size: 16px;
	}
}

.reserve .active.cont {
	max-width: 875px;
	margin: 0px auto;
}

.reserve .slideArea li {
	background-color: #f2f2f2;
	padding: 2px;
	border: 1px solid #ddd;
}

.reserve .slideArea .today {
	background-color: #ffc82c;
}

.reserve .slideArea li p:first-child {
	font-weight: bold;
}

.reserve .slideArea li p:last-child {
	margin-top: -3px;
}

.reserve .slideArea li a {
	width: 117px;
	text-align: center;
	padding: 3px 0px;
	display: block;
	border: 1px solid #f2f2f2;
}

span.specialty {
	display: inline-block;
	margin-bottom: 10px;
}

.reserve .slideArea .today a {
	background-color: #ffc82c;
	color: white;
	border: 1px solid white;
}

/* TIMEZONE FIX: Add active date highlighting for selected dates */
.reserve .slideArea li.active {
	background-color: #474f63;
}

.reserve .slideArea li.active a {
	background-color: #474f63;
	color: white;
	border: 1px solid white;
}

.reserve .contents02 .item02 {
	margin-top: 12px;
}

.reserve .contents02 .cont02 .item02 {
	margin-top: 0px;
}

.reserve .contents02 .item02 ul li:first-child {
	float: left;
	width: 55%;
}

.reserve .contents02 .item02 ul li:last-child {
	float: left;
	width: 45%;
	margin-top: 5px;
}

.reserve .contents02 .item03 ul li:first-child {
	float: left;
	width: 55%;
}

.reserve .contents02 .item03 ul li:last-child {
	float: left;
	width: 45%;
}

.reserve .contents02 .item02 {
	margin-bottom: 10px;
}

.reserve .contents02 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.reserve .contents02 select {
	width: 120px;
	height: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cccccc;
	background-color: white;
	background: url(../common/img/ico_common_01.jpg) right no-repeat;
	background-size: 23px, 41px;
	border-radius: 2px;
	color: #474f63;
}

.reserve .contents02 .item03 {
	margin-bottom: 10px;
}

.reserve .contents02 .item03 a {
	text-decoration: underline;
}

.reserve .contents02 .item04 li {
	float: left;
}

.reserve .contents02 .item04 li:first-child {
	width: 70px;
}
.reserve .contents02 .item04 ul {
	margin-top: 10px;
}
.reserve .contents02 .item04 li:last-child {
	width: calc(100% - 80px);
}
.reserve .contents02 .item04 li:last-child span {
	display: inline-block;
	margin-bottom: 8px;
}

.reserve .contents02 li,
.reserve .contents02 a {
	color: #474f63;
}

.reserve .contents02 .item05 p {
	text-align: center;
	margin: 2px 0px 15px;
}

.reserve .contents02 .item05 input {
	height: 30px;
	width: 400px;
	font-size: 14px;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: none;
	border: 1px solid #cccccc;
}

.reserve .contents02 .item06 a {
	padding: 15px 0px;
	width: 380px;
	font-size: 16px;
	border-radius: 50px;
	color: white;
	margin: 0px auto;
	background-color: #474f63;
	display: block;
	text-align: center;
}

.reserve .contents02 .item06 button {
	padding: 10px 0px;
	border: none;
	width: 380px;
	font-size: 15px;
	border-radius: 50px;
	color: white;
	margin: 0px auto;
	background-color: #474f63;
	display: block;
	text-align: center;
	max-width: 90%;
}

@media screen and (max-width: 640px) {
	.reserve .contents02 .item06 button {
		font-size: 14px;
		padding: 10px 0;
	}
}

.reserve .contents04 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.reserve .notFound01 {
	font-size: 20px;
	border: 1px solid #474f63;
	padding: 5px;
	max-width: 800px;
	margin: 0 auto;
}
.reserve .contents04 .item01 {
	float: left;
	font-size: 12px;
	padding-top: 15px;
}

.reserve .contents04 .item02 {
	float: right;
	font-size: 12px;
}

.reserve .contents04 .item02 span:first-child {
	margin-right: 12px;
}

.reserve .contents04 .item02 span a {
	padding: 6px 10px;
	border: 1px solid #dddddd;
	display: inline-block;
	background-color: white;
}

.reserve .contents04 .item02 span:first-child a,
.reserve .contents04 .item02 span:last-child a {
	background: none;
	border: none;
}

.reserve .contents04 .item02 span a:hover {
	background: #474f63;
	opacity: 1;
	color: #fff;
}

.reserve .contents04 .item02 span:first-child a:hover,
.reserve .contents04 .item02 span:last-child a:hover {
	background: none;
	color: #333;
}

.reserve .contents04 .item02 span:last-child {
	margin-left: 12px;
}

.reserve .contents03 {
	margin-top: 10px;
	text-align: right;
}

@media screen and (max-width: 640px) {
	.reserve .contents03 {
		margin-top: 20px;
	}
	.reserve .contents04 {
		padding-top: 0;
	}
	.reserve .contents04 .item02 span a {
		padding: 8px 10px;
	}
	.reserve .contents04 .item02 span:first-child {
		margin-right: 8px;
	}
	.reserve .contents04 .item02 span:last-child {
		margin-left: 8px;
	}
}

.reserve .contents03 span:first-child {
	padding-right: 20px;
	border-right: 1px solid #474f63;
	margin-right: 20px;
}

.reserve .contents03 span a {
	text-decoration: underline;
}

.reserve .contents05 tr:first-child {
	background-color: white;
}

.reserve .contents05 tr:first-child {
	background-color: white;
}

.reserve .contents05 tr:first-child th {
	padding: 5px;
	border: 1px solid #dddddd;
	font-size: 12px;
	font-weight: bold;
	color: #474f63;
	width: 22%;
}

@media screen and (max-width: 640px) {
	.reserve .contents05 tr:first-child th {
		padding: 5px;
		font-size: 12px;
	}
	.reserve .contents05 tr:first-child th p:last-child {
		font-size: 10px;
	}
}

.reserve .contents05 tr:first-child td {
	width: 22%;
}

.reserve .contents05 tr:first-child th p:nth-child(2),
.reserve .contents05 tr:first-child th p:last-child {
	text-align: left;
}

.reserve .contents05 table {
	width: 100%;
	table-layout: fixed;
}

.reserve .contents05 table.detailTable01 {
	width: 1200px;
}

.reserve .contents05 td {
	border: 1px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #474f63;
}

.teacher_detail.reserve .contents05 td {
	line-height: 43px;
	height: 43px;
}

.reserve .contents05 td a {
	background-color: #ffc82c;
	border-radius: 20px;
	padding: 5px 6px;
	color: white;
	font-size: 12px;
	font-weight: normal;
}

.hiddenTeacherState {
	display: none;
	background-color: #ffff00;
	border-radius: 20px;
	padding: 5px 15px;
	color: red;
	font-size: 14px;
	font-weight: bold;
}

/* DST variant layout inside teacher detail timetable */
.teacher_detail .contents05 td.has-dst-variants {
    height: auto;
    line-height: 1.4;
    padding-top: 6px;
    padding-bottom: 6px;
}
.teacher_detail .contents05 td .dst-variants { text-align: center; }
.teacher_detail .contents05 td .dst-variant { display: block; margin: 6px 0; }
.teacher_detail .contents05 td .dst-variant a,
.teacher_detail .contents05 td .dst-variant span { display: inline-block; vertical-align: middle; }
.teacher_detail .contents05 td .dst-offset { margin-right: 6px; }
.teacher_detail .contents05 td .dst-reserved { color: #474f63;}
.teacher_detail .contents05 td .dst-closed { color: #999; }

.reserve .contents05 .teacherList01 td a {
	padding: 5px 35px;
}

@media screen and (max-width: 640px) {
	.reserve .contents05 .teacherList01 td a {
		padding: 5px 12px;
	}
}

.reserve .contents05 tr:nth-child(odd) td {
	background-color: white;
}

.reserve .contents05 tr:nth-child(even) td {
	background-color: #f4f4f4;
}

.reserve .contents05 td {
	border: 1px solid #dddddd;
	font-size: 12px;
	font-weight: normal;
}

.reserve .contents05 td:first-child {
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.reserve .contents05 td a {
		padding: 8px 8px;
	}
	.reserve .contents05 td {
		font-size: 12px;
	}
}

.reserve .contents05 tr:first-child td {
	border-top: none;
}

.reserve .contents05 tr:last-child td {
	border-bottom: none;
}

.reserve .contents05 tr:nth-child(odd) td.timeTableCell_NotAvailable {
	background-color: LightGrey;
}

.reserve .contents05 tr:nth-child(even) td.timeTableCell_NotAvailable {
	background-color: LightGrey;
}

.scroll {
	overflow: scroll;
	height: 343px;
	border-bottom: 1px solid #dddddd;
}

.reserve .contents05 {
	margin-bottom: 65px;
}

.reserve .contents05.margin {
	margin-bottom: 0px;
}

.reserve .slideArea li a:hover {
	color: white;
	opacity: 1;
	transition: all 0s;
}

.reserve .slideArea li {
	transition-duration: 0.5s;
}

.reserve .slideArea li:hover {
	background-color: #ffc82c;
}

.none900 {
	display: block;
}

.show900 {
	display: none;
}

.show640 {
	display: none;
}

.reserve .contents02 .item02 span.title,
.reserve .contents02 .item03 span.title {
	display: block;
	float: left;
	width: 29%;
	margin-right: 0%;
}

.reserve .contents02 .item02 span.inter,
.reserve .contents02 .item03 span.inter {
	display: block;
	float: left;
	width: 70%;
}

@media screen and (max-width: 1000px) {
	.container02 {
		max-width: 1000px;
		margin: 0px 2%;
	}
}

@media screen and (max-width: 900px) {
	.reserve .contents02 .item02 ul li:first-child {
		float: none;
		width: 100%;
	}
	.reserve .contents02 .item02 ul li:last-child {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.reserve .contents02 .item03 ul li:first-child {
		float: none;
		width: 100%;
	}
	.reserve .contents02 .item03 ul li:last-child {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.reserve .contents02 .item02 {
		margin-bottom: 25px;
	}
	.reserve .contents02 .item03 {
		margin-bottom: 22px;
	}
	.none900 {
		display: none;
	}
	.show900 {
		display: block;
	}
	.reserve .contents02 .item02 span.title,
	.reserve .contents02 .item03 span.title {
		display: block;
		float: left;
		width: 20%;
		margin-right: 0%;
	}
	.reserve .contents02 .item02 span.inter,
	.reserve .contents02 .item03 span.inter {
		display: block;
		float: left;
		width: 80%;
	}
	.reserve .contents02 .item04 li:first-child {
		margin-right: 0%;
	}
	.reserve .contents02 .item04 li:last-child {
		width: 80%;
	}
}

@media screen and (max-width: 640px) {
	.reserve .contents02 select {
		width: 80px;
		font-size: 14px;
	}
	.reserve .slideArea li a {
		width: 83px;
	}
	.reserve .contents02 .item04 li:last-child .specialty {
		display: block;
		margin-bottom: 18px;
		text-indent: -2em;
		padding-left: 2em;
		width: 49%;
		float: left;
	}
	.reserve .contents02 .item04 li:last-child .specialty:nth-child(2n) {
		float: right;
	}
	.none640 {
		display: none;
	}
	.show640 {
		display: block;
	}
	.reserve .contents02 .item04 li span {
		margin-right: 0px;
	}
	.reserve .contents02 .item05 input {
		width: 300px;
	}
	.reserve .contents02 #tab-menu li.menu01.active {
		font-size: 14px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.reserve .contents02 #tab-menu li.menu02 {
		font-size: 14px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.reserve .contents02 #tab-menu li.menu01 {
		font-size: 14px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.reserve .contents02 #tab-menu li.menu02.active {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 5px;
		padding-left: 5px;
	}
	.reserve .contents01 a {
		width: 145px;
	}
	.reserve .contents01 a:first-child {
		margin-right: 10px;
	}
	.reserve .contents01 a.active {
		padding: 15px 0px;
		width: 145px;
	}
	.reserve .contents01 a:last-child {
		padding: 10px 0px;
		width: 160px;
	}
	.reserve .contents04 .item01 {
		float: none;
		font-size: 12px;
		width: 100%;
	}
	.reserve .contents04 .item02 {
		float: none;
		font-size: 12px;
		width: 100%;
		padding-top: 15px;
	}
	.contents04 ul {
		text-align: center;
	}
	.reserve .scroll02 {
		overflow: scroll;
	}

	.reserve .contents02 .item02 span.title,
	.reserve .contents02 .item03 span.title {
		display: block;
		float: left;
		width: 34%;
		margin-right: 2%;
		font-weight: bold;
	}
	.reserve .contents02 .item02 span.inter,
	.reserve .contents02 .item03 span.inter {
		display: block;
		float: left;
		width: 62%;
	}
	.reserve .contents02 .item04 li:first-child {
		width: 100%;
		margin-right: 0%;
	}
	.reserve .contents02 .item04 li:first-child span {
		font-weight: bold;
		display: block;
		margin-bottom: 10px;
	}
	.reserve .contents02 .item04 li:last-child {
		width: 100%;
	}
	.reserve .contents02 .item04 li {
		line-height: 1.3;
	}
	.reserve .contents02 .item03 {
		margin-bottom: 33px;
	}
}

.reserve .scroll02 {
	position: relative;
}

@media screen and (max-width: 425px) {
	.reserve .contents02 .item05 input {
		width: 100%;
	}

	.reserve .contents02 .item06 a {
		width: 100%;
	}

	.reserve .contents01 a:first-child:after {
		position: absolute;
		top: 42%;
		right: 2px;
	}

	.reserve .contents01 a:first-child {
		padding-right: 3px;
	}

	.reserve .contents01 a:last-child:after {
		position: absolute;
		top: 39%;
		right: 3px;
	}

	.reserve .contents01 a:last-child {
		padding: 10px 0px;
		width: 160px;
		padding-right: 12px;
	}
}

@media screen and (max-width: 365px) {
	.reserve .contents02 .item02 span.title,
	.reserve .contents02 .item03 span.title {
		display: block;
		float: left;
		width: 40%;
		margin-right: 2%;
	}
	.reserve .contents02 .item02 span.inter,
	.reserve .contents02 .item03 span.inter {
		display: block;
		float: left;
		width: 58%;
	}
	.reserve .contents02 .item04 li:first-child {
		width: 100%;
		margin-right: 0%;
	}

	.interChild01 {
		display: block;
		margin-top: 5px;
	}
}

@media screen and (max-width: 325px) {
	.reserve .contents01 a:first-child {
		padding: 15px 0px;
		width: 144px;
		margin-right: 0px;
	}
	.reserve .contents01 a:last-child {
		width: 154px;
	}
}

/*チェックボックス　*/

.checkbox01-input {
	display: none;
}

.checkbox01-parts {
	padding-left: 20px;
	position: relative;
	margin-right: 25px;
}

.checkbox01-parts::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	background-color: white;
}

.checkbox01-input:checked {
	color: #009a9a;
}

.checkbox01-input:checked + .checkbox01-parts::after {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #474f63;
	border-right: 3px solid #474f63;
}

/*--------------------
講師詳細
---------------------*/

.teacher_detail .contents01 .item01 p:last-child {
	text-align: center;
	margin-top: 16px;
}

.teacher_detail .contents01 .item01 p:first-child {
	font-size: 20px;
	color: #474f63;
	font-weight: bold;
	padding: 8px 0px;
	background-color: white;
	padding-left: 15px;
	border-left: 2px solid #474f63;
	margin-bottom: 13px;
}

.teacher_detail .contents01 li {
	float: left;
}

.teacher_detail .contents01 li:first-child {
	float: left;
	width: 37%;
	margin-right: 4%;
}

.teacher_detail .contents01 li:first-child p img {
	display: block;
	margin: 0 auto;
}

.teacher_detail .contents01 li:last-child {
	float: left;
	width: 59%;
}

.teacher_detail .contents01 .item02 th {
	background-color: #f4f4f4;
	color: #474f63;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #dddddd;
	padding: 15px;
	width: 30%;
}

.teacher_detail .contents01 .item02 td {
	background-color: white;
	color: #474f63;
	font-size: 14px;
	border: 1px solid #dddddd;
	padding: 15px;
	width: 70%;
}

.teacher_detail .contents05 tr:first-child th {
	width: auto;
	background: #eee;
}

.teacher_detail .contents05 tr:first-child td {
	color: #474f63;
	width: 12.57%;
}

.reserve.teacher_detail .contents01 {
	margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	.teacher_detail .contents05 td a {
		padding: 8px 20px;
	}
}

.teacher_detail .contents01 li:first-child .teacherName02 {
	font-size: 20px;
	color: #474f63;
	font-weight: bold;
	padding: 5px 0px;
	background-color: white;
	padding-left: 15px;
	border: 1px solid #ddd;
	border-left: 2px solid #474f63;
}

@media screen and (max-width: 640px) {
	.teacher_detail .contents01 li:first-child {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.teacher_detail .contents01 li:first-child img {
		width: 70%;
		max-width: 200px;
		display: block;
		margin: 0 auto 20px;
	}
	.teacher_detail .contents01 .item01 p:nth-child(2) img {
		width: 70%;
		max-width: 200px;
		display: block;
		margin: 0 auto 20px;
	}

	.teacher_detail .contents01 li:last-child {
		float: none;
		width: 100%;
	}

	.teacher_detail .contents01 .item01 p:last-child {
		margin-top: 5px;
	}

	.teacher_detail .contents01 li:last-child {
		margin-top: 15px;
	}
	.teacher_detail .contents01 .item02 th {
		padding: 10px;
		font-size: 12px;
	}
	.teacher_detail .contents01 .item02 td {
		padding: 10px;
		font-size: 12px;
	}
}

.teacher_detail .contents05 th p {
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.teacher_detail .contents05 td a {
		padding: 5px 10px;
	}
}

.container01.privacy,
.container01.scr,
.container01.terms {
	max-width: 1000px;
	margin-bottom: 120px;
}

.privacy .contents02 .text01,
.privacy .contents01 .text01 {
	font-size: 14px;
	color: #474f63;
	font-weight: normal;
	text-align: left;
	margin-bottom: 20px;
}

.privacy .text02 li:nth-child(odd) {
	font-size: 16px;
	color: #474f63;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}

.privacy .text02 li:nth-child(even) {
	font-size: 14px;
	color: #474f63;
	text-align: left;
	margin-bottom: 20px;
}

.privacy .text02 li.date {
	font-size: 14px;
	margin-top: 40px;
}

.privacy .contents02 .item01 li {
	font-size: 15px;
	color: #474f63;
	text-align: left;
	margin-bottom: 5px;
	font-weight: normal;
	text-indent: -2em;
	padding-left: 2em;
}

.privacy .text00 {
	font-size: 0px !important;
}

.privacy h3 {
	font-size: 20px;
	color: #474f63;
	font-weight: bold;
}

.container01.scr table {
	width: 100%;
	margin-top: 50px;
}

.container01.scr table th {
	width: 30%;
	font-size: 15px;
	font-weight: bold;
	color: #474f63;
	padding: 15px 5px;
	background-color: #e6eaeb;
	border: 1px solid #dcdfe0;
	text-align: left;
	padding-left: 30px;
}

.container01.scr table td {
	font-size: 14px;
	color: #474f63;
	padding: 15px 5px;
	background-color: white;
	border: 1px solid #dcdfe0;
	padding-left: 30px;
}

.container01.scr .item01 h3 {
	font-size: 20px;
	color: #474f63;
	font-weight: bold;
	text-align: center;
	margin: 40px 0px;
}

.container01.scr .item01 ul li:nth-child(odd) {
	font-size: 15px;
	color: #474f63;
	font-weight: bold;
	margin-bottom: 5px;
}

.container01.scr .item01 ul li:nth-child(even) {
	font-size: 14px;
	color: #474f63;
	font-weight: normal;
	margin-bottom: 20px;
}

.container01.scr .item01 {
	margin-bottom: 100px;
}

@media screen and (max-width: 1000px) {
	.container01.privacy,
	.container01.sct,
	.container01.terms {
		margin: 0px 4%;
	}
}

@media screen and (max-width: 640px) {
	.privacy h3 {
		font-size: 18px;
		color: #474f63;
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.privacy .contents02 h3 {
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.privacy .contents02 {
		margin-bottom: 120px;
	}
	.container01.scr table th {
		padding-left: 5px;
	}
	.container01.scr table td {
		padding-left: 5px;
	}
}

#inline-content01 .contents01,
#inline-content02 .contents01 {
	width: 400px;
}

#inline-content01,
#inline-content02 {
	padding: 30px;
}

#inline-content01 .contents01 ul,
#inline-content02 .contents01 ul {
	float: left;
	width: 48%;
}

#inline-content01 .contents01,
#inline-content02 .contents01 {
	margin-top: 10px;
}

#inline-content01 .contents01 ul:first-child,
#inline-content02 .contents01 ul:first-child {
	margin-right: 2%;
}

#inline-content01 h3,
#inline-content02 h3 {
	font-size: 18px;
	color: #474f63;
	font-weight: bold;
	margin-bottom: 30px;
}

#inline-content01 .contents01 ul li,
#inline-content02 .contents01 ul li {
	margin-bottom: 10px;
	color: #474f63;
}

#inline-content01 .contents02 a,
#inline-content02 .contents02 a {
	width: 300px;
	border-radius: 20px;
	color: white;
	font-weight: bold;
	padding: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	background-color: #474f63;
	display: block;
	text-align: center;
}

#inline-content01 .contents02,
#inline-content02 .contents02 {
	margin-top: 25px;
}

@media screen and (max-width: 640px) {
	#inline-content01 .contents01,
	#inline-content02 .contents01 {
		width: 300px;
	}
	#inline-content01 .contents02 a,
	#inline-content02 .contents02 a {
		width: 100%;
	}
	#inline-content01 h3,
	#inline-content02 h3 {
		margin-bottom: 20px;
	}
	#inline-content01 .contents02,
	#inline-content02 .contents02 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 355px) {
	#inline-content01 .contents01,
	#inline-content02 .contents01 {
		width: 250px;
	}
}

.container01.terms {
	margin-top: 50px;
}

.container01.terms .contents01 {
	margin-top: 50px;
}

.container01.terms h3 {
	font-size: 16px;
	font-weight: bold;
	color: #474f63;
	margin-bottom: 10px;
	margin-top: -80px;
	padding-top: 80px;
}
@media screen and (max-width: 700px) {
	.container01.terms h3 {
		margin-top: 0;
		padding-top: 0;
	}
}

.container01.terms p {
	font-size: 14px;
	font-weight: normal;
	color: #474f63;
	margin-top: 10px;
	text-indent: -1em;
	padding-left: 1em;
}

.container01.terms .contents01 .noIndent01 {
	text-indent: 0em;
	padding-left: 0em;
}

.container01.terms h4 {
	font-size: 14px;
	font-weight: normal;
	color: #474f63;
	margin-top: 10px;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 20px;
}

.heading.terms h2 span:after {
	content: '';
	position: absolute;
	top: 62px;
	left: 34%;
	width: 30px;
	height: 1px;
	background-color: white;
	transform: translateY(-45%);
}

.container01.terms .contents01 .item01 {
	font-size: 14px;
	font-weight: normal;
	color: #474f63;
	margin-top: 5px;
	margin-left: 1em;
	margin-bottom: 15px;
}

#acMenu_btn {
	display: none;
}

@media screen and (max-width: 640px) {
	.heading.terms h2 span:after {
		content: '';
		position: absolute;
		top: 50px;
		left: 34%;
		width: 30px;
		height: 1px;
		background-color: white;
		transform: translateY(-45%);
	}
	#acMenu .contents02 {
		display: none;
	}
	#acMenu_btn {
		display: block;
	}
	.reserve .contents02 .cont02 .item02 ul li:last-child {
		margin-top: 0;
	}
}

.none {
	display: none;
}

.show {
	display: block;
}

#acMenu_btn {
	text-align: center;
	font-size: 16px;
	padding: 10px;
	color: white;
	background-color: #474f63;
	position: relative;
	margin-bottom: 10px;
}

#acMenu_btn:after {
	position: absolute;
	top: 33%;
	right: 10px;
	display: block;
	margin-top: -5px;
	width: 23px;
	content: '	\f067';
	font-family: FontAwesome;
	color: white;
	font-size: 17px;
}

#acMenu_btn.icon:after {
	position: absolute;
	top: 33%;
	right: 10px;
	display: block;
	margin-top: -5px;
	width: 23px;
	content: '	\f068';
	font-family: FontAwesome;
	color: white;
	font-size: 17px;
}

.teacher_detail .scroll02 .scroll {
	height: auto;
}

.teacherSchedule01 th {
	background: #f1f1f1;
}

.reserve .contents02 .item03 span.title i {
	margin-left: 6px;
}

/* TIMEZONE FIX: Show all 24 hours (00:00 to 23:00) for proper timezone support */
/* .teacherList01 .scrollBody tr:nth-child(-n + 7) {
	display: none;
}

.teacherList01 .scrollBody tr:nth-child(n + 25) {
	display: none;
} */

.textLeft {
	text-align: left;
}

/* .teacher_detail table .scrollBody tr:nth-child(-n + 8) {
	display: none;
} */

.teacher_detail table .scrollBody tr:nth-child(1) {
	display: table-row;
}

/* TIMEZONE FIX: Show more rows to accommodate all timezone-converted slots */
.teacher_detail table .scrollBody tr:nth-child(n + 50) {
	display: none;
}

.teacherTable01 th img {
	max-width: 180px;
	max-height: 100px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 640px) {
	.reserve .contents05 .teacherTable01 tr th {
		font-size: 11px;
	}
}

.contact .formArea input[name='last_name'] {
	width: 48%;
	margin-right: 2%;
	max-width: 250px;
	padding: 5px;
}

.contact .formArea input[name='first_name'] {
	width: 48%;
	max-width: 250px;
	padding: 5px;
}

.contact .formArea input[name='first_name_en'] {
	width: 48%;
	margin-right: 2%;
	max-width: 250px;
	padding: 5px;
}

.contact .formArea input[name='last_name_en'] {
	width: 48%;
	max-width: 250px;
	padding: 5px;
}

table.teacherTable01 th p:first-child {
	width: 100%;
	height: 100%;
	max-width: 180px;
	position: relative;
	margin: 0 auto;
}

table.teacherTable01 th p:first-child:before {
	content: '';
	display: block;
	padding-top: 55.555%;
	min-height: 80px;
}

table.teacherTable01 th p a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

table.teacherTable01 th p a img {
	max-width: none;
	max-height: none;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media screen and (max-width: 640px) {
	table.teacherTable01 th p:first-child:before {
		min-height: 40px;
	}
	table.teacherTable01 th p a img {
		width: 100%;
		min-height: 80px;
		height: auto;
	}
}

.dateClear01 {
	text-align: right;
	margin-top: 5px;
}

.dateClear01 a {
	text-decoration: underline;
}

.scrollBtn01 {
	position: absolute;
	bottom: -40px;
	right: 0;
}

.reserve .scroll02:nth-last-child(2) .scrollBtn01 {
	display: none;
}

.thanksPage01 {
	padding: 180px 3%;
}

@media screen and (max-width: 640px) {
	.thanksPage01 {
		padding: 50px 3%;
	}
}

.thanksText01 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 60px;
}

.thanksPage01 a {
	text-align: center;
	padding: 15px;
	max-width: 350px;
	width: 100%;
	display: block;
	background-color: #ffed48;
	color: #474f63;
	font-weight: bold;
	margin: 0px auto;
	border-radius: 3px;
	border: none;
	font-size: 16px;
}

.termsItem02 table {
	margin-top: 10px;
}

.termsItem02 th {
	padding-right: 15px;
}

@media screen and (max-width: 767px) {
	.termsItem02 th {
		width: 100%;
		padding: 0;
		display: block;
	}
	.termsItem02 tr:not(:first-child) th {
		padding: 10px 0 0;
	}
	.termsItem02 td {
		width: 100%;
		display: block;
	}
}

.newsText01 {
	color: #da1212;
	font-weight: bold;
	margin: 15px auto 15px;
}

.newsText01 a {
	color: #da1212;
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.footer01 li:first-child {
		margin-top: 20px;
	}
	.footer01 ul {
		float: none;
		color: white;
		padding-left: 20px;
		display: block;
	}
}
a {
	text-decoration: none;
}
/* デフォルトでは表示 */
.timezone-header-mobile {
	display: none;
	margin-top: 4px;
	text-align: center;
	padding: 5px;
	background-color: #4d4d4d;
	color: #ffffff;
}
.timezone-header-desktop {
	display: none;
	text-align: center;
	padding: 5px;
	background-color: #4d4d4d;
	color: #ffffff;
}
.timezone-info {
	font-size: 11px;
	font-weight: bold;
}
.timezone-info-desktop {
	margin-right: 10px;
	padding-left: 2px;
	font-size: 12px;
	font-weight: bold;
}
.timezone-header-mobile {
	display: none;
}
/* 767px以下では非表示にする */
@media screen and (max-width: 767px) {
	.timezone-header-mobile {
		display: block;
		display: flex;
		align-items: center;
	}
	.timezone-header-mobile {
		display: block;
		display: flex;
		align-items: center;
	}
	.timezone-header-desktop {
		display: none !important;
	}
	div.lessonBookingTime span.timezone-info {
		display: none;
	}
	.timezone-info {
		margin-right: 10px;
		padding-left: 2px;
	}
	.navbar-brand {
		margin-right: 0px !important;
	}
}
#language-selector {
	border-radius: 5px;
	padding: 2px;
	font-size: 14px;
}