@charset "utf-8"; 
/* CSS Document */
/*
----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------
body{background: linear-gradient(#FFF,#f5f4f5);}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

.pcHidden{display:none;}
----------------------------------------------------------------------------
***                                                                    class
----------------------------------------------------------------------------
.commonWidth{width:950px; margin:0 auto;}

----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/


#headerAreaInner {height: 72px;vertical-align: baseline;max-width: 1200px;padding: 0 2em;margin: 0 auto;box-sizing: border-box;}
#headerArea {border-bottom: 6px solid #f5458e;}
#headerAreaTitle .floatR img {width: auto;max-height: 67px;}

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

/*----- 全体 -----*/

/*----- 全体 -----*/

#mianArea{font-size:1rem;	}
/*#mianArea section{margin-bottom: 20px;}*/

.secBox>.sectionInner{width: 984px;margin:0px auto;padding: 0px;font-weight: 550;}
.secBox>.sectionInner02{width: 1130px;}
/*----- メインビュー -----*/
#mainView{height: 490px;background: url("../../images/fv_contents01.jpg");background-repeat: no-repeat;	}
#mainView .sectionInner{width: 1040px;height: 550px;padding-top: 35px;background: url(../../images/fv_contents02.png);background-repeat: no-repeat;margin: 0 auto;position: relative;}
#mainView .textArea{font-size: 1.01em;}
#mainView p{/* margin-bottom:10px; */line-height: 1.7em;}
#mainView h2{margin: 5% 30% auto 78px;}
#mainView .imgSab{position: absolute;top: 2em;left: 1%;}
#mainView .subTtlBox{background: repeating-linear-gradient(-55deg, #3c82b8, #3c82b8 30px, #4f8ebf 30px, #4f8ebf 60px);;margin: 4em 15% 0em;padding: 1.5em;position: relative;}
#mainView .subTtlBox .subImg{position: absolute;top: -1.9em;right: 2%;}
#mainView .subTtlBox .subTxt{color: #fff;font-weight: bold;font-size:120%;line-height: 1.5;}

/*2025年6月27日ここから*/
#mainView .imgSab02{position: absolute;top: 2em;left: -2%;}
#mainView .subTtlBox .subImg02{position: absolute;top: -3.7em;right: -8%;}
/*----- 動画差し込み20250619 -----*/
.videoBox .videoTxt{font-size: 200%;font-weight: bold;margin-bottom: 0.5em;color: #fbff58;}
/*2025年6月27日ここまで*/


/*gaba用*/
#mainView .imgGaba{position: absolute;top: 1em;left: 5%;}
#mainView .txtMain{color: #f34529;text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;padding-top: 0.5em}
#mainView .subTtlBox.gaba{background: repeating-linear-gradient(-55deg, #3c82b8, #3c82b8 30px, #4f8ebf 30px, #4f8ebf 60px);;margin: 1em 15% 0em;padding: 1.5em;position: relative;}
#mainView .subTtlBox.gaba .subImg{position: absolute;top: -1.9em;right: 2%;}
#mainView .subTtlBox.gaba .subTxt{color: #fff;font-weight: bold;font-size:120%;line-height: 1.5;}
#pointArea .pointBox.gaba{display: flex;justify-content: space-between;width: 86%;margin: 0 auto;}
#pointArea .pointInner.gaba{background: #fff;border-radius: 1em;padding: 1em;position: relative;width: 45%;}
#pointArea .pointInner.gaba .pointNum{position: absolute;top:-15px;right: 0;transform: translate(-92%, 0%);}
#pointArea .pointInner.gaba .pointBottom img{margin: 0.5em 4em 0;}


/*----- 申込ボタン -----*/
#moushikomiArea .programBtn {border-bottom: 3px solid;padding-bottom: 0.3em;margin: 0 39% 1em;}
#moushikomiArea .programBtn a{color: #000000;font-size: 135%;font-weight: bold;}
/*----- ポイントエリア -----*/
#pointArea {background: #ff6d81;padding: 6em 0;margin: 0 auto;}
#pointArea h2{font-size: 230%;font-weight: bold;color: #fff;}
#pointArea .pointBox{display: flex;justify-content: space-between;}
#pointArea .pointInner{background: #fff;border-radius: 1em;padding: 1em;position: relative;width: 31%;}
#pointArea .pointInner  .pointNum{position: absolute;top:-15px;right: 0;transform: translate(-66%, 0%);}
#pointArea .pointInner .pointTop{font-size: 150%;font-weight: bold;color: #ff6d81;border-bottom: 2px dashed #bfbfbf;}
#pointArea .pointInner .pointTop.num02{padding: 1.4em 0 1em;}
#pointArea .pointInner .pointBottom{padding: 1em 0.5em;font-size: 94%;font-weight: bold;}
#pointArea .pointInner .pointBottom img{margin: 0.5em 2em 0;}
#mainView .textAreaInner {border: solid 2px #00c2cc;background: #ffffff;border-radius: 3px;padding: 2em 1.2em 1.15em;width: 472px;margin:0 auto;position: relative;}



/*----- 開催概要エリア -----*/
#overviewArea{background: #faf9fa;margin: 0 auto;padding: 6em 0;}
#overviewArea h2{text-align: center;font-size: 230%;font-weight: bold;color: #4db0ce;}
#overviewArea table{margin: 2em auto;}
#overviewArea .overviewInner{border: 4px solid #4db0ce;}
#overviewArea .overviewInner th{background: #4db0ce;color: #fff;border-bottom: 2px solid #fff;padding: 0.5em 3em;font-size: 130%;}
#overviewArea .overviewInner td{color: #4db0ce;font-size: 120%;font-weight: bold;padding: 1em;border-bottom: 2px solid #4db0ce;background: #fff;}

/*----- プラン紹介エリア -----*/
#planArea{background: #ffe579;padding: 6em 0;margin: 0 auto;height: 1000px;}
#planArea h2{text-align: center;font-size: 230%;font-weight: bold;}
#planArea .planBox{display: flex;justify-content: space-between;margin: 2em 0;}
#planArea .planBox table{width: 97%;}
#planArea .planBox .ukehoudaiBox,
#planArea .planBox .ticketBox{background: #fff;}
#planArea .planBox .leftBox,
#planArea .planBox .rigthBox{width: 45%;}
#planArea .planBox .leftBox .fukidashi{background: #fff;border-radius: 2em;color: #fa6a2c;text-align: center;font-weight: bold;margin: 0 0 2em;position: relative;padding: 0.5em;font-size: 110%;line-height: 1;}
#planArea .planBox .leftBox .fukidashi:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 12px 8.5px 0 8.5px;border-color: #fff transparent transparent transparent;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);}
#planArea .planBox .rigthBox .fukidashi{background: #fff;border-radius: 2em;color: #2eb69f;text-align: center;font-weight: bold;margin: 0 0 2em;position: relative;padding: 0.5em;font-size: 110%;line-height: 1;}
#planArea .planBox .rigthBox .fukidashi:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 12px 8.5px 0 8.5px;border-color: #fff transparent transparent transparent;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);}

#planArea .ukehoudaiBox .txtTop{background: #fa6a2c;text-align: center;padding: 0.5em;font-size: 170%;font-weight: bold;color: #fff;}
#planArea .ukehoudaiBox .subTxt{padding: 1em;background: #fae8e5;font-size: 110%;}
#planArea .ukehoudaiBox .detailBox{padding: 1em;}
#planArea .ukehoudaiBox table{margin: 0 auto;border: 3px solid;}
#planArea .ukehoudaiBox th{background: #fa6a2c;color: #fff;font-size:125%;padding: 0.3em;border: 2px solid #fff;}
#planArea .ukehoudaiBox .kubun{font-weight: bold;padding:0.3em 0.5em;font-size:120%;border: 2px solid #bfbfbf;}
#planArea .ukehoudaiBox .price{font-weight: bold;text-align: center;color: #f11;font-size: 150%;line-height: 0.8;padding: 0.2em 1em;border: 2px solid #bfbfbf;}
#planArea .ukehoudaiBox .price .yen{font-size: 80%;}
#planArea .ukehoudaiBox .price .taxIn{font-size: 70%;color: #444444;}

#planArea .osusumeBox .osusumeInner.left{margin: 1em 2em;font-size: 130%;font-weight: bold;border-bottom: 3px solid #fa6a2c;color: #fa6a2c;}
#planArea .osusumeBox .checkBox .icon{margin-bottom: 1em;position: relative;padding-left: 2em;line-height: 1.3em;}
#planArea .osusumeBox .checkBox .icon.left::before{content: url("../../images/icon_contents05.png");display: block;width: 100%;position: absolute;left: 0.1em;top: -0.3em;}

#planArea .ticketBox .txtTop{background: #2eb69f;text-align: center;padding: 0.5em;font-size: 170%;font-weight: bold;color: #fff;}
#planArea .ticketBox .subTxt{padding: 1em;background: #ddefe8;font-size: 110%;}
#planArea .ticketBox .detailBox{padding: 1em 1em 3.7em;}
#planArea .ticketBox table{margin: 0 auto 4.5em auto;border: 3px solid;}
#planArea .ticketBox table.gaba{margin: 0 auto;}
#planArea .ticketBox th{background: #2eb69f;color: #fff;font-size:125%;padding: 0.3em;border: 2px solid #fff;}
#planArea .ticketBox .kubun{font-weight: bold;padding:0.3em 0.5em;font-size:120%;border: 2px solid #bfbfbf;}
#planArea .ticketBox .price{font-weight: bold;text-align: center;color: #f11;font-size: 150%;line-height: 0.8;padding: 0.2em 1em;border: 2px solid #bfbfbf;}
#planArea .ticketBox .price .yen{font-size: 80%;}
#planArea .ticketBox .price .taxIn{font-size: 70%;color: #444444;}

#planArea .osusumeBox .osusumeInner.rigth{margin: 1em 2em;font-size: 130%;font-weight: bold;border-bottom: 3px solid #2eb69f;color: #2eb69f;}
#planArea .osusumeBox .checkBox .icon.rigth::before{content: url("../../images/icon_contents06.png");display: block;width: 100%;position: absolute;left: 0.1em;top: -0.3em;}

/*----- フローエリア -----*/
#flowArea{margin: 0 auto;padding: 6em 0;width: 1130px;}
#flowArea h2{text-align: center;font-size: 230%;font-weight: bold;margin-bottom: 2em;color: #4574e0;}
#flowArea .flowUl .flowLi.nagare{border: 5px solid #4574e0;border-radius: 1em;padding: 3em 2em;position: relative;}
#flowArea .flowUl .flowLi.zoom{border: 5px solid #e74c72;border-radius: 1em;padding: 3em 2em;position: relative;}
#flowArea .flowUl .flowLi::after{content: "▶";color: #4574e0;padding-right: 0.5em;position: absolute;right: -40px;top: 50%;font-size: 100%;}
#flowArea .flowUl .flowLi:last-child::after {content: none;}
#flowArea .flowUl .flowLi.nagare .flowNum{position: absolute;top: 0;left: 0;padding: 0.3em 1em 0.4em 0.5em;color: #fff;font-weight: bold;font-size: 170%;background: #4574e0;border-radius: 0 0 2em 0;}
#flowArea .flowUl .flowLi.zoom .flowNum{position: absolute;top: 0;left: 0;padding: 0.3em 1em 0.4em 0.5em;color: #fff;font-weight: bold;font-size: 170%;background: #e74c72;border-radius: 0 0 2em 0;}

#flowArea .flowUl .flowLi.nagare dt{text-align: center;font-size: 120%;line-height: 1.3;color: #4574e0;font-weight: bold;margin-bottom: 1em;}
#flowArea .flowUl .flowLi.zoom dt{text-align: center;font-size: 120%;line-height: 1.3;color: #e74c72;font-weight: bold;margin-bottom: 1em;}

/*----- kidsチャンネル -----*/
#kidsChArea{background: #ffece2;padding: 4em 0;margin: 0 auto;border-top: 0.7em solid #bf393e;border-bottom: 0.7em solid #bf393e;height: 600px;}
#kidsChArea h2{text-align: center;font-size: 230%;font-weight: bold;color: #bf393e;}
#kidsChArea h2 span{font-weight: bold;}
#kidsChArea .kidsChBox{font-size: 150%;line-height: 1.5;}
#kidsChArea .kidsChBox .redTxt{color: #f11;}


/*----- FAQ -----*/
#faqArea{padding: 6em 0;margin: 0 auto;height: auto;}
#faqArea h2{text-align: center;font-size: 200%;font-weight: bold;color: #6d60ff;}
#faqArea .faqBox dl{border: 3px solid #6d60ff;font-size: 140%;}
#faqArea .faqBox dl dt{padding: 0.8em 1em;color: #fff;background: #6d60ff;}
#faqArea .faqBox dl dd{padding: 0.8em 1em;color: #6d60ff;font-weight: bold;position: relative;}
#faqArea .faqBox dl dd img{position: absolute;bottom: 0;right: 1em;}

/*----- 呼びかけボタン -----*/
#yobikakeArea{background: #ff6a60;padding: 6em 0;margin: 0 auto;}
#yobikakeArea h2{text-align: center;font-size: 290%;font-weight: bold;color: #fff;}
#yobikakeArea .yobikakeBox{color: #fff;font-size: 165%;}
#yobikakeArea .yobikakeBox .btnBox .programBtn a{background: #fff;color: #000000;font-weight: bold;padding: 0.5em 2em;border-radius: 0.5em;}
.btnBox .programBtn a img{margin: 0 0.5em 0.1em;}

#courselistArea{padding: 6em 0 0;margin: 0 auto;height: 420px;}
/*----- コース一覧　KINDERコース -----*/
#kindercourseArea .coursetit{color:#f9c900;text-align: center;}
#kindercourseArea .courseBox{background:#fff4d9;width: 100%;margin: 0 auto 2em;}
/*----- コース一覧　小学生コース -----*/
#elementcourseArea .coursetit{color:#3c9ce6;text-align: center;}
#elementcourseArea .courseBox{background:#ebfafa;width: 100%;margin: 0 auto 2em;}

p.txt {width:54%;}
span.taishyou {background: #fff;color: #5dbac4;padding: 0 1em;border-radius: 1em;margin-bottom: 0.3em;font-size: 85%;font-weight: 500;}


/*----- バナーエリア -----*/
#bannerArea .notesText{margin: 14px 8px 12px;font-size: 0.8rem;}
#bannerArea .notesText li{line-height: 1.5rem}
#bannerArea .anaText{text-align: center;margin-top: 15px;font-weight: bold;color: #707070;background: #fff;position: absolute;top: -18px;right: 0;left: 0;width: 79px;margin: 0 auto;font-size: 1.65em;font-weight: 900;}
#bannerArea .ryoukinBox {border-top: dotted 6px #80cace;border-bottom: dotted 6px #80cace;position: relative;margin: 2.5em auto;width: 485px;}
#bannerArea dt {color: #0ca39f;font-size: 1.7em;padding: 0.1em 0;background: #eefcff;border: solid 2px #22afaf;width: 170px;text-align: center;border-radius: 6px;box-shadow: 1px 1px 0px 1px rgb(34 175 175);}
#bannerArea dt.ukehoudai {color: #f5911e;font-size: 1.7em;padding: 0.1em 0;background: #ffeede;border: solid 2px #f5911e;width: 170px;text-align: center;border-radius: 6px;box-shadow: 1px 1px 0px 1px rgb(245 145 30);position: relative;}
#bannerArea dt.ukehoudai:before{content:""; display: block; width: 33px; height: 30px; background:url("/junior/lp/kakikosyu2023/images/contents08.png"); background-repeat: no-repeat; position: absolute; top: 0; left: 0; transform: translate(-50%,-50%);}
#bannerArea .colorR {color: #e20505;font-size: 2.5em;font-weight: bold;}
#bannerArea .smallTxt {font-size: 0.7em;}
#bannerArea .tateTxt {-ms-writing-mode: tb-rl; writing-mode: vertical-rl;font-size: 0.7em;vertical-align: sub;}
#bannerArea .zeikomiTxt {font-size: 1.85em;vertical-align: initial;margin-left: 0.1em;}
#bannerArea dd {margin-left: 1.3em;}
#bannerArea dl.ukehoudai {position: relative;}
#bannerArea dl.ukehoudai .fukidashi {position: absolute; top:0; right: 0; transform: translate(80%,-50%);}
#bannerArea .notesText li:last-child {margin-top: 0.6em;}
#bannerArea .longP dt {/*width: 145px;*/}
#bannerArea .longP dd .colorR {font-size: 2.4em !important;}
#bannerArea .longP .notesText {margin: 17px 14px 16px;}

#bannerArea .saraniBox{position: relative; font-size: 120%;}
#bannerArea .saraniBox .sarani{margin-bottom: 1em; position: relative;}
#bannerArea .saraniBox .sarani:after{content: ""; display: block; position: absolute; left: 50%; bottom:-1em; transform: translate(-50%,-50%);width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #00c2cc transparent transparent transparent;}
#bannerArea .saraniBox .nkcName{display: block;width: 12em;padding: 0.2em 0;margin: 0.2em auto;color: #f5911e;background:#ffeede;font-size: 130%; font-weight: bold; position: relative; z-index: 1;}
#bannerArea .saraniBox .inputFukidashi{position: absolute; left:4.5em; top: 35%;z-index: 2;}
#bannerArea .saraniBox .usagiImg{position: absolute; right:2em; top: 25%;}

#bannerArea .aboutNkcBox{font-size: 90%; width: 610px; margin: 1em auto;}
#bannerArea .aboutNkcBox .ttlBox{background: url("../../images/bgi_contents01.jpg"); background-repeat: no-repeat; background-size: cover; height: 180px; position: relative;}
#bannerArea .aboutNkcBox .ttlBox .ttl{background: #fff;position: absolute;top: 50%;left: 50%;width: 65%;transform: translate(-50%,-50%);padding: 1em 0;box-shadow: 7px 7px 7px -5px #777777;}
#bannerArea .aboutNkcBox .ttlBox span{color: #f5911e; font-weight: bold;}
#bannerArea .aboutNkcBox p.txt{width: 100%;}
#bannerArea .aboutNkcBox .youtubeBtn{position: absolute;z-index: 1; width: 82px;right: 7em; bottom: 1em; transform: translate(50%,50%);}
#bannerArea .aboutNkcBox .nkcPointUl {margin: 1.5em 0 0;}
#bannerArea .aboutNkcBox .nkcPointLi {background: #fff6ed;padding: 1em 1.5em;}
#bannerArea .aboutNkcBox .nkcPointLi .txt{font-weight: bold;margin-top: 0.5em;font-size: 120%;line-height: 1.2;margin-top: 0.8em;}
#bannerArea .aboutNkcBox .pointBox{font-size: 110%;}
#bannerArea .aboutNkcBox .pointBox .pointNum{color: #f93c38;border: 1px solid #f93c38;display: inline-block;padding: 0.3em 0.1em 0.3em 0.5em;margin-bottom: 0.5em;line-height: 1;position: relative;margin-right: 1em;}
#bannerArea .aboutNkcBox .pointBox .pointNum:after{content:"";display:block;position: absolute;width: 1.15em;height: 1.15em;top: 50%;right: -10px;background: #fff;transform: translate(0, -50%) rotate(-45deg);border-right: 1px solid;border-bottom: 1px solid;}
#bannerArea .aboutNkcBox .pointBox .pointNumTxt{position: relative; z-index: 1;}
#bannerArea .aboutNkcBox .pointBox{padding: 1.5em;}
#bannerArea .aboutNkcBox .moushikomiStep{padding: 0 1.5em;margin: 0 auto 3em;}
#bannerArea .aboutNkcBox .moushikomiStep .ttlLi{color: #f5911e;font-size: 120%;}
#bannerArea .aboutNkcBox .moushikomiStep .stepLi{border: 1px solid #f5911e;margin-bottom: 10px;padding: 0.8em;line-height: 1;position: relative;}
#bannerArea .aboutNkcBox .moushikomiStep .stepLi:after{content:"";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #f5911e transparent transparent transparent;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
#bannerArea .aboutNkcBox .moushikomiStep .stepLi:last-child:after{display: none;}
/*----- お申込みボタン -----*/
.subscriptionArea .sectionInner{width:401px;/*margin-top:40px;*/}
.subscriptionArea .sectionInner a{color:#000;/*	border-top: 2px solid #ff647e;*/border-bottom: 2px solid #333;/* border-radius: 5px; *//*padding: 6px 0px;*/text-decoration: none;}
.subscriptionArea p{font-size: 1.3rem;font-weight: bold;margin-bottom: 15px;}



/*----- コース一覧 -----*/
.coursetit{border-bottom: 3px solid;font-size:1.8rem;margin: 40px 0 15px;text-align: center;}
.courseBox{margin-bottom:20px;padding: 30px 30px;font-size: 1.05rem}
.detailAra{margin-bottom: 2px; text-indent: 9px;}
.detailAra h4{font-size: 1.4rem;}
.detailAra h4:last-child{border-bottom: 1px solid #333;}

/*2025年5月30日*/
.detailAra .pinkTxt{background: #ff4a9c;color: #fff;font-size: 84%;padding: 0.2em 0.5em;}
.detailAra .unit{font-weight: normal;font-size: 80%;}

.descriptionArea{margin-left: 9px;}
.descriptionArea .ttlBox{padding: 0.3em 0;}
.dekirukoto{color: #fb5c54;font-weight: bold;}

.titArea{position: relative;}

p.attention {margin-top: 0.5em;font-size: 0.87em;}
.detailBox {margin-top: 6px;}
.titArea {margin: 0 0 0.8em;/* border-bottom: 3px solid #e8cb53; */}
.classDetail{font-size: 102%;margin: 0.6em 0 0 1.4em;text-align: center;color: #fb5c54;}
.pcImg {position: absolute;bottom: -20px;right: -41px;}
.dateRi {position: absolute;top: -30px;left: 16%;}


.quesBoxInner dt {/* font-size: 1.3em; *//* background-image: linear-gradient(transparent 57%, #98eae8 0%); *//* width: 30%; */}
.quesBoxInner dt::before {content: 'Q';display: inline-block;background: #00d3d3;padding: 0.05em 0.7em 0.2em 0.5em;color: #fff;width: 2%;font-size: 1.3em;}
.quesBoxInner .ttlDt {font-size: 1.3em;background-image: linear-gradient(transparent 57%, #98eae8 0%);margin-left: 0.4em;}
.colorLB {color: #22a8a4;font-weight: bold;}
.borderB{background:linear-gradient(transparent 50%, #aad6d6 50%)}



#nagareArea{padding: 7em 0;background: #fffff3;margin-top: -20px;}
#nagareArea.bgWhite{background: #fff;}
#nagareArea h2 {color: #00b2be;font-weight: 900;font-size: 2em;margin-bottom: 0.9em;}
#nagareArea .nagareOl li{position:relative;margin-bottom: 2em;background: #fff;padding: 1em  2em 2.5em 1.5em;box-shadow: 10px 10px 10px -10px #00000050;border: 1px solid #ccc;}
#nagareArea .nagareOl li:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 8px 0 8px;border-color: #00b2be transparent transparent transparent;position: absolute;bottom: -1.5em;left: 50%;transform: translateX(-50%);}
#nagareArea .nagareOl li:last-child{margin-bottom: 0;}
#nagareArea .nagareOl li:last-child:after{display: none;}

#nagareArea .nagareNum{font-size: 180%;line-height: 1;display: inline-block;color: #00b2be;font-weight: bold;}
#nagareArea .nagareNum .step{font-size: 70%;}
#nagareArea .nagareTxt{font-size: 100%;display: block;padding: 1em 0 1.5em 1em;margin-left: 0.2em;}
#nagareArea .nagareImg{/* padding-left: 2em; */}

.backUsagiClubArea .backUsagiClubBtnBox {}
.backUsagiClubArea .backUsagiClubBtn {display: block;max-width: 300px;margin: 2em auto 3em;}
.backUsagiClubArea .backUsagiClubBtn img{width: 100%; height: auto;}

.backBtnArea .backBtnBox {}
.backBtnArea .backBtn {display: block;max-width: 200px;margin: 2em auto 0; background: #ccc; color: #fff; text-align: center; font-size: 120%; padding: 0.5em; border-radius: 0.3em;}

/*----- フッターエリア -----*/
#footerArea { padding:10px;background: #58595b;margin: 0 auto;}
#footerArea p{color: #fff;}