/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}
.mT110{margin-top:110px;}
.mT120{margin-top:120px;}
.mT130{margin-top:130px;}
.mT140{margin-top:140px;}
.mT150{margin-top:150px;}
.mT120-pc{margin-top:120px;}
.mT130-pc{margin-top:-130px;}
.mT140-pc{margin-top:140px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}
.pT100{padding-top:100px;}
.pT110{padding-top:110px;}
.pT120{padding-top:120px;}
.pT130{padding-top:130px;}
.pT140{padding-top:140px;}
.pT150{padding-top:150px;}
.pT160{padding-top:160px;}
.pT170{padding-top:170px;}


/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB60{padding-bottom:60px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}
.pB120{padding-bottom:120px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*

/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}

/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f33{font-size:33px;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}

/* Smartphone （768px） */
@media screen and (max-width: 768px){
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
.spmT60{margin-top:60px;}
.spmT70{margin-top:70px;}
.spmT80{margin-top:80px;}
.spmT90{margin-top:90px;}
.spmT100{margin-top:100px;}
.spmT110{margin-top:110px;}
.spmT120{margin-top:120px;}
.spmT130{margin-top:130px;}
.spmT140{margin-top:140px;}
.spmT-80{margin-top:-80px;}   
.spmT-100{margin-top:-100px;}
/*margin right*/
.spmR00{margin-right:0px;}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p-xs{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p-xs{width:50%; display:block; margin-left:auto; margin-right:auto;}
    
.mT120-pc, .mT130-pc, .mT140-pc{margin-top:0;}
}


/* bootstrap-3-grid-slim */
.col-xs-1-real, .col-sm-1-real, .col-md-1-real, .col-lg-1-real, .col-xs-2-real, .col-sm-2-real, .col-md-2-real, .col-lg-2-real, .col-xs-3-real, .col-sm-3-real, .col-md-3-real, .col-lg-3-real, .col-xs-4-real, .col-sm-4-real, .col-md-4-real, .col-lg-4-real, .col-xs-5-real, .col-sm-5-real, .col-md-5-real, .col-lg-5-real, .col-xs-6-real, .col-sm-6-real, .col-md-6-real, .col-lg-6-real, .col-xs-7-real, .col-sm-7-real, .col-md-7-real, .col-lg-7-real, .col-xs-8-real, .col-sm-8-real, .col-md-8-real, .col-lg-8-real, .col-xs-9-real, .col-sm-9-real, .col-md-9-real, .col-lg-9-real, .col-xs-10-real, .col-sm-10-real, .col-md-10-real, .col-lg-10-real, .col-xs-11-real, .col-sm-11-real, .col-md-11-real, .col-lg-11-real, .col-xs-12-real, .col-sm-12-real, .col-md-12-real, .col-lg-12-real {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

.col-xs-1-real, .col-xs-2-real, .col-xs-3-real, .col-xs-4-real, .col-xs-5-real, .col-xs-6-real, .col-xs-7-real, .col-xs-8-real, .col-xs-9-real, .col-xs-10-real, .col-xs-11-real, .col-xs-12-real {
    float: left;
  }
.col-xs-12-real {
width: 100%;
}
.col-xs-11-real {
width: 91.66666667%;
}
.col-xs-10-real {
width: 83.33333333%;
}
.col-xs-9-real {
width: 75%;
}
.col-xs-8-real {
width: 66.66666667%;
}
.col-xs-7-real {
width: 58.33333333%;
}
.col-xs-6-real {
width: 50%;
}
.col-xs-5-real {
width: 41.66666667%;
}
.col-xs-4-real {
width: 33.33333333%;
}
.col-xs-3-real {
width: 25%;
}
.col-xs-2-real {
width: 16.66666667%;
}
.col-xs-1-real {
width: 8.33333333%;
}
@media (min-width: 768px) {
    .col-sm-1-real, .col-sm-2-real, .col-sm-3-real, .col-sm-4-real, .col-sm-5-real, .col-sm-6-real, .col-sm-7-real, .col-sm-8-real, .col-sm-9-real, .col-sm-10-real, .col-sm-11-real, .col-sm-12-real {
        float: left;
    }
    .col-sm-12-real {
      width: 100%;
    }
    .col-sm-11-real {
      width: 91.66666667%;
    }
    .col-sm-10-real {
      width: 83.33333333%;
    }
    .col-sm-9-real {
      width: 75%;
    }
    .col-sm-8-real {
      width: 66.66666667%;
    }
    .col-sm-7-real {
      width: 58.33333333%;
    }
    .col-sm-6-real {
      width: 50%;
    }
    .col-sm-5-real {
      width: 41.66666667%;
    }
    .col-sm-4-real {
      width: 33.33333333%;
    }
    .col-sm-3-real {
      width: 25%;
    }
    .col-sm-2-real {
      width: 16.66666667%;
    }
    .col-sm-1-real {
      width: 8.33333333%;
    }
    .col-sm-offset-12-real {
        margin-left: 100%;
      }
      .col-sm-offset-11-real {
        margin-left: 91.66666667%;
      }
      .col-sm-offset-10-real {
        margin-left: 83.33333333%;
      }
      .col-sm-offset-9-real {
        margin-left: 75%;
      }
      .col-sm-offset-8-real {
        margin-left: 66.66666667%;
      }
      .col-sm-offset-7-real {
        margin-left: 58.33333333%;
      }
      .col-sm-offset-6-real {
        margin-left: 50%;
      }
      .col-sm-offset-5-real {
        margin-left: 41.66666667%;
      }
      .col-sm-offset-4-real {
        margin-left: 33.33333333%;
      }
      .col-sm-offset-3-real {
        margin-left: 25%;
      }
      .col-sm-offset-2-real {
        margin-left: 16.66666667%;
      }
      .col-sm-offset-1-real {
        margin-left: 8.33333333%;
      }
      .col-sm-offset-0 {
        margin-left: 0%;
      }
}
@media (min-width: 992px) {.col-md-1-real, .col-md-2-real, .col-md-3-real, .col-md-4-real, .col-md-5-real, .col-md-6-real, .col-md-7-real, .col-md-8-real, .col-md-9-real, .col-md-10-real, .col-md-11-real, .col-md-12-real {
    float: left;
  }
    .col-md-12-real {
      width: 100%;
    }
    .col-md-11-real {
      width: 91.66666667%;
    }
    .col-md-10-real {
      width: 83.33333333%;
    }
    .col-md-9-real {
      width: 75%;
    }
    .col-md-8-real {
      width: 66.66666667%;
    }
    .col-md-7-real {
      width: 58.33333333%;
    }
    .col-md-6-real {
      width: 50%;
    }
    .col-md-5-real {
      width: 41.66666667%;
    }
    .col-md-4-real {
      width: 33.33333333%;
    }
    .col-md-3-real {
      width: 25%;
    }
    .col-md-2-real {
      width: 16.66666667%;
    }
    .col-md-1-real {
      width: 8.33333333%;
    }
}
/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a{-webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

a:hover img.hoverImg{
opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s linear;
}

.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.pic-center{margin-right:auto; margin-left:auto; display:block;}

.bg-black{background:#000;}

.img-radius{border-radius:5px;}

.divide-line{border-top:1px solid #e4e4e4; margin-top:40px; margin-bottom:40px;}

h1,h2,h3,h4,h5,h6,p,address{margin:0; padding:0;}

/* nav auto drop down */
/*.dropdown:hover .dropdown-menu {
display: block;
}*/
.order-button{
  width: 100%; 
  background-color: #d3a954;
  background-image: url(../images/pic-music-zoo-logo.png);
  background-repeat:  no-repeat;
  background-position:  center right;
  background-size: auto 90%;
  display: block;
  color: #fff;
  font-weight: 900;
  padding: 10px 0;
}
/* right navi */
#dot-holder {
  position: fixed;
  right: 30px;
  top: 200px !important;
  width: 30px;
  outline: none !important;
 
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
  height: 0;
  margin: 0 auto;

}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-nav-dot:hover, .page-nav-dot:active, .page-nav-dot:focus {outline:none;}

.hint--page:after {
    background-color: #c79a41 !important;
    text-shadow: 0 -1px 0 #c79a41 !important;
}

.hint--page.hint--left:before {
    border-left-color: #c79a41 !important;
}

#dot-holder .page-nav-dot span.page-nav-dot-current:after, #dot-holder .page-nav-dot span:hover {
    background: #f2cd83 !important;
}

@media screen and (max-width: 767px){
    #dot-holder{display:none;}
}

body {
	font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; color:#f2cd83; background:#000;
}

.navbar-inverse{background: rgba(0,0,0,0.65);}

.navbar-inverse .navbar-nav > li > a{color:#f2cd83;}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #f2cd83;
}

.navbar-nav{float:right;}

.navbar-brand {
    float: left;
    padding: 8px 5px 8px 0;
    font-size: 18px;
    line-height: 20px;
    height: auto;
}
.navbar-nav > li > a {
    padding: 15px 11px;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a.active{
    color: #fff;
}

@media screen and (max-width: 767px){
.navbar-nav{float:left;}
}

.navbar-nav{margin-top:18px;}

@media screen and (max-width: 1034px){
    .nav > li > a{padding-left:10px; padding-right:10px;}
}

@media screen and (max-width: 944px){
    .nav > li > a{padding-left:6px; padding-right:6px;}
}

@media screen and (max-width: 944px){
    .navbar-header{width:300px;}
}

@media screen and (max-width: 817px){
    .navbar-header{width:240px;}
}

@media screen and (max-width: 767px){
.navbar-header{width:auto;}
}

.navbar-toggle{margin-top:20px;}

footer{background:#000; padding-top:15px; padding-bottom:15px;}

/* body */
h1.price{font-size:30px;}

h1.price span{font-size:18px; display:inline-block; margin-left:40px;}

li{margin-bottom:6px;}

.ttl-height-adjust{margin-top:180px;}

.ttl-height-adjust2{padding-top:160px;}

.price-page{font-size:27px;}

span.order-page{display:inline-block; margin-left:25px;}

.btn-primary{background:#d3a954; border:none; color:#fff; border-radius:0;}

.btn-primary:hover, 
.btn-primary:focus, 
.btn.subactive{background:#b3852a;}

/* amp description */
.amp-desc-line-right{border-right:1px solid #f2cd83; width:1px;}

@media screen and (max-width: 767px){
.ttl-height-adjust{margin-top:90px;}
    
.ttl-height-adjust2{padding-top:110px;}
}