@charset "utf-8";
/* @group default */
* {margin:0;padding:0;}
body{font-size:100%;font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;color:#4c5464;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;background:#fff;}
h1, h2, h3, h4, h5, h6, table, p, ul, ol, dl, input, select, option, textarea{font-size:16px;}
h1, h2, h3, h4, h5, h6, em, strong{font-weight:normal;font-style:normal;}
ul li, ol li{list-style-type:none;}
table{border-spacing:0;border-collapse:collapse;}
table tr th, table tr td, input, select, option, textarea{line-height:1.6;text-align:left;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{vertical-align:bottom;border:0;}
object, embed{outline:0;}
address{font-style:normal;}
a, a:hover, a:active, a:focus{outline:none;}
a{text-decoration:none;}
a:visited{}
a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=80 )";}
a:active{}
/* @end */
/* @group clear hack */
ul:after, .clear-hack:after, header:after, #main-header .sns-contact-area .sns:after,#main-header .pc-floating-menu li.sns:after{content:"";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
/* @end */
/* @group common */
.mainvisual{position:relative;}
.mainvisual .item_open{position:absolute;left:15px;bottom:15px;width:20%;}
.mainvisual .item_open img{width:100%;max-width:220px;}
.container,.content{position:relative;}
.l-inner{max-width:990px;margin:0 auto;}
.l-center{text-align:center;}
.ja{line-height:2.2;margin:0 0 35px;}
.gray, a{color:#adb4c5;}
.l-sec-btm{margin-bottom:130px;}
.fs12{font-size:75.0%;}
.fs14{font-size:87.5%;}
.fs15{font-size:93.8%;}
.fs24{font-size:150.0%;}
.top{position:fixed;right:25px;bottom:25px;z-index:1000;}
/* @end */
/* @group header */
#main-header{margin-bottom:1px;position:relative;min-height:150px;}
#main-header .sns-contact-area{width:77%;text-align:right;height:38px;position:absolute;top:0;right:0; border-bottom:1px solid #dbdbdb;}
#main-header .sns-contact-area .sns li,
#main-header .sns-contact-area .mail-button{position:absolute;}
#main-header .sns-contact-area .sns li{float:left;text-align:center;border-bottom:1px solid #574434;}
#main-header .sns-contact-area .youtube{width:76px;top:0;right:138px;}
#main-header .sns-contact-area .sns .soundcloud{width:72px;top:0;right:72px;}
#main-header .sns-contact-area .sns .fb{width:40px;top:0;right:40px;}
#main-header .sns-contact-area .sns .tw{width:40px;top:0;right:0px;}
#main-header .sns-contact-area .sns li a{display:block;padding:6px 0;}
#main-header .sns-contact-area .sns .youtube img{width:58px;}
#main-header .sns-contact-area .sns .soundcloud img{width:40px;}
#main-header .sns-contact-area .sns .fb img{width:15px;}
#main-header .sns-contact-area .sns .tw img{width:25px;}

#main-header .logo{float:left;margin:55px 0 0;width:22%;}
#main-header nav{position:absolute;width:77%;top:39px;right:0;}
#main-header nav .g-menu-wrap{width:100%;}
#main-header nav ul {width:80%;}
#main-header nav ul li{display:inline-block;text-align:center;height:105px;border-bottom:5px solid #fff;}
#main-header nav ul .home{width:14%;}
#main-header nav ul .live{width:16%;}
#main-header nav ul .biography{width:16.4%;}
#main-header nav ul .discography{width:23%;}
#main-header nav ul .store{width:11%;}
#main-header nav ul .contact{width:16%;}
#main-header nav ul .home a{background:url(../img/gnav-home.png) no-repeat center 50px;background-size:46px;}
#main-header nav ul .live a{background:url(../img/gnav-live.png) no-repeat center 50px;background-size:31px;}
#main-header nav ul .biography a{background:url(../img/gnav-biography.png) no-repeat center 50px;background-size:81px;}
#main-header nav ul .discography a{background:url(../img/gnav-discography.png) no-repeat center 50px;background-size:97px;}
#main-header nav ul .store a{background:url(../img/gnav-store.png) no-repeat center 50px;background-size:42px;}
#main-header nav ul .contact a{background:url(../img/gnav-contact.png) no-repeat center 50px;background-size:61px;}

#main-header nav ul .home a:hover{background-image:url(../img/gnav-home-hv.png);}
#main-header nav ul .live a:hover{background-image:url(../img/gnav-live-hv.png);}
#main-header nav ul .biography a:hover{background-image:url(../img/gnav-biography-hv.png);}
#main-header nav ul .discography a:hover{background-image:url(../img/gnav-discography-hv.png);}
#main-header nav ul .store a:hover{background-image:url(../img/gnav-store-hv.png);}
#main-header nav ul .contact a:hover{background-image:url(../img/gnav-contact-hv.png);}

body#home #main-header nav ul .home a{background-image:url(../img/gnav-home-stay.png);border-bottom:5px solid #ff6666;}
body#live #main-header nav ul .live a{background-image:url(../img/gnav-live-stay.png);border-bottom:5px solid #ff6666;}
body#biography #main-header nav ul .biography a{background-image:url(../img/gnav-biography-stay.png);border-bottom:5px solid #ff6666;}
body#discography #main-header nav ul .discography a{background-image:url(../img/gnav-discography-stay.png);border-bottom:5px solid #ff6666;}
body#store #main-header nav ul .store a{background-image:url(../img/gnav-store-stay.png);border-bottom:5px solid #ff6666;}
body#contact #main-header nav ul .contact a{background-image:url(../img/gnav-contact-stay.png);border-bottom:5px solid #ff6666;}

body#home #main-header nav ul .home a:hover{background-image:url(../img/gnav-home-hv.png);border-bottom:5px solid #fff;}
body#live #main-header nav ul .live a:hover{background-image:url(../img/gnav-live-hv.png);border-bottom:5px solid #fff;}
body#biography #main-header nav ul .biography a:hover{background-image:url(../img/gnav-biography-hv.png);border-bottom:5px solid #fff;}
body#discography #main-header nav ul .discography a:hover{background-image:url(../img/gnav-discography-hv.png);border-bottom:5px solid #fff;}
body#store #main-header nav ul .store a:hover{background-image:url(../img/gnav-store-hv.png);border-bottom:5px solid #fff;}
body#contact #main-header nav ul .contact a:hover{background-image:url(../img/gnav-contact-hv.png);border-bottom:5px solid #fff;}

#main-header nav ul img{vertical-align:top;}
#main-header nav ul a,
#main-header nav .access a{display:block;height:100%;text-indent:-9999px;}
#main-header nav .access{position:absolute;top:0;right:0;width:13%;height:100%;background:url(../img/bg_bd_menu.png) no-repeat left 47px;}
#main-header nav .access a{background:url(../img/gnav-accsess.png) no-repeat right 42px;width:100%;background-size:49px;}
/* @end */
/* fix menu */
#main-header .pc-floating-menu{display:none;}
#main-header .pc-floating-menu.fixed{position:fixed;top:200px;right:0;width:110px;background:#fff;z-index:1000;border-left:1px solid #c4c4c4;border-top:1px solid #c4c4c4;}
#main-header .pc-floating-menu.fixed li{border-bottom:1px solid #c4c4c4;}
#main-header .pc-floating-menu.fixed li a{display:block;width:100%;text-indent:-9999px;}
#main-header .pc-floating-menu.fixed li.btn a{height:60px;}
#main-header .pc-floating-menu.fixed li.sns a{height:53px;float:left;}
#main-header .pc-floating-menu.fixed li.sns a.fb{background:url(../img/ic_fb.png) no-repeat center 18px;background-size:12px;border-right:1px solid #c4c4c4;width:54px;}
#main-header .pc-floating-menu.fixed li.sns a.tw{background:url(../img/ic_twt.png) no-repeat center 18px;background-size:20px;width:55px;}

#main-header .pc-floating-menu.fixed li.home a{background:url(../img/gnav-home.png) no-repeat center 22px;background-size:46px;}
#main-header .pc-floating-menu.fixed li.live a{background:url(../img/gnav-live.png) no-repeat center 22px;background-size:31px;}
#main-header .pc-floating-menu.fixed li.biography a{background:url(../img/gnav-biography.png) no-repeat center 24px;background-size:81px;}
#main-header .pc-floating-menu.fixed li.discography a{background:url(../img/gnav-discography.png) no-repeat center 22px;background-size:97px;}
#main-header .pc-floating-menu.fixed li.store a{background:url(../img/gnav-store.png) no-repeat center 13px;background-size:42px;}
#main-header .pc-floating-menu.fixed li.contact a{background:url(../img/gnav-contact.png) no-repeat center 13px;background-size:61px;}

body#home #main-header .pc-floating-menu.fixed li.home a{background-image:url(../img/gnav-home-wht02.png);background-color:#AF563B;}
body#live #main-header .pc-floating-menu.fixed li.live a{background-image:url(../img/gnav-about-wht02.png);background-color:#AF563B;}
body#biography #main-header .pc-floating-menu.fixed li.biography a{background-image:url(../img/gnav-cafe-wht02.png);background-color:#AF563B;}
body#discography #main-header .pc-floating-menu.fixed li.discography a{background-image:url(../img/gnav-space-wht02.png);background-color:#AF563B;}
body#store #main-header .pc-floating-menu.fixed li.store a{background-image:url(../img/gnav-library02-wht.png);background-color:#AF563B;}
#main-header .short-header .logo img.short-ver{display:none;}
/* end */
/* @group footer */
footer{background:#1d1d1d;padding:10px 0 12px;}
footer p{color:#e9ded4;}
/* @end */
/* @group popup */
#privacy{display:block;}
#privacy a{color:#fff;text-decoration:underline;}
#privacy{background:#a6aec0;color:#fff;max-width:590px;padding:30px 50px;}
#privacy h2{border:0;text-align:left;margin-bottom:10px;font-size:150.0%;}
#privacy p strong{font-size:112.5%;}
#privacy p strong a{font-size:125.0%;}
#privacy .content-inner{height:380px;padding:0;overflow:auto;margin:15px 0 20px;}
#privacy p,#privacy li{margin-bottom:20px;font-size:85.7%;line-height:1.6;}
#privacy span{font-weight:bold;display:block;}
#fancybox-wrap #fancybox-content #privacy{display:block;}
#fancybox-wrap #fancybox-close{background:url(../img/bt_popcloseicon.png) no-repeat;width:36px;height:37px;top:20px;right:20px;}
#fancybox-overlay {background-color:#000;}
/* @end */

@media screen and (min-width:1400px){
header{background-size:100%;}
.logo{left:7%;bottom:5.3%;}
}

@media screen and (max-width:768px){
.l-inner{width:auto;max-width:768px;}
#main-header .sns-contact-area{width:77%;}
#main-header{position:static;min-height:123px;}
#main-header .logo{width:22%;margin:48px 0 0 10px;}
#main-header .logo img{width:100px;}
#main-header nav{background-position:615px 47px;top:39px;right:0;width:77%;width:77%;}
#main-header nav ul {width:510px;display:table;}
#main-header nav ul li{display: table-cell;text-align:center;height:79px;border-bottom:5px solid #fff;}
#main-header nav ul li:hover a{opacity:1;}
#main-header nav ul .home a{background-size:46px;background-position:center 36px;}
#main-header nav ul .live a{background-size:31px;background-position:center 36px;}
#main-header nav ul .biography a{background-size:81px;background-position:center 36px;}
#main-header nav ul .discography a{background-size:97px;background-position:center 36px;}
#main-header nav ul .store a{background-size:42px;background-position:center 36px;}
#main-header nav ul .contact a{background-size:61px;background-position:center 36px;}

#main-header nav ul .home:hover a{background-image:url(../img/gnav-home.png);}
#main-header nav ul .live:hover a{background-image:url(../img/gnav-live.png);}
#main-header nav ul .biography:hover a{background-image:url(../img/gnav-biography.png);}
#main-header nav ul .discography:hover a{background-image:url(../img/gnav-discography.png);}
#main-header nav ul .store:hover a{background-image:url(../img/gnav-store.png);}
#main-header nav ul .contact:hover a{background-image:url(../img/gnav-contact.png);}

#main-header .sns-contact-area .sns .youtube{top:0;right:132px;}
#main-header .sns-contact-area .sns .sounclud{top:0;right:82px;}
#main-header .sns-contact-area .sns .fb{top:0;right:46px;}
#main-header .sns-contact-area .sns .tw{top:0;right:10px;}
}

@media screen and (max-width:760px){
#main-header nav .access{background:none;}
}

@media screen and (max-width:667px){
.mainvisual .item_open{left:15px;bottom:15px;width:37%;}
.mainvisual .item_open img{width:100%;}
body,p{font-size:14px;}
.top{right:10px;bottom:10px;}
.top img{width:30px;}
.content{padding-bottom:40px;}
.l-inner{width:auto;min-width:100%;}
#main-header{min-height:100%;}
#main-header .sns-contact-area{width:96%;float:none;margin:0 auto;position:relative;}
#main-header .sns-contact-area .mail-button{position:static;text-align:left;width:25px;}
#main-header .sns-contact-area .mail-button a{display:block;padding-top:7px;}
#main-header .sns-contact-area .mail-button img{width:25px;}
#main-header .sns-contact-area .sns .youtube{width:68px;top:0;right:104px;}
#main-header .sns-contact-area .sns .soundcloud{width:40px;top:0px;right:64px;}
#main-header .sns-contact-area .sns .fb{width:32px;right:32px;}
#main-header .sns-contact-area .sns .tw{width:32px;right:0px;}
#main-header .sns-contact-area .sns .youtube img{width:50px;}
#main-header .sns-contact-area .sns .soundcloud img{width:38px;}
#main-header .sns-contact-area .sns .fb img{width:12px;}
#main-header .sns-contact-area .sns .tw img{width:22px;}
#main-header .short-header{position:absolute;width:100%;top:40px;z-index:2;background:#FFF;}
#main-header .logo{float:none;margin:10px auto;text-align:center;width:auto;}
#main-header .logo img{width:80px;}
#main-header nav{float:none;position:absolute;top:96px;background:none;width:auto;left:0;z-index:1;background-color:rgba(255, 255, 255, 0.7);}
#main-header nav .g-menu-wrap{padding:0px 0;display:none;}
#main-header nav ul{width:100%;}
#main-header nav ul .btn{text-align:center;height:44px;display:block;background:url(../img/bg_sp_menu.png) no-repeat center bottom;border:none;width: 100%;}
#main-header nav ul li.btn a,#main-header nav ul li.btn:hover a{background-position:center 12px;width:100%;}
#main-header nav ul li.btn.stay a{border-bottom:none;background-position:center 12px;}

#main-header nav ul .home a,#main-header nav ul .home:hover a{background:url(../img/gnav-home.png) no-repeat center 10px;}
#main-header nav ul .live a,#main-header nav ul .live:hover a{background:url(../img/gnav-live.png) no-repeat center 10px;}
#main-header nav ul .biography a,#main-header nav ul .biography:hover a{background:url(../img/gnav-biography.png) no-repeat center 10px;}
#main-header nav ul .discography a,#main-header nav ul .discography:hover a{background:url(../img/gnav-discography.png) no-repeat center 10px;}
#main-header nav ul .store a,#main-header nav ul .store:hover a{background:url(../img/gnav-store.png) no-repeat center 10px;}
#main-header nav ul .contact a,#main-header nav ul .contact:hover a{background:url(../img/gnav-contact.png) no-repeat center 10px;}
	
body#home #main-header nav ul .home a{background-image:url(../img/gnav-home.png);border:none;}
body#live #main-header nav ul .live a{background-image:url(../img/gnav-live.png);border:none;}
body#biography #main-header nav ul .biography a{background-image:url(../img/gnav-biography.png);border:none;}
body#discography #main-header nav ul .discography a{background-image:url(../img/gnav-discography.png);border:none;}
body#store #main-header nav ul .store a{background-image:url(../img/gnav-store.png);border:none;}
body#contact #main-header nav ul .contact a{background-image:url(../img/gnav-contact.png);border:none;}

body#home #main-header nav ul .home a:hover{background-image:url(../img/gnav-home-sp.png);border:none;}
body#live #main-header nav ul .live a:hover{background-image:url(../img/gnav-live.png);border:none;}
body#biography #main-header nav ul .biography a:hover{background-image:url(../img/gnav-biography.png);border:none;}
body#discography #main-header nav ul .discography a:hover{background-image:url(../img/gnav-discography.png);border:none;}
body#store #main-header nav ul .store a:hover{background-image:url(../img/gnav-store.png);border:none;}
body#contact #main-header nav ul .contact a:hover{background-image:url(../img/gnav-contact.png);border:none;}

/* menu hamburger button */
#main-header nav .menu-btn{position:absolute;top:-58px;right:2.5%;float:right;background:#fff;height:42px;}
#main-header nav .menu-btn a{padding:10px 6px;border:1px solid #574434;position:relative;width:30px;height:20px;display:inline-block;background:url(../img/tx_sp_menu.png) no-repeat center 30px;background-size:24px;}
#main-header nav .menu-btn #panel-btn-icon{display:block;position:absolute;top:15px;left:9px;width:24px;height:1px;background:#434343;transition:.2s;line-height:46px;font-size:11px;}
#main-header nav .menu-btn #panel-btn-icon:before,
#main-header nav .menu-btn #panel-btn-icon:after{display:block;content:"";position:absolute;top:50%;left:0;width:24px;height:1px;background:#434343;transition:.3s;}
#main-header nav .menu-btn #panel-btn-icon:before{margin-top:-6px;}
#main-header nav .menu-btn #panel-btn-icon:after{margin-top:5px;}
#main-header nav .menu-btn.close a{background-image:none;}
#main-header nav .menu-btn.close #panel-btn #panel-btn-icon{background:transparent;}
#main-header nav .menu-btn.close #panel-btn-icon:before,
#main-header nav .menu-btn.close #panel-btn-icon:after{width:35px;top:5px;left:-5px;}
#main-header nav .menu-btn.close #panel-btn #panel-btn-icon:before,
#main-header nav .menu-btn.close #panel-btn #panel-btn-icon:after{margin-top:0;}
#main-header nav .menu-btn.close #panel-btn #panel-btn-icon:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#main-header nav .menu-btn.close #panel-btn #panel-btn-icon:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
/* end */
/* fix menu */
#main-header .short-header.fixed{position:fixed;top:0;background:#FFF;}
#main-header .short-header.fixed .logo img{display:none;}
#main-header .short-header.fixed .logo img.short-ver{display:inline-block;width:137px;}
#main-header .short-header.fixed nav{top:50px;}
#main-header .short-header.fixed nav .menu-btn{top:-47px;right:4px;}
#main-header .pc-floating-menu.fixed{display:none!important;}
/* end */
/* @group popup */
#privacy{padding:20px 14px;}
#privacy h2{margin-bottom:8px;}
#privacy .content-inner{height:250px;margin:5px 0 10px;}
#privacy p,#privacy li{margin-bottom:10px;}
#privacy .content-inner::-webkit-scrollbar{width:5px;background:#b2bfde;}
#privacy .content-inner::-webkit-scrollbar-thumb{background:#516288;border-radius:2px;}
/* end */
}