﻿@media screen and (min-width: 960px){html{height:100%;overflow-y:scroll !important}}#wrapCol{position:relative}#wrapCol #mv{line-height:0}@media screen and (min-width: 960px){#wrapCol #mv{background:url(../images/top/img_mv_pc.jpg) no-repeat top center;height:370px}#wrapCol #mv img{display:none}}@media screen and (max-width: 959px){#topBnr{padding:10px 0}#topBnr li{padding:10px 20px}#topBnr li img{box-shadow:2px 5px 5px rgba(0,0,0,0.3)}}@media screen and (min-width: 960px){#topBnr{display:flex;flex-wrap:wrap;max-width:1000px;justify-content:space-between;margin:0 auto;padding:50px 0 20px}#topBnr li{width:49%;margin:0 0 30px 0}#topBnr img{width:100%}}@media screen and (min-width: 960px){#topBnr.odd li:last-child{margin:0 auto}}#snav ul{display:flex;justify-content:center;width:90%;margin:20px auto 0}#snav ul li{margin-right:1vw}#snav ul li:last-child{margin-right:0}#snav ul a{display:block}#snav ul img{display:block;width:100%;max-width:315px}#snav ul.col2{flex-wrap:wrap}#snav ul.col2 li{width:48%;margin-top:2%;margin-right:2%}#snav ul.col2 li:nth-child(2n){margin-right:0}@media screen and (min-width: 960px){#snav{position:fixed;top:120px;bottom:inherit;left:inherit;right:20px;transform:translateX(0);z-index:101;transition:.2s}#snav ul{display:inline-block;width:auto;margin:0 auto}#snav ul li{margin-right:0;margin-bottom:6px}#snav ul a{display:block;transition:0.3s ease-in-out}#snav ul a:hover{opacity:0.4;filter:alpha(opacity=60)}#snav ul img{display:block;width:16vw;max-width:315px}#snav.fixed{top:20px}}@media screen and (max-width: 959px){#commonPageFooter .wrapper{padding-bottom:7vh !important}}#aboutCol{background:url(../images/top/bg_about_sp.png) no-repeat bottom center;background-size:100%;padding:7% 0 10%;text-align:center}@media screen and (min-width: 960px){#aboutCol{background:url(../images/top/bg_about_pc.png) no-repeat bottom center;padding:0}#aboutCol #aboutColInner{padding:70px 0;background:url(../images/top/bg_catch_pc.png) no-repeat center}}#aboutCol h2{padding:0 10%}@media screen and (min-width: 960px){#aboutCol h2 img{max-width:550px}}#aboutCol p{padding:3% 0;font-size:1.6rem}@media screen and (min-width: 768px){#aboutCol p{font-size:2.0rem}}@media screen and (min-width: 960px){#aboutCol p{padding:30px 0 0}}#aboutCol .imgSp{max-width:598px}@media screen and (min-width: 960px){#aboutCol .imgSp{display:none}}#aboutCol a{display:inline-block;padding:1% 8% 0}@media screen and (min-width: 960px){#aboutCol a{padding:30px 0 0;width:520px;opacity:1;transition:.2s ease-in-out}#aboutCol a:hover{opacity:.7}#aboutCol a img{width:100%}}#sliderCol{padding-bottom:0}#sliderCol p{font-size:17px;color:#fff;text-align:center;font-weight:bold;line-height:1.5em}#sliderCol #signBoard{background:url(../images/top/songsheet/bg_songsheet_sp.png) repeat-y top center;background-size:cover;border-top:5px solid #fff}@media screen and (min-width: 960px){#sliderCol #signBoard{background:url(../images/top/songsheet/bg_songsheet_pc.jpg) repeat-y top center;min-height:650px}}#sliderCol #signBoard .top-slider2{overflow:hidden;padding:5% 3%;box-sizing:border-box}#sliderCol #signBoard .top-slider2 div{margin:0 3px 0}#sliderCol #signBoard #catch_02{width:70%;padding:4% 0 0;max-width:555px;margin:0 auto;text-align:center}@media screen and (min-width: 960px){#sliderCol #signBoard #catch_02{width:480px}#sliderCol #signBoard #catch_02 img{width:100%;height:auto}}#sliderCol #signBoard #btnSong{text-align:center;padding:2% 0 5%;width:80%;margin:0 auto}@media screen and (min-width: 960px){.pic{display:block;position:relative;overflow:hidden}.pic span{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(168,18,212,0.7);-webkit-transition:.2s;transition:.2s;opacity:0}.pic span:after{position:absolute;display:block;content:"拡 大 す る";color:#ffffff;top:45%;left:5%;bottom:0;right:0;margin:0 auto;font-weight:bold}.pic:hover span{opacity:1}}@media screen and (min-width: 960px){figure{display:block;position:relative;overflow:hidden}figcaption{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(24,165,67,0.6);-webkit-transition:.2s;transition:.2s;opacity:0}figcaption:after{position:absolute;display:block;content:"拡 大 す る";color:#ffffff;top:45%;left:35%;bottom:0;right:0;margin:0 auto;font-weight:bold}figure:hover figcaption{opacity:1}}.top-slider2{position:relative}.prev{position:absolute;width:29px;height:42px;top:35%;left:1%;z-index:100;background:url(../images/top/icon_prev.png) no-repeat center;background-size:cover;cursor:pointer}.next{position:absolute;width:29px;height:42px;top:35%;right:1%;z-index:100;background:url(../images/top/icon_next.png) no-repeat center;background-size:cover;cursor:pointer}@media screen and (min-width: 960px){.prev{position:absolute;width:49px;height:72px;top:40%;left:10%;z-index:100;background:url(../images/top/icon_prev.png) no-repeat center;cursor:pointer}.next{position:absolute;width:49px;height:72px;top:40%;right:10%;z-index:100;background:url(../images/top/icon_next.png) no-repeat center;cursor:pointer}}.slick-slide img{border:2px solid #fff;box-sizing:border-box;-webkit-backface-visibility:hidden}@media screen and (min-width: 960px){#sliderCol{padding-bottom:0}#sliderCol #signBoard{height:390px}#sliderCol #signBoard .top-slider2{margin:0 auto;padding:0}#sliderCol #signBoard .top-slider2 div{margin:9px 0 0 0}.slick-slide img{width:231px;height:auto;background:#fff;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.slick-slide img:hover{opacity:0.7;filter:alpha(opacity=70)}.slick-slide{padding:0 8px;box-sizing:border-box}.slick-slide:not(.slick-center) img{transition:0.2s linear}}#movieCol{position:relative}#movieCol::before{position:relative;content:" ";display:block;width:100%;height:5px;background:url(../images/top/bg_movie.png) no-repeat top center;background-size:cover}@media screen and (min-width: 768px){#movieCol::before{height:10px}}#movieCol::after{position:relative;content:" ";display:block;width:100%;height:5px;background:url(../images/top/bg_movie.png) no-repeat bottom center;background-size:cover}@media screen and (min-width: 768px){#movieCol::after{height:10px}}#movieCol #movieColInner{position:relative;width:100%;overflow:hidden}#movieCol #movieColBox{position:relative;background:url(../images/top/bg_repeat.png) repeat;z-index:1;padding:80px 0 60px;text-align:center;color:#fff}#movieCol #movieColBox p{font-weight:bold;font-size:3.6rem;text-shadow:0 0 10px rgba(0,0,0,0.5)}@media screen and (min-width: 960px){#movieCol #movieColBox p{font-size:4.4rem}}#movieCol #movieColBox a{display:inline-block;width:25%;max-width:160px}@media screen and (min-width: 960px){#movieCol #movieColBox a{opacity:1;transition:.2s ease-in-out}#movieCol #movieColBox a:hover{opacity:.7}}#movieCol #movie{display:block;width:100%;height:100%;background:url(../images/top/img_movie.jpg) no-repeat center center;background-size:cover;position:absolute;top:0;overflow:hidden}#movieCol #movie video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}#movieCol #movieColInner iframe{box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:80.25vw;min-height:130%;min-width:130%;width:216.777778vh}#movieCol .ytp-chrome-top,#movieCol .ytp-show-watch-later-title,#movieCol .ytp-share-button-visible,#movieCol .ytp-show-share-title,#movieCol .ytp-show-cards-title,#movieCol .ytp-title{display:none !important}#movieCol .ytp-title-text{display:none}#movieCol .ytp-title-link yt-uix-sessionlink{display:none}#infoCol{max-width:1000px;margin:0 auto;padding:5% 8%}@media screen and (min-width: 960px){#infoCol{min-height:770px;padding:60px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap}}#infoCol h2{padding:0 0 3% 0}@media screen and (min-width: 960px){#infoCol h2{text-align:center;padding:0 0 15px 0}#infoCol h2 img{width:640px}#infoCol h2 a{opacity:1;transition:.2s ease-in-out}#infoCol h2 a:hover{opacity:.7}}#topics{margin:0 0 8% 0}@media screen and (min-width: 960px){#topics{width:48%;margin:0 30px 0 0;padding:0}#topics h2,#topics h2 img{width:100%}}@media screen and (min-width: 960px){#topics h2{padding:0 0 20px 0}}#topics dl{border:1px solid #ededed;margin:0 0 3% 0}#topics dl dt{background:#ededed;display:inline-block;padding:2% 5%;font-size:1.3rem}#topics dl dd{padding:3% 5% 5%}@media screen and (min-width: 960px){#topics dl dd{font-size:1.4rem}}#topics dl dd a{color:#000;opacity:1}#topics dl dd a:hover{opacity:0.5}#topics dl dd span{display:inline-block;margin:1% 0 2% 0;color:#29c1ad;font-weight:bold}#twitter{margin:0 auto 20%}@media screen and (min-width: 960px){#twitter{margin:0 auto 40px}}#twitter p{text-align:left;font-size:14px;line-height:1.6}#twitter_pc{display:none}.twitter-timeline{height:600px}@media screen and (min-width: 960px){#twitter{width:48%;float:left}#twitter h2,#twitter h2 img{width:100%}#twitter #twitter_pc{display:block}.twitter-timeline{height:630px}}#blog{margin:0 auto}@media screen and (min-width: 960px){#blog{width:48%;margin:0 auto 60px}#blog h2,#blog h2 img{width:100%}}#blog h2{margin:0 auto}#blog #blog_pc{display:none}#blog #blog_sp{display:block}@media screen and (min-width: 960px){#blog #blog_pc{display:block}#blog #blog_sp{display:none}}#blog ul li{border:solid #ededed;border-width:1px;margin:2% 0}#blog ul li a{color:black;opacity:1}#blog ul li a:hover{opacity:0.5}#blog ul li span{display:block;display:inline-block}#blog ul li .date{background:#ededed;display:inline-block;padding:2% 5%;font-size:1.3rem}@media screen and (min-width: 960px){#blog ul li .date{font-size:1.4rem}}#blog ul li .title{padding:3% 5% 0 5%;font-weight:bold;color:#29c1ad}@media screen and (min-width: 960px){#blog ul li .title{font-size:1.4rem}}#blog ul li .text{padding:3% 5% 5%}@media screen and (min-width: 960px){#blog ul li .text{font-size:1.4rem}}
