@charset "UTF-8";

.ib {
	display: inline-block;
	vertical-align: middle;
}

.clear_both {clear:both;}

.border-fee-lilac {border-color: #C68DB8;}

.text-fee-black {color: #333;}
.text-fee-red {color: #FF0101;}
.text-fee-blue {color: #3784BF;}

.back-fee-lilac {background-color: #F4E9F1;}

h4 {
	position: relative;
	padding: 0.15em 0 0.15em 18px;
	border-left: 5px solid;
	margin-top: 2em;
}
h4, h4::before {border-color: #724967;}
h4::before {
	content: "";
	position: absolute;
	top: 0;
	left: 1px;
	width: 1px;
	height: 100%;
	border-width: 0 3px;
	border-style: none solid;
}

.fee-box {
	border-width: 1px;
	border-style: solid;
}
h5::before {
	content: "◆";
	padding-right: 0.5em;
}
.border-purple h5::before, .text-fee-purple {color: #850C68;}
.border-fee-lilac h5::before {color: #340C85;}



#oracle_map h4 {margin-bottom: 1.7em;}		/* 20210227 edit Yukari */

#seminar h4 {margin-bottom: 1.7em;}
#lesson dt {
	font-size: 24px;
	letter-spacing: 0.1em;
	color: #666;
}
#lesson .text-fee-purple {
	margin-bottom: 0.3em;
	font-size: 17px;
}

#skype {
	overflow: hidden;
	padding: 1.5em 1.3em 1.2em;
	border: 1px solid #C8D9E1;
	background-color: #F3F9FB;
}
#skype h3, #skype-dl a {
	color: #034868;
}
#skype-dl {
	float: right;
	border: 1px solid #5A5D56;
	margin: 0.7em 0.3em 0 0;
	font-size: 20px;
	background-color: #C5CAC9;
}
#skype-dl a {
	display: inline-block;
	text-decoration: none;
	padding: 0.2em 0.8em;
}

.m2 {margin-top: 0.3em;}

@media only screen and (min-width: 789px) {	/*639px → 779*/
	.ib-pc {
		display: inline-block;
		vertical-align: middle;
	}
	
	main {padding-bottom: 120px;}
	#fee .subhead {margin-top: 50px;}

#fee-menu {		/* 20210227 Yukari edit */
	list-style: none;
}
	
#fee-menu .fee-menu1 {		/* 20210227 Yukari edit */
		float:left;
		height: 30px;
		margin-top:-3.5%;
		margin-left:25%;
}
	
#fee-menu .fee-menu2 {		/* 20210227 Yukari edit */
		float:left;
		height: 30px;
		margin-top:-3%;
		margin-left:1%;
}

#fee-menu .text-inquily {		/* 20210227 Yukari edit */
	font-size: 18px;
	color: #333;
}
		/* 20210227Yukari edit*/
	.fee-menu1::before,.fee-menu2::before {
	content: "→";
	padding-right: 0.5em;
	}
#fee a {text-decoration:none;}		/* 20210227 Yukari edit */

#oracle_txt {margin-top:-4.5%; margin-left:2%;}/* 20210227 Yukari edit */

	.fee-box {padding: 1em;}
	.contents-fee {margin: 0 3%;}
	.contents-fee2 {padding: 0 2.9%;}
	.m1 {margin: 1em 0 1.4em;}
	#full-package {margin-bottom: 4.7%;}
	#optional-shagai {margin: 4.7% 0;}
	#lesson {margin-top: 5.5%;}
	
	h4 {font-size: 17px;}
	h5 {font-size: 15px;}
	#only-female {font-size: 15px;}
	.contents-place {
		padding: 0 5%;
		margin: 0.7em 0 2em;
	}
	
	#skype h3 {font-size: 18px;}
	#skype .ml.mt {margin: 0.5em 0 0 1em;}
}



@media only screen and (max-width: 788px) {	/*638px → 779*/
	.contents {font-size: 17px;}
	.mt, .mt-sp {margin-top: 0.4em;}
	.ml, .ml-sp {margin-left: 1.8em;}
	
	main {padding-bottom: 7%;}
	#fee .subhead {
		margin-top: 1.1em;
		font-size: 21px;
	}


#fee-menu {		/* 20210227 Yukari edit */
	list-style: none;
}
	
#fee-menu .fee-menu1 {		/* 20210227 Yukari edit */
		height: 30px;
		margin-top:-5%;
		margin-bottom:0;
		margin-left:45%;
}
	
#fee-menu .fee-menu2 {		/* 20210227 Yukari edit */
		height: 30px;
		margin-top:0;
		margin-left:5%;
}

#fee-menu .text-inquily {		/* 20210227 Yukari edit */
	font-size: 0.93em;
	color: #333;
}

		/* 20210227Yukari edit*/
	.fee-menu1::before,.fee-menu2::before {
	content: "→";
	padding-right: 0.5em;
	}

	#fee a {text-decoration:none;}		/* 20210227 Yukari edit */
	
	#oracle_txt {padding-top:15px;}		/* 20210227 Yukari edit */
	
	.fee-box {padding: 0.7em;}
	.contents-fee {margin: 0 1%;}
	.contents-fee2 {padding: 0 1.3em;}
	.m1 {margin: 0.7em 0 1em;}
	#full-package {margin-bottom: 2em;}
	#optional-shagai {margin: 2em 0;}
	#lesson {
		padding: 0;
		margin-top: 6%;
	}
	
	#place .heading {margin-top: 1em;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	#only-female {
		margin-left: 1em;
		font-size: 17px;
	}
	.contents-place {
		padding: 0 5%;
		margin: 0.7em 0 2em;
	}
	
	#skype {margin: 0 3%;}
	#skype h3 {font-size: 19px;}
	#skype .ml.mt {margin: 0.5em 0 0 0.7em;}
}

#place .m1 {margin-top: 1.6em;}


/*-- old --*/
#lesson dt, #lesson dd {
	display: inline-block;
	vertical-align: top;
}

/*-- flex --*/
#lesson {
	display: flex;
	flex-wrap: wrap;
}
#lesson dt {
	margin-bottom: 1em;
	flex: 1 0 auto;
}
#lesson dd {
	margin: 0 0 2em 1em;
	flex: 1 1 80%;
}

/*-- grid --*/
@supports(display: grid) {
	#lesson {
		display: grid;
		grid-template: auto auto auto/auto auto;
		grid-auto-flow: row;
		grid-gap: 1em;
		
		margin-bottom: 1em;
	}
	#lesson dt, #lesson dd {margin: 0;}
}