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

#maebashi_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/maebashi_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#maebashi_main h2{margin:-14% auto 0 auto; font-size:180%; color:#fff; font-weight:normal; text-align:right; line-height:140%; letter-spacing:5px; width:90%; text-shadow:0 0 5px #000,-1px 0 3px #000;}

#takasaki_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/takasaki_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#takasaki_main h2{margin:-14% auto 0 auto; font-size:180%; color:#fff; font-weight:normal; text-align:right; line-height:140%; letter-spacing:5px; width:90%; text-shadow:0 0 5px #000,-1px 0 3px #000;}

#lesson{width:100%; margin:0 auto 0 auto; padding:0;}
#lesson h3{font-size:100%; color:#fff; font-weight:normal; text-align:center; width:100%; background:url("../../img/pc/title_tophalf_bg.png") no-repeat; padding:2.9% 0 0 0; margin:0; letter-spacing:0px; line-height:100%; height:41px;}

#lesson h4{font-size:100%; color:#896607; line-height:100%; margin:4% auto 1% auto; padding:0; font-weight:normal; text-align:center;}
#lesson .movie{width:96%; margin:2% auto 0 auto; padding:0;}
#lesson .maebashi_layout{margin:4% auto 0 auto; padding:0; width:96%;}
#lesson .takasaki_layout{margin:3% auto 1% auto; padding:0; width:96%;}

#lesson hr{border-top:1px solid #e2e2e2; border-bottom:none; margin:3% auto; padding:0; width:92%;}

#lesson p.lesson_text1{font-size:90%; color:#393939; line-height:160%; margin:0 auto 2% auto; padding:1% 3%;}
#lesson p.lesson_text1 a{text-decoration:underline; color:#a7271f;}
#lesson p.lesson_text1 a:hover{color:#a7271f; font-weight:bold;}
#lesson p.lesson_text2{width:90%; height:0; background-image:url("../../img/pc/maebashi_text1.png"); background-repeat:no-repeat; background-size:contain; margin:3% auto 0 auto; padding-top:14.34%; overflow:hidden; text-indent:100%; white-space:nowrap;}
#lesson p.lesson_text3{font-size:75%; color:#393939; line-height:180%; margin:0 auto 4% auto; padding:0; text-align:center;}
#lesson p.lesson_text4{font-size:90%; color:#393939; line-height:160%; margin:0 auto 2% auto; padding:1% 3%;}
#lesson p.lesson_text4 a{text-decoration:underline; color:#a7271f;}
#lesson p.lesson_text4 a:hover{color:#a7271f; font-weight:bold;}

#lesson ul.lesson_gallery{width:100%; margin:2% auto; padding:0; list-style:none;}
#lesson ul.lesson_gallery li{width:46%; height:150px; margin:0 2% 0 3%; padding:0; overflow:hidden; transition:1s all; float:left;}
#lesson ul.lesson_gallery li:nth-child(2n){margin:0 2% 0 0;}
#lesson ul.lesson_gallery li img{width:100%; margin:0; padding:0;}
#lesson ul.lesson_gallery li img:hover{transform:scale(1.05,1.05); transition:0.3s all;}

#lesson ul.lesson_piano{width:85%; margin:0 auto 4% auto; padding:0; list-style:none;}
#lesson ul.lesson_piano li{width:100%; height:240px; margin:2% auto 0 auto; padding:0; overflow:hidden; transition:1s all;}
#lesson ul.lesson_piano li img{width:100%; margin:0; padding:0;}
#lesson ul.lesson_piano li img:hover{transform:scale(1.05,1.05); transition:0.3s all;}

#lesson ul.lesson_piano2{width:85%; margin:0 auto 4% auto; padding:0; list-style:none;}
#lesson ul.lesson_piano2 li{width:100%; height:240px; margin:2% auto 0 auto; padding:0; overflow:hidden; transition:1s all;}
#lesson ul.lesson_piano2 li img{width:100%; margin:0; padding:0;}
#lesson ul.lesson_piano2 li img:hover{transform:scale(1.05,1.05); transition:0.3s all;}

#lesson ul.lesson_piano3{width:100%; margin:0 auto 1% auto; padding:0; list-style:none;}
#lesson ul.lesson_piano3 li{width:100%; margin:2% auto 0 auto; padding:0; overflow:hidden; transition:1s all; text-align:center;}
#lesson ul.lesson_piano3 li h4{font-size:100%; color:#896607; line-height:100%; margin:1% auto 1% auto; padding:0; font-weight:normal; text-align:center;}
#lesson ul.lesson_piano3 li p{font-size:90%; color:#393939; line-height:160%; margin:0 auto 2% auto; padding:1% 3%; text-align:left;}
#lesson ul.lesson_piano3 li img{width:85%; height:240px; margin:1% auto 0 auto; padding:0;}
#lesson ul.lesson_piano3 li img:hover{transform:scale(1.05,1.05); transition:0.3s all;}

#lesson .trial_btn{width:96%; margin:0 auto 2% auto; padding:0;}
#lesson .trial_btn a{margin:0; padding:0;}
#lesson .map{width:100%; max-width:400px; margin:2% auto 2% auto; padding:0; text-align:center;}

#lesson ul{width:100%; margin:0 auto 0 auto; padding:0; list-style:none; position:relative;}
#lesson li{width:80%; margin:5% auto; padding:0; float:none; position:relative;}
#lesson li:nth-child(2){width:80%; margin:5% auto; padding:0; float:none; position:relative;}
#lesson li:nth-child(3n){width:80%; margin:5% auto; padding:0; float:none; position:relative;}
#lesson li:last-child{width:80%; margin:5% auto 2% auto; padding:0; float:none; position:relative;}
#lesson li span a{display:block; left:0; top:0; width:100%; height:90%; text-decoration:none;}
#lesson li span a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.9; text-decoration:none;}
#lesson li span.course_ico1{position:absolute; top:12px; left:12px; background:url(../../img/pc/child_ico.png) no-repeat; width:93px; height:36px; overflow:hidden; text-indent:100%; white-space:nowrap;}
#lesson li span.course_ico1_2{position:absolute; top:12px; left:12px; background-color:#fff; width:90px; font-size:70%; text-align:center; padding:2.6% 0 2% 0; color:#333; line-height:100%;}
#lesson li span.course_ico2{position:absolute; top:12px; left:12px; background:url(../../img/pc/otona_ico.png) no-repeat; width:93px; height:36px; overflow:hidden; text-indent:100%; white-space:nowrap;}
#lesson li span.course_ico2_2{position:absolute; top:12px; left:12px; background-color:#fff; width:90px; font-size:70%; text-align:center; padding:2.6% 0 2% 0; color:#333; line-height:100%;}
#lesson li h4{font-size:100%; color:#896607; font-weight:normal; line-height:170%; text-align:center; margin:1% auto 0 auto; padding:0; width:100%;}
#lesson li .top4_pict{width:100%; overflow:hidden; transition:1s all;}
#lesson li .top4_pict img:hover{transform:scale(1.05,1.05); transition:0.3s all;}
#lesson li p.top4_text2{font-size:80%; color:#393939; line-height:170%; text-align:left; margin:0 auto 0 auto; padding:0; width:100%;}
#lesson li .btn{width:40%; margin:3% auto 0 auto; padding:0;}