@font-face {
    font-family: 'gnashregular';
    src: url('../fonts/gnash-regular-webfont.eot');
    src: url('../fonts/gnash-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gnash-regular-webfont.woff2') format('woff2'),
         url('../fonts/gnash-regular-webfont.woff') format('woff'),
         url('../fonts/gnash-regular-webfont.ttf') format('truetype'),
         url('../fonts/gnash-regular-webfont.svg#gnashregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{ margin: 0px; padding: 0px;}
body{ font-family:'Helvetica Neue LT W01_55 Roman'; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #ffe9af !important; 
    width: 100%;  overflow: auto; color: #000000 !important}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none !important;  color: inherit !important;  transition: all 0.5s ease;}
a:hover{ color: #d4cbbd !important; text-decoration: none !important; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%;
}


#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.inner{ max-width: 800px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}

.album{ font-family: 'gnashregular'; }
.main_ttl{ font-family: 'gnashregular'; font-size: 35px; line-height: 38px; color: #000000;  width: 95%; max-width: 512px; margin: 10px auto 0px auto}
.main_sttl{ font-family: 'gnashregular';font-size: 24px; line-height: 30px; color: #000000; width: 95%; margin: 10px auto 0px auto }
.upload_ttl{ font-size: 24px;font-family: 'gnashregular'; line-height: 30px; color: #000000; width: 95%; margin: 10px auto 0px auto }

.album_ttl{ font-size: 55px; line-height: 58px; }
.album_av{ font-size: 35px; line-height: 38px; }

.buy{ position: relative; margin: 10px auto 0px auto; width: 95% }

.item{ position: relative; width: 170px; height: 170px; box-sizing: border-box; float: left; margin: 10px; }
.item .pic{ width: 100%; height: inherit; display: block;  }
.item .pic img{ width: 100%; position: relative; display: block; border: 4px solid #000000 }
.gallery_items{ position: relative; width: 95%; max-width: 600px; position: relative; margin: 10px auto 0px auto }
.gallery{ position: relative; margin: 50px 0px 0px 0px; }
.gallery_ttl{ font-size: 42px; line-height: 50px; position: relative; color: #000000;  font-family: 'gnashregular';  }
.more{ position: relative; font-size: 26px; line-height: 30px; font-family: 'gnashregular'; }

.socials{ position: relative; font-size: 35px; line-height: 40px }
.socials a{ display: inline-block; vertical-align: middle; margin: 0px 5px 0px 5px }
.copy{ position: relative; font-size: 12px; line-height: 15px; text-transform: uppercase; margin: 10px 0px 0px 0px; }
.copy a{ display: inline-block; vertical-align: middle; position: relative; }
.copy span{ display: inline-block; vertical-align: middle; position: relative; margin: 0px 6px 0px 6px }
.enter_website a{ position: relative; font-size: 17px; line-height: 21px; text-decoration: underline; font-family:'Helvetica Neue LT W01_71488914';}
.widget_frame{ position: relative; width: 592px; height: 592px; border: 4px solid #000000; margin: 10px auto 0px auto; box-sizing: content-box; }
.frame1{ position: absolute; top:36px; left: 21px;  }
.frame2{ position: absolute; top:16px; left: 170px;  }
.frame3{ position: absolute; left:330px; top: 34px;  }
.frame4{ position: absolute; top:50px; left: 472px;  }
.frame5{ position: absolute; top:202px; left: 470px;  }
.frame6{ position: absolute; top:332px; left: 465px;  }
.frame7{ position: absolute; top:470px; left: 460px;  }
.frame8{ position: absolute; top:450px; left: 310px;  }
.frame9{ position: absolute; top:465px; left: 190px;  }
.frame10{ position: absolute; top:440px; left: 30px;  }
.frame11{ position: absolute; top:323px; left: 30px;  }
.frame12{ position: absolute; top:202px; left: 30px;  }
.frame0{  position: absolute; top:154px; left: 134px; }
.frame_mask{ position: relative; }
.up{ position: absolute; width: 100%; text-align: center;bottom: -20px; left: 0px; }
.frame2 .up{ bottom:-5px; }
.upload_btn{ position: relative; width: 100%; border: 4px solid #000000; width: 95%; margin: 5px auto 0px auto; max-width: 600px; min-height: 58px; font-size: 20px; line-height: 25px; padding: 12px 0px 12px 0px }
.user_pic{ position: absolute; top:0px; left: 0px; overflow: hidden; width: 100%; height: 100%; }
   .music {
    display: inline-block;
    max-width: 194px;
    position: relative;
    vertical-align: top;
    width: 46%;
}
.field-label:hover, .music ul li a:hover {
    background: #000 none repeat scroll 0 0;
    color: #ffe9ae;
}
.music.download {
    margin-right: 8%;
}
.field-label {
    background: #ffe9ae none repeat scroll 0 0;
    border: 3px solid #000000;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 43px;
    letter-spacing: 0;
    line-height: 38px;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    width: 100%;
}
.field-label::after {
    background: rgba(0, 0, 0, 0) url("../images/dropdown.png") no-repeat scroll right center;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}
.field-label:hover::after {
    background: rgba(0, 0, 0, 0) url("../images/dropdown_hover.png") no-repeat scroll right center;
}
.music ul {
    display: none;
    left: 0;
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 43px;
    width: 100%;
    z-index: 2;
}
.music ul li, .touch .music.show ul {
    display: block;
}
.music ul li a {
    background: #ffe9ae none repeat scroll 0 0;
    border-bottom: 3px solid #000000;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-size: 14px;
    height: 43px;
    line-height: 40px;
    text-decoration: none;
    width: 100%;
}

.music:hover ul {
    display: block;
}
.buy{font-family: "Helvetica Neue LT W01_55 Roman"}

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

        .head_img_m{ display: block; }
    .head_img_b{ display: none; }
    .main_ttl{ font-size: 25px; line-height: 30px; }

    }