/*====================================================
    
	 ランゲージラボ　プライス
	 
====================================================*/


#mainArea #eventArea {
/* 	clear:both;*/
	margin-bottom:20px;
	width:100%;
 	background:transparent url("../images/icon_title.png")  no-repeat;
	background-position: right 20pt bottom 0pt;
	min-height: 90px;
	text-align: center;

}

#mainArea #eventArea .title {
	color: #c1272d;
	margin-bottom:-5px;
	font-size:3rem;
	text-align: left;
	padding-right: 20px;
}

#eventArea h2{
	line-height: 1.5;
}
#eventArea img{
	width: 90%;
}

#mainArea #eventArea .title span{
	color: #212270;
}


#mainArea #eventArea .title img {
	width: 95%;
}

#mainArea #eventArea .txt {
	margin-bottom:4px;
	font-size:1.2em;
	line-height: 1.47em;
	padding:10px;
	margin-top: 50px;
}

#subTitle {
	clear:both;
	position:relative;
	margin-bottom:0px;
	width:100%;
}

#subTitle .title {
	margin-bottom:5px;
	font-size:2em;
	font-weight: bold;
	color: #212270; 
	line-height: 1.5em;
}




#mainArea .infoArea2 {
	clear:both;
	margin-bottom:20px;
	width:95%;
	padding:15px;
	border: 3px #f08737 dotted;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	float:left;
	margin: 0 0 20px 0;

	
}

#mainArea .infoArea2 .title {
	margin-bottom:8px;
	font-size:1.3em;
	font-weight:bold;
	color: #534a47;
	line-height:1.4em;
}


#mainArea .infoArea2 p {
	margin-bottom:13px;
	font-size:1.2em;
	color: #534a47;
	line-height:1.3em;
}


#mainArea .infoArea2 .more {
	margin:-40px 0 20px 0;
	font-size:0.8em;
	text-align:right;
}

#mainArea .infoArea2 .more li {
	display:inline;
}


#service {
	width: 100%;
	padding: 3%;
	background: #fff;
	margin-bottom: 20px;
	overflow: auto;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	}

#service .note{
	width: 33%;
	margin-bottom:20px;
	float: left;
}
#service .note h2{
	margin:20px 0 8px;
/*	color: #fff;*/
	line-height: 1;
	font-size: 1.2em;
	font-weight: 500;
	padding-bottom: 5px;
	text-align: center;

}

#service .note h2 span{
/*	color: #fff;*/
	line-height: 1;
	font-size: 150%;
	font-weight: 500;
	border-bottom: 0px solid #fff;
}


#service .note p{
	margin-top: 5px;
/*	color: #fff;*/
	line-height: 1.2;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
}
#service .note p span{
	font-size: 120%;
}

#service .note2{
	width: 100%;
	margin-bottom:20px;
}



.boxSpot{
	position: relative;
	display: inline-block;
	margin: 6px 0.5%;
	padding: 5px 1%;
	width:18%;
	height: 140px;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	z-index: 0;
}



.right {
	float: right;
	margin-right:10px;
	padding: 5px 0 5px 5px;
}

#service .img{
	display: none;
	margin-right: 30px;
	float: right;
	padding:5px;
}



.boxPrice{
	position: relative;
	display: inline-block;
	margin: 6px 1% 0.5%;
	padding: 5px 1%;
	width:98%;
/*	min-width: 115px;
	height: 100px;*/
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	z-index: 0;
	overflow:auto;
}


.boxPlan-a,
.boxPlan-b,
.boxPlan-c,
.boxPlan-d,
.boxPlan-e
 {
	position: relative;
	display: inline-block;
	width:98%;
	margin: 20px 0 10px;
	height: 100px;
	min-width: 115px;
	line-height: 34px;
	color: #fff;
	text-align: left;
/*	background: #f27575;
	border: 3px solid #f27575;*/ 
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	z-index: 0;
}
.boxPlan-a:before,
.boxPlan-b:before,
.boxPlan-c:before,
.boxPlan-d:before,
.boxPlan-e:before
{
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #f27575 transparent transparent transparent;
	z-index: 0;
}

.boxPlan-a:after,
.boxPlan-b:after,
.boxPlan-c:after,
.boxPlan-d:after,
.boxPlan-e:after
{
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
 /*	border-style: solid;*/
	border-width: 10px 10px 0 10px;
	border-color: #f27575 transparent transparent transparent;
	z-index: -1;
}


.boxPlan-a:before,
.boxPlan-a:after{
	border-color: #f973a0 transparent transparent transparent;
}


.boxPlan-b:before,
.boxPlan-b:after{
	border-color: #f7931e transparent transparent transparent;
}

.boxPlan-c:before,
.boxPlan-c:after{
	border-color: #d84461 transparent transparent transparent;
}

.boxPlan-d:before,
.boxPlan-d:after{
	border-color: #d6587c transparent transparent transparent;
}

.boxPlan-e:before,
.boxPlan-e:after{
	border-color: #ee524f transparent transparent transparent;
}

.boxPlan-a img,
.boxPlan-b img,
.boxPlan-c img,
.boxPlan-d img,
.boxPlan-e img
{
	position:absolute;
	top:16%;
	padding: 1% 1% 0.5% 3%;
	height: 65%;

}







.boxPayment{
	position: relative;
	display: inline-block;
	margin: 6px 0.5% 40px;
	padding: 5px 1%;
	width:45%;
	min-width: 115px;
	height: 100px;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	z-index: 0;
	border: #f2ece7 5px solid;
	height: auto;
	float: left;
}

.boxPayment .title{
	font-size: 1.05em;
	line-height: 1.05em;
	text-align:left;
	padding-left: 10px;
	border-left: 5px solid #999;
}

.boxPayment .Ptxt{
	font-size: 1.1em;
	text-align:left;
	padding-left: 15px;
}

.boxPayment ul {
	margin: 0 0;
	padding: 0;
	text-align: left;
	letter-spacing: -0.4em;
}
.boxPayment li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-left: 15px;
	font-size: 100%;
	text-align: left;
	letter-spacing: 0;
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.5;
}

.boxPayment ul img{
	padding-left: 15px;
}

/* =========== columnArea03 Area ========== */
.columnArea03 {
	clear:both;
	position:relative;
	margin-bottom:25px;
	width:100%;
}

.title {
	margin-left:5px;
	margin-bottom:10px;
	font-size:1.5em;
	font-weight: 550;
/* 	color: #c1272d; */
	line-height: 1.5em;
/*	border-bottom:solid 1px #4d4d4d; */
	
}

.text {
	margin-bottom:4px;
	font-size:1.2em;
	line-height: 1.47em;
	padding:10px;
}


 .boxa {
	font-size:0.8em;
}

 .titleSub {
	margin:0;
	font-size:1.4em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
}
 .txtSub {
	font-size:0.7em;
	color: #fff;
	text-align: left;
}

 .titleSub span{
	font-size:0.7em;
	color: #fff;
	text-align: left;
}

.listInfo ul{
	padding:0;
}
.listInfo li {
	margin-bottom:9px;
	padding:0 15px 5px 5px;
	line-height:1.6;
	font-size: 1.2em;
}

.listInfo .lastItem { margin-bottom:0; }
.listInfo li .infoDate {
	display:block;
	width:2em;
}
 .listInfo li .infoTitle {
	display:block;
	margin:-1.6em 0 0 2.1em;
	padding-left:10px;
	background:transparent url("../img/icon_002.gif") 0 0.6em no-repeat;
}




.spot p.lbl-yen {
	position: relative; 
    top: 10%;
    font-size:0.8em;
    margin:0;
    line-height: 1;
}
.spot p.txt-yen {
	position: relative; 
    top: 15%;  
    font-size:1.5em;
  	font-weight: bold;
	color: #c1272d;
	margin:0;
}


.spot p.lbl-point {
	position: relative;
	top: 15%;  
	font-size:0.8em;
	margin:0;
}
.spot p.txt-point {
	position: relative;
	top: 20%;  
	font-size:1.4em;
	font-weight: bold;
	color: #c1272d;
	margin:0;
}

.bg-a{border: 5px solid #e17a3e; background-color:#fff;}
.bg-b{border: 5px solid #ca4041; background-color:#fff;}
.bg-c{border: 5px solid #344e5d; background-color:#fff;}
.bg-d{border: 5px solid #eec84d; background-color:#fff;}
.bg-e{border: 5px solid #43b19c; background-color:#fff;}



.bg-color0{
    background: #fff;
  }

.bg-color1{
    background: #f973a0;
  }
.bg-color1p{
    background: #f9e1e1;
  }

.bg-color2{
    background: #f7931e;
  }
.bg-color2p{
    background: #ffcc99;
  }

.bg-color3{
    background: #d84461;
  }
.bg-color3p{
    background: #ccedff;
  }

.bg-color4{
    background: #d6587c;
  }
.bg-color4p{
    background: #c2fff6;
  }

.bg-color5{
    background: #ee524f;
  }
 .bg-color0p{border: 1px solid #eee; background-color:#fff; color:#494949}
 .bg-color1p{border: 5px solid #f27575; background-color:#fff; color:#494949}
 .bg-color2p{border: 5px solid #f7931e; background-color:#fff; color:#494949}
 .bg-color3p{border: 5px solid #0071bc; background-color:#fff; color:#494949}
 .bg-color4p{border: 5px solid #00a99d; background-color:#fff; color:#494949}
 .bg-color5p{border: 5px solid #ee524f; background-color:#fff; color:#494949}


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

	#service .note {
	    width: 50%;
	    margin-bottom: 20px;
	    float: left;
	}



	.boxPlan-a,
	.boxPlan-b,
	.boxPlan-c,
	.boxPlan-d,
	.boxPlan-e{
		height: 130px;
	}


	.boxPlan-a img,
	.boxPlan-b img,
	.boxPlan-c img,
	.boxPlan-d img,
	.boxPlan-e img
	{
		top:3%;
		height: 80%;

	}



	.boxPrice{
		height: 120px;
	}

	.spot {
		width:160px;
		height:160px;
	}
	.spot p.lbl-yen {
		position: relative; 
	    top: 15%;
	    font-size:0.8em;
	    margin:0;
	}


 .smallF {
	font-size:1.2em;

}

}


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

	#mainArea #eventArea {
		background-position: right 0pt top 0pt;
		background-size: 60px 60px;
	}

	#mainArea #eventArea .title {
		font-size:2em;
	}
	
	#subTitle .title {
		font-size:1.em;
	}

	#service .note {
	    width: 100%;
	    margin-bottom: 20px;
	    float: left;
	}
	
	#service .note h2 span{

		font-size: 200%;

	}


	.boxPrice{
		width: 95%;　/* 47% → 95% 変更 レッスン回数を削除 */
		height: 100px;
	}

	.spot {
		width:150px;
		height:150px;
	}

	
	.spot p.lbl-yen {
		position: relative; 
	    top: 10%;
	    font-size:0.8em;
	    margin:0;
	    line-height: 1;
	}


.boxPlan-a,
.boxPlan-b,
.boxPlan-c,
.boxPlan-d,
.boxPlan-e
 {
	padding: 0 8% 0 2%;
}



	.boxPlan-a img,
	.boxPlan-b img,
	.boxPlan-c img,
	.boxPlan-d img,
	.boxPlan-e img
	{
		top:-20%;
		height: 40%;
	}





}


.txt {

	width:100%;
	margin: 10px 0px 20px;
	background: #f2ece7;
/*	border: 1px solid #ccc;
	padding: 5px;*/
}


 .txt p {
	font-size:10px;
	line-height:1.2em;
	padding-bottom:10px;
}
 .txt p.way {
	padding-top:15px;
	font-size:25px;
	font-weight: bold;
	color: #4f4f4f;
}

 .way_white {
	padding-top:10px;
	font-size:25px;
	font-weight: 600;
	color: #fff;
}

 .way_red {
	padding-top:10px;
	font-size:25px;
	font-weight: 600;
	color: #e93862;
}



 .txt p.way_rblue {
	padding-top:10px;
	font-size:20px;
	font-weight: 500;
	color: #098eb2;
}
 .txt p.way_rgreen {
	padding-top:10px;
	font-size:18px;
	font-weight: 500;
	color: #098eb2;
}

 .txt p.way_orange {
	padding-top:10px;
	font-size:16px;
	font-weight: bold;
	color: #098eb2;
}



 .txt p.sub {
	padding-top:5px;
/*	border-top:1px solid #CCC;*/
	font-size:12px;
	color: #00a56e;
}

 .txt hr.line01 {
	border-top: 1px #00a56e solid;
}
/*
.boxPlan{
	position: relative;
	display: inline-block;
	padding: 5px 5px;
	width:95%;
	min-width: 115px;
	height: 80px;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	border-radius: 5px;        
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;  
	background: #f27575;
	z-index: 0;
	margin-right: 5px;
}
.boxPlan:after{
	content: "";
	position: absolute;
	top: 50%; right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #f27575;

}*/