*,*:before,*:after{box-sizing:border-box}.pc{display:block}.sp{display:none}html{font-size:62.5%;height:100%}body{color:#333;font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-weight:500;height:100%;position:relative;line-height:1.5;width:100%}a{color:#fff;text-decoration:none}#main .main-slider .web{position:relative;background:url(../img/bg_main2.jpg) no-repeat center center;background-size:cover;text-align:center;padding:20rem 0;width:100%}#main .main-slider .cd{position:relative;background:url(../img/bg_main8.jpg) no-repeat center center;background-size:cover;text-align:center;padding:20rem 0;width:100%}#main .main-slider .rain{position:relative;background:url(../img/bg_main9.jpg) no-repeat center center;background-size:cover;text-align:center;padding:20rem 0;width:100%}#main .main-slider p{width:100%;text-align:center;margin:0 auto}#main .main-slider p img{margin:0 auto}#main .main-slider .rain p img{margin:0 0}#main .link{width:100%}#main .link img{height:40px}#main p{width:100%;padding-top:2rem}.sp-main{display:none}.pc-main{display:block;background:url(../img/main_pc_bg.jpg) no-repeat center top #fff;width:100%;height:100%;position:relative;background-size:cover}.pc-main h2{text-align:left;font-size:1.4rem;color:#000;font-family:"futura-pt",sans-serif;position:absolute;width:50%;left:40%;top:4%;transform:translateY(-50%) translateX(-50%);letter-spacing:1px}.pc-main div img{width:70%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.pc-main p{position:absolute;bottom:0;text-align:center;width:100%}#video p{width:100%;position:absolute;bottom:0;text-align:center;padding:0;margin:0;position:relative}#video p img{width:110px}video{background:#000;height:auto;width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}@media screen and (max-aspect-ratio: 16 / 9){video{height:110vh;width:auto}}h3{text-align:center;font-size:4.8rem;color:#fff;font-family:'Prata', serif;padding:0 0 6rem 0}.inner{width:80%;margin:0 auto;overflow:hidden}.inner2{font-size:4.5rem;font-weight:400;color:#fff;font-family:"futura-pt",sans-serif;line-height:1.5}.outer{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}#news{background:url(../img/bg_main4.jpg) no-repeat center center;background-size:cover;padding:0 0 8rem 0}#news .news{width:100%;float:none}#news .news dl{color:#fff;display:table;border-bottom:1px solid #fff;padding-bottom:2rem;margin-bottom:2rem;width:100%}#news .news dt{font-size:1.6rem;display:table-cell;width:15%}#news .news dd{font-size:1.8rem;display:table-cell}#news .spotify{width:60%;margin:0 auto 3rem auto}#news .spotify iframe{width:100%;height:240px}#news .icon{padding:4rem 0 2rem 0;background:url(../img/bg_main5.jpg) no-repeat center center;background-size:cover;margin-bottom:6rem}#news .icon p{width:100%;padding-top:2rem}#news .icon p img{height:4rem;margin:0 2rem}#news .icon .iconlist{overflow:hidden;width:100%;margin:0 auto}#news .icon .iconlist .slick-prev:before,#news .icon #news .icon .iconlist .slick-next:before{color:#333}#news .icon ul.slider{width:60%;margin:0 auto}#news .icon ul li img{width:12%;margin:0 1% 2rem 1%;float:left}#live{padding:8rem 0 8rem 0;text-align:center;color:#333;line-height:1.3;background:#fff;font-family:"dnp-shuei-mgothic-std",sans-serif}#live h3{color:#333}#live .warp{background-color:transparent;border:1px solid #333;padding:10rem 0;width:70rem;margin:0 auto}#live h4{font-size:4.8rem;margin-bottom:1rem}#live p{font-size:1.6rem;line-height:1.5}#live p a{color:#333;text-decoration:underline}#live .title{font-size:2.2rem;font-weight:700}#live p span{font-size:1.2rem}#live .sub1{font-size:2.4rem;margin-bottom:2rem}#live .sub2{font-size:3.6rem;margin-bottom:4rem}#live .sub2 span{font-size:1.8rem}#live .sub3{font-size:3.0rem;margin-bottom:2rem;line-height:1}#live .sub3 span{font-size:1.8rem}#live .sub4{font-size:1.8rem;margin-bottom:1rem}#live .sub5{font-size:1.4rem}#biography{background:url(../img/bg_main3.jpg) no-repeat center center;background-size:cover;padding:8rem 0 8rem 0}#biography h3{color:#fff;padding-bottom:4rem}#biography .warp{background-color:rgba(255,255,255,0.8);padding:5rem 5rem;width:70rem;margin:0 auto}#biography h4{font-size:4.8rem;margin-bottom:1rem;font-size:1.8rem}#biography p{font-size:1.4rem;line-height:1.8}#contact{width:100%;padding:0 5%;background:#fff;padding-top:4rem}#contact a{display:block;background:#333;color:#fff;padding:2rem 0;text-align:center;width:20%;margin:0 auto;font-size:1.4rem}footer{font-size:1.4rem;width:100%;margin:0 auto;padding:2rem 0;background:#fff;overflow:hidden}footer .copy{float:left;width:40%;padding-left:10%;padding-top:2rem}footer .link img{width:40%;margin:0 1rem}footer .link .mr{width:35%}footer .link{float:right;width:40%;padding-right:10%}header{position:relative}header .js-btn{text-indent:-99em;display:block;width:55px;height:55px;position:fixed;right:0;top:1rem;z-index:101;cursor:pointer;overflow:hidden}header .js-btn::before,header .js-btn::after{content:"";display:block;width:23px;position:absolute;left:16px}header .js-btn,header .js-btn::before,header .js-btn::after{transition:all 0.3s ease}header .js-btn::after{height:10px;border-top:solid 2px #333;border-bottom:solid 2px #333;top:24px}header .js-btn::before,header.open .js-btn::after{background:#333;height:2px;top:17px;border:none}header.open .js-btn::before,header.open .js-btn::after{top:24px;transform:translateX(-75%);background:#fff}header.open .js-btn::before{transform:rotate(-45deg)}header.open .js-btn::after{transform:rotate(45deg)}header #navi{background:#000000;text-align:left;display:block;height:0;width:100%;box-sizing:border-box;position:fixed;left:0;top:0;overflow:hidden;z-index:100;opacity:1;transition:all 0.5s cubic-bezier(1, 0, 0, 1);font-size:1.6rem}header.open #navi{background:#000000;height:100%;opacity:1;overflow:auto}header #navi nav{padding:6rem 0 0 0;width:70%;margin:0 auto}header #navi nav h1{font-family:"futura-pt",sans-serif;text-align:center;color:#fff;padding-bottom:5rem}header #navi nav p{font-family:"futura-pt",sans-serif;text-align:center;color:#fff;padding-bottom:5rem}header #navi nav p img{width:150px}header #navi nav p img.mr{width:120px;margin-right:2rem}header #navi nav ul{margin-bottom:3rem}header #navi nav ul li{border-bottom:1px solid #666}header #navi nav ul li a{font-weight:700;display:block;padding:2rem 0}#iyrics .name{text-align:left;font-size:1.4rem;color:#000;font-family:"futura-pt",sans-serif;position:absolute;left:15%;top:4%;letter-spacing:1px}#iyrics .name a{color:#333}#iyrics #warp{font-size:1.6rem;padding-top:15rem}#iyrics #warp h2{text-align:center;font-size:2.4rem;margin-bottom:5rem}#iyrics #warp h3{text-align:left;color:#333;font-size:2.4rem;padding-bottom:0;font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif}#iyrics #warp p{margin-bottom:2rem}#iyrics #warp article{padding:10rem 0}#iyrics #warp article div{width:70%;margin:0 auto}#iyrics #warp article:nth-child(even){background:#eceef5}#iyrics #warp article:nth-child(even).sakura{background:url("../img/sakura.jpg") no-repeat top right #f2e3e8;background-size:100%}@media only screen and (max-width: 780px){html,body{height:100%}.pc{display:none}.sp{display:block}#video .link img{height:40px}#video p img{width:80px}.inner2{text-align:center;font-size:1.8rem;font-weight:400;color:#fff;font-family:"futura-pt",sans-serif;line-height:1.5;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}h3{text-align:center;font-size:3.6rem;color:#fff;font-family:'Prata', serif;padding:0 0 4rem 0}.inner{width:90%;margin:0 auto;overflow:hidden}#news{background:url(../img/bg_main4.jpg) no-repeat center center;background-size:cover;padding:0rem 0 8rem 0}#news .news{width:100%;float:none}#news .news dl{color:#fff;display:block;border-bottom:1px solid #fff;padding-bottom:2rem;margin-bottom:2rem;width:100%}#news .news dt{font-size:1.4rem;display:block;width:100%}#news .news dd{font-size:1.6rem;display:block}#news .spotify{width:90%;margin:0 auto 1rem auto}#news .spotify iframe{width:100%;height:240px}#news .icon{padding:2rem 0 0rem 0}#news .icon p img{height:3rem;margin:0 1rem}#news .icon ul.slider{width:80%}#news .icon ul li img{width:29%;margin:0 2% 2rem 2%;float:left}#main .main-slider .web{position:relative;background:url(../img/bg_main2.jpg) no-repeat center left;background-size:200%;text-align:center;padding:9rem 0;width:100%}#main .main-slider .cd{position:relative;background:url(../img/bg_main8.jpg) no-repeat center right;background-size:200%;text-align:center;padding:9rem 0;width:100%}#main .main-slider .rain{position:relative;background:url(../img/bg_main9.jpg) no-repeat center left;background-size:120%;text-align:center;padding:9rem 0;width:100%}#main .main-slider p{width:100%;text-align:center;margin:0 auto}#main .main-slider p img{width:80%;margin:0 auto}#main .main-slider .rain p img{width:80%;margin:0 0}#live{padding:8rem 0 4rem 0;line-height:1.3}#live .warp{padding:7rem 0;width:100%;margin:0 auto}#live h4{font-size:2.6rem;margin-bottom:1rem}#live .sub1{font-size:1.6rem;margin-bottom:3rem}#live .sub2{font-size:2.2rem;margin-bottom:3rem}#live .sub2 span{font-size:1.4rem}#live .sub3{font-size:2.0rem;margin-bottom:1rem}#live .sub3 span{font-size:1.4rem}#live .sub4{font-size:1.4rem;margin-bottom:1rem}#live .sub5{font-size:1.4rem}#biography{background:url(../img/bg_main3.jpg) no-repeat center center;background-size:cover;padding:8rem 0 4rem 0}#biography h3{color:#fff;padding-bottom:4rem}#biography .warp{background-color:rgba(255,255,255,0.8);padding:3rem 2rem;width:100%;margin:0 auto}#biography h4{font-size:4.8rem;margin-bottom:1rem;font-size:1.8rem}#biography p{font-size:1.4rem;line-height:1.8}#contact{width:100%;padding:0 5%;background:#fff;padding-top:2rem}#contact a{display:block;background:#333;color:#fff;padding:2rem 0;text-align:center;width:100%}footer{font-size:1.2rem;width:100%;padding:2rem 0}footer .copy{float:none;text-align:center;width:100%;padding-left:0}footer .link img{width:120px;margin:0 1rem}footer .link .mr{width:90px}footer .link{float:none;width:100%;text-align:center;padding:0}.pc-main{display:none}.sp-main{display:block;background:url(../img/main_sp_bg.jpg) no-repeat center bottom #f7f7fc;width:100%;height:100%;background-size:cover;position:relative}.sp-main div img{width:90%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.sp-main h2{width:100%;text-align:center;position:absolute;bottom:3%;font-size:1.2rem;color:#fff;font-family:"futura-pt",sans-serif}.sp-main h2 a{color:#333}header #navi nav p img{width:30%}header #navi nav p img.mr{width:25%;margin-right:1rem}#iyrics .name{left:5%;top:4%;letter-spacing:1px}#iyrics #warp{font-size:1.4rem;padding-top:10rem}#iyrics #warp h2{text-align:center;font-size:1.8rem;margin-bottom:3rem}#iyrics #warp h3{text-align:left;color:#333;font-size:2.0rem;padding-bottom:0;font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif}#iyrics #warp p{margin-bottom:2rem}#iyrics #warp article{padding:5rem 0}#iyrics #warp article div{width:90%;margin:0 auto}#iyrics #warp article:nth-child(even){background:#eceef5}#iyrics #warp article:nth-child(even).sakura{background:url("../img/sakura.jpg") no-repeat top right #f2e3e8;background-size:150%}}