@charset "utf-8";

*{}

@media screen and (min-width: 768px) {
#hibiki-conts{ padding-top:0px; }
#visual{ margin:0 auto 25px; }
#visual-inr{ margin:0 auto; width:1440px; position:relative; height:620px; background:url(../img/bg_main_pc.jpg) center center no-repeat; font-size:.1em; line-height:0; overflow:hidden; }
#visual .hibiki{ position:absolute; left:554px; top:147px; height:473px; width:379px; z-index:2; }
#visual .hibiki img{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#visual .mountain{ position:absolute; left:0px; top:0px; height:620px; width:1440px; z-index:1; }
#visual .mountain img{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#whatsnew{ padding-bottom:50px; border-bottom:solid 6px #3c3c3c; }
#whatsnew-inr{ margin:0 auto; width:960px; }
#whatsnew h3{ margin-bottom:30px; padding-bottom:20px; border-bottom:solid 1px #6e6e6e; text-align:center; }
#whatsnew .pickup-bnr-list{ margin:0 auto; margin-bottom:30px; width:880px; overflow:hidden; }
#whatsnew .pickup-bnr-list-inr{  }
#whatsnew .pickup-bnr-list p { margin-bottom: 30px; }
#whatsnew .pickup-bnr-list ul li{ float:left; width:430px; }
#whatsnew .pickup-bnr-list ul li:nth-child(2){ float:right; width:430px; }
#whatsnew .pickup-bnr-list ul li img { width: 100%; height: auto; }
#whatsnew .bnr-list{ margin:0 auto; width:880px; }
#whatsnew .bnr-list-inr{  }
#whatsnew .bnr-list .item-01{ float:left; width:430px; }
#whatsnew .bnr-list .item-02{ float:right; width:430px; }
#whatsnew li a img{ 
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}
#whatsnew li a:hover img{
	opacity:.75;
	-webkit-opacity:.75;
	-moz-opacity:.75;
	filter: alpha(opacity=75);
}
#whatsnew .bx-wrapper .bx-prev{ left:-40px; background: url(../img/whatsnew_btn_prev_pc.png) no-repeat left top; }
#whatsnew .bx-wrapper .bx-next{ right:-40px; background: url(../img/whatsnew_btn_next_pc.png) no-repeat left top; }
#whatsnew .bx-wrapper .bx-prev:hover{ background-position:left bottom; }
#whatsnew .bx-wrapper .bx-next:hover{ background-position:left bottom; }
#whatsnew .bx-wrapper .bx-controls-direction a{ position: absolute; top:50%; margin-top:-20px; width:20px; height:40px; }
#whatsnew .bx-wrapper .bx-pager{ bottom:-27px; font-size:.1em; line-height:0; }
#whatsnew .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; width:12px; height:12px; margin:0 5px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#whatsnew .bx-wrapper .bx-pager.bx-default-pager a:hover,
#whatsnew .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#CCC; }

/*#newstitle{  }
#newstitle .title{ padding:12px 0; text-align:center; }
#information{ margin-bottom:25px; }
#btn-information{ margin-bottom:70px; text-align:center; }*/
#index{ margin:0 auto 80px; }
#index-inr{ margin:0 auto; width:1440px; }
#index .index-box{ height:420px; }
#index .image{ position:absolute; z-index:1; height:420px; width:1440px; overflow:hidden; }
#index .index-box .image img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:4.0s; -moz-transition:4.0s; -ms-transition:4.0s; transition:4.0s; }
#index .index-box:hover .image img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }
#index .element{ position:relative; margin:0 auto; padding-top:72px; height:276px; width:276px; z-index:2; }
#index .element .circle{ position:absolute; height:276px; width:276px; z-index:1; background:url(../img/bg_circle.png) center center no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#index .element-inr{ position:relative; text-align:center; z-index:2; }
#portfolio .element-inr{ padding-top:85px; }
#portfolio .name{ margin-bottom:45px; }
#story .element-inr{ padding-top:85px; }
#story .name{ margin-bottom:45px; }
#awards .element-inr{ padding-top:85px; }
#awards .name{ margin-bottom:45px; }
#information .element-inr{ padding-top:85px; }
#information .name{ margin-bottom:45px; }
#time .element-inr{ padding-top:85px; }
#time .name{ margin-bottom:45px; }
#member .element-inr{ padding-top:40px; }
#member .name{ margin-bottom:45px; }
#followus{ margin:0 auto; margin-bottom:80px; width:300px; border:solid 1px #6e6e6e; }
#followus-inr{ padding:20px 40px 30px; }
#followus .title{ padding-bottom:20px; margin-bottom:20px; text-align:center; background:url(../img/parts_dot-line_pc.png) left bottom repeat-x; }
#followus .sns-list{ margin:0 auto; width:93px; overflow:hidden; }
#followus .sns-list-inr{ margin-left:-21px; }
#followus .sns-list ul li{ float:left; margin-left:21px; width:36px; }
#followus .sns-list ul li:first-child{display: none;}
}

@media screen and (max-width: 768px) {
#visual{ margin-bottom:15px; }
#visual-inr{ position:relative; background:url(../img/img_main_sp.jpg) center top no-repeat; padding-bottom:calc(100%*540/640); font-size:.1em; line-height:0; overflow:hidden; }
#visual .hibiki{ position:absolute; left:0px; top:0px; width:100%; z-index:2; }
#visual .hibiki img{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#visual .mountain{ position:absolute; left:0px; top:0px; width:100%; z-index:1; }
#visual .mountain img{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#whatsnew{ padding-bottom:35px; border-bottom:solid 5px #3c3c3c; }
#whatsnew-inr{ margin:0 auto; width:90%; }
#whatsnew h3{ margin-bottom:25px; padding-bottom:10px; border-bottom:solid 1px #6e6e6e; }
#whatsnew h3 span{ display:block; margin:0 auto; width:85px; }
#whatsnew .pickup-bnr-list{ margin:0 auto; margin-bottom:35px; width:90%; overflow:hidden; }
#whatsnew .pickup-bnr-list-inr{ margin-top:-15px; }
#whatsnew .pickup-bnr-list ul li{ margin-top:15px; }
#whatsnew .bnr-list{ margin:0 auto; width:90%; /*overflow:hidden;*/ }
#whatsnew .bnr-list-inr{ margin-top:-15px; }
#whatsnew .bnr-list ul li{ margin-top:15px; }
#whatsnew .bnr-list .item-01{ padding-bottom:10px; }
#whatsnew .bnr-list .item-02{ padding-bottom:10px; }

#whatsnew .bx-wrapper .bx-prev{ left:-24px; background: url(../img/whatsnew_btn_prev_sp.png) no-repeat left top; background-size:14px auto; }
#whatsnew .bx-wrapper .bx-next{ right:-24px; background: url(../img/whatsnew_btn_next_sp.png) no-repeat left top; background-size:14px auto; }
#whatsnew .bx-wrapper .bx-controls-direction a{ position: absolute; top:50%; margin-top:-15px; width:14px; height:30px; }
#whatsnew .bx-wrapper .bx-pager{ bottom:-20px; font-size:.1em; line-height:0; }
#whatsnew .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; width:12px; height:12px; margin:0 5px; border-radius:6px; }
#whatsnew .bx-wrapper .bx-pager.bx-default-pager a:hover,
#whatsnew .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#CCC; }

/*#newstitle{ padding:6px 0px; }
#newstitle .title{ margin:0 auto; width:144px; font-size:.1em; line-height:0; }*/
#index{ margin-bottom:50px; }
#index .index-box{ position:relative; padding-bottom:calc(100%*380/640); background-position:center top; background-repeat:no-repeat; }
#index .element{ display:none; }
#index .image img{ display:none; }
#portfolio{ background-image:url(../img/portfolio_bg_sp.jpg); }
#story{ background-image:url(../img/story_bg_sp.jpg); }
#awards{ background-image:url(../img/awards_bg_sp.jpg); }
#information{ background-image:url(../img/information_bg_sp.jpg); }
#time{ background-image:url(../img/time_bg_sp.jpg); }
#member{ background-image:url(../img/member_bg_sp.jpg); }
/*#btn-information{ margin:0 auto; margin-bottom:50px; width:85px; }*/
#followus{ margin:0 auto; margin-bottom:50px; width:235px; border:solid 1px #6e6e6e; }
#followus-inr{ padding:15px 40px 20px; }
#followus .title{ padding-bottom:15px; margin-bottom:15px; background:url(../img/parts_dot-line_sp.png) left bottom repeat-x; background-size:2px auto; }
#followus .title span{ margin:0 auto; display:block; width:97px; }
#followus .sns-list{ margin:0 auto; width:83px; overflow:hidden; }
#followus .sns-list-inr{ margin-left:-25px; }
#followus .sns-list ul li{ float:left; margin-left:25px; width:29px; }
#followus .sns-list ul li:first-child{display: none;}
}