﻿@font-face{font-family:'IPAGothic';src:url(fonts/ipag.ttf) format("truetype")}@font-face{font-family:'IPAMincho';src:url(fonts/ipaexm.ttf) format("truetype")}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}ul,li{list-style:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{position:relative;overflow-x:hidden;min-width:1020px;width:100%;height:100%;border-top:4px solid #8f7c50;background:#000;font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","IPAMincho","メイリオ",Meiryo,Lucida Grande,"Times New Roman",Osaka,"ＭＳ Ｐゴシック",sans-serif;letter-spacing:1px}#wrap{position:relative;display:none}.n-cnt{width:760px;margin:0 auto;padding:40px 0}.n-cnt:after{content:"";display:block;clear:both}.n-cnt .left{float:left;width:360px}.n-cnt .right{float:right;width:360px}article{animation:article-translate 1s;animation-iteration-count:1;-webkit-animation:article-translate 1s;-webkit-animation-iteration-count:1}article .overview{color:#fff;background:#8f7c50;font-size:15px;line-height:1.9}article h2{color:#8f7c50;font-size:20px;line-height:1;margin-top:40px}article h2:first-child{margin-top:0}article h2 span{padding-bottom:2px;border-bottom:1px solid #8f7c50}article .slider{position:relative;font-size:0}article .slider .title{position:absolute;display:block;z-index:1000;left:0;right:0;bottom:15%;width:760px;margin:auto}article .slider .cycle-slideshow img{display:block;width:100%;height:auto}article .slider .pager img{width:12.5%;height:auto;cursor:pointer}article .slider .pager img.cycle-pager-active{border:1px solid #8f7c50}article .song-list{margin-top:20px;color:#fff;font-size:15px;line-height:2}article .song-list dt{float:left;width:1.5em;text-align:center}article .song-list dd{margin-left:2em}article .band{margin-top:20px;color:#fff;font-size:15px;line-height:2}article .band dt span{font-size:12px;color:#999;margin-left:5px}article .band dd{margin-left:2em;margin-bottom:15px;font-size:12px}article .pv{clear:both;width:100%;padding-top:80px;text-align:left}article .pv:after{content:"";display:block;clear:both}article .pv li{position:relative;display:inline-block;cursor:pointer;width:240px;margin-top:30px}article .pv li .title{display:block;color:#fff;font-size:13px;margin-top:0.2em}article .pv li img{width:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border:1px solid #000}article .pv li i{position:absolute;left:50%;top:50%;color:#fff;margin-left:-20px;margin-top:-26px;font-size:40px;opacity:0.25;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}article .pv li:hover i{opacity:1;color:#8f7c50}article .pv li:hover img{border:1px solid #8f7c50}@-webkit-keyframes title-translate{from{opacity:0;transform:translate(0px, -200px)}to{opacity:1;transform:translate(0px, 0px)}}@-moz-keyframes title-fadein{from{opacity:0;transform:translate(0px, -200px)}to{opacity:1;transform:translate(0px, 0px)}}@keyframes title-fadein{from{opacity:0;transform:translate(0px, -200px)}to{opacity:1;transform:translate(0px, 0px)}}@-webkit-keyframes sides-translate{from{opacity:0;transform:translate(0px, 200px)}to{opacity:1;transform:translate(0px, 0px)}}@-moz-keyframes sides-translate{from{opacity:0;transform:translate(0px, 200px)}to{opacity:1;transform:translate(0px, 0px)}}@keyframes sides-translate{from{opacity:0;transform:translate(0px, 200px)}to{opacity:1;transform:translate(0px, 0px)}}@-webkit-keyframes article-translate{from{opacity:0;transform:translate(0px, 200px)}to{opacity:1;transform:translate(0px, 0px)}}@-moz-keyframes article-translate{from{opacity:0;transform:translate(0px, 200px)}to{opacity:1;transform:translate(0px, 0px)}}@keyframes article-translate{from{opacity:0;transform:translate(0px, 200px)}to{opacity:1;transform:translate(0px, 0px)}}header{font-size:0}header .title{position:relative;z-index:1;animation:title-translate 1s;animation-iteration-count:1;-webkit-animation:title-translate 1s;-webkit-animation-iteration-count:1}header .title h1{position:relative;margin:15px auto 0;width:600px;height:280px;background:url(img/title.png) no-repeat}header .title h2{position:relative;margin:15px auto 0;padding-top:87px;border-top:1px solid #ccc;width:600px;height:72px;background:url(img/description.png) no-repeat center bottom}header .title h2 div{position:absolute;right:-185px;top:-80px;width:150px;height:150px;background:url(img/sale.png) no-repeat}header .sns{position:fixed;z-index:10000;top:20px;right:15px;text-align:right}header .sns li{display:inline-block;vertical-align:right;margin-left:2px}header .sns li a{display:inline-block;width:50px;height:30px;color:#fff;background:#8f7c50;font-size:15px;line-height:30px;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}header .sns li a:hover{background:#1b92a0}header .zicca-logo{position:absolute;z-index:20;left:20px;top:5px;display:inline-block;width:60px;height:30px;background:url(img/zicca-logo.png) no-repeat;background-size:contain;opacity:1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}header .zicca-logo:hover{opacity:0.5}header #jp_container{position:absolute;z-index:30;left:85px;top:4px;display:block;width:30px;height:30px}header #jp_container a{position:absolute;z-index:30;left:0;top:0;width:30px;height:30px;color:#fff;font-size:20px;line-height:30px;text-align:left;cursor:pointer}header #jp_container .jp-playlist{display:none}header .sides{position:relative;z-index:10;width:100%;animation:sides-translate 1s;animation-iteration-count:1;-webkit-animation:sides-translate 1s;-webkit-animation-iteration-count:1}header .sides:after{content:"";display:block;clear:both}header .sides div{position:relative;display:block;width:50%;padding-top:43.75%;background-size:100%;background-repeat:no-repeat;background-position:center;font-size:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}header .sides div a{position:absolute;bottom:0;display:inline-block;width:223px;height:137px;background-size:contain;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}header .sides div:hover{background-size:110%}header .sides .rock-side{float:left;background-image:url(img/head-rock-side.jpg)}header .sides .rock-side a{left:0;background-image:url(img/head-rock-side-btn.png)}header .sides .rock-side:hover a{background-image:url(img/head-rock-side-btn-hover.png)}header .sides .ungro-side{float:right;background-image:url(img/head-ungro-side.jpg)}header .sides .ungro-side a{right:0;background-image:url(img/head-ungro-side-btn.png)}header .sides .ungro-side:hover a{background-image:url(img/head-ungro-side-btn-hover.png)}header .sides .trailer{position:absolute;z-index:20;left:0;right:0;top:0;bottom:0;display:inline-block;width:200px;height:100%;margin:auto;background-repeat:no-repeat;background-position:center;background-image:url(img/head-trailer.png);background-size:110px 160px;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}header .sides .trailer:hover{background-image:url(img/head-trailer-hover.png)}#product .cnt{background:#fff}#product .jacket{width:100%;height:auto}#product li{margin-top:15px;font-size:16px;line-height:1.3}#product li span{font-size:12px}#product li .name{font-size:17px;font-weight:bold}#product li .format{margin-left:5px}#product li .total{display:block;line-height:1.5}#product li .special{display:block;line-height:1.5}#product li .p-id{display:block;line-height:1.5}#product li .card{display:block;line-height:1.5}#product li .buy-btn{display:block;margin-top:5px;color:#fff;background:#8f7c50;font-size:18px;line-height:36px;font-family:"游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","IPAGothic","メイリオ",Meiryo,Lucida Grande,"Times New Roman",Osaka,"ＭＳ Ｐゴシック",sans-serif;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px}#product li .buy-btn:hover{background:#1b92a0}#product li .buy-btn i{margin-left:5px}#product li .detail{display:block;color:#1b92a0;font-size:15px;line-height:1.75;opacity:1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}#product li .detail:hover{opacity:0.5}#product li .detail i{margin-left:5px}#rock-side .cnt .n-cnt{padding:80px 0}#ungro-side .cnt .n-cnt{padding:80px 0}#cd .title{border-top:1px solid #8f7c50;border-bottom:5px solid #8f7c50}#cd .cnt{background:url(img/cd-bg.jpg) no-repeat right bottom;background-size:contain}#cd .cnt .n-cnt{padding:80px 0}#cd p{color:#fff;font-size:15px;line-height:2;margin-right:20px;text-align:justify}#profile{background:#fff}#profile .left{width:220px}#profile .left img{display:block;width:100%;height:auto;margin-top:10px}#profile .left .credit{margin-top:0;font-size:11px}#profile .right{width:480px}#profile .cnt .n-cnt{padding:80px 0}#profile h1{color:#8f7c50;font-size:60px;font-family:'Averia Serif Libre', cursive;font-weight:400}#profile p{margin-top:1.5em;font-size:14px;line-height:1.9}footer{border-bottom:4px solid #8f7c50;background:#fff;color:#8f7c50;font-size:11px;font-family:'Averia Serif Libre', cursive;font-weight:400;text-align:center}footer .zicca-net img{width:120px;opacity:1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}footer .zicca-net img:hover{opacity:0.5}footer p{line-height:60px}#movie-box{display:none;position:fixed;z-index:10002;top:0;left:0;margin:auto;padding-top:56.25%;width:100%;height:auto}#movie-box .close-btn{position:absolute;display:inline-block;right:0;top:-60px;width:60px;height:60px;background:#000 url(img/close-btn.png) no-repeat center;background-size:40px;cursor:pointer}#movie-box iframe,#movie-box embed{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%}#grayLayer{display:none;position:fixed;z-index:10001;top:0;left:0;height:100%;width:100%;background:#000;opacity:0.70;filter:alpha(opacity=70);cursor:pointer}#movie-box.wide-browser{width:177%;height:100%}#loading{position:fixed;width:100%;height:100%;background:#000}#loading .line{position:fixed;left:0;top:0;bottom:0;margin:auto;width:0;height:2px;background:#8f7c50}
