@charset "utf-8";
/*-- Last updated:  03-Mar-2018     Version: 1.0                         */
/*-- Copyright 2018  MusicBiz Enterprises, All rights reserved.    */


/*--------*/
/* Header */
/*--------*/
.mHeader_Icons_links {
   margin: 30px 10% 0 0;
}
img.mHeader_Logo_Pic {
   width: 300px;
   height: 41px;
   margin: 82px 0 0 10px;
}
.mHeader_Menu_navBarMenu {
   margin: 18px 0 0 0;
}

#mobile_navBarMenu {
   visibility: visible;
}
#mobile_navButtonMenu {
   visibility: visible;
}
#mNav_top_button {
   visibility: hidden;
}
#mNav_desktop_button {
   visibility: hidden;
}
.mHeader_Nav_linkIcons {
   width: 100%;
}
.mHeader_Nav_navButton {
   width: 0%;
   padding-right: 0%
}
.genMenuItem_Lv0 a {
   float: left;
   margin: 0;
   padding: 0 4% 0 4%;
   font-size: 1.5em;         
   font-size: 1.5rem;        
   font-weight: bold;
   text-decoration: none;
}

/*----------------*/
/* block / mPage  */
/*----------------*/
.block_title, .mPage_title {
   clear: both;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 5em;
   font-size: 5rem;
   font-weight: bold;
   padding: 50px 0 50px 0;
}
.block_title2, .mPage_title2 {
   margin-top: 0px;
   padding: 0;
   font-size: 2em;
   font-size: 2rem;
   line-height: 2.5rem;
   text-align: center;
}

/*------------*/
/* mContainer */
/*------------*/
.mContainer {
   width: 100%;  
   margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */   
}

#mContainer_padSiteLogo {
   display: none;
   height: 0px;
}
#mContainer_SiteLogo {
   display: none;
   height: 0px;
}
#mSiteLogo_Pic {
   display: none;
}

.mContainer_pad {
   clear: both;
}
.mContainer_Box_title {
   width: 100%;
}
.mContainer_title {
   clear: both;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 3em;
   font-size: 3rem;
   font-weight: 700;
   letter-spacing: 0.8rem;
   padding: 100px 0 50px 0;
}
.mContainer_Box_text {
   width: 100%;
}
.mContainer_text {
   clear: both;
   float: left;
   width: 100%;
   text-align: center;
   font-size: 2em;
   font-size: 2rem;
   font-weight: normal;
   line-height: 2.5rem;
   padding: 0 5% 0 5%;
}

.mBox_pad {
   clear: both;
}


/*---------------------*/
/* Radio Button Column */
/*---------------------*/
.radioButtonCol {
   float: left;
   width:  40%;
   margin-left: 10%;
   padding-bottom: 40px;
}
.radioButtonBox {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   margin: auto;
}
#JLsaxRadioCol {
   clear: both;
}
#JLsaxRadioBox {
   float: right;
}
#regionRadioBox {
   float: left;
}


/*--------*/
/*  Photo */
/*--------*/
.mPhotoContainer {
   clear: none;
   width: 100%;
}
.mPhotoBox {
   clear: none;
   width: 100%;
   margin: 10px 0 10px 0;
}
.mPhotoPic {
   clear: none;
   margin: 0 auto;
}
.mPhotoText {
   clear: none;
   margin: 5px auto 0px auto;
   color: black;
}
img.mPhotoPic {
   width: 960px;
   margin: 0 auto;
}


/*------------*/
/* Directory  */
/*------------*/
.mDirectory_Box {
   float: left;
   width: 33%;
   padding: 50px 0 50px 0;
   margin: 0;
}
.mDirectory_photoBox {
}
.mDirectory_pic {
   clear: both;
}
img.mDirectory_pic {
   display: block;
   width: 320px;
   height: auto;
   margin: 0 auto;
   /* border: 0px solid white; */
}
.mDirectory_textBox {
   width: 100%;
   padding: 30px 0 0 0;
}
.mDirectory_text {
   float: left;
   width: 100%;
   font-size: 1.25em;
   font-size: 1.25rem;
   line-height: 2.0rem;
   font-weight: normal;
   text-align: center;
   background-color: transparent;
}

/*-----------------------*/
/* Announce / preOrder   */
/*-----------------------*/
.mContainer_Announce, .mContainer_preOrder {
   clear: both;
   width: 100%;
   height: 650px;
}
.announce_Box, .mAlbum_preOrder_Box {
   float: left;
   width: 100%;
   padding: 50px 0 50px 0;
   margin: 0;
}
.annouce_picBox, .mAlbum_preOrder_picBox {
   float: left;
   width: 50%;
}
.announce_pic, .mAlbum_preOrder_pic {
}
img.announce_pic, img.mAlbum_preOrder_pic {
   display: block;
   width: 480px;
   margin: 50px auto;
   /* box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2), 6px 6px 6px 6px rgba(0, 0, 0, 0.19); */
}
#Cruisin_albumText_pic {
   display: block;
   width: 600px;
   margin: 0 auto;
}
.announce_textBox, .mAlbum_preOrder_textBox {
   float: left;
   width: 50%;
   padding-right: 10%;
}
.announce_textTitle, .mAlbum_preOrder_textTitle {
   margin-top: 50px;
   font-size: 3em;
   font-size: 3rem;
   text-align: center;
}
.announce_textTitle2, .mAlbum_preOrder_textTitle2 {
   margin-top: 0px;
   padding: 0;
   font-size: 2em;
   font-size: 2rem;
   line-height: 2.5rem;
   text-align: center;
}
.announce_text, .mAlbum_preOrder_text {
   margin-top: 20px;
   padding: 0;
   font-size: 1.25em;
   font-size: 1.25rem;
   line-height: 2.0rem;
   text-align: center;
}
.announce_text2, .mAlbum_preOrder_text2 {
   margin-top: 0px;
   padding: 0;
   font-size: .75em;
   font-size: .75rem;
   line-height: 1rem;
   text-align: center;
}
.mAlbum_preOrder_buttonBox {
   margin-top: 50px;
}
.mAlbum_preOrder_button {
}
img.mAlbum_preOrder_button {
   display: block;
   width: 200px;
   margin: 0 auto;
}

/*--------------*/
/* Order        */
/*--------------*/
.mContainer_order {
   clear: both;
   width: 100%;
   height: 650px;
}
.mAlbum_order_Box {
   float: left;
   width: 100%;
   padding: 50px 0 50px 0;
   margin: 0;
}
.mAlbum_order_picBox {
   float: left;
   width: 50%;
}
.mAlbum_order_pic {
}
img.mAlbum_order_pic {
   display: block;
   width: 480px;
   margin: 50px auto;
   border: 0px solid white;
   box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2), 6px 6px 6px 6px rgba(0, 0, 0, 0.19);
}
.mAlbum_order_textBox {
   float: left;
   width: 50%;
   padding-right: 10%;
}
.mAlbum_order_textTitle {
   margin-top: 50px;
   font-size: 3em;
   font-size: 3rem;
   text-align: center;
}
.mAlbum_order_textTitle2 {
   margin-top: 45px;
   padding: 0;
   font-size: 2em;
   font-size: 2rem;
   line-height: 2.5rem;
   text-align: center;
}
.mAlbum_order_text {
   margin-top: 20px;
   padding: 0;
   font-size: 1.25em;
   font-size: 1.25rem;
   line-height: 2.0rem;
   text-align: center;
}
.mAlbum_order_text2 {
   margin-top: 0px;
   padding: 0;
   font-size: .75em;
   font-size: .75rem;
   line-height: 1rem;
   text-align: center;
}

.mAlbum_order_buttonBox {
   margin: 50px 0 0 33%;
}
.mAlbum_order_button {
}
img.mAlbum_order_button {
   display: block;
   width: 200px;
   margin: 0 auto;
}

.mAlbum_order_textTitle, .mAlbum_order_textTitle2, .mAlbum_order_text {
   color: inherit;
   background-color: inherit;
}


/*--------------*/
/*  Album Cover */
/*--------------*/
.mAlbumCover_Box {
   float: left;
   width: 45%;
   padding: 50px 0 50px 0;
   margin: 0;
}
.mAlbumCover_PhotoBox {
}
.mAlbumCover_Pic {
}
img.mAlbumCover_Pic {
  display: block;
  margin: 0px auto;
  width: 480px;
  height: auto;
}



/*-------------------*/
/* mobile News  box  */
/*-------------------*/
.mNewsContainer {
   width:  320px;
   color:  black;
   background-color: white;
}
.mNewsTitle {
   width: 100%;
   margin-top: 1em;
   margin-top: 2rem;
   padding-top: 1em;
   padding-top: 2rem;
   text-align: center;
   /* font-size: 2em;            set below in @media queries  */
   /* font-size: 2rem;           set below in @media queries  */
   color:  black;
   background-color: white;
}
.mNewsBox {
   width: 100%;
   /* height: 300px; */
   margin: 0%;
   padding: 0 0 1em 0;
   border: 1px solid black;
   overflow-x: hidden;
   overflow-y: hidden;
   background-color: rgb(50,50,50);
}
.mNewsItem {
   float: left;
   width: 94%;
   margin: 1.5em 0 0 0;
   padding: 0 3% 0 3%;
   /* font-size: 1em;            set below in @media queries  */
   /* font-size: 1rem;           set below in @media queries  */
}
.mNewsRow {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
}
.mNewsHeadline {
   float: left;
   width: 98%;
   margin: 0;
   padding: 0 2% 0 0;
   font-size: 1em;
   font-size: 1rem;
   font-weight: bold;
   overflow: hidden;
}
.mNewsDate {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
.mNewsText {
   float: left;
   width: 95%;
   margin: 0 0 0 3%;
   padding: 0 2% 0 0;
}
.mNewsLink {
   float: left;
   width: 95%;
   margin: 0 0 0 3%;
   padding: 0 2% 0 0;
}
.mMoreLink {
   float: left;
   width: 100%;
   padding-top: 0.5em;
   font-size: 1.5em;
   font-size: 1.5rem;
   text-align: center;
}



/*------------*/
/*   Footer   */
/*------------*/
.mFooter {
   padding-top: 50px;
}

a.mFooter_link {
   word-wrap: break-word;
}


/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media only screen and (min-width: 983px) { /* this is needed to undo fixed width in mStyles1_Base_20180423  */
   .mContainer {
      max-width: 100%;  
      margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */   
   }
}

@media only screen and (max-width: 2700px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 5%;
   }

}
@media only screen and (max-width: 2700px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 5%;
   }

}
@media only screen and (max-width: 2300px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 4%;
   }

}
@media only screen and (max-width: 2200px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 2%;
   }

}
@media only screen and (max-width: 2000px) { 
   #mNav_BarMenu .genMenuItem_Lv0_PadLeft {
      padding-left: 0%;
   }

}

@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1540px) {

   
}

@media only screen and (max-width: 1460px) {



}

@media only screen and (max-width: 1366px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */
   .mContainer_preOrder, .mContainer_order {   
      height: 600px;
   }
   .mAlbum_preOrder_Box, .mAlbum_order_Box {
      padding: 100px 0 50px 0;
   }
   img.mAlbum_order_pic, img.mAlbum_preOrder_pic {
      width: 320px;
   }
   #Cruisin_albumText_pic {
      width: 400px;
   }
   .mAlbum_preOrder_textTitle, .mAlbum_order_textTitle {
      font-size: 2em;
      font-size: 2rem;
   }
   .mAlbum_preOrder_textTitle2, .mAlbum_order_TextTile2 {
      font-size: 1.5em;
      font-size: 1.5rem;
      line-height: 2.0rem;
   }
   .mAlbum_preOrder_text, .mAlbum_order_text {
      font-size: 1em;
      font-size: 1rem;
      line-height: 1.25rem;
   }
   .mAlbum_preOrder_buttonBox, .mAlbum_order_buttonBox {
      margin-top: 20px;
   }
   img.mAlbum_preOrder_button {
      width: 150px;
   }
   
}

@media only screen and (max-width: 1180px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */
   #mNav_BarMenu .genMenuItem {
      padding-left: 2.5%;
      }
}


@media only screen and (max-width: 1159px) {

   
}

@media only screen and (max-width: 1112px) { /* iPad Pro 10.5" view port size is 1112 x 834 */
   .mHeader_Box_Center {
      width: 50%;
      padding-left: 10%;
   }   
   .mHeader_Box_Nav {
      width: 25%;
   }
   .mHeader_Nav_linkIcons {
      width: 100%;
      padding: 0;
      margin: 90px 10% 0 0;
   }

}
/*

@media only screen and (max-width: 1080px) { 

   #mNav_BarMenu .genMenuItem {
      padding-left: 3%; 
   }
}
*/

@media only screen and (max-width: 1080px) { /* Switch from menu bar to menu button */
   .mHeader_Nav_linkIcons {
      margin-right: 2%;
   }

   .mContainer_Header {
      height: 70px;
   }

   .mSiteLogo_Box {
      display: none;
   }
   .mHeader_Box_Logo {
      display: none;
   }
   .mHeader_Logo_PhotoBox {
      display: none;
   }
   img.mHeader_Logo_Pic {
      display: none;
   }

   .mHeader_Box_Menu {
      display: none;
   }
   #mobile_navBarMenu {
      display: none;
   }
   #mNav_BarMenu .genMenuItem {
      display: none;
   }

   .mHeader_Box_Icons {
      clear: both;
      width: 100%;
   }
   .mHeader_Icons_links {
      float: left;
      width: 80%;
      margin: 10px 0 0 0;
   }
   .Nav_linkIcon {
      float: left;
      padding: 0 0 0 1%;
   }

   .mHeader_Nav_navButton {
      float: right;
      width: 20%;
      margin: 0 0 0 0;
      padding-right: 2%
   }
   #mNav_top_button {
      visibility: visible;
      margin: 5px 10% 0 0;
   }
   .mHeader_Nav_navButtonMenu {
      clear: both;
      float: right;
   }

   #mContainer_padSiteLogo {
      display: block;
      height: 60px;
   }
   #mContainer_SiteLogo {
      display: block;
      height: 160px;
   }
   #mSiteLogo_Pic {
      display: block;
      width: 300px;
      margin: 0 auto;
   }

   .mContainer {
      max-width: 100%;  
      margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */   
   }
   
   .mContainer_title {
      /* font-size: 8em; */
      /* font-size: 8rem; */
      padding: 50px 0 20px 0;
   }

   .mAlbumCover_Box {
      width: 100%;
   }
   img.mAlbumCover_Pic {
      width: 460px;
      margin-top: 0px;
   }
   .mAlbumTitle_PhotoBox {
      margin-top: 0px;
   }
   img.mAlbumTitle_Pic {
      width: 500px;
   }
  
  .mDirectory_Box {
   width: 50%;
   }
   
   
}


@media only screen and (max-width: 1024px) { /* iPad, iPad Mini view port size is 1024 x 768 */
   .mHeader_Box_Nav {
      width: 27%;
   }
   
}


@media only screen and (max-width: 980px) {
   img#mAlbumCover_Pic {
      width: 640px;
   }
   img.mAlbumTitle_Pic {
      width: 680px;
   }

}


@media only screen and (max-width: 900px) {
   .mContainer_preOrder, .mContainer_order {   
      height: 600px;
   }
   .mAlbum_preOrder_Box, .mAlbum_order_Box {
      padding: 50px 0 50px 0;
   }
   img.mAlbum_order_pic, img.mAlbum_preOrder_pic {
      margin-top: 70px;
      width: 320px;
   }
   .mAlbum_preOrder_textTitle2, .mAlbum_order_TextTile2 {
      margin-top: 0;
   }
   .mAlbum_preOrder_buttonBox, .mAlbum_order_buttonBox {
      margin-top: 20px;
   }
   img.mAlbum_preOrder_button {
      width: 150px;
   }

}

@media only screen and (max-width: 840px) {
   .mContainer_preOrder, .mContainer_order {   
      height: 650px;
   }
   img.mAlbum_order_pic, img.mAlbum_preOrder_pic {
      width: 480px;
   }
   .mAlbum_preOrder_picBox, .mAlbum_order_picBox {
      width: 100%;
   }
   .mAlbum_preOrder_textBox, .mAlbum_order_textBox {
      width: 100%;
      padding-right: 0;
   }
   .mAlbum_preOrder_buttonBox, .mAlbum_order_buttonBox {
      margin-top: 20px;
   }
   img.mAlbum_preOrder_button {
      width: 150px;
   }
     
  .mDirectory_text {
     font-size: 1em;
     font-size: 1rem;
     line-height: 1.5rem;
   }
   

   
}



@media only screen and (max-width: 670px) {

   img.mAlbum_order_pic, img.mAlbum_preOrder_pic {
      width: 320px;
   }

   
   img#mAlbumCover_Pic {
      width: 360px;
   }   
   img.mAlbumCover_Pic {
      width: 320px;
      margin-top: 0px;
   }
   img.mAlbumTitle_Pic {
      width: 400px;
   }
  

  .mDirectory_Box {
   width: 100%;
   }
  .mDirectory_text {
     font-size: 1.25em;
     font-size: 1.25rem;
     line-height: 2.0rem;
   }

}

@media only screen and (max-width: 620px) {
/*   
   .mContainer_title {
      font-size: 6em;
      font-size: 6rem;
   }
*/


}

@media only screen and (max-width: 600px) {


}

@media only screen and (max-width: 580px) {
   .mHeader_Icons_links {
      width: 75%;
   }
   .mHeader_Nav_navButton {
      width: 25%;
   }


}

@media only screen and (max-width: 540px) {
   img.mAlbumCover_Pic {
      width: 320px;
      margin-top: 0px;
   }

}


@media only screen and (max-width: 460px) {
   .mHeader_Icons_links {
      width: 70%;
   }
   .mHeader_Nav_navButton {
      width: 30%;
   }
   
   .mContainer_preOrder, .mContainer_order {   
      height: 800px;
   }
   
   .block_title, .mPage_title {
      font-size: 4em;
      font-size: 4rem;
   }   
   
   img#mAlbumCover_Pic {
      width: 320px;
   }
   img.mAlbumTitle_Pic {
      width: 360px;
   }

}

@media only screen and (max-width: 414px) { /* iPhone 8 plus view port size is 414 x 736 */
   .mHeader_Nav_navButton {
      padding-right: 1%
   }
   .Nav_linkIcon {
      float: left;
      padding: 0 0 0 0;
   }
/*
   .mContainer_title {
      font-size: 4em;
      font-size: 4rem;
   }
*/   

   .mContainer_preOrder, .mContainer_order {   
      height: 830px;
   }
   #Cruisin_albumText_pic {
      width: 300px;
   }
   .mAlbum_preOrder_textTitle, .mAlbum_order_textTitle {
      font-size: 1.5em;
      font-size: 1.5rem;
   }
   .mAlbum_preOrder_textTitle2, .mAlbum_order_TextTile2 {
      font-size: 1em;
      font-size: 1rem;
      line-height: 1.5rem;
   }
   
   img.mAlbumTitle_Pic {
    width: 350px;
 }
   
}

@media only screen and (max-width: 375px) { /* iPhone 8 view port size is 375 x 667 */
   .block_title, .mPage_title {
      font-size: 3em;
      font-size: 3rem;
   }   
   
}

@media only screen and (max-width: 320px) { /* iPhone SE view port size is 320 x 568 */


}