@charset "shift_jis";
/* CSS Document */


/* ------冬期講習-------- */

#winter01 {
	display:-webki-flex;
	display:flex;
	box-sizing:border-box;
	margin:3% 0;
	}

.youth,
.elementary {
	width:48%;
	margin:1%;
	border:solid 2px #32cd32;
	border-radius:6px;
	}

.target {
	font-size:1.2em !important;
	font-weight:bold;
	text-align:center;
	margin-bottom:2% !important;
	background-color:#32cd32;
	color:#ffffff;
	}

.smallTtl {
background: linear-gradient(transparent 50%, #ffff66 50%);
font-weight:bold;
line-height:2.0em;
}

.youth>p,
.elementary>p {
	padding:1%;
	margin-bottom:2% !important;
	}

.winter01Detail{
	text-align:center !important;
	}

.winter01DetailTtl{
	font-weight:bold;
	text-align:center;
	background-color:#00afec;
	color:#ffffff;
	}

/* ------.winter02{
	background:url(images/winter02_pic.png) no-repeat top right; 
	}-------- */

.classContent{
	margin:0;
	padding:0;
	}

.classContent>li{
	margin-top:2%;
	font-weight:bold;
	list-style:square;
	text-indent:0;
	padding:0 !important;
	}

h3 {
	margin-top:40px;
	}

/* ------各プログラム時間など-------- */

.term,
.term02,
.time,
.fee,
.fee02,
.baggage,
.classContent{
	font-size:16px !important;
	font-weight:bold ;
	line-height:1.3em;
	}


.term,
.time,	
.fee,
.baggage {
	padding-left:4.5em;
	text-indent:-4.5em;
	}

.classContent{
	padding-left:5em;
	text-indent:-5em;
	}

.term02{
	padding-left:5em;
	text-indent:-5em;
	}

.fee02{
	padding-left:5em;
	text-indent:-5em;
	}

#illust01 {
	background:url(images/165900.png) no-repeat right;
	}

#illust02 {
	background:url(images/vzemi.jpg) no-repeat right;
	}

.term {
	margin-top:30px;
	}

.time,
.fee,
.fee02,
.classContent,
.baggage {
	margin-top:20px;
	}

	
.term::before,
.term02::before {
	content:"期　間";
	}

.time::before {
	content:"時　間"
	}

.fee::before,
.fee02::before {
	content:"受講料"
	}

.classContent::before {
	content:"授業内容"
	}

.baggage::before {
	content:"持参物"
	}
	
.term::before,
.term02::before,
.time::before,
.fee::before,
.fee02::before,
.classContent::before,
.baggage::before{
	color:#ffffff;
	font-weight:bold;
	padding:3px 10px 1px 10px;
	background-color:#00A6E9;
	border-radius:5px;
	}
	
.termL2 {
	font-size:14px;
	font-weight:bold;
	}
/* ------各プログラム時間など ここまで-------- */

#firstTerm,
#secondTerm,
#thirdTerm {
	display:table;
	margin: 2%;
	}

.termTxt {
	display:table-cell;
	vertical-align:middle;
	line-height:1.8em;
	padding:2% 3%;
	font-size:15px !important;
	}

.termImg {
	display:table-cell;
	padding:2% 1%;
	}

.spcialEvent{
	display:table-cell;
	background-color:#d4f2ff;
	}

.spcialEventDate,
.spcialEventDate02{
	margin-top:20px;
	font-size:18px !important;
	font-weight:bold;
	text-align:center;
	}

.spcialEventDate::before,
.spcialEventDate02::before {
	border:solid 3px #009fe8;
	border-radius:30px;
	background-color:#ffffff;
	color:#009fe8;
	font-size:16px;
	padding:0 7px;
	}

.spcialEventDate::before{
		content:"第1弾";
		}

.spcialEventDate02::before{
	content:"第2弾";
	}

.spcialEventContent{
	font-size:18px !important;
	font-weight:bold;
	line-height:1.3em;
	margin-top:-20px;
	text-align:center;
	}

.blue{
	color:#009fe8;
	font-weight:bold;
	}

.hosoku {
	margin-top:-20px ;
	margin-bottom:-3px !important;
	font-size:12px !important;
	text-align:center;
	padding-bottom:10px;
	}

.fontSmall {
	font-size:13px;
	font-weight:bold;
	}



.priceList {
	border-collapse:collapse;
	margin-top:10px;
	}
	
.priceBorder {
	border-color:#ffffff;
	}

.price {
	font-size:18px;
	}

.price>tr>td {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	}

.priceItem{
	background-color:#0f571d;
	border-color:#ffffff;
	color:#ffffff;
	width:40%;
	}

.discount{
	display:table-cell;
	font-size:18px !important;
	font-weight:bold;
	vertical-align:middle;
	}

.priceList02{
	margin:0;
	display:table;
	}

.left {
	font-weight:bold;
	display:table-cell;
	}

.borderRight {
	border-right:solid 1px #464646 !important;
	}

.borderBottom {
	border-bottom:solid 1px #464646 !important;
	}

/* ------特別集中講習-------- */
/*#special{
	margin:5% auto;
	background-color:#059253;
	width:80%;
	}
*/
#specialTtl{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	padding-top:2%;
	margin:0 0 2% 0;
	}

.specialContent{
	display:block;
	width:80%;
	background-color:#FBFDB7;
	font-size:1.4em !important;
	font-weight:bold;
	padding:3% 2%;
	margin:2% auto!important;
	}

.specialContentBig {
	font-size:1.8em;
	color:#FF0000;
	font-weight:bold;
	}

.specialNote {
	color:#ffffff;
	font-size:0.8em;
	text-align:center;
	padding-bottom:2%;
	}


/*top戻るボタンここから*/
.pageTop {
    position: fixed;
    bottom: 30px;
    right: 100px;
}
.pageTop a {
    display: block;
	border-radius:50%;
	width:80px;
	height:80px;
    background-color: #F19220;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding-top: 20px;
	opacity:0.8;
}
 
.pageTop a:hover {
    display: block;
    background-color: #8DC21F;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding-top: 20px;
	opacity:0.4;
}

/*top戻るボタンここまで*/

.winter03Txt{
	display:-webkit-flex;
	display:flex;
	margin-top:2%;
	}

.winter03Txt p {
	-webkit-flex:2;
	flex:2;
	}

.winter03Txt img {
	-webkit-flex:0.7;
	flex:0.7;
	}