@charset "UTF-8";
@import url("https://fonts.cdnfonts.com/css/hoefler-text");
@import url("https://fonts.cdnfonts.com/css/khmer-busra");

body .block-brand-top-topic{
    width:100%;
    background: none;
}
body:not(.shoplist) .container_ .mainframe_ > .forcms_block:not(:first-child):not(.block-brand-top-products05) {
    padding-top: 0;
}
body .mainframe_ > .forcms_block:last-child {
    padding-bottom: 0;
}
body .block-brand-footer,
body #footer,
#header{
    position: relative;
    z-index: 1;
}
#header{
    position: relative;
    z-index: 3;
}
#header.fixed{
    position: fixed;
}

.wrapper_{
    background-color: #fbf9f3;
    font-family: "A1 Mincho", serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -ms-font-feature-settings: "normal";
    font-style: italic;
    font-size: 1vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    color: #524845;
}
.wrapper_ a.underline {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0, #ccc8c3));
    background-image: linear-gradient(transparent 95%, #ccc8c3 0);
    text-decoration: none;
}
.isnt-wrapper_ a.underline:focus,
.isnt-wrapper_ a.underline:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0, #5b514e));
    background-image: linear-gradient(transparent 95%, #5b514e 0);
}

@media screen and (max-width: 767px) {
    .wrapper_{
        font-size: 3.6vw;
    }
    .sp-ta-center {
        text-align: center;
    }
    body:not(.shoplist) .wrapper_ > .forcms_block:not(:first-child):not(.block-brand-more-btn):not(.block-brand-top-products05):not(.itemhistory) {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .wrapper_ > .forcms_block:nth-last-child(2) {
        padding-bottom: 50px!important;
    }
}

.wrapper_ h1,.wrapper_ h2,.wrapper_ h3,.wrapper_ h4,.wrapper_ h5,.wrapper_ h6 {
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 0px;
}
.wrapper_ blockquote,.wrapper_  dl,.wrapper_  figure,.wrapper_  form,.wrapper_  ol,.wrapper_  p,.wrapper_  pre,.wrapper_  table,.wrapper_  ul {
    margin-bottom: 1.5em;
}
.wrapper_ img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}
.wrapper_ .forcms_block{
    position: relative;
    z-index: 1;
}


.ta-center {
    text-align: center;
}
.home-content h2 {
    font-size: 1.75em;
    line-height: 1.2;
}
.home-content h4 {
    line-height: 1.3;
}
.home-content h5 {
    line-height: 1.4;
}
.ff-times {
    font-family: "Khmer Busra", serif;
    letter-spacing: 0;
}
.wrapper_ .fz-minimum {
    font-size: 50%;
}
.wrapper_ .fz-small {
    font-size: 75%;
}
.wrapper_ .fz-14 {
    font-size: 0.875em;
}
.wrapper_ .fz-18 {
    font-size: 1.125em;
}
.wrapper_ .fz-20 {
    font-size: 1.25em;
}
.wrapper_ .fz-24 {
    font-size: 1.5em;
}
.wrapper_ .fz-32{
    font-size: 2em;
}
.wrapper_ .ff-ht {
    letter-spacing: 0px;
}

.mt-1d5 {
    margin-top: 1.5em !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 1em !important;
}
.mb-3 {
    margin-bottom: 3em !important;
}
.mb-d5 {
    margin-bottom: 0.5em !important;
}
.mb-1d5 {
    margin-bottom: 1.5em !important;
}
.pr-1d5 {
    padding-right: 1.5em !important;
}

.w-100p {
    width: 100% !important;
}

.home-content em {
    color: rgb(214, 60, 81);
}

.border-title--dotted {
    border-bottom-style: dotted;
}
.border-title {
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(82, 72, 69);
}
.home-content .block-section--store .wrapper .content,
.home-content .block-section--store .wrapper .image {
    width: 50%;
}

@media screen and (max-width: 767px) {
    
    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{
        font-size: 3.6vw;
    }
    .sp-mb-3 {
        margin-bottom: 3em !important;
    }
    .wrapper_ span{
        font-size: 100%;
    }
    .home-content em{
        font-size: 80%;
    }
}