﻿.sp{display:none}*{font-family:"Yumincho"}header.pc{position:relative;width:1080px;z-index:99}header.pc h1{width:66px;height:auto;position:absolute;left:0;top:10px}header.pc h1 img{max-width:100%}header.pc h2{text-align:center;padding-top:30px;font-family:"Yu Mincho";font-size:1.4rem}header.pc h2 span{font-size:0.8rem;display:block;line-height:1}header.pc nav{margin:20px auto 0 auto;text-align:center;width:1080px;border-right:1px solid #330000}header.pc nav .navi>li{padding:0 24px;border-left:1px solid #330000;display:inline-block}header.pc nav .navi>li:hover{background-color:rgba(204,204,204,0.2)}header.pc nav .navi>li>a{font-size:1.3rem;line-height:1;color:#666}header.pc nav .navi>li>a>span{display:block;font-size:0.8rem;line-height:1;margin-top:5px;color:#000}header.pc nav .navi>li>li:last-child{border-right:1px solid #330000;padding-right:20px}header.pc nav .navi>li i{position:absolute;bottom:-20px}.clearfix::after{content:"";display:block;clear:both}ul{list-style-type:none;margin:0;padding:0}ul.menu>li{float:left;position:relative;margin:0 0 0 1px;display:block}ul.sub{display:none;position:absolute;padding:0;background:#fff;width:100%;margin-left:-20px}ul.sub li{border-bottom:1px solid #000}ul.sub>li>a{padding:5px 10px 5px 0;margin-left:-5px;margin-right:-5px;margin-bottom:-5px;display:block}ul.sub>li>a:hover{background-color:rgba(204,204,204,0.4);text-decoration:none}footer{font-family:"YuMincho";background:#492829;color:#fff;position:relative;padding:20px 0 10px 80px}footer .pagetop{position:fixed;right:20px;bottom:20px;color:#000;filter:drop-shadow(2px 2px 2px rgba(255,255,255,0.9))}footer .pagetop span{display:block;width:21px;height:57px;background:url(/img/pagetop.png);background-size:cover;margin:auto}footer .pagetop p{font-size:0.8rem;font-family:"YuMincho";padding:0 5px 5px 5px;filter:drop-shadow(1px 1px 1px #fff)}footer>div{text-align:center}footer .ftlogo{position:absolute;display:block;background:url(/img/footer_logo.png);background-size:cover;width:49px;height:57px;left:20px}footer ul{display:inline-block;margin:0 30px 0 0;vertical-align:top}footer ul li{display:block;padding-left:10px;font-size:0.8rem;line-height:2;color:#fff;text-align:left}footer ul>p{text-align:left;margin-bottom:10px}footer ul .ft_bulletin{margin-top:15px}footer .lnk_home{font-size:0.9rem}footer a{color:#fff}footer a:hover{text-decoration:underline}footer ul li:before,footer ul>p:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";margin:0 5px 0 10px;display:inline-block}footer .copyright{font-size:0.7rem;font-family:'YuMincho';margin-top:30px}@media screen and (max-width: 640px){footer{padding-left:0}footer ul{display:none}footer .ftlogo{position:static;margin:auto}footer .copyright{margin-top:10px}}section{width:1080px;margin:20px auto 60px;text-align:center;font-family:"Yu Mincho" !important}section.concert{margin-top:-20px}section.main div{z-index:1;position:relative}section.main div>img{max-width:100%;height:auto}section.main div>h2{position:absolute;left:0;top:45%;color:#fff;font-size:2rem;display:inline-block;padding:10px 20px;background-color:rgba(0,0,0,0.6)}section.main div>h2 p{display:inline-block;white-space:nowrap}section.main div>h2 span{margin-left:20px;font-family:'Alex Brush';white-space:nowrap}section h3{font-size:2.1rem;margin-bottom:40px;display:inline-block;font-family:'Alex Brush';line-height:1.2}section h3>span{display:block;font-size:0.8rem;font-family:"Yu Mincho"}section h3::before{content:"";background:url(/img/deco_line.png) no-repeat;background-size:cover;display:block;width:177px;height:33px;margin:auto}@media screen and (max-width: 640px){section.main{margin-bottom:20px}section.main div>h2{font-size:1.6rem}}@media screen and (max-width: 480px){section.main div>h2{top:25%;font-size:1.3rem;padding:5px 10px;line-height:1.2;text-align:left}section.main div>h2 span{display:block;font-size:0.8em;margin-left:0}}.whatsnew,.newsfromboard,.history{width:760px}.activities.top{width:760px}.activities .activities_detail{width:760px;border:1px solid #ccc;padding:20px;margin:auto}.activities .activities_detail ul{text-align:left;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #333}.activities .activities_detail ul .activities_type,.activities .activities_detail ul .activities_date,.activities .activities_detail ul .activities_title{display:inline-block;border-bottom:none;padding:0;margin-bottom:0}.activities .activities_detail ul .activities_date{display:inline-block;font-size:0.9em;margin:0 20px 0 -20px}.activities .activities_detail ul .activities_title{display:inline-block;font-size:1.3em;line-height:1.4;font-weight:bold}.activities .activities_detail p{text-align:left}.news .news_detail{width:760px;border:1px solid #ccc;padding:20px;margin:auto}.news .news_detail ul{text-align:left;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #333}.news .news_detail ul .news_type,.news .news_detail ul .news_date,.news .news_detail ul .news_title{display:inline-block;border-bottom:none;padding:0;margin-bottom:0}.news .news_detail ul .news_date{display:inline-block;font-size:0.9em;margin:0 20px 0 -20px}.news .news_detail ul .news_title{display:inline-block;font-size:1.3em;line-height:1.4;font-weight:bold}.news .news_detail p{text-align:left}.whatsnew ul li,.activities ul li,.newsfromboard ul li,.bulletine ul li,.history ul li,.news ul li{text-align:left;border-bottom:1px solid #ccc;padding:0 0 5px 5px;margin-bottom:10px}.whatsnew ul li p,.activities ul li p,.newsfromboard ul li p,.bulletine ul li p,.history ul li p,.news ul li p{display:inline-block}.whatsnew ul li span,.activities ul li span{margin-right:30px;display:inline-block}.newsfromboard ul li time,.newsfromboard ul li span{margin-right:30px;display:inline-block}.bulletine ul li span,.history ul li span,.news ul li span{margin-right:30px;display:inline-block}@media screen and (max-width: 960px){.whatsnew,.activities.top,.newsfromboard,.history{width:96%}.activities_detail,.news_detail{width:86% !important}}.concert>ul{width:760px;background:url(/img/concert_bg.png) repeat-y;background-size:cover;padding:20px;margin:auto;margin-top:-20px}.concert ul li{display:table;margin:0 auto 30px auto;background-color:#fff;padding:20px;position:relative}.concert ul li div{display:table-cell;text-align:left;width:540px;vertical-align:top;padding-left:20px}.concert .notice{display:inline-block !important;font-size:0.7rem;margin-top:20px !important}.concert ul li div .date span{margin-left:20px}.concert ul li>img{width:145px;height:auto;display:table-cell}.concert.detail>div{background:url(/img/concert_bg.png) repeat-y;background-size:cover;width:760px;margin:auto;padding:20px 0 20px 0}.concert.detail>div dl{background-color:#fff;overflow:hidden;margin:auto;width:680px;padding:20px}.concert.detail>div dt.title{font-size:1.2rem;margin-bottom:10px;text-align:left}.concert.detail>div dd{text-align:left;margin-left:20px}.concert.detail>div dd .ticket_contact a{text-decoration:underline;color:#8f373a}.concert.detail>div .others{background-color:#fff;overflow:hidden;width:680px;margin:20px auto 0;padding:20px;text-align:left}.concert.detail ul li{display:block;margin:0;padding:0;position:relative}@media screen and (max-width: 800px){.concert ul{width:100%}.concert ul li div{width:100%}.concert ul li>img{display:block;margin:10px auto 20px auto}.concert.detail>div{width:100%}.concert.detail>div dl,.concert.detail>div p.others{width:84%;padding:5%}.concert.detail>div dl dt,.concert.detail>div p.others dt{width:30%}.concert.detail>div dl dt img,.concert.detail>div p.others dt img{width:100%}.concert.detail>div dl dd,.concert.detail>div p.others dd{width:60%}}@media screen and (max-width: 640px){.concert ul{width:90%}.concert ul li{display:block}.concert ul li div{display:inline-block;text-align:center;padding-left:0}.concert.detail dl dt,.concert.detail dl dd{clear:both;display:block;width:100% !important}}.modal{display:none}.modalBody{position:fixed;z-index:1000;background:#000;width:690px;left:50%;top:50%;height:400px}.modalBK{position:fixed;z-index:999;height:100%;width:100%;background:#000;opacity:0.9;filter:alpha(opacity=90);-moz-opacity:0.90}.cp_card{display:block;position:relative;background:#ffffff;overflow:visible;margin:2em auto;padding:0.5em;box-shadow:0 0 5px rgba(0,0,0,0.3)}.cp_ribbon02{width:106px;height:108px;overflow:hidden;position:absolute;top:-6px;left:-6px}.cp_ribbon02 .cp_ribbon{display:block;font-size:0.8em;line-height:1.2em;position:relative;top:26px;left:-33px;width:150px;padding:7px 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center;letter-spacing:0.5px;color:#ffffff;background-color:#c34247;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.cp_ribbon02 .cp_ribbon::before,.cp_ribbon02 .cp_ribbon::after{position:absolute;bottom:-4px;content:'';border-width:4px 4px 0 4px;border-style:solid;border-color:#8f373a transparent transparent transparent}.cp_ribbon02 .cp_ribbon:before{left:0}.cp_ribbon02 .cp_ribbon:after{right:0}.bulletine{width:300px}.bulletine ul li{padding-left:10px}.bulletine ul li i{margin-right:10px}@media screen and (max-width: 640px){.bulletine,.news{width:96%}}.greeting div .greeting_sign{display:block;text-align:right}.greeting div .greeting_sign img{width:200px;height:auto}.greeting div dl{display:inline-block;width:30%;margin-right:5%;vertical-align:top}.greeting div dl.sp{display:none}.greeting div dl.pc{display:inline-block}.greeting div dl dt{text-align:left}.greeting div dl dt img{width:100%}.greeting div dl dd{display:block;text-align:left}.greeting div dl dd>span{display:block;border-bottom:1px solid #000;margin:10px 0}.greeting div dl dd p{font-size:0.8em;margin-bottom:10px}.greeting div dl dd p>span{font-size:1.3em;display:block}.greeting div dl dd img{width:80%;height:auto}.greeting div>p{display:inline-block;width:60%;text-align:left}@media screen and (max-width: 640px){dl.pc{display:none !important}dl.sp{display:block !important}.greeting div dl{width:100%;margin-top:20px}.greeting div dl dt{margin:0;text-align:center}.greeting div dl dt img{width:60%}.greeting div>p{width:100%}}.musicclass .classtype p{text-align:left}.musicclass .classtype ul{text-align:left}.musicclass .classtype ul a{margin:0 5px 10px 0;display:inline-block}.musicclass .classtype ul a li{background-color:#492829;border-radius:6px;padding:2px 6px;color:#fff;white-space:nowrap}.musicclass .area{padding:20px;background-color:#fbede4;margin-top:5px}.musicclass .area dl dt{border-bottom:1px solid #492829;margin:0 0 10px 0}.musicclass .area dl dt p{text-align:left;font-weight:bold}.musicclass .area dl dd ul{text-align:left}.musicclass .area dl dd a{display:inline-block;margin:0 10px 5px 0}.musicclass .area dl dd a li{background-color:#f4bdbd;border-radius:20px;padding:2px 10px;display:block;font-size:0.9em}.musicclass .area dl:first-child dt{margin-top:0}.musicclass .btnlinkarea{width:100%;margin-bottom:20px}.musiclessons .classdata{background:#efefef;text-align:left;padding:5px}.musiclessons .classdata h4{text-align:left;border-bottom:1px solid #492829}.musiclessons .classdata h4 span::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";margin-left:10px;display:inline-block}.musiclessons .classdata>ul>li{margin-bottom:30px}.musiclessons .classdata>ul>li dl{margin:20px;padding:20px;background:#fff}.musiclessons .classdata>ul>li dl dt{display:inline-block;margin-right:10px;vertical-align:top;height:auto}.musiclessons .classdata>ul>li dl dt img{max-width:280px;height:auto}.musiclessons .classdata>ul>li dl dd{width:680px;display:inline-block;text-align:left}.musiclessons .classdata>ul>li dl dd .name{font-size:1.4em}.musiclessons .classdata>ul>li dl dd .address,.musiclessons .classdata>ul>li dl dd .comment,.musiclessons .classdata>ul>li dl dd .contact,.musiclessons .classdata>ul>li dl dd .kanren{margin-bottom:20px}.musiclessons .classdata>ul>li dl dd .address span,.musiclessons .classdata>ul>li dl dd .comment span,.musiclessons .classdata>ul>li dl dd .contact span,.musiclessons .classdata>ul>li dl dd .kanren span{background:#ebebeb;padding:5px}.musiclessons .classdata>ul>li dl dd .contact>span{background:#ebebeb;padding:5px;margin-right:10px}.musiclessons .classdata>ul>li dl dd .contact .tel a{text-decoration:underline}.musiclessons .classdata>ul>li dl dd .contact .tel>span{font-size:0.8em;margin-left:10px}.musiclessons .classdata>ul>li dl dd .contact .tel:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f095";margin-right:5px;display:inline-block}.musiclessons .classdata>ul>li dl dd .contact .mailaddress a{text-decoration:underline}.musiclessons .classdata>ul>li dl dd .contact .mailaddress:before{font-family:"Font Awesome 5 Free";font-weight:normal;content:"\f0e0";margin-right:5px;display:inline-block}.history dt{font-size:1.6em;border-bottom:1px solid #ccc;margin:30px 0}.history dd p{text-align:left;text-indent:2em;margin:1.5em 0}.history dd .concert{width:300px !important;border-radius:0}.history .blockquoat{margin:1em 10%;font-style:italic;background-color:#efefef;padding:10px;text-indent:0}.history ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-around}.history ul li{display:inline-block}.history ul li img{width:140px;height:auto;border-radius:90px}.history ul li span{display:block}@media screen and (max-width: 748px){.musiclessons .classdata>ul>li dl dt,.musiclessons .classdata>ul>li dl dd{width:100%}}.history .60th_concert dd ul li img{width:100%}.contact h4{margin-bottom:30px}.contact .name ul li{display:inline-block}.btnlinkarea{text-align:right;width:760px;margin:auto}.btn_detail,.btn_link{display:inline-block;padding:5px 5px 5px 10px;font-family:"YuMincho"}.btn_detail{min-width:55px}.btn_detail>p{display:inline-block;vertical-align:middle}.btn_link>p{display:inline-block;vertical-align:middle}.btn_detail:after,.btn_link:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";margin-left:10px;display:inline-block}.btn_detail{background-color:#f7d071;font-family:"YuMincho"}.btn_link{background-color:#b37e33;color:#fff;font-family:'YuMincho';margin:0 0 -20px auto}@media screen and (max-width: 640px){.btn_detail{display:block;margin-top:10px}.btnlinkarea{width:100%}}.wp-pagenavi .pages{display:block;margin-bottom:10px}.wp-pagenavi .page,.wp-pagenavi .current,.wp-pagenavi .nextpostslink{background-color:#492829;border-radius:30px;width:30px;height:30px;line-height:30px;color:#fff;display:inline-block;margin-right:10px}.wp-pagenavi .previouspostslink{background-color:#492829;border-radius:30px;width:30px;height:30px;line-height:30px;color:#fff;display:inline-block;margin-right:10px}.wp-pagenavi .previouspostslink:before{color:#fff;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f104"}.wp-pagenavi .nextpostslink:before{color:#fff;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105"}.wp-pagenavi .current{background-color:#f7d071;color:#492829}@media screen and (max-width: 640px){.wp-pagenavi .pages{display:block;margin-bottom:10px}.wp-pagenavi .nextpostslink,.wp-pagenavi .prevpostslink{display:inline-block}.wp-pagenavi .current{background-color:#f7d071;color:#492829}}.icn_concert,.icn_kansai,.icn_kantou,.icn_info{display:inline-block}.icn_concert:after,.icn_kansai:after,.icn_kantou:after,.icn_info:after{display:inline-block;border:1px solid #000;color:#000;padding:2px 0;font-size:0.6rem;display:block;width:70px;text-align:center}.icn_kantou:after{color:#619603;border-color:#619603;content:"関東地区"}.icn_kansai:after{color:#b47d33;border-color:#b47d33;content:"関西地区"}.icn_concert:after{color:#f6585c;border-color:#f6585c;content:"Concert"}.icn_info:after{color:#000;border-color:#000;content:"Information"}@media screen and (max-width: 1090px){img{width:100%}.pc{display:none}.sp{display:block}header.sp>p{font-size:0.7rem;text-align:center}button.drawer-hamburger{display:inline}header,section,footer>div{width:96%}button.drawer-hamburger{display:inline}header{height:90px}header h1{position:static;width:60px;height:auto;margin:10px auto}header h1 img{width:100%}header nav>ul li{display:block;margin:10px 0 10px 15px;border-bottom:1px solid #000;font-size:1.2rem;color:#666;line-height:1.3}header nav>ul li a{display:block}header nav>ul li>span{font-size:0.8rem;margin-left:10px;display:block;color:#000}header nav .spsub li{font-size:0.7rem !important;margin-left:16%;padding-left:5%;border-bottom:1px solid #ddd}header nav .drawer-menu .drawer_logo{width:40px;height:auto;background:none;margin:10px auto 0;border-bottom:none}.title{width:100%}}
