@charset "utf-8";
/*
Theme Name: SIC Visit Japanese Course
Description:
Version: 1.0
*/

/* Reset Style
================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, main,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	text-decoration: none;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}


/* Base Style
================================================== */
html {
	font-size: 62.5%;
}

body {
	position: relative;
	background: #fff url(/wp-content/themes/sic/images/img_back_tile.gif);
	color: #333;
	font-size: 1.6rem;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

html[lang='ja'] body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
}

html[lang='zh-CN'] body {
	font-family: 'Lucida Grande', Hei, 'Microsoft YaHei', SimHei, 'MS UI Gothic', sans-serif;
}

html[lang^='vi'] body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
}

a:link {
	color: #33c;
}

a:visited {
	color: #069;
}

a:hover,
a:focus {
	color: #c30;
}

a:focus img {
	background-color: transparent;
}

sup {
	font-size: 1.2rem;
	vertical-align: text-top;
	line-height: 1;
}

sub {
	font-size: 1.2rem;
	vertical-align: text-bottom;
	line-height: 1;
}

img,
svg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

@media screen\0 { /* IE */
	table img {
		width: 100%;
	}
}

#map-canvas img {
	max-width: none;
}

pre, code, kbd, samp, tt {
	font-family: 'Courier New', Courier, Monaco, monospace;
}

abbr[title], dfn[title] {
	border-bottom-color: #999;
	cursor: help;
}

input, select, textarea {
	color: #000;
	font-family: inherit;
	font-size: 100%;
}

input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
}

::-webkit-input-placeholder {
	padding-top: 2px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

.new {
	padding: 3px 5px 2px;
	border-radius: 3px;
	background: #d14900;
	color: #fff;
	font-size: 75%;
	font-weight: normal;
	text-transform: uppercase;
	vertical-align: text-bottom;
}

.hide,
.scrText {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

.icon-external-link {
	display: inline-block;
	margin: 0 .25em;
	vertical-align: middle;
}


/* Layout
================================================== */
.inner {
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width: 1040px) {
	.inner {
		margin: 0 20px;
	}
}

@media screen and (max-width: 480px) {
	.inner {
		margin: 0 10px;
	}
}


/* Block Skip
================================================== */
.skip a {
	display: block;
	height: 0;
	overflow: hidden;
}

.skip a:focus {
	height: auto;
}


/* Header
================================================== */
#commonHeader {
	padding: 12px 0;
	background: linear-gradient(to bottom, #0059aa, #003f98);
	background-color: #003f98;
	color: #fff;
	position: relative;
}

#commonHeader::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 10px;
	border-bottom: 1px solid transparent;
	background: url(/wp-content/themes/sic/images/img_header_bar_01.gif) repeat-x;
}

#commonHeader .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

#commonHeader .siteId {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.1;
}

#commonHeader a {
	color: #fff;
}

#commonHeader .siteId a {
	text-decoration: none;
}

#adminNav,
#userNav {
	margin: 34px 0 -10px;
}

#adminNav ul,
#userNav > div {
	display: flex;
	flex-wrap: wrap;
}

#userNav > div {
	justify-content: space-between;
}

#userNav ul {
	display: flex;
}

#userNav li {
	margin-left: 1em;
}

#adminNav li {
	margin-right: 1em;
	white-space: nowrap;
}

#adminNav li.dashbord {
	flex: 1;
	text-align: right;
	margin-right: 0;
}


/* Main
================================================== */
#content {
	margin: 34px 0 24px;
}

#content .inner {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
}

#content h1 {
	margin: -1px -1px 0;
	padding: 12px 30px;
	border-bottom: 7px solid #a5bcda;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(to bottom, #0059aa, #003f98);
	background-color: #003f98;
	color: #fff;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.25;
}

.contentBody {
	min-height: calc(100vh - 400px);
	padding: 30px 29px 29px;
	border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 480px) {
	.contentBody {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.contentBody p {
	margin-bottom: 1em;
}


/* Front Page
================================================== */
#home #content h2 {
	margin: 29px 29px 0;
	color: #003f98;
	font-size: 2.1rem;
}

#home #content ul {
	margin: 10px 29px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#home #content ul.adminPage li {
	width: calc((100% - 60px) / 4);
	min-height: calc((940px - 60px) / 4);
	margin-bottom: 10px;
	font-size: 2.0rem;
}

#home #content ul.mypage {
	margin-top: -20px;
}

#home #content ul.mypage li {
	width: calc((100% - 20px) / 2);
	min-height: 60px;
	margin-bottom: 10px;
	font-size: 2.0rem;
}

#home #content ul.registration li,
#home #content ul.report li {
	width: calc((100% - 70px) / 8);
	min-height: 60px;
	margin-bottom: 10px;
}

#home #content ul.dashbord {
	margin-top: -20px;
	justify-content: center;
}

#home #content ul.dashbord li {
	width: calc((100% - 60px) / 4 * 2 + 20px);
	min-height: 60px;
	font-size: 2.0rem;
}

#home #content ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
}

#home #content ul li.vol a {
	background-color: #eaf0f7;
}

#home #content ul li.lar a {
	background-color: #fff4e0;
}

#home #content ul li.unmatching a {
	background-color: #fff4e0;
}

#home #content ul li.matching a {
	background: linear-gradient(to right bottom, #fff4e0 0, #fff4e0 50%, #eaf0f7 50%, #eaf0f7 100%);
}

#home #content ul.mypage li a,
#home #content ul.dashbord li a {
	background-color: #f1f1f1;
}

@media screen and (max-width: 1040px) {
	#home #content ul.adminPage li {
		min-height: calc((100vw - 160px) / 4);
	}
}

@media screen and (max-width: 600px) {
	#home #content ul.adminPage li {
		width: calc((100% - 20px) / 2);
		min-height: 100px;
	}
	
	#home #content ul.registration li,
	#home #content ul.report li {
		width: calc((100% - 20px) / 2);
	}
	
	#home #content ul.dashbord li {
		width: 100%;
	}
}


/* Form
================================================== */
.notice {
	margin-bottom: 1.5em;
	padding: 12px;
	border: 2px solid #ccc;
	line-height: 1.8;
}

.notice p:last-child {
	margin-bottom: 0;
}

.required {
	color: #e60012;
	font-family: Verdana, Arial, sans-serif;
	font-size: 2.0rem;
	font-style: normal;
	vertical-align: middle;
}

.wpcf7 {
	margin-top: 1em;
}

.wpcf7 h2 {
	margin: 3.2rem 0 10px;
	color: #003f98;
	font-size: 1.8rem;
}

.wpcf7 h2:first-of-type {
	margin-top: 0;
}

.formTable {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
}

.formTable.divide {
	margin-top: calc(-1.5em - 1px);
}

@media screen and (-webkit-min-device-pixel-ratio:0){ /* Chrome */
	.formTable {
		width: 100% !important;
	}
}

.formTable caption {
	color: #003f98;
	text-align: left;
}

.formTable > tbody > tr > th,
.formTable > tbody > tr > td {
	border: 1px solid #ccc;
}

.formTable > tbody > tr > th {
	width: 30%;
	padding: 5px 10px;
	background-color: #eaeaea;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

.wpcf7 .formTable > tbody > tr > th {
	padding-bottom: 2px;
}

.formTable.partner > tbody > tr > th {
	background-color: #eaf0f7;
}

.formTable.learner > tbody > tr > th {
	background-color: #fff4e0;
}

.formTable > tbody > tr > th span {
	display: inline-block;
}

.formTable > tbody > tr > td {
	width: 70%;
	height: 1.5em;
	padding: 10px;
	vertical-align: middle;
}

.wpcf7 .formTable > tbody > tr > td {
	padding-bottom: 7px;
}

.formTable.accept > tbody > tr > td {
	width: auto;
	padding: 3px 10px 0;
}

.formTable.accept > tbody > tr > td:first-child {
	padding-bottom: 3px;
	border-right: 0;
}

.formTable.accept > tbody > tr > td:last-child {
	border-left: 0;
	white-space: nowrap;
}

.formTable.accept > tbody > tr > td:last-child p::before {
	content: '←';
}

@media screen and (max-width: 480px) {
	.formTable > tbody > tr > th,
	.formTable > tbody > tr > td {
		display: block;
		width: auto;
		height: auto;
		border: 0;
	}

	.formTable > tbody > tr {
		border-bottom: 1px solid #ccc;
	}
	
	.formTable.accept > tbody > tr > td:first-child {
		padding: 5px 10px 0;
	}
	
	.formTable.accept > tbody > tr > td:last-child p::before {
		content: ' ↑ ';
	}
	
	.formTable.accept > tbody > tr > td:last-child .wpcf7-list-item-label::before {
	}
}

.formTable input[type="text"],
.formTable input[type="email"],
.formTable input[type="date"],
.formTable select,
.formTable textarea {
	margin-bottom: 3px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #f8f8f8;
}

.formTable input[type="text"]:focus,
.formTable input[type="email"]:focus,
.formTable input[type="date"]:focus,
.formTable select:focus,
.formTable textarea:focus {
	background-color: #fff;
}

.formTable input[type="text"],
.formTable input[type="email"],
.formTable textarea {
	width: 100%;
}

.formTable input[id$="_name"],
.formTable input[id$="_kana"],
.formTable input[id$="_tel"],
.formTable input[id$="_country"],
.formTable input[id$="_language"] {
	width: 50%;
}

@media screen and (max-width: 600px) {
	.formTable input[id$="_name"],
	.formTable input[id$="_kana"],
	.formTable input[id$="_tel"],
	.formTable input[id$="_country"],
	.formTable input[id$="_language"] {
		width: 100%;
	}
}

.formTable input[id$="_birth_year"] {
	width: 5em;
}

.formTable input[id$="_zip"],
.formTable input#vol_id,
.formTable input#lar_id {
	width: 10em;
	max-width: calc(100% - (4em + 32px));
}

.formTable textarea#vol_note {
	height: 5em;
}

.formTable textarea {
	height: 10em;
	margin-bottom: 0;
}

.formTable .sup-wrap {
	display: inline-block;
}

.formTable .sup-wrap:not(:last-child) {
	margin-right: .75em;
}

.formTable.registration select[id^="vol_area"] {
	margin-bottom: 8px;
	vertical-align: middle;
}

.formTable [name="zip2addr"] {
	margin-left: 10px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: linear-gradient(#fff, #eaeaea);
	background-color: #f8f8f8;
}

.formTable .wpcf7-radio,
.formTable .wpcf7-checkbox,
.formTable .choices {
	display: inline-block;
	margin-bottom: 3px;
	padding: 7px 10px 7px 5px;
}

.formTable .wpcf7-list-item,
.formTable .choices label {
	margin-left: 0;
	margin-right: 1em;
}

.formTable .wpcf7-list-item.last,
.formTable .choices label:last-child {
	margin-right: 0;
}

.formTable #lea_place .wpcf7-list-item,
.formTable #lea_q1 .wpcf7-list-item,
.formTable #lea_q2 .wpcf7-list-item {
	display: block;
	margin-right: 0;
	margin-left: 2.8em;
	text-indent: -2.8em;
}

.formTable .wpcf7-acceptance label {
	display: flex;
}

.formTable .wpcf7-acceptance input {
	margin-right: 12px;
}

.formTable td p:last-child {
	margin-bottom: 0;
}

.formTable #lea_place div {
	margin: .5em 0 1em 1.5em;
}

.formTable #lea_place div .wpcf7-radio {
	padding: 0;
}

.formTable #lea_place div .wpcf7-list-item {
	display: inline-block;
	margin-right: 1em;
}

.formTable td dt {
	margin-left: 2em;
	display: list-item;
	list-style: decimal;
}

.formTable td dd {
	margin-left: 1.5em;
}


/* Acceptance
-------------------------------------------------- */
.wpcf7-form .acceptance .wpcf7-list-item {
	display: block;
	margin-left: 0;
	margin-bottom: 1em;
}

.wpcf7-form .acceptance input {
	position: absolute;
	opacity: 0;
}

.wpcf7-form .acceptance .wpcf7-list-item-label {
	display: inline-block;
	padding-left: 30px;
	position: relative;
}

.wpcf7-form .acceptance .wpcf7-list-item-label::before {
	content: '';
	position: absolute;
	top: .75em;
	left: 0;
	width: 18px;
	height: 18px;
	margin-top: -11px;
	border: 2px solid #999;
	border-radius: 4px;
}

.wpcf7-form .acceptance input:focus + .wpcf7-list-item-label::before {
	border-color: #000;
}

.wpcf7-form .acceptance input:checked + .wpcf7-list-item-label::after {
	content: '';
	position: absolute;
	top: .75em;
	left: 7px;
	width: 6px;
	height: 12px;
	margin-top: -9px;
	border-right: 3px solid #e60012;
	border-bottom: 3px solid #e60012;
	transform: rotate(40deg);
}

#learner-registration-ja .wpcf7-form .acceptance .wpcf7-list-item-label::before,
#learner-registration-ja .wpcf7-form .acceptance input:checked + .wpcf7-list-item-label::after {
	top: 1.125em;
}


/* Submit
-------------------------------------------------- */
.wpcf7-form .submit,
.search-form .submit {
	margin: 2em 0;
	text-align: center;
}

.wpcf7-form .submit input,
.search-form .submit input {
	padding: 5px 1em;
	border: 1px solid #ccc;
	background: linear-gradient(#fff, #eaeaea);
	background-color: #f8f8f8;
	font-size: 120%;
	cursor: pointer;
}

.wpcf7-form .submit input[disabled] {
	background: #f8f8f8 !important;
	color: #999;
	cursor: not-allowed;
}


/* Error
-------------------------------------------------- */
.wpcf7 form .wpcf7-response-output {
	margin: 0 0 1em;
}

.wpcf7-form .wpcf7-not-valid-tip {
	display: inline-block;
	margin-left: .5em;
	color: #e60012;
}

.wpcf7-form .wpcf7-not-valid {
	border-color: #e60012 !important;
	background-color: #fffcfc !important;
}

.wpcf7-form .wpcf7-radio.wpcf7-not-valid,
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid {
	border: 1px solid #e60012;
	border-radius: 3px;
}


.wpcf7-form .timesWrap {
	position: relative;
}

.wpcf7-form .timesWrap .wpcf7-form-control-wrap {
	position: static;
}

.wpcf7-form #times {
	display: none;
}

.wpcf7-form #times.wpcf7-not-valid {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 1.5em - 3px);
	box-sizing: border-box;
}

.wpcf7-form #times.wpcf7-not-valid + wpcf7-not-valid-tip {
	margin-top: 3px;
}

.wpcf7-form .timezone {
	position: relative;
	z-index: 10;
}


/* Timezone Table
-------------------------------------------------- */
.timezone {
	width: 100%;
}

.registration .timezone,
.search .timezone {
	margin-left: -10px;
	width: calc(100% + 10px);
}

.timezone th,
.timezone td {
	padding: 2px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.timezone th {
	width: 22%;
}

.timezone td {
	width: 26%;
}

.profile .timezone th,
.profile .timezone td {
	border: 1px solid #ccc;
}


.timezone .wpcf7-checkbox {
	display: block;
	padding: 0;
}
.timezone .wpcf7-list-item {
	display: block;
}

.timezone label {
	display: block;
	padding: 2px;
	background-color: #f1f1f1;
}

.timezone label:hover,
.timezone label.checked {
	background-color: #ffe2e0;
}

.timezone input[type="checkbox"] {
	vertical-align: middle;
}

.timezone .wpcf7-list-item-label {
	position: absolute;
	width: 0;
	overflow: hidden;
}

.timezone .wpcf7-checkbox {
	display: block;
	padding: 0;
}

.timezone + p {
	margin-bottom: 0;
}


/* Star
-------------------------------------------------- */
#stu_understand {
  position: relative;
  display: block;
  width: 6.5em;
  height: 1.5em;
}
#stu_understand .wpcf7-list-item {
  position: absolute;
  top: 0;
  left: 0;
}
#stu_understand input[type='radio'] {
  position: absolute;
  opacity: 0;
}
#stu_understand .wpcf7-list-item-label {
  color: #ccc;
  font-size: 180%;
  letter-spacing: .5em;
  cursor: pointer;
}
#stu_understand .wpcf7-list-item:hover .wpcf7-list-item-label,
#stu_understand .wpcf7-list-item:hover ~ .wpcf7-list-item .wpcf7-list-item-label,
#stu_understand .wpcf7-list-item.checked .wpcf7-list-item-label,
#stu_understand .wpcf7-list-item.checked ~ .wpcf7-list-item .wpcf7-list-item-label {
  color: #fc0;
}


/* Registrant List
================================================== */
.csv {
	margin: -15px 0 15px;
	text-align: right;
}

.charge {
	color: #e60012;
}

.registrantList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.registrantList article {
	width: calc((100% - 30px) / 2);
	margin-bottom: 30px;
	padding: 12px 20px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.registrantList article .header {
	margin: 0 -8px;
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
}

.registrantList article.partner .header {
	background-color: #eaf0f7;
}

.registrantList article.learner .header {
	background-color: #fff4e0;
}

.registrantList article .header p {
	margin-bottom: 0;
}

.registrantList article h3 {
	margin: .25em 0;
	font-size: 2.0rem;
	font-weight: bold;
}

.registrantList article h3 .kana {
	font-size: 1.6rem;
	font-weight: normal;
}

.registrantList article dl {
	display: flex;
	flex-wrap: wrap;
}

.registrantList article dt {
	width: 5em;
}

.registrantList article dd {
	width: calc(100% - 5em);
}

@media screen and (max-width: 600px) {
	.registrantList {
		flex-direction: column;
	}
	
	.registrantList article {
		width: auto;
	}
}


/* Matching List
================================================== */
.registrantList.matching {
	display: flex;
}

.registrantList.matching .learner {
	position: relative;
}

.registrantList.matching .learner::after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(100% + 5px);
	margin-top: -22px;
	border-width: 22px 0 22px 22px;
	border-style: solid;
	border-color: transparent transparent transparent #a5bcda;
	
}


/* Pagination
================================================== */
.pagination {
	margin: 0 auto 30px;
	text-align: center;
}

.pagination a,
.pagination span {
	padding: 0 .125em;
}


/* Registrant Detail
================================================== */
.registrantDetail header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 10px;
}

.registrantDetail h2 {
	color: #003f98;
	font-size: 2.1rem;
}

.registrantDetail .edit {
	margin-left: 1em;
}

.registrantDetail .charge {
	flex-grow: 1;
	text-align: right;
}


/* Partner Search
================================================== */
.partnerSearch {
	padding-top: 30px;
	border-top: 2px solid #ccc;
}

.partnerSearch .searchHeader {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.partnerSearch h2 {
	color: #003f98;
	font-size: 2.1rem;
}

#setCondition,
#reset {
	padding: 5px 1em;
	border: 1px solid #ccc;
	background: linear-gradient(#fff, #eaeaea);
	background-color: #f8f8f8;
	color: #333;
	font-size: 100%;
}

.partnerSearch .relation {
	display: block;
	margin-top: 10px;
	padding: 10px 0 0 5px;
	border-top: 1px solid #ccc;
}


/* Search Result
================================================== */
.resultHeader p {
	margin: -10px 0 15px;
}

/*
#search #colorbox {
	left: 30% !important;
}
*/


/* My Page
================================================== */
#mypage #content h2 {
	margin: 29px 29px 0;
	color: #003f98;
	font-size: 2.1rem;
}

#mypage #content ul {
	margin: 10px 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#mypage #content ul li {
	width: calc((100% - 20px) / 2);
	min-height: calc((940px - 20px) / 4);
	margin-bottom: 20px;
	font-size: 2.4rem;
}

#mypage #content ul li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
}

#mypage.learner #content li a {
	background-color: #fff4e0;
}

#mypage.partner #content li a {
	background-color: #eaf0f7;
}

@media screen and (max-width: 1040px) {
	#mypage #content ul li {
		min-height: calc((100vw - 120px) / 4);
	}
}

@media screen and (max-width: 600px) {
	#mypage #content ul li {
		width: 100%;
		min-height: 120px;
	}
}


/* Schedule
================================================== */
.schedule {
	margin-bottom: 30px;
	position: relative;
}

.schedule:not(:last-child) {
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.scheduleList {
	width: 100%;
	border: 1px solid #ccc;
}

.scheduleList caption {
	margin-bottom: 5px;
	text-align: left;
}

.scheduleList th,
.scheduleList td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.scheduleList th {
	padding: 5px;
}

.scheduleList th {
	background-color: #d0dff2;
}

.scheduleList td:last-child {
	width: 30%;
	text-align: left;
}

.scheduleList tbody tr:nth-child(even) td {
	background-color: #faf8f4;
}

.editSchedule {
	position: absolute;
	top: 0;
	right: 0;
}

.acf-form-submit {
	margin-bottom: 30px;
	text-align: center;
}

.acf-form-submit input {
	padding: 5px 1em;
	border: 1px solid #ccc;
	background: linear-gradient(#fff, #eaeaea);
	background-color: #f8f8f8;
	font-size: 120%;
	cursor: pointer;
}

.editSchedule button,
.addSchedule button {
	height: 1.75em;
	padding: 0 1em;
	border: 1px solid #ccc;
	background: linear-gradient(#fff, #eaeaea);
	background-color: #f8f8f8;
	cursor: pointer;
}

.cancel {
	margin: 30px 0;
	text-align: center;
}

.acf-table tbody .acf-row:nth-child(-n+10) a {
	display: none !important;
}

.acf-fields>.acf-field {
	border-top: 0 !important;
}

#edit-schedule.learner div[data-name='schedule_title'] {
	display: none;
}

@media screen and (max-width: 720px) {
	.tableWrap {
		overflow: auto;
	}
	
	.tableWrap {
		margin-top: 1.6rem;
		margin-bottom: 2.4rem;
	}
	
	.tableWrap > table {
		width: 100%;
		min-width: 620px;
		margin-top: 0;
		margin-bottom: 0;
	}
}


/* Payment
================================================== */
.paymentList {
	padding-left: 1.5em;
	list-style: disc;
}

.paymentList li:not(:last-child) {
	margin-bottom: 1em;
}


/* Adminbar
================================================== */
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed !important;
	}
}


/* Clearfix
================================================== */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}