@charset "utf-8"; /* CSS Document */
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea #totp {
    position: fixed;
    bottom: 1em;
    right: 10px;
    z-index: 999;
}

/*----------------------------------------------------------------------------
***                                                              firstViewSec
----------------------------------------------------------------------------*/
#firstViewSec{background: #bcebe6 url(/kidsclub/images/top2312/bgi_contents01.jpg) no-repeat center bottom;background-size: cover;}
#firstViewSec p{padding: 0; margin: 0;}
#firstViewSec .firstViewSecInner{max-width: 960px;margin: 0 auto;padding: 5em 0 0;height: 480px;position: relative;}
#firstViewSec .ttlBox{background: #bcebe6 url(/kidsclub/images/top2312/bgi_contents03.png) left top;border: 6px solid #fff;padding: 10px;position: relative;width: 430px;height: 420px;margin:0 auto;}
#firstViewSec .ttlBoxInner{background: #fff;height: 387px;}
#firstViewSec .ttlBox .bottomTxt{margin: 1em 0 1.5em 0;font-size: 140%;line-height: 1.6;}
#firstViewSec .ttlBox .bottomTxt .redTxt{color: #e3002d;}
#firstViewSec .usagiBtn{position: absolute;right: 0;top: 0;transform: translate(108%,0);}
#firstViewSec .txtImg{position: absolute;top: 17%;left: 19%;}
#firstViewSec .copyImg{position: absolute;/*top: 19%;*/top: 14%;right: 6%;}
#firstViewSec .childImg{position: absolute;bottom: -189px;right: -1em;transform: translateX(40%);}
#firstViewSec .childImg img{width: 84%;height: 84%;}
#firstViewSec .koushiImg{position: absolute;bottom: -189px;left: 3em;}
#firstViewSec .koushiImg img{width: 84%;height: 84%;}
#firstViewSec .cpnTopBnr{position: relative; z-index: 1; margin-top: 1.5em; margin-bottom: -0.5em;}
#firstViewSec .cpnTopBnr .cpnMuryo{margin-top: 2em;}


.secBox#aboutNKCSec > .sectionInner{padding:0 0 8em;}
#aboutNKCSec .openUl{position: relative;z-index:1;max-width: 960px;margin: 5em auto;}
#aboutNKCSec .openLi{width: 23%;background: #fff;padding-bottom: 2.5em;position:relative;box-shadow: 5px 5px 0px 0px #231815;}
#aboutNKCSec .openLi:after{content:""; display: block;width: 0;height: 0;border-style: solid;border-color: #e0002d transparent transparent transparent;border-width: 9px 6px 0px 6px; position:absolute; bottom: 5px; left: 50%; transform: translate(0,-50%);}

#aboutNKCSec .openLi .openDt{color: #e3002d;font-size: 140%;padding: 0.2em 0 0;}
#aboutNKCSec .openLi .openDd.date{padding: 0.5em 0;line-height: 1.3;color: #fff;font-size: 110%;}
#aboutNKCSec .openLi.renewOp .openDd.date{background: #01b7af;}
#aboutNKCSec .openLi.newOp .openDd.date{background: #f8a418;}
#aboutNKCSec .openLi .openDd.place{color: #4d4d4d; line-height: 1;}
@media screen and (max-width: 1280px) {
   
}


#nyuukai{padding-top: 140px;margin-top: -140px;}
#introSec{padding-top: 140px;margin-top: -140px;}


/*----------------------------------------------------------------------------
***                                                              sideNavBox
----------------------------------------------------------------------------*/
#sideNavBox {position:fixed;top: 110px;right: 0;z-index: 99;}
#pcRecruitBtn {position:fixed;bottom: 0;right: 100px;padding: 0;margin: 0;z-index: 1;}



/*----------------------------------------------------------------------------
***                                                              txtBox
----------------------------------------------------------------------------*/

#txtBox .txtInnerBox{padding:0 1em;background-color: #0E47B8;width: 407px;height: auto;margin: 2em auto;box-shadow: 5px 5px 0px 0px #000000;border-radius: 10px;position: relative;z-index: 1;}
#txtBox .txtInnerBox .txtImgA{position: absolute;bottom:-2em;left:2em;}
#txtBox .txtInnerBox .txtImgB{position: absolute;top:-2.5em;right:4em;}
#txtBox .txtInnerBox .txtImgC{position: absolute;bottom:-2em;right:0;}

#txtBox .txtBottom{font-size: 160%; color: #fff;font-weight: bold;line-height: 1.4;}
#txtBox .txtBottom .txtBig{/*background: linear-gradient(transparent 60%, yellow 30%);*/color:yellow;}
#txtBox .txtInnerBox .txtSmall{color: #fff;font-weight: bold;padding:5px;font-size:12px;}

/*----------------------------------------------------------------------------
***                                                             			secTtl
----------------------------------------------------------------------------*/
#contentsArea .secTtl .subSecTtl {
    font-size: 95%;
    color: #4d4d4d;
    font-weight: normal;
    margin-bottom: 0.5em;
}

#contentsArea .secTtl .mainSecTtl {
    font-size: 180%;
    line-height: 1;
    width: auto;
    color: #002d49;
}

/*----------------------------------------------------------------------------
***                                                             	navBox
----------------------------------------------------------------------------*/
#navBox{width: 100%; margin: 0 auto; background: #e0002d;}
#navBox .navBtnUl{max-width: 960px;margin: 0 auto;padding: 1em 0;}
#navBox .navBtn {width: 25%; position: relative;}
#navBox .navBtn:last-child a{border-right: 1px solid #ccc;}
#navBox .navBtn:before{content: "";display: block;width: 0;height: 0;border-style: solid;border-color: #ffffff transparent transparent transparent;border-width: 9px 6px 0px 6px;position:absolute;bottom: 5px;left: 50%;transform: translateX(-50%);}
#navBox .navBtn a{color: #fff;width: 100%;height: 5em;padding: 1em 0 2em;border-left: 1px solid #ccc;font-size: 120%;text-align: center;}
#navBox .navBtn:hover a{color: #ff0}
#navBox .navBtn:hover:before {border-color: #ff0 transparent transparent transparent;}

/*----------------------------------------------------------------------------
***                                                            topSliderBox
----------------------------------------------------------------------------*/
#topSliderBox{margin: 0 0 25px;height: 138px;}
#topSliderBox .topSliderBoxInner{max-width: 960px; margin: 4em auto 0;}
#topSliderBox .topSlider .slick-dotted.slick-slider{margin-bottom:0;}
#topSliderBox .topSlider .slick-list .slick-slide{position:relative;padding:0 5px;}
#topSliderBox .topSlider .slick-list .slick-slide:not(.slick-current){opacity:0.5;}
/*#topSliderBox .topSlider .slick-dots li button:before{border-color:#01b8cc;}
#topSliderBox .topSlider .slick-dots li.slick-active button:before{ opacity:.75;  background:#01b8cc;}*/
#topSliderBox .topSlider .slick-dotted.slick-slider:before{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;left: 0px;z-index: 1;}
#topSliderBox .topSlider .slick-dotted.slick-slider:after{content:"";display:block;width: 40px;height:100%;position:absolute;top:0;right: 0px;z-index: 1;}
#topSliderBox .topSlider .pcNone{display:none;}
#topSliderBox .topSlider .spNone{}
#topSliderBox .slick-prev:before,
#topSliderBox .slick-next:before{display:none;}
#topSliderBox .slick-prev,
#topSliderBox .slick-next{z-index:2;top:50%;transform: translate(0,-50%);}
#topSliderBox .slick-prev{left: 90px;background:url(/kidsclub/images/top2312/slider_arrow_l.png) no-repeat center/cover;}
#topSliderBox .slick-next{right: 90px;background:url(/kidsclub/images/top2312/slider_arrow_r.png) no-repeat center/cover;}

/*----------------------------------------------------------------------------
***                                                               topInfoBox
----------------------------------------------------------------------------*/
.topInfoBox {background:#fff2dc; width: 90%; max-width: 960px; margin: 0 auto; margin-top:5em;}
.topInfoBox .topInfoBoxInner{font-size: 120%; padding: 2em;}
.topInfoBox .infoDl{}
.topInfoBox .infoDt{font-size: 140%; margin-bottom: 0.5em; color:#e0002d;}
.topInfoBox .infoDd{}

/*----------------------------------------------------------------------------
***                                                              aboutNKCSec
----------------------------------------------------------------------------*/
#aboutNKCSec .pointUl{margin: 5em 0 7em;}
#aboutNKCSec .pointLi{width: 32%; max-width: 300px;}
#aboutNKCSec .pointDl{height: 100%;}
#aboutNKCSec .pointDt{font-weight: normal;margin-bottom: 0.8em;}
#aboutNKCSec .pointDt .pointNum{margin-right: 1em;}
#aboutNKCSec .pointDt .pointTtl{font-size: 160%;line-height: 1.4;}
#aboutNKCSec .pointDd{font-size: 135%;line-height: 1.5;margin: 0 0 auto 0;}
#aboutNKCSec .pointImg{margin-top: 1.5em;}
#aboutNKCSec .pointImg img{width: 100%; height: auto;}

#aboutNKCSec .kodawariLi{width: 48%;max-width:465px;}
#aboutNKCSec .kodawariDt{width: 100%; font-size: 170%; text-align: center; margin: 0.5em 0;}
#aboutNKCSec .kodawariDd{width: 100%;font-size: 135%;line-height: 1.5;}
#aboutNKCSec .kodawariImg{width: 100%;}
#aboutNKCSec .kodawariImg img{width: 100%; height: auto;}

#aboutNKCSec .nhBox {padding: 2em 2em 2em 0;border: 8px solid #eee;margin:2em 0;}
#aboutNKCSec .nhBox .leftImg {width: 25%;}
#aboutNKCSec .nhBox .rightBox{width: 75%;}
#aboutNKCSec .nhBox .rightBox .nhBoxDt{font-size: 180%; line-height:1.5; margin-bottom: 0.3em;}
#aboutNKCSec .nhBox .rightBox .nhBoxDd{font-size: 135%; line-height:1.5}

/*----------------------------------------------------------------------------
***                                                              	serviceSec
----------------------------------------------------------------------------*/
#serviceSec {background: #d9f4f2;}
#serviceSec .serviceUl{width: 100%;max-width: 920px;margin-top: 5em;}
#serviceSec .serviceLi{width: 47%;max-width: 470px;}
#serviceSec .serviceDl{}
#serviceSec .serviceDt .mainTtl{display: block;font-size: 220%;}
#serviceSec .serviceDt .subTtl{display: block; margin-top: 1em; font-weight: normal; font-size: 120%;}
#serviceSec .serviceDd .serviceContentUl{margin-top: 1.5em;}
#serviceSec .serviceDd .serviceContentLi{width: 200px;background: #fff;height: 200px;margin-bottom: 2em;font-size: 150%;padding: 0;}
#serviceSec .serviceDd .txt{font-size: 110%;font-weight: bold;}

#serviceSec .serviceLi.baseService .serviceDt .mainTtl{color: #e3002d;}
#serviceSec .serviceLi.baseService .serviceDd .serviceContentLi{box-shadow: 6px 6px 0px 0px #e3002d;border-radius: 0px;}
#serviceSec .serviceLi.optionService .serviceDt .mainTtl{color: #01b9b1;}
#serviceSec .serviceLi.optionService .serviceDd .serviceContentLi{box-shadow: 6px 6px 0px 0px #01b9b1;border-radius: 0px;}
#serviceSec .serviceLi.optionService .serviceDd .serviceContentLi.usagi{width: 100%; background:none; box-shadow: 0 0 0 0;}

/*----------------------------------------------------------------------------
***                                                          serviceDetailSec
----------------------------------------------------------------------------*/
/*-----inputタグを非表示-----*/
#serviceDetailSec input[name="tabItem"]{ display: none;}
/*-----タブのスタイル-----*/
#serviceDetailSec .tabItem{display: block; width: 24%;}
#serviceDetailSec .tabItem .btn_service01,
#serviceDetailSec .tabItem .btn_service02,
#serviceDetailSec .tabItem .btn_service03,
#serviceDetailSec .tabItem .btn_service04{display: block;/* width: 22.5%; */text-align: center;box-sizing: border-box;color: #666;font-weight: bold;font-size: 160%;padding: 1em 0;border-radius: 0.7em 0.7em 0 0;position: relative;z-index:2;}
#serviceDetailSec .tabItem .btn_service04{margin-right: 0;}
/*基本サービス*/
#serviceDetailSec .tabItem .btn_service01,
#serviceDetailSec .tabItem .btn_service02,
#serviceDetailSec .tabItem .btn_service03{background: #f8d6dc;}
/*オプション*/
#serviceDetailSec .tabItem .btn_service04{background: #b7dfdc;}

/*-----hover時のタブのスタイル-----*/
#serviceDetailSec .tabItem:hover{cursor: pointer;}
#serviceDetailSec .tabItem.service01tab .btn_service01:hover,
#serviceDetailSec .tabItem.service02tab .btn_service02:hover,
#serviceDetailSec .tabItem.service03tab .btn_service03:hover{background-color: #e3002d;color: #fff;}
#serviceDetailSec .tabItem.service04tab .btn_service04:hover{background-color: #01b9b1;color: #fff;}

/*-----選んだタブのスタイルを変更-----*/
/*基本サービス*/
#serviceDetailSec #service01tab:checked ~ label.tabItem.service01tab .btn_service01,
#serviceDetailSec #service02tab:checked ~ label.tabItem.service02tab .btn_service02,
#serviceDetailSec #service03tab:checked ~ label.tabItem.service03tab .btn_service03{background-color: #e3002d;color: #fff;position: relative;}
/*オプション*/
#serviceDetailSec #service04tab:checked ~ label.tabItem.service04tab .btn_service04{background-color: #01b9b1;color: #fff;position: relative;}

/*-----タブの中身を非表示-----*/
#serviceDetailSec .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: inherit;width: 100%;}

/*-----選んだタブの中身を表示-----*/
#serviceDetailSec #service01tab:checked ~ #content_service01,
#serviceDetailSec #service02tab:checked ~ #content_service02,
#serviceDetailSec #service03tab:checked ~ #content_service03,
#serviceDetailSec #service04tab:checked ~ #content_service04{display: block; opacity: 1;}

/*タブ詳細のスタイル*/
#serviceDetailSec .topBox{width:100%; padding: 3em;font-size: 135%;}
#serviceDetailSec .topBox .img{width: 300px;}
#serviceDetailSec .topBox .ttlBox{width: calc(100% - 320px);}
#serviceDetailSec #content_service04 .topBox .ttlBox{width: 100%;}
#serviceDetailSec .topBox .ttlBox .ttl{font-size: 140%; font-weight: bold; color: #fff;}
#serviceDetailSec .topBox .ttlBox .ttl .type{display: inline-block;padding: 0.3em 01em;border-radius: 1em;line-height: 1;margin-left: 1em;background: #fff;font-size: 84%;}
#serviceDetailSec .topBox .ttlBox .txt{color: #fff;}
#serviceDetailSec .bottomBox{width:100%; padding: 3em;font-size: 135%;border-width: 0 3px 3px 3px; border-style: solid; margin-bottom:3em;}
#serviceDetailSec .bottomBox .serviceDetailDt{font-size: 120%; margin-bottom: 0.2em;}
#serviceDetailSec .bottomBox .serviceDetailDd{margin-bottom: 1em;}
#serviceDetailSec .bottomBox .serviceDetailDd:last-child{margin-bottom:0;}
#serviceDetailSec .bottomBox .serviceDetailDd .ttl{width:8em;background: #ffe0e6;border-radius: 8px;padding: 0;}
#serviceDetailSec .bottomBox .serviceDetailDd .txt{width: calc(100% - 9em);line-height: 1.4;}
#serviceDetailSec .bottomBox .naraigotoUl{width: 100%;}
#serviceDetailSec .bottomBox .naraigotoDt{background: #01b9b1; padding: 0.3em 0;color: #fff;}

/*基本サービス*/
#serviceDetailSec #content_service01 .topBox,
#serviceDetailSec #content_service02 .topBox,
#serviceDetailSec #content_service03 .topBox{background: #e3002d url(/kidsclub/images/top2312/bgi_contents04_top.png) no-repeat right top;background-size: 330px 130px;position: relative;}
#serviceDetailSec #content_service01 .topBox:after,
#serviceDetailSec #content_service02 .topBox:after,
#serviceDetailSec #content_service03 .topBox:after{content:""; display: block; width: 330px; height: 130px; background: url(/kidsclub/images/top2312/bgi_contents04_bottom.png) no-repeat left bottom;background-size: contain; position: absolute; bottom:0; left: 0;}
#serviceDetailSec #content_service01 .ttlBox .ttl .type,
#serviceDetailSec #content_service02 .ttlBox .ttl .type,
#serviceDetailSec #content_service03 .ttlBox .ttl .type{color:#e3002d;}
#serviceDetailSec #content_service01 .bottomBox,
#serviceDetailSec #content_service02 .bottomBox,
#serviceDetailSec #content_service03 .bottomBox{border-color:#e3002d;}
/*オプション*/
#serviceDetailSec #content_service04 .topBox{background: #01b9b1 url(/kidsclub/images/top2312/bgi_contents05_top.png) no-repeat right top;background-size: 330px 130px;position: relative;}
#serviceDetailSec #content_service04 .topBox:after{content:""; display: block; width: 330px; height: 130px; background: url(/kidsclub/images/top2312/bgi_contents05_bottom.png) no-repeat left bottom;background-size: contain; position: absolute; bottom:0; left: 0;}
#serviceDetailSec #content_service04 .ttlBox .ttl .type{color:#01b9b1;}
#serviceDetailSec #content_service04 .bottomBox{border-color:#01b9b1;}

/*学びと遊びの時間*/
#serviceDetailSec .learnPlayTime .bottomBox .serviceDetailDt{color: #e3002d; font-size: 130%;}
#serviceDetailSec .learnPlayTime .bottomBox .serviceDetailDt:before{content:"■ ";}
#serviceDetailSec .learnPlayTime .bottomBox .abilityTtl{color: #e3002d; display: inline-block; background: #ffebd6; padding: 0 1em; border-radius: 5px; position: relative; margin-bottom: 8px; font-weight: bold;}
#serviceDetailSec .learnPlayTime .bottomBox .abilityTtl:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-color: #ffebd6 transparent transparent transparent;border-width: 8px 6px 0px 6px; position: absolute;bottom:-8px; left:1em;}
#serviceDetailSec .learnPlayTime .bottomBox .abilityLi{padding-left: 1.5em;position: relative;}
#serviceDetailSec .learnPlayTime .bottomBox .abilityLi:before{content:"・"; position: absolute; left: 0.5em; color: #e3002d;}
#serviceDetailSec .learnPlayTime .bottomBox .serviceDetailDd.borderBottom{border-bottom: 1px solid #ccc; padding-bottom: 2em; margin-bottom: 2em;}
#serviceDetailSec .learnPlayTime .bottomBox .abilityName{color:#e3002d;font-weight: bold;display: block;}
#serviceDetailSec .learnPlayTime .bottomBox .abilityDetail{font-size: 92%;display: block;line-height: 1.4;}

/*----------------------------------------------------------------------------
***                                                          serviceDetailSec
----------------------------------------------------------------------------*/
#serviceDetailSec .scheduleImg{background: #fff3e6; text-align:center; padding: 1.5em 0;}
#serviceDetailSec .scheduleBox .txt{font-size: 130%;}
#serviceDetailSec .timeTable,
#serviceDetailSec .holidayTable{width: 32%; font-size: 125%;}
#serviceDetailSec .timeTable caption{border: 1px solid #231815;border-bottom: none;background: #e3002d;color: #fff;padding: 0.7em 0;}
#serviceDetailSec .holidayTable caption{border: 1px solid #231815;background: #002d49;color: #fff;padding: 0.7em 0;border-bottom: none;}


#serviceDetailSec .timeTable td,
#serviceDetailSec .holidayTable td{width: 50%; border: 1px solid #231815;}
#serviceDetailSec .augTable td{width: 50%; border: 1px solid #231815;}
#serviceDetailSec .augTable{width: 30%; font-size: 135%;}
#serviceDetailSec .augTable caption{border: 1px solid #231815;background: #FF9E00;color: #fff;padding: 0.7em 0;border-bottom: none;}


/*----------------------------------------------------------------------------
***                                                              	serviceSec
----------------------------------------------------------------------------*/
#membershipSec {background: #ececec;}
#membershipSec .membershipUl{margin-bottom: 3em;}
#membershipSec .membershipLi{background: #fff;width: 32%;padding: 2em 1.5em 1.5em;}
#membershipSec .membershipLi .membershipName{width: 80%;margin: 1em auto 0.5em;font-size: 160%;color: #fff;border-radius: 2em;}
#membershipSec .membershipLi .membershipSubTxt {font-size: 120%;}
#membershipSec .membershipLi .membershipDt{margin: 0;height: 9em;}
#membershipSec .membershipLi .membershipDd{margin-bottom: auto;}
#membershipSec .membershipLi.regularMember{border: 4px solid #e0002d}
#membershipSec .membershipLi.regularMember .membershipName{background: #e0002d;}
#membershipSec .membershipLi.regularMember .membershipSubTxt{color: #e0002d;}
#membershipSec .membershipLi.spotMember{border: 4px solid #01b9b1;}
#membershipSec .membershipLi.spotMember .membershipName{background: #01b9b1;}
#membershipSec .membershipLi.spotMember .membershipSubTxt{color: #01b9b1;}
#membershipSec .membershipLi.lessonMember{border: 4px solid #f7a318;}
#membershipSec .membershipLi.lessonMember .membershipName{background: #f7a318;}
#membershipSec .membershipLi.lessonMember .membershipSubTxt{color: #f7a318;}

#membershipSec .memberTable{width: 100%; font-size: 135%;}
#membershipSec .memberTable .not{color: #ccc;font-size: 200%;line-height: 1;}
#membershipSec .memberTable th{color: #fff; border: 1px solid #231815;}
#membershipSec .memberTable th.regularMember{background: #e0002d;}
#membershipSec .memberTable th.spotMember{background: #01b9b1;}
#membershipSec .memberTable th.lessonMember{background: #f7a318;}
#membershipSec .memberTable td{background: #fff; padding: 0.2em; border: 1px solid #231815; color: #231815;}
#membershipSec .memberTable .baseService .serviceItem{background: #f8d6dc;color: #4d4d4d;font-weight: normal;}
#membershipSec .memberTable .optionService .serviceItem{background: #d1dae5;color: #4d4d4d;font-weight: normal;}

/*----------------------------------------------------------------------------
***                                                                schoolSec
----------------------------------------------------------------------------*/
#schoolSec .schoolBoxUl {
    max-width: 880px;
    margin: 0 auto;
}
#schoolSec .schoolBoxLi{margin-bottom: 3em; border-bottom: 1px solid #eee; padding-bottom: 3em;padding-top: 110px; /* 調整したい高さ（固定ヘッダーの高さ） */ margin-top: -110px; /* heightと同じ分のネガティブマージン */}
#schoolSec .schoolBoxLi:last-child{border-bottom: none; padding-bottom: 0;}

#schoolSec .schoolBoxLi:before {
    content: "";
    display: block;
    height: 100px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -100px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}

/*schoolDetailBox*/
#schoolSec .schoolDetailBox {width: calc(100% - 390px);}
#schoolSec .schoolNameBox {position: relative;}
#schoolSec .schoolNameNkc {color: #e3002d;font-size: 130%;}
#schoolSec .schoolNameNkc .open {background: #e1002d;color: #fff;display: inline-block;padding: 0.2em 0.5em;line-height: 1;margin-left: 0.5em;}
#schoolSec .schoolName {font-size: 300%;font-weight: bold;line-height: 1;padding: 0.1em 0 0.2em 0;border-bottom: 1px solid #4d4d4d; margin-bottom: 0.2em;position: relative;}
#schoolSec .schoolName .instaIcon{position: absolute; right:0; bottom: 0.25em;}
#schoolSec .schoolName .instaIcon a{display: block; width: 36px; height: 36px;}
#schoolSec .schoolName .instaIcon a img{width: 100%; height: auto;}
#schoolSec .seminorBadge {position: absolute;top: 0.7em;right: -0.2em;}
#schoolSec .schoolDetailUl {padding: 1em;}
#schoolSec .schoolDetailLi {margin-bottom: 0.5em;font-size: 110%;}
#schoolSec .schoolDetailDl {font-size: 110%;}
#schoolSec .schoolDetailDt {width: 8em;background: #e0f3f2;border-radius: 0.5em;}
#schoolSec .schoolDetailDd {width: calc(100% - 9em);}
#schoolSec .schoolDetailDd .txt {width: 100%;text-shadow: #fff 3px 0 5px;line-height: 1.5;}
#schoolSec .schoolDetailDd .kari{}
#schoolSec .morePhotoUl {margin-top: 1em;}
#schoolSec .morePhotoLi.ph3 {width: 280px;}
#schoolSec .priceBtn {width: 100%;}
#schoolSec .taikenBtn a {display: block;font-size: 140%;color: #fff;font-weight: bold;background: #e1002d; max-width: 280px;padding: 0.5em 0;text-align: center; margin: 0.5em auto 0; border-radius: 2em;text-decoration: none; position:relative;}
#schoolSec .taikenBtn a:after{content:""; display: block;width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px 0px 6px 10px; position: absolute; top: 50%; right: 0.5em; transform: translate(-50%,-50%);}
#schoolSec .priceBtn a:hover {text-decoration: none; opacity: .7;}

/*----------------------------------------------------------------------------
***                                                               seminarSec
----------------------------------------------------------------------------*/
#seminarSec {}
#seminarSec.secBox > .sectionInner {padding-top: 0;}

#seminarSec .cpnTopBnr .cpnMuryo{margin-top: 2em;}

#seminarSec .seminarListUl{/* border: 1px solid #ccc; */padding: 1.5em 0;font-size: 135%;/* max-width: 700px; */margin: 0 auto;}
#seminarSec .seminarListLi{/* border-right: 1px dotted #ccc; */padding: 1.5em;width: 100%; max-width: 450px; border: 1px solid #ccc;margin: 2em auto;}
/*#seminarSec .seminarListLi:last-child{margin: 0 auto;}*/
#seminarSec .seminarDt{color: #002d49;font-size: 180%;margin-bottom: 0.3em;} 
#seminarSec .seminarDd .ttl{background: #e1002d; color: #fff; padding: 0;}
#seminarSec .seminarDd .date{font-size: 131%;line-height: 1.8;padding: 0.5em;}
#seminarSec .seminarDd .date .seminarType{display: inline-block; text-align: center; width: 3em; line-height: 1.4em; font-size: 90%;}
#seminarSec .seminarDd .date .seminarType.local{background: #ffe0e6;}
#seminarSec .seminarDd .date .seminarType.online{background: #ddf8f7;}
#seminarSec .seminarDd .date .seminarType.end{background: #eee;}
#seminarSec .seminarDd .date .endDate{color: #aaa;}
#seminarSec .seminarBtn a{display: block;background: #01b9b1;color:#fff;font-weight: bold;max-width: 12em;text-align: center;margin: 0 auto;border-radius: 1em;font-size: 130%;padding: 0.3em 0;position: relative;}
#seminarSec .seminarBtn a:after{content:""; display: block;width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px 0px 6px 10px; position: absolute; top: 50%; right: 0.5em; transform: translate(-50%,-50%);}

#seminarSec .openBtn a{display: block;background: #f8a418;color:#fff;font-weight: bold;max-width: 12em;text-align: center;margin: 0 auto;border-radius: 1em;font-size: 130%;padding: 0.3em 0;position: relative;}
#seminarSec .openBtn a:after{content:""; display: block;width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px 0px 6px 10px; position: absolute; top: 50%; right: 0.5em; transform: translate(-50%,-50%);}


#seminarSec .flowBtn a{display: block;background: #f8a418;color:#fff;font-weight: bold;max-width: 12em;text-align: center;margin: 0.5em auto;border-radius: 1em;font-size: 180%;padding: 0.5em 0;position: relative;}
#seminarSec .flowBtn a:after{content:""; display: block;width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px 0px 6px 10px; position: absolute; top: 50%; right: 0.5em; transform: translate(-50%,-50%);}

/*校舎情報ポップアップ用（校舎セクションのデータを使用）*/
.lity-container .schoolBoxLi {width: 100%; max-width: 980px; margin: 0 auto; background-color: #fff;padding: 3em;border-radius: 1em; align-items: flex-end;}
.lity-container .schoolDetailBox {width: calc(100% - 390px);}
.lity-container .schoolNameBox {position: relative;}
.lity-container .schoolNameNkc {color: #e3002d;font-size: 130%;}
.lity-container .schoolNameNkc .open {background: #e1002d;color: #fff;display: inline-block;padding: 0.2em 0.5em;line-height: 1;margin-left: 0.5em;}
.lity-container .schoolName {font-size: 300%;font-weight: bold;line-height: 1;padding: 0.1em 0 0.2em 0;border-bottom: 1px solid #4d4d4d; margin-bottom: 0.2em;position: relative;}
.lity-container .schoolName .instaIcon{position: absolute; right:0; bottom: 0.25em;}
.lity-container .schoolName .instaIcon a{display: block; width: 36px; height: 36px;}
.lity-container .schoolName .instaIcon a img{width: 100%; height: auto;}
.lity-container .seminorBadge {position: absolute;top: 0.7em;right: -0.2em;}
.lity-container .schoolDetailUl {padding: 1em;}
.lity-container .schoolDetailLi {margin-bottom: 0.5em;font-size: 110%;}
.lity-container .schoolDetailDl {font-size: 110%;}
.lity-container .schoolDetailDt {width: 8em;background: #e0f3f2;border-radius: 0.5em;}
.lity-container .schoolDetailDd {width: calc(100% - 9em);}
.lity-container .schoolDetailDd .txt {width: 100%;text-shadow: #fff 3px 0 5px;line-height: 1.5;}
.lity-container .morePhotoUl,
.lity-container .taikenBtn,
.lity-container .priceBtn{display: none;}

/*----------------------------------------------------------------------------
***                                                              	flowSec
----------------------------------------------------------------------------*/
#flowSec {background: #e0f3f2;}
#flowSec .flowLi{position: relative; background: #fff; font-size: 135%; padding: 1.5em; margin-bottom: 3em;}
#flowSec .flowLi:after{content: ""; display: block; width: 0;height: 0;border-style: solid;border-color: #e3002d transparent transparent transparent;border-width: 15px 9px 0px 9px; position:absolute; bottom: -1em; left: 50%; transform: translate(-50%,100%);}
#flowSec .flowLi:last-child:after{display:none;}
#flowSec .flowLi .flowNum{position: absolute; top:0; left:0; transform:translate(-30%,-30%);}

#flowSec .flowLi.step04{background: #fffbc9; border: 3px solid #e1002d;}
#flowSec .flowLi .taikenDt,
#flowSec .flowLi .flowDt{color: #e1002d; font-weight: bold; font-size: 120%;}
#flowSec .flowLi .seminarDt{color: #01b9b1; font-weight: bold; font-size: 120%;}
#flowSec .flowLi .flowDl {width: 75%;}
#flowSec .flowLi .img{width: 20%;text-align: center;}
#flowSec .flowLi.step01{background: transparent; padding:0;}
#flowSec .flowLi.step01 .taikenBox,
#flowSec .flowLi.step01 .seminarBox{background: #fff; width: 48%; padding:1.5em;}
#flowSec .flowLi.step01 .seminarDl,
#flowSec .flowLi.step01 .taikenDl{width: 60%;}
#flowSec .flowLi.step01 .img{width: 40%;}
#flowSec .flowLi .btn{width: 100%; max-width: 15em; margin: 0 auto;}
#flowSec .flowLi .btn a{display: block;margin: 0 auto;max-width: 15em;color: #fff;padding: 0.3em 0;border-radius: 2em;text-align: center;margin-top: 0.7em;position: relative; background: #e3002d; text-decoration: none;font-weight: bold;}
#flowSec .flowLi .btn a:after{content:""; display: block;width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px 0px 6px 10px; position: absolute; top: 50%; right: 0.5em; transform: translate(-50%,-50%);}
#flowSec .flowLi.step01 .seminarBox .btn a{background: #01b9b1;}

#flowSec .flowLi .flowDd.txt{background:#FFFEE4;line-height: 1.7;padding: 0.7em 2em;margin-top: 0.5em;font-size:90%;}

/*----------------------------------------------------------------------------
***                                                               faqSec
----------------------------------------------------------------------------*/
#faqSec .faqDt{font-size: 200%;background:#002d49;color:#fff;padding: 0.7em 1em 0.8em;line-height: 1;}
#faqSec .faqDd {margin-bottom: 3em;}
#faqSec .faqDd .faqLi{border:solid;border-width:0 1px 1px 1px;border-color:#002d49;box-sizing: border-box;}
#faqSec .faqDd input.faqInput{display: none;}
#faqSec .faqDd .faqLabel{position: relative;display: block;width: 100%;margin: 0;color: #002d49;font-size: 150%;padding: 1em 1.5em 1em 3em;}
#faqSec .faqDd .faqLabel:hover{cursor: pointer; opacity: .7;}
#faqSec .faqDd .faqLabel:before {content: '';display: block;width: 15px;height: 3px;border-radius: 5px;background-color: #ccc;position: absolute;right: 1em;top: 50%; transform: translateY(-50%) rotate(90deg);transition: all ease 0.3s;}
#faqSec .faqDd .faqLabel:after {content: '';display: block;width: 15px;height: 3px;border-radius: 5px;background-color: #ccc;position: absolute;right: 1em;top: 50%; transform: translateY(-50%);}
#faqSec .faqDd .faqInput:checked + label:before { transform: translateY(-50%) rotate(0);}

#faqSec .faqDd .faqDetail{height: 0;padding: 0;overflow: hidden;opacity: 0;visibility: hidden; position:relative;margin: 0;}
#faqSec .faqDd .faqInput:checked + label + .faqDetail {height: auto;opacity: 1;padding: 0.8em 2em 0.8em 3.6em;visibility: visible;width: auto;background: #fffdea;font-size: 120%;position: relative;}
#faqSec .faqDd .faqLabel .iconQ{position: absolute; top:1em; left: 1.5em; font-weight: bold;}
#faqSec .faqDd .faqDetail .iconA{color:#e3002d; position: absolute; top:1em; left: 2em; font-weight: bold;}


/*----------------------------------------------------------------------------
 ***                      								★School letter
----------------------------------------------------------------------------*/
#letterSec{}
#letterSec .sectionInner{background: #ffffff;padding-top: 2em;padding-bottom: 2em;margin-top: 0;margin-bottom: 0;}
#letterSec .letterBox{padding: 0 0 0;}

#letterSec .newletterBox {border: 1px solid #aaaaaa;border-radius: 20px;padding: 3em 15px;box-shadow: 3px 3px 3px 0px rgba(30,30,30,0.3);}
#letterSec dl{width: 310px;border-right:1px dashed #b5b5b6;padding: 0px 30px 0;margin-bottom: calc(18px*1.8);position: relative;}
#letterSec .letterBox p{font-size:15px; font-weight:bold; background:#fff; border:#A50D73 1px solid; color:#A50D73; /* width:130px; */padding:1% 3%; margin-top:-50px; z-index:2; position:relative; border-radius:25px; }
#letterSec .letterBox p a{color:#A50D73; }
#letterSec .letterBox .titleBox2{margin-bottom: -5px;}
#letterSec .letterBox .titleBox2 h4{text-align:center;}
#letterSec dl:first-child{/* padding-left:0px; */}
#letterSec dl:last-child{/* padding-right:0px; */border:none;}

#letterSec dt{font-size: 20px;color: #ef8a66;padding-bottom:5px;line-height: 1.3;}
#letterSec dl dd{font-size:13px; /* font-weight:500; */}
#letterSec dl .ddImg{margin:0;padding:0;display:flex;justify-content:center;align-items:center;width:auto;height: 180px;overflow:hidden;background-repeat: no-repeat;background-size: cover;background-position: center;}
#letterSec dl .ddImg img{/* width:auto; *//* height:100%; */width: auto;height: auto;min-width: 100%;min-height: 100%;max-width: 0;opacity: 0;}
#letterSec dl dd a{color:#fff;font-weight: normal;padding: 0.3em 1.5em 0.3em;background: #ef8a66;width: auto;display:inline-block;border-radius: 1em;line-height: 1;text-align: center;}
#letterSec dl dd:nth-child(2){font-size:14px; padding-top:10px; }
#letterSec dl .linkTxt{color:#fff;text-align: center;font-size: 18px;position: absolute;top: 100%;left: 0;width: 100%;}
#letterSec dl .spacer{margin-bottom: 1em;overflow:hidden;white-space: initial;text-overflow:ellipsis;width:100%;height: 6.4em;line-height: 1.6;box-sizing:border-box;}
#letterSec dl .spacer > *{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; /* white-space:nowrap; */text-overflow:ellipsis; width:100%; height:2em; line-height:1; margin:0; padding:0; background:none; border:none; font-size:13px; color:#4D4D4D; font-weight:normal; border-radius:0; }


#instaBox{font-size: 200%; margin: 2em 0 4em;}
#instaBox .instaTtlBox{background-color: #eee;padding: 0.5em;}
#instaBox .instaTtl{text-align: center;}
#instaBox .instaBoxInner{ padding: 1em 1em 0 1em; border: 1px solid #eee;}

.nengaBnrP{text-align:center;margin:5em auto;width: 952px;}
.nengaBnrP img{width:100%;}

.moushikomiBtnBoxInner {max-width: 1300px; margin: 0 auto;}
.moushikomiBtnUl {padding-bottom: 5em;}


/*新年度生募集LP2025年3月11日ここから*/

/*----------------------------------------------------------------------------
***                                                             			secTtl
----------------------------------------------------------------------------*/
#firstViewSec2503{background: #FEE7ED url(/kidsclub/images/event/shinnendosei2503/lp_bgi_contents01.jpg) no-repeat center bottom;background-size: cover;}
#firstViewSec2503 p{padding: 0;}
#firstViewSec2503 .firstViewSecInner{max-width: 960px;margin-left: 45%;padding: 5em 0 0;height: 575px;position: relative;}
#firstViewSec2503 .ttlBox{display: flex;}
#firstViewSec2503 .ttlBox .bottomTxt{margin: 1em 0 1.5em 0;font-size: 140%;line-height: 1.6;}
#firstViewSec2503 .ttlBox .bottomTxt .redTxt{color: #e3002d;}
#firstViewSec2503 .usagiBtn{position: absolute;right: 0;top: 0;transform: translate(108%,0);}
#firstViewSec2503 .txtImg{position: absolute;top: 17%;left: 19%;}
#firstViewSec2503 .copyImg{position: absolute;/*top: 19%;*/top: 14%;right: 6%;}
#firstViewSec2503 .childImg{position: absolute;bottom: 0;left:-75em;transform: translateX(40%);}
#firstViewSec2503 .childImg img{width: 100%;height: 100%;}
#firstViewSec2503 .cpnTopBnr{position: relative; z-index: 1; margin-top: 1.5em; margin-bottom: -0.5em;}
#firstViewSec2503 .cpnTopBnr .cpnMuryo{margin-top: 2em;}

#redTxtBox{width: 100%; background: #e0002d;height: 80px;padding: 1em;}
#redTxtBox .rebTxtInner{margin: 0 auto 4em;font-size: 240%;color: #fff;font-weight: bold;text-align: center;}
#redTxtBox .rebTxtInner .yellowTxt{color: #ff1;}

#introSec2503 {background-color: #F0f0f0;}
#introSec2503 .nyuukaiTxt{font-weight: bold;font-size: 250%;margin-bottom: 1em;}
#introSec2503 .navBox{background-color: #fff;padding: 3em;border-radius: 1em;margin: 0 auto;width: 97%;}
#introSec2503 .navBox .navBtn{width: 25%;position: relative;}
#introSec2503 .navBtn a {color: #002D49;width: 100%;height: 5em;padding: 1em 0 2em;border-right: 2px solid #002D49;font-size: 150%;text-align: center;display: -webkit-box;line-height: 2;font-weight: bold;}
#introSec2503 .navBtn:last-child a {border-right:none;}
#introSec2503 .navBtn:before{content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #002D49 transparent transparent transparent;
    border-width: 11px 8px 0px 8px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);}
#introSec2503 .moushikomiBtnBox p{font-size: 240%;color: #e3002d;}


#aboutSec{background-color: #00ADAA;color: #fff;height: 455px;}
#aboutSec .aboutSecInner{position: relative;}
#aboutSec .aboutSecInner .secTtl{color: #fff;font-size: 340%;}
#aboutSec .aboutSecInner .mainSecTtl p{color: #fff;line-height: 2.2;}
#aboutSec .aboutSecInner .koushiImg{position: absolute;bottom: -25px;left: -50px;}
#aboutSec .aboutSecInner .seitoImg{position: absolute;bottom: -25px;right: -88px;}
#aboutSec .aboutSecInner .backImg1{position: absolute;bottom: 5%;left: -35%;}
#aboutSec .aboutSecInner .backImg2{position: absolute;bottom: 9%;right: -35%;}

#serviceDetailSec2503{height: 2550px;}
#serviceDetailSec2503 .titleBox .secTtl{color: #4D4D4D;font-size: 380%;font-weight: bold;line-height: 1.4;}
#serviceDetailSec2503 .contentsBox .contentsBoxInner{position: relative;padding-top: 100px;}
#serviceDetailSec2503 .contentsBox .contentsBoxInner .time{position: absolute;left: 0;right: 0;top: 0;margin: auto;width: 130px;}
#serviceDetailSec2503 .contentsBox .contentsBoxInner .time .timeTxt{position: relative;font-size: 32px;color: #4D4D4D;font-weight: bold;text-align: center;line-height: 1.3;}
.time .line{position: relative;width: 10px;margin: 0 auto;height: 40em;} 
.time .line.line01{background: #DD002D;}
.time .line.line02{background: #F4A018;height: 15em;}
.time .line.line03{background: #DD002D;height: 90em;}
.time .line.line04{background: #01B3AB;height: 15em;}

/*.contentsBoxInner .timeBox{position: relative;
    width: calc(100% - 30px);
    max-width: 1080px;
    margin: 0 auto;
  padding-bottom: 395px;}*/
.contentsBoxInner .timeBox .timeBoxInner{position: relative;width: calc(50% - 100px);background-color: #FFF3F5;width: 400px;}
.contentsBoxInner .timeBox .timeBoxInner:after{content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #FFF3F5 transparent transparent transparent;
    border-width: 8px 6px 0px 6px;
    position: absolute;
    bottom: -8px;
    left: 1em;}

.contentsBoxInner .timeBox .timeBoxInnerNone{position: relative;width: calc(50% - 100px);}
.contentsBoxInner .timeBox .timeBoxInnerNone .usagi_01{position: absolute;top: -32em;right: 17%;}
.contentsBoxInner .timeBox .timeBoxInner .usagi_02{background-color: #FFF;position: absolute;top: -21em;left: 26%;}
.contentsBoxInner .timeBox .timeBoxInner .usagi_03{background-color: #FFF;position: absolute;top: -25em;right: 30%;}
.contentsBoxInner .timeBox .timeBoxInnerNone .usagi_04{position: absolute;bottom: 12em;right: 21%;}
.contentsBoxInner .timeBox .timeBoxInner .usagi_05{background-color: #FFF;position: absolute;bottom: -19em;left: -19%;}
.contentsBoxInner .timeBox .timeBoxInner.box01{float: left;margin-top:  4em;}
.contentsBoxInner .timeBox .timeBoxInnerNone.box02{float: right;margin-top: 48em;}
.contentsBoxInner .timeBox .timeBoxInner.box03{float: left;margin-top: 27em;}
.contentsBoxInner .timeBox .timeBoxInner.box03 .komeTxt,
.contentsBoxInner .timeBox .timeBoxInner.box04 .komeTxt{background-color: #fff;font-size: 120%;text-align: center;}
.contentsBoxInner .timeBox .timeBoxInner.box04{float: right;margin-top: 35em;}
.contentsBoxInner .timeBox .timeBoxInner.box05{float: left;margin-top: 210px;}
.contentsBoxInner .timeBox .timeBoxInnerNone.box06{float: right;top: 26em;}
.contentsBoxInner .timeBox .timeBoxInnerNone.box07{float: right;top: 31em;}
.contentsBoxInner .timeBox .timeBoxInner .kihonImg{padding: 0;}
.contentsBoxInner .timeBox .timeBoxInner .serviceTtl.kihon{ color: #fff; background-color: #DD002D;margin: 1em 4em 0;font-weight: bold;border-radius: 2em;font-size: 180%;padding: 0.1em;}
.contentsBoxInner .timeBox .timeBoxInnerNone .serviceTtl.oyatsu{ color: #fff; background-color: #F4A018;margin: 1em 4em 0;font-weight: bold;border-radius: 2em;font-size: 180%;padding: 0.1em;}
.contentsBoxInner .timeBox .timeBoxInnerNone .serviceTtl.kihon{ color: #fff; background-color: #DD002D;margin: 1em 4em 0;font-weight: bold;border-radius: 2em;font-size: 180%;padding: 0.1em;}
.contentsBoxInner .timeBox .timeBoxInnerNone .serviceTtl.entyou{ color: #fff; background-color: #01B3AB;margin: 1em 4em 0;font-weight: bold;border-radius: 2em;font-size: 180%;padding: 0.1em;}
.contentsBoxInner .timeBox .timeBoxInner .serviceTxt{padding: 1em 2em;font-size: 135%;font-weight: bold;line-height: 1.7}

#moushikomiSec2503 {background: #FEE7ED;padding-top:3em;}
#moushikomiSec2503 .moushikomiSecInner{position: relative;}
#moushikomiSec2503 .cpnBox .cpnTxtTop{color: #4D4D4D;font-size: 275%;font-weight: bold;margin-bottom: 0.5em;}
.moushikomiBtnBox .txtRed{font-size: 240%;color: #e3002d;}
#moushikomiSec2503 .cpnBnr img{}
#moushikomiSec2503 .backImg1{position: absolute;bottom: 0;left:-15%;transform: translateX(-50%); }
#moushikomiSec2503 .backImg2{position: absolute;bottom: 0;right:-50%;transform: translateX(-50%); }
.moushikomiBtnBox.cpnBtm{background: #FEE7ED;padding-bottom: 3em;}

#membershipSec2503 .membershipUl{margin-bottom: 3em;}
#membershipSec2503 .membershipLi{background: #fff;width: 32%;padding: 2em 1.5em 1.5em;}
#membershipSec2503 .membershipLi .membershipName{width: 80%;margin: 1em auto 0.5em;font-size: 160%;color: #fff;border-radius: 2em;}
#membershipSec2503 .membershipLi .membershipSubTxt {font-size: 120%;}
#membershipSec2503 .membershipLi .membershipDt{margin: 0;height: 9em;}
#membershipSec2503 .membershipLi .membershipDd{margin-bottom: auto;}
#membershipSec2503 .membershipLi.regularMember{border: 4px solid #e0002d;border-radius: 2em;}
#membershipSec2503 .membershipLi.regularMember .membershipName{background: #e0002d;}
#membershipSec2503 .membershipLi.regularMember .membershipSubTxt{color: #e0002d;}
#membershipSec2503 .membershipLi.spotMember{border: 4px solid #01b9b1;border-radius: 2em;}
#membershipSec2503 .membershipLi.spotMember .membershipName{background: #01b9b1;}
#membershipSec2503 .membershipLi.spotMember .membershipSubTxt{color: #01b9b1;}
#membershipSec2503 .membershipLi.lessonMember{border: 4px solid #f7a318;border-radius: 2em;}
#membershipSec2503 .membershipLi.lessonMember .membershipName{background: #f7a318;}
#membershipSec2503 .membershipLi.lessonMember .membershipSubTxt{color: #f7a318;}
#membershipSec2503 .titleBox .secTtl{color: #4D4D4D;font-size: 350%;font-weight: bold;line-height: 1.4;margin-top: 1em;}

#membershipSec2503 .memberTable{width: 100%; font-size: 135%;}
#membershipSec2503 .memberTable .not{color: #ccc;font-size: 200%;line-height: 1;}
#membershipSec2503 .memberTable th{color: #fff; border: 1px solid #231815;}
#membershipSec2503 .memberTable th.regularMember{background: #e0002d;}
#membershipSec2503 .memberTable th.spotMember{background: #01b9b1;}
#membershipSec2503 .memberTable th.lessonMember{background: #f7a318;}
#membershipSec2503 .memberTable td{background: #fff; padding: 0.2em; border: 1px solid #231815; color: #231815;}
#membershipSec2503 .memberTable .baseService .serviceItem{background: #f8d6dc;color: #4d4d4d;font-weight: normal;}
#membershipSec2503 .memberTable .optionService .serviceItem{background: #d1dae5;color: #4d4d4d;font-weight: normal;}


/*サマースクール告知*/
.summerSchoolKokuti{margin: 3em auto;width: 80%;color: #ff0e00;font-size: 200%;padding: 0.5em;border: 4px solid #ff0e00;font-weight: bold;}