@charset "UTF-8";
html, body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#000;
    background-image:url("../img/top-back.png");
    background-attachment:fixed;
    background-size:cover;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
    word-break:normal;
    line-height: 200%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body a{word-break:break-all;}
.center{text-align:center;}
.pc_none{display:none;}
.text-height{line-height: 150%;display: block;}
.sp_nav{display:none;}

.wrap-ul{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.wrap-center{-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

#header{width:100%; font-size:0; background-color:#000;}
#header img{vertical-align:bottom;}

.clearfix{content:""; clear:both; display:block; }

a:link{color:#fff; text-decoration:none; outline:none;}
a:visited{color:#fff; text-decoration:none; outline:none;}
a:hover{color:#fff; text-decoration:none; outline:none;}
a:active{color:#fff; text-decoration:none; outline:none;}

#footer{width:100%; color:#fff; background-color:#000; padding:2% 1%; height:auto; box-sizing:border-box;}
.copyright{padding:1% 0;}

.small{font-size:12px;}
.big{font-size: 120%;}
.youtube{position:relative; width:100%; padding-top:56.25%; margin:0 auto;}
.youtube iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;}

.top_img{width:100%; position:relative; background-color:#000;}
.top_img img{width:100%; vertical-align:bottom;}

.top-logo{width:100%; position:absolute; bottom:0; left:50%; z-index:100;}
.top-logo img{max-width:35%; margin:0 auto; vertical-align:bottom;}
.bold{font-weight: bold;}
.red{color:#f00;}
.yellow{color:#ff0;}
.green{color:#c4f2c1;}

#main{width:100%; color:#fff;}
#main ul{margin:0; padding:0;}
#main li{list-style:none;}

#kurae{width:100%; background-image:url("../img/kurae-back.png"); background-size:cover; font-size:0; padding:0 2%; box-sizing:border-box;}
.kurae-left,.kurae-right{width:50%; display:inline-block; vertical-align:top; padding:10% 2%; box-sizing:border-box;}
.kurae-right{width:50%; padding:10% 2%;}
.kurae-left img,.kurae-right img{max-width:100%;}
.wrap-ul img:hover {opacity: .7;}

.pagebottom a span {position:absolute; bottom:5%; right:3%; width:30px; height:50px; margin-left:-15px; border:2px solid #ccc; border-radius:50px; box-sizing:border-box; z-index:999;}
.pagebottom a span::before {position: absolute; top: 10px; left:50%; content:''; width:6px; height:6px; margin-left:-3px; background-color:#33a986; border-radius:100%; -webkit-animation:sdb 2s infinite; animation:sdb 2s infinite; box-sizing:border-box;}
@-webkit-keyframes sdb{
  0%{-webkit-transform: translate(0, 0); opacity: 0;}
  40%{opacity:1;}
  80%{-webkit-transform: translate(0, 20px); opacity: 0;}
  100%{opacity:0;}
}
@keyframes sdb {
  0%{transform: translate(0, 0); opacity:0;}
  40%{opacity:1;}
  80%{transform: translate(0, 20px); opacity:0;}
  100%{opacity:0;}
}

.new{font-size:12px; color:#f00; margin-left:2%; transform:rotate(-8deg); border-bottom:1px solid #f00; line-height:100%;}

#s-head{padding:7% 0 1%; background-color:rgba(0,0,0,0.8); font-size:0;}
#s-head img{max-width:100%; vertical-align:bottom;}
#s-head .s-logo{display:none;}

.red-waku{
  color:#f00;
  border:1px solid #f00;
  line-height:150%;
  padding:2%;
  box-sizing:border-box;
}

.red-waku2{
  border:2px solid #f00;
  line-height:150%;
  padding:2%;
  box-sizing:border-box;
}

/***** ▶︎w-new *****/

#w-new{width:100%; margin:0; padding:5% 0; box-sizing:border-box; color:#fff; background-color:rgba(0,0,0,1);}
#w-new img{max-width:100%;}
#w-new ul{width:80%; max-height:400px; margin:0 10%; padding:0; text-align:left; overflow:auto;}
#w-new ul li{width:100%; border-bottom:1px solid #c4f2c1; padding:1% 2%; box-sizing:border-box; line-height:150%;}

.w-day{display:inline-block; font-size:12px; margin:0; padding:0; box-sizing:border-box;}

/***** ▶︎menu *****/

.header-logo-menu{width:100%; position:relative; display:flex; display:-moz-flex; display:-o-flex; display:-webkit-flex; display:-ms-flex; flex-direction:row; -moz-flex-direction:row; -o-flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction: row; z-index:101;}
#nav-drawer {position:fixed; top:5%; left:2%;}
.nav-unshown{display:none;}

#nav-content{overflow:auto; position:fixed; top:0; left:0; z-index:9999; width:100%; max-width:100%; margin-left:0%; max-height:100%; background:rgba(0,0,0,0.8); transition:.3s ease-in-out; -webkit-transform:translateY(0%); transform:translateY(0%);}
#nav-content ul{width:100%; margin:0; padding:0; box-sizing:border-box; text-align:center;}
#nav-content ul li{display:inline-block; max-width:10%; margin:1% 1.5%; padding:0; font-size:14px; box-sizing:border-box; list-style:none; text-align:center; vertical-align:middle;}
#nav-content ul .pc-logo{max-width:5%;}
#nav-content ul .pc-logo img{max-width:100%; vertical-align:bottom;}

#nav-content ul li a{width:100%; margin:0; display:block; padding:2% 0; box-sizing:border-box;}
#nav-content ul .nav-sns{max-width:100%; margin:0; padding:0;}
#nav-content ul .nav-sns a{width:12%; margin:0 auto 0 10%; display:inline-block; border:none; line-height:100%;}
#nav-content ul .nav-sns a img{max-width:100%; vertical-align:bottom;}

.top-box {position: relative;}
.nav-sns2 {width: 22%;  position: absolute; bottom: 0%; right: 2%;}
.nav-sns2 a {width: 12%; margin:0 auto 0 3%;}
.nav-sns2 a img{max-width: 100%;}


.nav-sns3 {width: 100%; list-style: none; text-align: center;}
.nav-sns3 a {width: 12%;}
.nav-sns3 a img{width: 2%; margin: 0 1%;}

#nav-content ul li a:link{color:#fff; text-decoration:none; outline:none;}
#nav-content ul li a:visited{color:#fff; text-decoration:none; outline:none;}
#nav-content ul li a:hover{opacity:0.8; color:#c4f2c1;}
#nav-content ul .nav-sns a:hover{border:none; color:#000; background-color:rgba(0,0,0,0); opacity:0.7;}

/***** ▶︎top-movie *****/
.top-movie {width: 100%; margin: 0 auto; text-align: center;}

/***** ▶︎news *****/
#news{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:1% 2% 3%; box-sizing:border-box; text-align:left;}

.news-all{width:100%; margin:0; padding:0;}
.news-all .news-box{width:80%; margin:0 10% 2%; padding:2%; list-style:none; font-size:16px; color:#000; background-color:rgba(255,255,255,0.8); border:1px solid #33a986; box-sizing:border-box;}

.news-item{width:100%;}

.news-pic{width:100%; margin:0; padding:0; font-size:0;}
.news-pic li{width:50%; display:inline-block; font-size:16px;}
.news-pic2 li{width:46%; margin: 1%; text-align: center; display:inline-block; font-size:16px;}
.news-pic li img{max-width:100%; vertical-align:bottom;}
.news-pic2 li img{max-width:100%; vertical-align:bottom;}

.news-all li a:link,.news-all li a:visited{color:#000; text-decoration:underline; outline:none;}
.news-all li a:hover{opacity:0.8;}


/***** ▶︎news 記事ページ*****/

.news-title{width:100%; border-bottom:1px solid #33a986; margin-bottom:2%; color: #000; text-align: center; font-size: 20px;}

#txt-box {
  width: 90%;
  margin: 2% auto;
  border: 1px solid #33a986;
  color: #000;
  text-align: start;
  padding: 1% 3% 1%;
  box-sizing: border-box;
}

#txt-box a:link,#txt-box a:link:visited {color: #000; text-decoration:underline; outline:none;}
#txt-box a:hover{opacity:0.8;}

.staff {margin-left: 40%;}

/***** ▶︎live *****/

#live .live-left a{display: block; text-decoration: none;}
#live .live-right a{display: block; text-decoration: none;}
#live .live-left a:link{display: block; text-decoration: none;}
#live .live-right a:link{display: block; text-decoration: none;}

#live{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2% 3%; margin:0; box-sizing:border-box; text-align:left;}

#live a{text-decoration:underline; outline:none; width: 100%; display: flex;}
#live a:link,#media a:visited{text-decoration:none; outline:none;}
#live a:hover{color:#c4f2c1; opacity:0.8;}

.live-icon{display:inline-block;}

.live-box{width:80%; margin:0 auto 2%; padding:2%; box-sizing:border-box;}
#live .live-box ul{font-size:0; margin-bottom:2%;}
.live-left{width:20%; display:inline-block; font-size:16px; padding:3%; box-sizing:border-box;}
.live-right{width:20%; display:inline-block; font-size:16px; padding:3%; box-sizing:border-box;}
.live-left{text-align:center; background-color:#33a986;}
#live .media-left {color: #fff; text-decoration: none;}
.live-right{width:80%; color:#000; background-color:rgba(255,255,255,0.8);}
.live-right .new{position:relative;}

/***** ▶︎live 記事ページ*****/

.live-title{width:100%; border-bottom:1px solid #33a986; margin-bottom:2%; color: #000; text-align: center; font-size: 20px;}

#txt-box {
  width: 90%;
  margin: 2% auto;
  border: 1px solid #33a986;
  color: #000;
  text-align: start;
  padding: 1% 3% 1%;
  box-sizing: border-box;
}

#txt-box a {color: #000; text-decoration:underline; outline:none;}
#txt-box a:link,#txt-box a:link:visited {color: #000; text-decoration:underline; outline:none;}
#txt-box a:hover{opacity:0.8;}

/***** ▶︎profile *****/
#profile{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2%; margin:0; box-sizing:border-box;}
.p-top{width:80%; margin:0 auto;}
.p-top img{width:100%;}
#profile .profile-box{width:80%; margin:0 10%; padding:0; box-sizing:border-box; font-size:0;}
#profile .profile-box a:hover{opacity:0.9;}
#profile .profile-box li{width:25%; display:inline-block; list-style:none; padding:0 0.5%; box-sizing:border-box; font-size:16px; color:#000; position:relative;}
#profile .profile-box li img{max-width:100%;}

.p-sns{position:absolute; top:3%; left:3%;}
.p-sns img{width:30%; margin:0 5%;}

/***** ▶︎media *****/

#media .media-left a{display: block; text-decoration: none;}
#media .media-right a{display: block; text-decoration: none;}
#media .media-left a:link{display: block; text-decoration: none;}
#media .media-right a:link{display: block; text-decoration: none;}

#media{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2% 3%; margin:0; box-sizing:border-box; text-align:left;}

#media a{text-decoration:underline; outline:none; width: 100%; display: flex;}
#media a:link,#media a:visited{text-decoration:none; outline:none;}
#media a:hover{color:#c4f2c1; opacity:0.8;}

#media .choose{width:80%; margin:0 10%; padding:0; font-size:0;}
.choose li{display:inline-block; width:14%; margin:0 1% 2%; font-size:12px; color:#fff; text-align:center;}
#media .choose li a{display:block; text-decoration:none; outline:none; background-color:#000;  border: 1px solid #000; box-sizing: border-box;}
#media .choose #a_btm a{display:block; text-decoration:none; outline:none; background-color:#fff; color: #000; padding: 0 1% 0; border: 1px solid #000; box-sizing: border-box;}
#media .choose li a:hover{background-color:#33a986; color:#fff; opacity:0.8; border: 1px solid #33a986;}
#media .choose #a_btm a:hover{background-color:#33a986; color:#fff; opacity:0.8; border: 1px solid #33a986;}

#media .choose .active a{background-color:#33a986;  border: 1px solid #33a986; box-sizing: border-box;}

.media-icon{display:inline-block;}

.media-box{width:80%; margin:0 auto 2%; padding:2%; box-sizing:border-box;}
#media .media-box ul{font-size:0; margin-bottom:2%;}
.media-left{width:20%; display:inline-block; font-size:16px; padding:3%; box-sizing:border-box;}
.media-right{width:20%; display:inline-block; font-size:16px; padding:3%; box-sizing:border-box;}
.media-left{text-align:center; background-color:#33a986;}
#media .media-left {color: #fff; text-decoration: none;}
.media-right{width:80%; color:#000; background-color:rgba(255,255,255,0.8);}
.media-right .new{position:relative;}

/* .m-title{border-bottom:1px solid #33a986; margin:0 0 2%;} */

.soon{width:100%; padding:5% 0;}
.soon img{width:100%; vertical-align:bottom;}

.media-box a{color:#000; text-decoration:underline; outline:none;}
.media-box a:link,#schedule a:visited{text-decoration:underline; outline:none;}
.media-box a:hover{color:#33a986; opacity:0.8;}

/***** ▶︎discography *****/
#discography{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2% 3%; box-sizing:border-box; text-align:start;}

.disco-box{width:31%; margin:0 auto; margin-left: 1%; text-align:center; display: inline-block;}
.disco-box:hover {opacity: .7;}
.disco-title{font-size:100%; margin:0; padding:1% 0; color:#fff; background-color:#33a986; text-align: left;padding-left: 21px;box-sizing: border-box;}
.disco-item{width:100%;display: flex;background-color: rgba(255,255,255,0.8);padding: 4% 4%;border: 2px solid #33a986;box-sizing: border-box;margin-bottom:4%;}
.disco-item img{max-width:100%;}

.disco-area {width: 80%; margin: 0 auto;}

.disco-item ul{margin:0; padding:0;}
.disco-item ul li{list-style:none;}
.cd-name{font-size:20px; color:#000; margin-top:2%; font-weight:bold;padding-bottom: 10px;}
#discography .ec-shop{width:100%; font-size:0;box-sizing: border-box;text-align: left;}
#discography .ec-shop a img{width:22%;margin-right: 2%;}
.e-shop li img{max-width:100%; vertical-align:bottom;}
.cd-txt{color: #000000;text-align: left; padding-left: 4%;box-sizing: border-box;width: 60%;}
.cd-txt h2 span{font-size: 70%;}
.cd-txt .bold{font-size: 110%;}
.disc-img {width: 100%;}

#discography a:link{color:#33a986; text-decoration:none; outline:none;}
#discography a:visited{color:#33a986; text-decoration:underline; outline:none;}
#discography a:hover{color:#33a986; text-decoration:none; outline:none;}
#discography a:active{color:#33a986; text-decoration:underline; outline:none;}

.d-line {border-bottom: 2px solid #33a986;}

.d-title {color: #000;}

.other {width: 96%; font-size: 18px; color: #fff; margin: 2% 0 3% 1%; padding: 2% 0; text-align: center; background-color: #33a986;}

/***** ▶︎discography詳細ページ *****/
#discography2{width:90%; margin: 0 auto; background-size:cover; padding:5% 2% 3%; box-sizing:border-box; text-align:start;}
#discography2 .ec-shop{width:100%; font-size:0;box-sizing: border-box;text-align: left;}
#discography2 .ec-shop a img{width:22%;margin-right: 2%;}
#discography2 a:link{color:#33a986; text-decoration:none; outline:none;}
#discography2 a:visited{color:#33a986; text-decoration:underline; outline:none;}
#discography2 a:hover{color:#33a986; text-decoration:none; outline:none;}
#discography2 a:active{color:#33a986; text-decoration:underline; outline:none;}

/***** ▶︎movie *****/
#movie{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2% 3%; margin:0; box-sizing:border-box; text-align:left;}
.movie-box{width:80%; margin:0 auto 2%; padding:2% 2% 1.5%; box-sizing:border-box; background-color:#33a986; font-size:0;}
.movie-box img{vertical-align:bottom;}

#movie .movie-box .movie-top{width:100%; margin:0 0 1%; padding:0;}
#movie .movie-box .movie-under{display:inline-block; width:32.3333%; margin:0 0.5% 1%; padding:0; vertical-align:bottom;}

/***** ▶︎goods *****/
#goods{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2%; margin:0; box-sizing:border-box; text-align:left;}
.goods-box{width:80%; margin:0 auto; font-size:0; background-color:#fff;}
.goods-box img{width:100%; vertical-align:bottom;}
.g-left,.g-right{width:40%; display:inline-block; font-size:16px;}
.g-left{width:60%; color:#000; background-color:#33a986; padding:1%; box-sizing:border-box; border:5px solid #fff;}
.g-right{background-color:#fff; height:100%; margin:auto 0;}
.g-item{background-color:rgba(255,255,255,0.8); padding:1%; box-sizing:border-box; height:100%;}
.g-left a:link,.g-left a:visited{color:#000; text-decoration:underline; outline:none;}
.g-left a:hover{color:#fff; opacity:0.8;}
.online-button{width:100%; font-size:16px;}
.online-button a{display:block; text-align:center; width:80%; margin:0 auto 2%; padding:2%; box-sizing:border-box; color:#fff; background-color:#33a986;}
.online-button a:link,.online-button a:visited{color:#fff; text-decoration:none; outline:none;}
.online-button a:hover{opacity:0.8;}

/***** ▶︎photo *****/
#photo{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2%; margin:0; box-sizing:border-box; text-align:left;}
#photo .p-pic{width:80%; background-color:#33a986; margin:0 auto; font-size:0;}
#photo .p-pic ul{margin:0; padding:1% 1% 0.5%; box-sizing:border-box;}
.p-pic ul li{list-style-type:none; overflow:hidden; width:24%; height:auto; position:relative; margin:0.5%;}
.p-pic ul li:before{content:""; display:block; padding-top:100%;}
.p-pic ul li a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
.p-pic ul li a:before{ content:""; height:100%; vertical-align:middle; width:0; display:inline-block;}
.p-pic ul li a > *{vertical-align:middle; display:inline-block;}
.p-pic ul li a img{max-width:150%; height:auto; max-height:150%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.p-pic ul li a img:hover{opacity:0.8;}
.p-pic ul .s_img a img{max-width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.pic-title{width:100%; background-color:#000; font-size:16px; margin:0 0 0.5%; padding:0 1%; box-sizing:border-box; font-style:italic;}

/***** ▶︎contact *****/
#contact,#thanks{width:100%; background-image:url("../img/sub-back.png"); background-size:cover; padding:5% 2%; margin:0; box-sizing:border-box;}

.contact-box{width:80%; margin:0 auto; padding:2% 0; background-color:rgba(0,0,0,0.8); box-sizing:border-box;}

#contact .contact-box img{width: 75%; margin: 2% 0% 4% 0%;}
#contact form{width:90%; margin:5%; padding:0; box-sizing:border-box;}
#contact .contact-box p.epcontact_tit{color: #ffffff;font-size: 200%;font-weight: bold;line-height: 200%;letter-spacing: 130%;}
#contact .contact-box p.text{font-size: 120%;}
#discography .ep_contact{margin-top:3% ;}
#discography .ep_contact a{background-color:#33a986;padding :3% 10%;color: #ffffff;text-decoration: none;}
#discography .ep_contact a:hover{color: #ffffff;text-decoration: none;opacity: 0.8;}
#discography .ep_contact a:visited{color: #ffffff;text-decoration: none;}
#discography2 .ep_contact{margin-top:3% ;}
#discography2 .ep_contact a{background-color:#33a986;padding :3% 10%;color: #ffffff;text-decoration: none;}
#discography2 .ep_contact a:hover{color: #ffffff;text-decoration: none;opacity: 0.8;}
#discography2 .ep_contact a:visited{color: #ffffff;text-decoration: none;}

#main #txt-box .ep_contact{margin-top:5% ;}
#main #txt-box .ep_contact a{background-color:#33a986;padding :3% 10%;color: #ffffff;text-decoration: none;}
#main #txt-box .ep_contact a:hover{color: #ffffff;text-decoration: none;opacity: 0.8;}
#main #txt-box .ep_contact a:visited{color: #ffffff;text-decoration: none;}

#main #txt-box .ep_youtube a{background-color:#33a986;padding :1% 10%;color: #ffffff;text-decoration: none;}
#main #txt-box .ep_youtube a:hover{color: #ffffff;text-decoration: none;opacity: 0.8;}
#main #txt-box .ep_youtube a:visited{color: #ffffff;text-decoration: none;}

#schedule .live-l .ep_youtube a{background-color:#33a986;padding :1% 10%;color: #ffffff;text-decoration: none;}
#schedule .live-l .ep_youtube a:hover{color: #ffffff;text-decoration: none;opacity: 0.8;}
#schedule .live-l .ep_youtube a:visited{color: #ffffff;text-decoration: none;}


.form_group{width:100%; display:block; text-align:left; line-height:150%; font-size:0; padding:0; margin:0;}
.form_group label{display:inline-block; width:15%; font-size:16px; border-bottom:1px solid #33a986; padding:0; text-align:center; color:#fff; vertical-align:top; box-sizing:border-box; line-height:320%; }
.form_group input,
.form_group select,
.form_group textarea{display:inline-block; width:85%; height:45px; vertical-align:bottom; font-size:16px; padding:1%; color:#000; background-color:rgba(255,255,255,0.8); outline:none; border:none; margin:0.5% 0; box-sizing:border-box;}
input[type=number] {width:100px;}
input[type=tell] {width:30%;}
.form_group input:focus,
.form_group select:focus,
.form_group textarea:focus{outline:1px solid #fff;}

.error{width:85%; margin:0 0 0 15%; color:#ff0; line-height:100%; font-size:12px;}
.form_group textarea{height:250px; line-height:180%;}
.c_submit{width:85%; font-size:16px; margin:2% 0 2% 15%; padding:2%; color:#fff; background-color:#33a986; cursor:pointer; border:none; box-sizing:border-box;}
.c_submit:hover{opacity:0.8;}

.conf-item{width:100%; font-size:16px; color:#fff; margin:0; padding:2% 0;}
.confirmation{width:100%; color:#fff; padding:2%; font-size:14px; line-height:200%;}
.wrap-b{width:100%; font-size:0;}
.wrap_button{width:100%; font-size:0;}
.c_submit2{display:inline-block; width:30%; font-size:16px; margin:5% 10%; padding:2%; color:#fff; background-color:#33a986; cursor:pointer; border:none;}
.c_submit2:hover{opacity:0.8;}

.formarea label{width:100%; color:#fff; padding:2%; box-sizing:border-box;}

.thanks_title,.not_title{width:80%; display:block; color:#fff; padding:2%; margin:0 10%; box-sizing:border-box;}
.thanks_item,.not_item{width:80%; padding:2%; margin:0 10%; border-top:1px dotted #fff; box-sizing:border-box;}

.home-button{width:100%; margin:5% 0;}
.home-button a{width:50%; margin:0 auto; padding:2% 0; display:block; color:#fff; background-color:#33a986;}
.home-button a{text-decoration:none; outline:none;}
.home-button a:hover{opacity:0.8;}

#contact .ep-img{width:80%; margin:0 10%; position:relative; padding:0;}
#contact .ep-img img{width:100%; vertical-align:bottom; margin:0; padding:0;}
.ep-online-button{width:52.5%; margin:0; position:absolute; bottom:2%; right:1%;}
.ep-online-button a{display:block; color:#fff; background-color:#33a986;}
.ep-online-button a:link,.ep-online-button a:visited{color:#fff; text-decoration:none;}
.ep-online-button a:hover{opacity:0.8;}

/*︎ 960pxまで適応 */

@media screen and (max-width: 960px) {
html, body {font-size:12px; background-image:none; background-attachment:none; background-image:none; background-attachment:none;}

body::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
  background-image:url(../img/top-back-sp.png);
  -webkit-background-size:cover; /*Android4用*/
}

.pc_none{display:block;}
.sp_none{display:none;}

a:link img, a:visited img{filter:alpha(opacity=100); -moz-opacity:100.0; opacity:100.0; -khtml-opacity:100.0;}
a:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;}

.sp_nav{display:block;}
.small{font-size:10px;}

.top-logo{bottom:-20%;}
.top-logo img{max-width:40%;}

#kurae{padding:5% 2%; box-sizing:border-box;}
.kurae-left,.kurae-right{padding:3% 2%;}
.kurae-right{padding:3% 2%;}
.kurae-left img,.kurae-right img{max-width:100%; vertical-align:bottom;}

.new{font-size:10px;}

#s-head{padding:2% 0; background-color:#000;}
#s-head img{max-width:100%; vertical-align:bottom;}
#s-head .s-logo{display:block; position:absolute; top:0; right:0;}
#s-head .s-logo img{max-width:15%; margin:2% 0 0 83%;}

.pagebottom a span {display:none;}
.pagebottom a span::before {display:none;}

.nav-sns3 a img {
  width: 6%;
  margin: 0 1%;
}

.nav-sns2 {
  width: 55%;
  position: absolute;
  bottom: 1%;
  left: 45%;
}

.nav-sns2 img {width: 10%;}

/***** ▶︎w-new *****/

#w-new{width:100%; margin:0; padding:5% 0; box-sizing:border-box; color:#fff; background-color:rgba(0,0,0,1);}
#w-new ul{width:96%; max-height:300px; margin:0 2%;}

.w-day{font-size:10px;}

/***** ▶︎menu *****/

#nav-content ul .pc-logo{display:none;}

#nav-drawer {top:3%; left:3%;}
#nav-open{display:inline-block; width:40px; height:30px; vertical-align:middle; cursor:pointer;}
#nav-open span, #nav-open span:before, #nav-open span:after {position:absolute; height:2px; width:40px; background-color:#33a986; display:block; content:''; cursor:pointer;}
#nav-open span:before{bottom:-15px;}
#nav-open span:after{width:40px; bottom:-30px;}
#nav-close{display:none; position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0;}
#nav-content{overflow:auto; position:fixed; top:0; left:0; z-index:9999; width:100%; max-width:50%; height:100%; margin-left:0%; max-height:100%; background:rgba(0,0,0,0.8); transition:.3s ease-in-out; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
#nav-content ul{width:100%; margin:0; padding:0; box-sizing:border-box; text-align:center;}
#nav-content ul li{display:block; width:100%; max-width:100%; margin:2%; padding:0; font-size:12px; box-sizing:border-box; list-style:none; text-align:center;}
#nav-content ul li a{width:100%; margin:0; display:block; padding:5% 0; box-sizing:border-box; border-bottom:1px dotted #c4f2c1;}
#nav-content ul .nav-sns{max-width:100%; margin:0; padding:0;}
#nav-content ul .nav-sns a{width:8%; margin:0 5%; display:inline-block; border:none; line-height:150%;}
#nav-content ul .nav-sns a img{max-width:100%; vertical-align:bottom;}
#nav-content ul li a:link{color:#fff; text-decoration:none; outline:none;}
#nav-content ul li a:visited{color:#fff; text-decoration:none; outline:none;}
#nav-content ul li a:hover{opacity:0.8; color:#c4f2c1;}
#nav-content ul .nav-sns a:hover{border:none; color:#000; background-color:rgba(0,0,0,0); opacity:0.7;}
#nav-input:checked ~ #nav-close{display:block; opacity:.5;}
#nav-input:checked ~ #nav-content{-webkit-transform:translateX(0%); transform:translateX(0%);}

/***** ▶︎news *****/
#news{padding:2% 2% 0;}
.news-all .news-box{width:100%; margin:0 0 2%; padding:2%; font-size:12px;}
.news-pic li{width: 100%; font-size:12px;}
.ec-shop{width:100%; font-size:0;box-sizing: border-box;text-align: left;}
.ec-shop a img{width:22%;margin-right: 2%;}

.staff {margin-left: 0; text-align: right;}
/***** ▶︎schedule *****/
#schedule{padding:2% 2% 0;}

.s-month{font-size:18px;}
.schedule-box{width:100%;}
#schedule .schedule-box ul{font-size:0; margin-bottom:2%;}
.schedule-left,.schedule-right{font-size:12px;}
.schedule-left{font-size:14px;}

#schedule .schedule-right ul{font-size:12px;}
.live-l{width:100%; display:block;}
.live-r{width:100%; display:block; margin-left:0;}

.torioki{width:35%; margin-top:0;}

.live-box {
  width: 100%;
  margin: 0 auto 2%;
  padding: 2%;
  box-sizing: border-box;
}

.live-left {
  width: 30%;
  display: inline-block;
  font-size: 12px;
  padding: 3%;
  box-sizing: border-box;
}

.live-right {
  width: 80%;
  display: inline-block;
  font-size: 12px;
  padding: 3%;
  box-sizing: border-box;
}

/***** ▶︎profile *****/
#profile{padding:2%;}
.p-top{width:100%;}
#profile .profile-box{width:100%; margin:0;}
#profile .profile-box li{width:50%; font-size:12px;}

.p-sns{top:3%; left:0;}
.p-sns img{width:25%; margin:0 3%;}

/***** ▶︎discography *****/
#discography{padding:2% 2% 0;text-align: start;}

.disco-box{width:48%;  vertical-align: top;}
.disco-area {
  width: 100%;
  margin: 0 auto;
}
.cd-name{font-size:16px;}
#discography .ec-shop{margin:2% 0 0;}
#discography .ec-shop li{font-size:12px;}
.disco-item{width:100%;display: block;}
.disc-img{width: 100%;}
.cd-txt{width: 100%;}
.cd-txt h2 span{font-size: 80%;}

.go-font {font-size: 10px;}

.other {width: 97.5%; font-size: 18px; color: #fff; margin: 2% 0 3% 1%; padding: 2% 0; text-align: center; background-color: #33a986;}

/***** ▶︎media *****/
#media{padding:2% 2% 0;}
#media .choose{width:100%; margin:0;}
.choose li{font-size:10px;}
.media-box{width:100%; margin:0 auto; padding:0 0 2% 0;}
#media .media-box ul{font-size:0; /*margin-bottom:0;*/}
.media-left,.media-right{font-size:12px; padding:2%;}
.media-left{font-size:9px;}
.media-right{width:80%;}
.soon{padding:10% 0;}
.soon img{width:auto; max-width:100%;}

#media .choose #a_btm {width: 18%;}

/***** ▶︎movie *****/
#movie{padding:2% 2%;}
.movie-box{width:100%; margin:0 auto 2%; padding:2% 2% 1.5%;}
#movie .movie-box .movie-under{width:49%; margin:0 0.5% 1%;}

/***** ▶︎goods *****/
#goods{padding:2% 2% 0;}
.goods-box{width:100%;}
.g-left,.g-right{width:100%; display:block; font-size:12px;}
.online-button{font-size:12px;}
.online-button a{width:100%; padding:3% 0;}

/***** ▶︎photo *****/
#photo{padding:2%;}
#photo .p-pic{width:100%;}
.p-pic ul li{width:24%;}
.pic-title{font-size:12px;}

/***** ▶︎contact *****/
#contact,#thanks{padding:2%;}
#contact .contact-box img{width: 90%;}
#contact .contact-box p.text{font-size: 100%;}
.contact-box{width:100%; padding:2% 0;}
#contact form{width:90%; margin:5%;}

.form_group label{width:22%; font-size:10px;}
.form_group input,
.form_group select,
.form_group textarea{width:78%; font-size:12px;}
input[type=number] {width:100px;}
input[type=tell] {width:50%;}
.form_group input:focus,
.form_group select:focus,
.form_group textarea:focus{outline:1px solid #fff;}

.error{width:78%; margin:0 0 0 22%; font-size:12px;}
.c_submit{width:78%; font-size:12px; margin:2% 0 2% 22%; padding:2%;}

.conf-item{font-size:12px;}
.confirmation{font-size:12px;}

.c_submit2{width:45%; font-size:12px; margin:5% 2.5%;}

.formarea label{width:100%;}

.thanks_title,.not_title{width:100%; padding:2%; margin:0;}
.thanks_item,.not_item{width:100%; padding:2%; margin:0;}

.home-button a{width:80%;}

#contact .ep-img{width:96%; margin:0 2%;}
#contact .ep-img img{width:100%;}
.ep-online-button{font-size:10px; line-height:180%;}

/* とじ */
}