@charset "utf-8";
/* CSS Document */
#piano_child_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/piano_child_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#piano_child_main h2{margin:-22% 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;}

#stepup_piano_child_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/stepup_piano_child_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#stepup_piano_child_main h2{margin:-22% 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;}

#flute_child_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/flute_child_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#flute_child_main h2{margin:-22% 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;}

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

#pre_child_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/pre_child_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#pre_child_main h2{margin:-22% 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;}

#piano_otona_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/piano_otona_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#piano_otona_main h2{margin:-22% 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;}

#flute_adult_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/flute_otona_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#flute_adult_main h2{margin:-22% 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;}

#keybord_adult_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/keybord_otona_main_sp2.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#keybord_adult_main h2{margin:-22% 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;}

#concertoffer_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/concertoffer_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#concertoffer_main h2{margin:-22% 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;}

#course{width:100%; margin:0 auto 0 auto; padding:0;}
#course 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:3.1% 0 0 0; margin:0; letter-spacing:1px; line-height:100%; height:41px;}
#course .course1_main{width:80%; margin:2% auto 0 auto;}
#course h4{font-size:160%;; color:#896607; line-height:100%; margin:2% auto 0 auto; padding:0; font-weight:normal; text-align:center;}

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

#course p.course_text1{font-size:90%; color:#393939; line-height:160%; margin:0 auto 2% auto; padding:1% 3%;}
#course p.course_text1 a{color:#a7271f; text-decoration:underline;}
#course p.course_text2{font-size:120%; color:#896607; line-height:140%; margin:2% auto 1% auto; padding:0; text-align:center;}
#course p.course_text3{font-size:75%; color:#393939; line-height:140%; margin:10px auto 0 auto; padding:0; text-align:center;}
#course p.course_text4{font-size:80%; color:#393939; line-height:160%; margin:0 auto 2% auto; padding:1% 3% 1% 7.5%; text-indent:-5%;}
#course p.course_text5{font-size:90%; color:#393939; line-height:180%; margin:20px auto 30px auto; padding:0; text-align:center;}


#course table{width:94%; margin:2% auto 3% auto; border-collapse:collapse; border-bottom:1px solid #888;}
#course table th{width:100%; border:1px solid #a3a3a3; font-weight:normal; font-size:90%; line-height:180%; margin:auto; text-align:center; padding:2% 0; vertical-align: middle; display:table-cell; background:#a3a3a3; color:#fff;}
#course table td{width:100%; border-top:0; border-right:1px solid #888; border-left:1px solid #888; border-bottom:0; box-sizing:inherit; padding:2%; font-size:90%; line-height:180%; margin:0; text-align:center; display:table-cell;}
#course table td a{text-decoration:underline; color:#a7271f;}
#course table td a:hover{color:#a7271f; font-weight:bold;}
.trial_btn{width:96%; margin:0 auto 2% auto; padding:0;}
.trial_btn a{margin:0; padding:0;}
#course table td p{font-size:90%; color:#393939; line-height:150%;}

#course ul{width:100%; margin:4% auto 0 auto; padding:0; list-style:none;}
#course li{width:100%; margin:0 auto; padding:0; text-align:center;}
#course li img{width:50%; margin:0 auto; padding:0;}
#course li:nth-child(2){width:94%; margin:1.5% auto 0 auto; padding:0; text-align:left;}
#course li h4{font-size:90%; color:#896607; line-height:160%; font-weight:normal; margin:0 0 3% 3%; padding:8px 0 8px 3%; border-left:solid 3px #a28848; text-align:left; background:none;}

#course h4{font-size:100%; color:#896607; line-height:180%; font-weight:normal; margin:0 0 3% 3%; padding:8px 0 8px 25px; background-image:url("../../img/pc/name_bar.png"); background-repeat:no-repeat; background-size:contain; text-align:left;}

#course ul.course_ul1{width:100%; margin:0 auto; padding:0; list-style:none;}
#course ul.course_ul1 li{width:80%; margin:2% auto 0 auto; padding:0; float:none;}
#course ul.course_ul1 li img{width:100%;}
#course ul.course_ul1 li:nth-child(2){width:100%; margin:2% 0 0 0; padding:0;}
#course ul.course_ul1 li h4{font-size:100%; color:#896607; line-height:180%; font-weight:normal; margin:0 0 3% 3%; padding:8px 0 8px 25px; background-image:url("../../img/pc/name_bar.png"); background-repeat:no-repeat; background-size:contain;}


#course ul.course_ul2{width:100%; margin:0 auto; padding:0; list-style:none;}
#course ul.course_ul2 li{width:80%; margin:2% auto 0 auto; padding:0; float:none;}
#course ul.course_ul2 li img{width:50%;}
#course ul.course_ul2 li:nth-child(2){width:100%; margin:2% 0 0 0; padding:0;}

#course li .voice_img{width:276px; height:276px; overflow:hidden; transition:1s all;}
#course li .voice_img img:hover{transform:scale(1.05,1.05); transition:0.3s all;}
#course li p{font-size:90%; color:#393939; line-height:160%; margin:1% auto 1% auto; padding:1%;}

#course .course_feature1{width:100%; margin:-3% auto 0 auto;}
#course .course_feature2{width:100%; margin:-1.5% auto 0 auto;}
#course .course_feature3{width:100%; margin:-1.5% auto 0 auto;}

#top3{width:100%; margin:-1.5% auto 0 auto; padding:0; border-bottom:0;}
#top3 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:7px; line-height:100%; height:30px;}
#top3 p{font-size:90%; color:#393939; line-height:170%; text-align:left; margin:3% auto; padding:0; width:94%;}
#top3 ul{width:100%; margin:6% auto 0 auto; padding:0; list-style:none; position:relative;}
#top3 li{width:80%; margin:0 auto 0 auto; padding:0; float:none; position:relative;}
#top3 li:nth-child(2){width:80%; margin:2% auto 5% auto; padding:0; float:none; position:relative;}
#top3 li span a{display:block; left:0; top:0; width:100%; height:70%; text-decoration:none;}
#top3 li span a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.9; text-decoration:none;}
#top3 li .top3_pict{width:100%; overflow:hidden; transition:1s all;}
#top3 li .top3_pict img:hover{transform:scale(1.05,1.05); transition:0.3s all;}
#top3 li h4{font-size:100%; color:#896607; font-weight:normal; line-height:170%; text-align:center; margin:0 auto 0 auto; padding:0; width:100%;}
#top3 li .btn{width:40%; margin:2.5% auto 0 auto; padding:0;}