html, body, div, p, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, span, a, cite, label,
table, thead, tbody, tfoot, th, td, iframe {
    /* mobile safariのフォントサイズ自動調整対策 */
    -webkit-text-size-adjust: 100%;
    font-size: 12px;
    font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ", Roboto, 'Droid Sans', Helvetica, sans-serif;
    color: #292119;
}

/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.325) {
    html, body, div, p, h1, h2, h3, h4, h5, h6,
    dl, dt, dd, ul, li, span, a, cite, label,
    table, thead, tbody, tfoot, th, td, iframe {
        font-size: 16px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    html, body, div, p, h1, h2, h3, h4, h5, h6,
    dl, dt, dd, ul, li, span, a, cite, label,
    table, thead, tbody, tfoot, th, td, iframe {
        font-size: 18px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html, body, div, p, h1, h2, h3, h4, h5, h6,
    dl, dt, dd, ul, li, span, a, cite, label,
    table, thead, tbody, tfoot, th, td, iframe {
        font-size: 24px;
    }
}
*/

html, body, div, p, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, span, a, cite, label,
table, thead, tbody, tfoot, tr, th, td, img {
    padding: 0px;
    margin: 0px;
    border: none;
}

a {
    color: #990000;
    border: none;
}

a:hover {
    color: #333399;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.back_to_top {
    text-align: right;
}

.back_to_top a {
    line-height: 150%;
    text-decoration: none;
    border-bottom: 1px #990000 dotted;
}

.back_to_top a:hover {
    border-bottom: 1px #333399 dotted;
}

hr.separater {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(41,33,25,0), rgba(41,33,25,0.75), rgba(41,33,25,0));
    background-image:    -moz-linear-gradient(left, rgba(41,33,25,0), rgba(41,33,25,0.75), rgba(41,33,25,0));
    background-image:     -ms-linear-gradient(left, rgba(41,33,25,0), rgba(41,33,25,0.75), rgba(41,33,25,0));
    background-image:      -o-linear-gradient(left, rgba(41,33,25,0), rgba(41,33,25,0.75), rgba(41,33,25,0));
}

hr.separater-margin10 {
    margin: 10px 0px;
}

.point-flex {
    display: flex;
    justify-content: space-around;
}

.point-flex > span {
    font-size: 11px;
}

.point-separator {
    margin: 0 5px;
    height: 1px;
    background-color: #292119;
    border: none;
}

@media only screen and (min-width: 1024px) {
    
    html, body {
        background-image: url(../images/background.jpg);
        background-repeat: repeat;
        width: 100%;
        min-width: 1024px;
        height: 100%;
    }

    #container {
        position: relative;
        width: 1024px;
        height: 100%;
        width: 100%;
    }
    
    .content_inner {
        width: 1024px;
        margin: 0px auto;
        overflow: hidden;
    }
    
    #left_content {
        margin: 0px 0px 0px 62px;
        float: left;
        width: 240px;
    }

    #main_content {
        margin: 0px 62px 0px 0px;
        float: right;
        width: 640px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
    html, body {
        background-image: url(../images/background.jpg);
        background-repeat: repeat;
        width: 100%;
        min-width: 640px;
        height: 100%;
    }

    #container {
        position: relative;
        width: 640px;
        height: 100%;
        width: 100%;
    }
    
    .content_inner {
        width: 640px;
        margin: 0px auto;
        overflow: hidden;
    }
    
    #left_content {
        display: none;
    }

    #main_content {
        width: 640px;
        margin: 0px auto;
    }
}

@media only screen and (max-width: 639px) {
    html, body {
        background-image: url(../images/background.jpg);
        background-repeat: repeat;
        background-size: 64px 64px;
        width: 100%;
        min-width: 320px;
        height: 100%;
    }

    #container {
        position: relative;
        width: 320px;
        height: 100%;
        width: 100%;
    }

    #header .content_inner {
        width: 320px!important;
    } 
    
    .content_inner {
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
    }
    
    #left_content {
        display: none;
    }

    #main_content {
        width: 100%;
        margin: 0px auto;
    }

    .point-flex > span {
        font-size: 9px!important;
    }
}

/* index */

#shopcard {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#shopcard img {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 640px) {
    #shopcard {
        width: 516px;
        height: 312px;
    }
}

@media only screen and (max-width: 639px) {
    #shopcard {
        max-width: 258px;
        width: 80%;
        max-height: 156px;
        height: auto;
    }
}

/* header */

#header {
    width: 100%;
    height: 100px;
    background-image: url(../images/pages/header_mat.png);
    background-repeat: repeat-x;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.header_home {
    float: left;
    width: 188px;
    height: 40px;
}

.header_home a img {
    width: 100%;
    height: auto;
}

#header_shopinfo {
    float: right;
    min-width: 440px;
    height: 40px;
}

#header_shopinfo #address {
    float: right;
    min-width: 250px;
    color: #c5c7c2;
    text-align: right;
    margin-right: 8px;
}

#header_shopinfo #address * {
    color: #c5c7c2;
}

#header_shopinfo #address strong {
    font-weight: normal;
}

#header_shopinfo #tel {
    float: right;
    min-width: 180px;
    font-size: 24px;
    color: #c5c7c2;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ", Verdana,Helvetica, sans-serif;
}

@media only screen and (min-width: 1024px) {
    .header_home {
        margin: 30px 0px 0px 72px;
    }
    
    #header_shopinfo {
        margin: 15px 62px 0px 0px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
    #header {
        position: fixed;
        z-index: 10000;
    }
    
    .content {
        padding: 100px 0px 0px 0px;
    }
    
    .header_home {
        margin: 10px 0px 0px 4px;
    }
    
    #header_shopinfo {
        margin: 15px 4px 0px 0px;
    }
}

@media only screen and (max-width: 639px) {
    #header {
        position: fixed;
        z-index: 10000;
        height: 50px;
        background-size: contain;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    }
    
    .content {
        padding: 50px 0px 0px 0px;
    }
    
    .header_home {
        width: 94px;
        height: 20px;
        margin: 5px 0px 0px 2px;
    }
    
    #header_shopinfo {
        min-width: 220px;
        height: 20px;
        margin: 5px 2px 0px 0px;
        width: 220px;
    }
    
    #header_shopinfo #address {
        min-width: 220px;
        margin-right: 0px;
        font-size: 12px;
        text-align: right;
        height: 20px;
        line-height: 20px;
    }
    
    #header_shopinfo #address span {
        display: none;
    }
    
    #header_shopinfo #tel {
        display: none;
    }
}

/* global navogation */

@media only screen and (min-width: 1024px) {
    #global_navigation {
        float: right;
        margin: 0px 62px 0px 0px;
    }
}

@media only screen and (max-width: 1023px) {
    #global_navigation {
        margin: 0px auto;
    }
}


#global_navigation ul {
    list-style: none;
}

#global_navigation ul li {
    float: left;
    height: 36px;
    margin-left: 8px;
}

#global_navigation li a {
    display: block;
    height: 36px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-size: contain;
}

#global_navigation li#menu_about a {
    width: 192px;
    background-image: url(../images/pages/menu_about.png);
}

#global_navigation li#menu_salon a {
    width: 174px;
    background-image: url(../images/pages/menu_salon.png);
}

#global_navigation li#menu_gallery a {
    width: 128px;
    background-image: url(../images/pages/menu_gallery.png);
}

#global_navigation li#menu_access a {
    width: 112px;
    background-image: url(../images/pages/menu_access.png);
}

#global_navigation li#menu_about a.current,
#global_navigation li#menu_about a:hover {
    background-image: url(../images/pages/menu_about_h.png);
}

#global_navigation li#menu_salon a.current,
#global_navigation li#menu_salon a:hover {
    background-image: url(../images/pages/menu_salon_h.png);
}

#global_navigation li#menu_gallery a.current,
#global_navigation li#menu_gallery a:hover {
    background-image: url(../images/pages/menu_gallery_h.png);
}

#global_navigation li#menu_access a.current,
#global_navigation li#menu_access a:hover {
    background-image: url(../images/pages/menu_access_h.png);
}

@media only screen and (max-width: 639px) {
    
    #global_navigation ul li {
        height: 18px;
        margin-left: 4px;
    }

    #global_navigation li a {
        display: block;
        height: 18px;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

    #global_navigation li#menu_about a {
        width: 96px;
    }

    #global_navigation li#menu_salon a {
        width: 87px;
    }

    #global_navigation li#menu_gallery a {
        width: 64px;
    }

    #global_navigation li#menu_access a {
        width: 56px;
    }
}

/* sub navigation */
#sub_navigation {
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#sub_navigation ul {
    margin: 30px 0px 0px 0px;
    width: 240px;
    background-image: url(../images/pages/menu_mat.png);
    background-repeat: repeat-y;
    list-style: none;
}

#sub_navigation li {
    width: 240px;
    height: 38px;
    position: relative;
}

#sub_navigation li a {
    width: 240px;
    height: 38px;
    display: block;
    background-image: url(../images/pages/menu_list.png);
    text-decoration: none;
    line-height: 38px;
    font-size: 15px;
    text-indent: 15px;
    overflow: hidden;
    color: #292119;
}

#sub_navigation li a:hover {
    width: 240px;
    height: 38px;
    display: block;
    background-image: url(../images/pages/menu_list_h.png);
}

#sub_navigation li a:after {
    content: " ";
    width: 240px;
    height: 39px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/pages/menu_separator.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#sub_navigation li:last-child a:after {
    background: transparent;
}

/* footer */

#footer {
    position: relative;
    width: 100%;
    height: 30px;
    background-color: #292119;
    text-align: center;
}

.copyright {
    color: #ffffff;
    line-height: 30px;
}

@media only screen and (max-width: 639px) {
    #footer {
        height: 15px;
    }

    .copyright {
        padding: 0px;
        font-size: 10px;
        line-height: 15px;
    }
}

/* top page */

#slide {
    width: 1024px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

#top_header {
    width: 100%;
    height: 400px;
    z-index: 1;
}

#top_shopinfo {
    margin: 60px auto 0px auto;
    width: 176px;
}

#top_shopinfo p {
    color: #ffffff;
    font-size: 13px;
}

#top_shopinfo p strong {
    font-weight: normal;
}

#top_navigation {
    position: absolute;
    top: 0px;
    margin: 0px 0px 0px 40px;
    width: 250px;
    height: 698px;
    background-image: url(../images/top/menu_mat.png);
    background-repeat: no-repeat;
    z-index: 100;
}

#top_navigation ul {
    margin: 100px 0px 0px 0px;
    list-style: none;
}

#top_navigation ul li {
    height: 30px;
    margin-bottom: 3px;
}

#top_navigation li a {
    display: block;
    width: 250px;
    height: 30px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#top_navigation li#menu_about a {
    background-image: url(../images/top/menu_about.png);
}

#top_navigation li#menu_salon a {
    background-image: url(../images/top/menu_salon.png);
}

#top_navigation li#menu_gallery a {
    background-image: url(../images/top/menu_gallery.png);
}

#top_navigation li#menu_access a {
    background-image: url(../images/top/menu_access.png);
}

#top_navigation li#menu_about a:hover {
    background-image: url(../images/top/menu_about_h.png);
}

#top_navigation li#menu_salon a:hover {
    background-image: url(../images/top/menu_salon_h.png);
}

#top_navigation li#menu_gallery a:hover {
    background-image: url(../images/top/menu_gallery_h.png);
}

#top_navigation li#menu_access a:hover {
    background-image: url(../images/top/menu_access_h.png);
}

#top_content {
    min-height: 298px;
    margin-bottom: 40px;
}

#top_gallery {
    margin-top: 40px;
    margin-left: 320px;
    width: 680px;
    background-image: url(../images/top/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#top_topic_gallery {
    width: 680px;
    height: 25px;
    background-image: url(../images/top/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#top_gallery dl {
    margin: 15px 20px;
    overflow: hidden;
}

#top_gallery dt,
#top_gallery dd {
    float: left;
    font-weight: bold;
    color: #292119;
    margin-bottom: 15px;
}

#top_gallery dt {
    width: 100px;
}

#top_gallery dd {
    width: 540px;
}

/* content page */

.content_box {
    width: 600px;
    margin: 0px auto 0px auto;
}

.topic {
    width: 640px;
    height: 40px;
    background-image: url(../images/pages/topic_mat.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    margin-top: 30px;
    font-size: 24px;
    padding: 0px 0px 0px 10px;
    color: #ffffff;
    line-height: 40px;
    font-weight: normal;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.subtopic {
    width: 620px;
    margin: 0px auto 10px auto;
    background-color: #292119;
    padding: 0px 0px 2px 10px;
}

.subtopic span {
    display: block;
    color: #292119;
    background-color: #eeeeee;
    font-size: 18px;
    line-height: 32px; 
    padding: 0px 10px;
}

.topic_content {
    width: 640px;
    margin: 10px auto 60px auto;
    background-image: url(../images/pages/content_mat.png);
    background-repeat: repeat-y;
    background-size: contain;
    padding: 16px 10px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
    .topic {
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    }
    
    .topic_content {
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    }
}

@media only screen and (max-width: 639px) {
    .content_box {
        width: 100%;
    }
    
    .topic {
        width: 100%;
        height: 24px;
        margin-top: 15px;
        font-size: 18px;
        padding: 0px 0px 0px 5px;
        line-height: 24px;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    }
    
    .subtopic {
        width: 100%;
        margin: 0px auto 5px auto;
        padding: 0px 0px 1px 5px;
    }

    .subtopic span {
        font-size: 15px;
        line-height: 20px; 
        padding: 0px 5px;
    }
    
    .topic_content {
        width: 100%;
        margin: 5px auto 30px auto;
        padding: 8px 5px;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    }
}

/* about */

.concept_image {
    width: 620px;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.concept_image div.float_img {
    width: 300px;
    height: auto;
}

.concept_image div.float_img400 {
    width: 400px;
    height: auto;
}

.concept_image div img {
    width: 100%;
    height: auto;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

.concept_image div {
    display: inline-block;
}

.concept_image div:not(:first-child) {
    margin-left: 6px;
}

#concept_introduction {
    width: 600px;
    margin: 0 auto;
    padding: 0px 10px;
    font-style: italic;
}

#concept_introduction p {
    font-size: 15px;
    color: #494139;
}

#plucking_question {
    width: 580px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #292119;
}

#plucking_description {
    width: 600px;
    padding: 0 10px;
    margin: 0 auto;
}

#plucking_description p {
    font-size: 15px;
    color: #292119;
}

ul.table-supplement {
    margin-top: 6px!important;
}

ul.table-supplement li {
    padding: 3px;
}

ul.attentions {
    width: 600px;
    padding: 5px 10px;
    margin: 0 auto;
    list-style: none;
}

ul.attentions li {
    font-size: 13px;
    padding: 3px 3px 8px 3px;
}

ul.attentions li > p {
    font-size: 13px;
}

@media only screen and (max-width: 639px) {
    .concept_image {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .concept_image div.float_img {
        width: 150px;
        height: auto;
    }
    
    .concept_image div.float_img400 {
        width: 200px;
        height: auto;
    }

    .concept_image div img {
        width: 100%;
        height: auto;
        box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
    }

    #concept_introduction {
        width: 100%;
        padding: 0px 15px;
    }

    #concept_introduction p {
        
    }

    #plucking_question {
        width: 100%;
        padding: 0 15px;
    }
    
    #plucking_description {
        width: 100%;
        padding: 0 15px;
    }

    .concept_image div:last-child {
        margin-left: 3px;
    }
    
    ul.attentions {
        width: 100%;
        padding: 2px 15px;
    }

    ul.attentions li {
        padding: 2px 2px 4px 2px;
    }
}

/* access */

#maps {
    margin: 0px auto;
    width: 598px;
    height: 350px;
}

#maps iframe {
    width: 100%;
    height: 100%;
}

#salon_information {
    width: 598px;
    margin: 0px auto;
}

#salon_information p {
    color: #292119;
    font-size: 16px;
}

#salon_information p.shop {
    font-size: 20px;
}

@media only screen and (max-width: 639px) {
    #maps,
    #maps iframe {
        width: 299px;
        height: 300px;
    }

    #salon_information {
        width: 299px;
    }

    #salon_information p {
    }

    #salon_information p.shop {
        font-size: 15px;
    }
}

/* salon menu */

.salon_image {
    width: 620px;
    margin: 0px 0px 20px 0px;
}

.salon_image div.salon_img300 {
    width: 300px;
    height: auto;
}

.salon_image div.salon_img225 {
    width: 225px;
    height: auto;
}

.salon_image div img {
    width: 100%;
    height: auto;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

.salon_image div {
    display: inline-block;
}

.salon_image div:not(:first-child) {
    margin-left: 6px;
}

table.price_list {
    width: 620px;
    margin: 0px auto;
    border-collapse: collapse;
}

table.price_list thead tr th {
    background-color: #898179;
    text-align: center;
}

table.price_list tbody tr td {
    background-color: #eeeeee;
}

table.price_list thead tr th,
table.price_list tbody tr td {
    color: #292119;
    font-size: 13px;
    border: 1px #292119 solid;
    padding: 3px;
}

th.price,
td.price {
    width: 137px;
}

th.price_s,
td.price_s {
    min-width: 75px;
}

th.option_menu,
td.option_menu {
    min-width: 210px;
}

th.option_menu2,
td.option_menu2 {
    min-width: 224px;
}

td.price,
td.price_s {
    text-align: center;
}

.annotations {
    padding: 5px 16px;
}

.annotations dl dt {
    font-size: 15px;
    font-weight: bold;
}

.annotations div,
.annotations dd,
.annotations a,
.annotations span {
    font-size: 13px;
}

.annotations span,
.annotations dl dt 
span {
    font-weight: bold;
    color: #990000;
}

a.annotation {
    font-weight: bold;
    font-size: 13px;
    color: #990000;
    text-decoration: none;
}

@media only screen and (max-width: 639px) {
    .salon_image {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .salon_image div.salon_img300 {
        width: 150px;
        height: auto;
    }

    .salon_image div.salon_img225 {
        width: 112px;
        height: auto;
    }
    
    .salon_image div img {
    width: 100%;
    height: auto;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
}
    
    .salon_image div:not(:first-child) {
        margin-left: 3px;
    }

    table.price_list {
        width: 100%;
    }

    table.price_list thead tr th,
    table.price_list tbody tr td {
        font-size: 8px;
        padding: 2px;
    }
    
    table.price_list thead tr th span {
        font-size: 8px;
    }

    th.price,
    td.price {
        width: 68px;
    }

    th.price_s,
    td.price_s {
        min-width: 37px;
    }

    th.option_menu,
    td.option_menu {
        min-width: 100px;
    }

    th.option_menu2,
    td.option_menu2 {
        min-width: 112px;
    }

    .annotations {
        padding: 3px 8px;
    }

    .annotations div,
    .annotations a,
    .annotations span {
    }

    a.annotation {
        font-size: 8px;
    }
}

/* common */
.f_bold {
    font-weight: bold;
}

.margin10 {
    margin-bottom: 10px!important;
}

.margin20 {
    margin-bottom: 20px!important;
}

.margin30 {
    margin-bottom: 30px!important;
}

@media only screen and (max-width: 639px) {
    .margin10 {
        margin-bottom: 5px!important;
    }

    .margin20 {
        margin-bottom: 10px!important;
    }

    .margin30 {
        margin-bottom: 15px!important;
    }
}

/* gamma-description */
.masonry-brick .gamma-description h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.masonry-brick .gamma-description:empty {
    display: none;
}