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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}
#headerAreaLogo{}
#pageTitle .pageTitleInner{ background-image:url("../price/images/img_title_v16_03.jpg");}
#pageTitle p{
	position: absolute;
	top: 145px;
	left: 87px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.2em;
}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{}
#gNavi li a:hover{ background:url(../common_images/gnavi/yajirushi.png) center 43px no-repeat;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}
h2{}

.mainSection .dlBox{background:#f7f7f7;border-radius:5px;padding: 30px 40px;margin-bottom: 30px;}
/*.mainSection .dlBox dl:first-child{border-bottom:1px dashed #999;padding-bottom: 20px;margin-bottom: 30px;}*/
.mainSection .dlBox dl{border-bottom:1px dashed #999;padding-bottom: 20px;margin-bottom: 30px;}
.mainSection .dlBox dl:last-child {border-bottom:none;margin-bottom: 0;padding-bottom: 0;}
.mainSection .dlBox dl:last-child dd:last-child{margin-top:20px;}
.mainSection .dlBox h4{font-size: 17px;color:#ed1e79;line-height: 2.5em;}
.mainSection .dlBox .floatL{width: 470px;}
.mainSection .dlBox p{font-size: 13px;margin-top: 3px;}
.mainSection .dlBox .textP{color:#ed1e79;}

.mainSection .dlBox h4:before{content:"";display:inline-block;width: 8%;height: 2.5em;float:left;margin-right: 10px;}
.mainSection .dlBox .icoA:before{background:url(../price/images/img_icon1@2x.png) no-repeat center center;background-size: 100% auto;}
.mainSection .dlBox .icoB:before{background:url(../price/images/img_icon2@2x.png) no-repeat center center;background-size: 100% auto;}


.mainSection .dlBox .icoC:before{background:url(../price/images/img_icon3.png) no-repeat center center;background-size: 100% auto;}



/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{ width:685px;}
.mainSectionInner{}
.mainSection #vsSec{ margin-bottom:50px;}
.mainSection #vsSec .sectionInner{/* margin-left:20px; */}
.mainSection .h3Box{/* border-left-color: #F7931E; */border-left: solid 15px #F7931E;}
.mainSection .priceh3 h3{color: #FF9800;}
.h3Box {}

#p_h3{font-size:15px;margin-bottom: 3%;}
#p_h3 strong{color:#f7931e;}
#vsSec .planSec{ margin-top:30px;}
#vsSec .planSec .sectionInner{ padding:0 35px 0 10px;}
#vsSec .planSec h4{ font-size:22px; background:url(../price/images/icon_h4_01.png) left 2px no-repeat; padding-left:30px; border-bottom:1px dotted #999;}





#vsSec .planSec h5{ font-size:16px;margin-top: 25px;}
#vsSec .planSec h4 span{ margin-left: 0.4em;}
#vsSec .planSec p{ font-size:14px; line-height:1.4em;}
#vsSec .planSec .floatL{ width:310px; margin-bottom:25px;}
#vsSec .planSec .floatL ul{ width:292px; height:71px; background-color:#FFEBEA; border-radius:5px; padding:9px 0 0 18px; margin-top:4px;}
#vsSec .planSec .floatL li{ background:url(../price/images/icon_li.png) left top no-repeat; font-size:14px; font-weight:bold; padding-left:35px; padding-top:2px; margin-bottom:5px; color:#333;}
#vsSec .planSec .exampleBox{}
#vsSec .planSec .exampleBox .sectionInner{ padding:0; margin:0; border:3px solid #CCC; border-radius:5px; padding:24px 20px 13px 20px;}
#vsSec .planSec .exampleBox .floatR{ width:430px;}
#vsSec .planSec .exampleBox .floatR h6{ background-color:#808080; font-size:16px; color:#FFF; padding-top:4px; padding-left:10px; margin-bottom:5px;}
#vsSec .planSec .exampleBox .floatR dl{ clear:both; border-bottom:1px dotted #999; padding:2px 0;}
#vsSec .planSec .exampleBox .floatR dt{ font-size:14px; color:#ED1E79; float:left; width:100px;}
#vsSec .planSec .exampleBox .floatR dd{ font-size:14px; color:#333;}
#vsSec .planSec .exampleBox .floatR dd span{ font-size:11px; line-height:1.2em;}
#vsSec .planSec .exampleBox .floatR dl.lastdl{ border:none;}
#vsSec .planSec .exampleBox .floatR dl.lastdl dd{ line-height:1.4em; padding-top:4px;}
#vsSec .planSec .exampleBox .floatL{ width:130px;}
#vsSec .planSec .exampleBox .floatR dt.hei_55{ height:55px;}
#vsSec #freePlan .exampleBox .floatR dl.lastdl dt{ height:80px;}

#new_course,#sapri{ width:625px; margin-left:29px;}
#new_course h3,#sapri h3{font-size:21px;color:#DB2474;/* padding:3px 0 6px 133px; */border-bottom: 4px solid #E6E6E6;}
#new_course{ width:625px; margin-left:29px; padding-top:20px;}
#new_course h3{border-bottom:4px solid #E6E6E6;}
#new_course h4{ margin-bottom:13px;}
#new_course #course_txt{ font-size:15px; margin:5px 0 3px 0;}
#new_course .floatL,
#new_course .floatR{margin-bottom: 25px;}
#new_course #platinum {margin-top: 25px;}
#new_course #platinum .floatL {/* width: 35%; */text-align: center;}
#new_course #platinum .floatR {/* width: 65%; */}
#new_course #platinum .aboutPlatinum {width: 100%;margin: 25px auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#new_course #platinum .aboutPlatinum dl {width: 66%;}
#new_course #platinum .aboutPlatinum dt {font-size: 16px;}
#new_course #platinum .aboutPlatinum dt img {margin-left: 10px;}
#new_course .platinumPrice {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 25px;
}
#new_course .platinumPrice dl {width: 49%;}
#new_course .platinumPrice dt {text-align: center;width: 100%;color: #DB2474;font-size: 140%;line-height: 1.2;border: 2px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;margin-bottom: 5px; background: #ffffff; 
background: -moz-linear-gradient(45deg, #cccccc 0%, #f7f7f7 37%, #d3d3d3 100%); background: -webkit-linear-gradient(45deg, #cccccc 0%,#f7f7f7 37%,#d3d3d3 100%); background: linear-gradient(45deg, #cccccc 0%,#f7f7f7 37%,#d3d3d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#d3d3d3',GradientType=1 );}
#new_course .platinumPrice dt span {font-size: 80%;}
#new_course .platinumPrice dt .price {display: inline-block; color: #DB2474;}
#new_course .platinumPrice dd ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
#new_course .platinumPrice dd ul li {display: inline-block;width: 49.5%;text-align: center;margin-top: 2px;}
#new_course .platinumPrice dd ul li a {display: inline-block;text-decoration: none;width: 100%;height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #fff;padding: 10px 0;}
#new_course .platinumPrice dd ul li a:hover {opacity: .8;}
#new_course .platinumPrice dd ul li:first-child a {background-color: #ff8dc1;font-weight: bold;} 
#new_course .platinumPrice dd ul li:nth-child(2) a {background-color: #96d253;font-weight: bold;} 
#new_course .platinumPrice dd ul li:nth-child(3) {display: inline-block;width: 100%;height: 34px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #fff;padding: 7px 0;background-color: #a7a199;} 
#new_course .platinumPrice dd ul li:nth-child(4) {display: inline-block;width: 100%;height: 34px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #fff;padding: 7px 0;background-color: #3fb7d8;} 
#new_course .platinumPrice dd .lessonPoint {width: 100%;background-color: #de307c;color: #fff;padding: 5px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
#new_course .platinumPrice dd .lessonPoint span {font-size: 150%;}
#new_course .platinumCourseMap {position:relative;}
/*#new_course .platinumCourseMap:before {content: url(/price/images/img_contents13_b.png); position: absolute; top: 15px; left: -55px;}
#new_course .platinumCourseMap:after {content: url(/price/images/img_contents13_a.png); position: absolute; top: 15px; right: -55px;}*/

#new_course h3{/* background:url(../price/images/icon_h4_04.png) left top no-repeat; */margin-bottom:15px;}
#sapri{ background:url(../price/images/back_sapri_a.png) left 28px no-repeat; height:230px;}
#sapri h3{/* background:url(../price/images/icon_h4_04.png) left top no-repeat; */margin-bottom:15px;}
#sapri h3 span{ letter-spacing:-0.25em;}
#sapri h4{ margin-bottom:7px;}
#sapri p{ width:500px; /*margin-bottom:10px;*/}
#sapri p.novaSapuri {width: auto;}
/*#sapri ul li{ float:left; margin-right:10px;}
#sapri ul li.pdt10{ padding-top:10px;}*/

#sapri .novaSapuri a{display: inline-block;background: #72d1e8;width: auto;color: #fff;font-weight: bold;padding: 0.8em 2em 0.7em 2em;text-align: center;line-height: 1;border-radius: 10px;text-decoration: none;border-top: 2px solid #43C2DF;border-bottom: 2px solid #43C2DF;border-right: 2px solid #43C2DF;border-left: 2px solid #43C2DF;}
#sapri .novaSapuri a:hover{opacity:0.75;}


#live{width: 625px; margin: 0 28px 40px;}
#live h4{margin-bottom: 10px;}
#live .livestation a{display: inline-block;background: #72d1e8;width: auto;color: #fff;font-weight: bold;padding: 0.8em 2em 0.7em 2em;text-align: center;line-height: 1;border-radius: 10px;text-decoration: none;border-top: 2px solid #43C2DF;border-bottom: 2px solid #43C2DF;border-right: 2px solid #43C2DF;border-left: 2px solid #43C2DF;margin-top: 10px;}
#live .livestation a:hover{opacity:0.75;}


#usagiIMG{ display:none;}



.moushikomiBox{ margin-top:40px; margin-bottom:20px;}
/*2023年3月30日追加*/
#new_course #platinumCourse2 h4 {font-size: 140%;font-weight:initial;margin: 1.5em 0 0.2em;}
#new_course #platinumCourse2 .fontB.colorUB {background: linear-gradient(transparent 50%,rgba(132,201,224,.60) 50%);}
#platinumCourse2 ul{row-gap:0.5em;margin-top:1.1em;}
#new_course{margin-top:2em;}

/*2024年5月31日変更ここから*/
#platinumCourse2 .newCourse_2405 a{/*display: inline-block;*/background: #72d1e8;width: 21em;color: #fff;font-weight: bold;padding: 1em 3em 0.8em 3em;text-align: center;line-height: 1;border-radius: 10px;text-decoration: none;border-top: 2px solid #43C2DF;border-bottom: 3px solid #43C2DF;border-right: 3px solid #43C2DF;border-left: 2px solid #43C2DF;margin: 2em auto 0;display: block;font-size: 140%}
#platinumCourse2 .newCourse_2405 a:hover{opacity:0.75;}
/*2024年5月31日変更ここまで*/
/*2023年3月30日追加*/
/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner{}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{}
#footerArea{}
#footerAreaLink{}
#footerAreaInner{}
#footerAreaLogo{}
#footerCopyright{}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop{}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section{}
.sectionInner{}