@charset "UTF-8";

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */


/* line 5, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}


/* line 22, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html {
    line-height: 1;
}


/* line 24, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

ol,
ul {
    list-style: none;
}


/* line 26, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* line 28, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}


/* line 30, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q,
blockquote {
    quotes: none;
}


/* line 103, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}


/* line 32, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

a img {
    border: none;
}


/* line 116, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

@font-face {
    font-family: "BrandonText-Light";
    src: url("../font/brandon/BrandonText-Light.otf") format("opentype");
}

@font-face {
    font-family: "BrandonText-Regular";
    src: url("../font/brandon/BrandonText-Regular.otf") format("opentype");
}

@font-face {
    font-family: "BrandonText-Medium";
    src: url("../font/brandon/BrandonText-Medium.otf") format("opentype");
}

@font-face {
    font-family: "BrandonText-Bold";
    src: url("../font/brandon/BrandonText-Bold.otf") format("opentype");
}


/* line 27, ../../sass/style.scss */

* {
    box-sizing: border-box;
}


/* line 31, ../../sass/style.scss */

.underline {
    text-decoration: underline;
}


/* line 35, ../../sass/style.scss */

.sp-block,
.sp-inline-block,
.sp-inline {
    display: none;
}


/* line 42, ../../sass/style.scss */

p .under-line {
    background-color: #FDFE00;
    position: relative;
    top: 8px;
    font-size: 19px;
}

@media (max-width: 768px) {

    /* line 42, ../../sass/style.scss */
    p .under-line {
        font-size: 12px;
    }
}


/* line 50, ../../sass/style.scss */

p .under-line span {
    font-size: 24px;
}

@media (max-width: 768px) {

    /* line 50, ../../sass/style.scss */
    p .under-line span {
        font-size: 16px;
    }
}

@media (max-width: 768px) {

    /* line 42, ../../sass/style.scss */
    p .under-line {
        top: 8px;
    }
}


/* line 59, ../../sass/style.scss */

p .under-line span {
    position: relative;
    top: -8px;
}

@media (max-width: 768px) {

    /* line 59, ../../sass/style.scss */
    p .under-line span {
        top: -8px;
    }
}


/* line 70, ../../sass/style.scss */

/* header.haruyama {
    padding-top: 50px;
} */

@media (max-width: 768px) {

    /* line 70, ../../sass/style.scss */
    header.haruyama {
        padding-top: 0;
    }
}

@media (max-width: 768px) {

    /* line 79, ../../sass/style.scss */
    .pc-only {
        display: none;
    }

    /* line 82, ../../sass/style.scss */
    .sp-block {
        display: block;
    }

    /* line 85, ../../sass/style.scss */
    .sp-inline-block {
        display: inline-block;
    }

    /* line 88, ../../sass/style.scss */
    .sp-inline {
        display: inline;
    }
}


/* line 93, ../../sass/style.scss */

img {
    max-width: 100%;
    height: auto;
}


/* line 98, ../../sass/style.scss */

.color01 {
    background-color: rgba(210, 176, 113, 0.2);
}


/* line 102, ../../sass/style.scss */

.color02 {
    background-color: rgba(210, 176, 113, 0.3);
}


/* line 106, ../../sass/style.scss */

main,
header.haruyama {
    line-height: 2;
    letter-spacing: 2px;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    color: #333333;
    font-size: 16px;
}

main {
    position: relative;
    z-index: 4;
}

@media (max-width: 768px) {

    /* line 106, ../../sass/style.scss */
    body {
        font-size: 12px;
    }
}


/* line 115, ../../sass/style.scss */

body .logo-area {
    text-align: center;
    padding: 30px 0;
}


@media (max-width: 768px) {

    /* line 115, ../../sass/style.scss */
    body .logo-area {
        padding: 25px 0 45px;
    }
}

body .logo-area a {
    text-decoration: none;
}

body .logo-area a span {
    font-size: 12px;
    display: block;
    color: #333;
    margin-top: 5px;
}


/* line 122, ../../sass/style.scss */

body .logo {
    width: 211px;
    height: 34px;
}


/* line 126, ../../sass/style.scss */

body .lh-1 {
    line-height: 1;
}


/* line 129, ../../sass/style.scss */

body .visual {
    position: relative;
    padding-bottom: 20px;
}

body .visual .main-btn {
    display: block;
    position: absolute;
    right: -45px;
    bottom: 45px;
    background: #ff530d;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    transition: 0.6s;
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: 4px;
}

body .visual .main-btn .icon {
    display: inline-block;
    width: 15px;
    vertical-align: text-top;
    margin: 0 5px 0 0;
}

body .visual .main-btn .icon path {
    transition: 0.6s;
    fill: #fff;
}

body .visual .main-btn:hover {
    transition: 0.6s;
    background: #fff;
    color: #ff530d;
}

body .visual .main-btn:hover .icon path {
    transition: 0.6s;
    fill: #ff530d;
}

@media (max-width: 768px) {
    body .visual .main-btn {
        position: initial;
    }
}

/* line 131, ../../sass/style.scss */

body .visual .bg {
    z-index: 0;
    width: 100%;
    height: 80%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(210, 176, 113, 0.5);
}

@media (max-width: 768px) {

    /* line 131, ../../sass/style.scss */
    body .visual .bg {
        /* height: 440px; */
        bottom: 0;
        width: 100%;
    }
}


/* line 147, ../../sass/style.scss */

body .visual .container {
    position: relative;
}


/* line 149, ../../sass/style.scss */

body .visual .container h1 {
    display: inline-block;
    position: absolute;
    left: 35px;
    bottom: 35px;
}

@media (max-width: 768px) {

    /* line 149, ../../sass/style.scss */
    body .visual .container h1 {
        position: relative;
        left: inherit;
        bottom: inherit;
        padding: 16px 0;
        width: 100%;
    }
}


/* line 161, ../../sass/style.scss */

body .visual .container h1 img {
    width: 562px;
    height: 210px;
}

@media (max-width: 768px) {

    /* line 161, ../../sass/style.scss */
    body .visual .container h1 img {
        width: 100%;
        height: auto;
    }
}


/* line 172, ../../sass/style.scss */

body .white {
    position: relative;
}


/* line 174, ../../sass/style.scss */

body .white .bg2 {
    width: calc(100% - 310px);
    height: 1350px;
    position: absolute;
    top: 80px;
    right: 0;
    background-color: #EFEFEF;
    z-index: 2;
}

@media (max-width: 768px) {

    /* line 174, ../../sass/style.scss */
    body .white .bg2 {
        width: calc(100% - 116px);
        height: 970px;
        position: absolute;
        top: 36px;
        right: 0;
        background-color: #EFEFEF;
        z-index: 2;
    }
}


/* line 193, ../../sass/style.scss */

body .gray {
    position: relative;
    background-color: #EFEFEF;
    z-index: 1;
    padding-bottom: 100px;
}

@media (max-width: 768px) {

    /* line 193, ../../sass/style.scss */
    body .gray {
        padding-bottom: 50px;
    }
}


/* line 201, ../../sass/style.scss */

body .gray .bg {
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 2;
}


/* line 210, ../../sass/style.scss */

body .container {
    max-width: 1040px;
    width: calc(100% - 66px);
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transition: 1s;
}


/* line 217, ../../sass/style.scss */

body .container.on {
    opacity: 1;
}

@media (max-width: 768px) {

    /* line 210, ../../sass/style.scss */
    body .container {
        max-width: calc(100% - 66px);
    }
}

body .ancNav {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}


body .ancNav .sep-line {
    width: 25%;
    width: calc(100% / 4);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    position: relative;
}

body .ancNav .sep-line::after {
    content: "";
    display: block;
    height: 10px;
    width: 1px;
    background: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

body .ancNav .sep-line:last-child:after {
    display: none;
}

body .ancNav a {
    transition: 0.6s;
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    text-align: center;
}

body .ancNav a:hover {
    transition: 0.6s;
    opacity: 0.3;
}

@media (max-width: 768px) {
    body .ancNav {
        margin-top: 25px;
        flex-wrap: wrap;
    }

    body .ancNav .sep-line {
        width: 48%;
        width: calc(100% / 2);
    }

    body .ancNav .sep-line:nth-of-type(2n):after {
        display: none;
    }

    body .ancNav a {
        padding: 5px;
    }
}

/* line 223, ../../sass/style.scss */

body .container.about {
    padding-top: 70px;
    padding-bottom: 100px;
    margin-top: 0;
}

@media (max-width: 768px) {

    /* line 223, ../../sass/style.scss */
    body .container.about {
        padding-top: 56px;
        margin-top: 0;
    }
}


/* line 232, ../../sass/style.scss */

body .container.new-arrivals {
    padding-top: 100px;
    padding-bottom: 135px;
    z-index: 3;
    position: relative;
}

@media (max-width: 768px) {

    /* line 232, ../../sass/style.scss */
    body .container.new-arrivals {
        padding-top: 56px;
    }
}


/* line 241, ../../sass/style.scss */

body .container.category {
    padding-top: 100px;
    padding-bottom: 100px;
    max-width: calc(1040px + 60px);
}

@media (max-width: 768px) {

    /* line 241, ../../sass/style.scss */
    body .container.category {
        padding-top: 56px;
        max-width: calc(100% - 66px);
    }
}


/* line 253, ../../sass/style.scss */

body .container.keyword {
    padding: 100px 0 50px;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {

    /* line 253, ../../sass/style.scss */
    body .container.keyword {
        padding: 100px 25px 25px;
    }
}


/* line 260, ../../sass/style.scss */

body .container.keyword div {
    position: relative;
    background-color: #fff;
    padding: 50px;
}

@media (max-width: 768px) {

    /* line 260, ../../sass/style.scss */
    body .container.keyword div {
        padding: 16px;
    }
}


/* line 268, ../../sass/style.scss */

body .container.keyword .bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 50px;
    background-color: #EFEFEF;
    left: 0;
    top: 0;
}

@media (max-width: 768px) {

    /* line 268, ../../sass/style.scss */
    body .container.keyword .bg {
        height: 16px;
    }
}


/* line 280, ../../sass/style.scss */

body .container.keyword h2 {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 2;
    width: 100%;
}

body .container.keyword .tags a {
    text-decoration: none;
    color: #333;
}


/* line 288, ../../sass/style.scss */

body .container.new-article {
    padding: 125px 0 50px 0;
    z-index: 3;
    position: relative;
}

@media (max-width: 768px) {

    /* line 288, ../../sass/style.scss */
    body .container.new-article {
        padding-top: 56px;
    }
}


/* line 296, ../../sass/style.scss */

body .container h2 {
    font-family: BrandonText-Medium, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: calc(79 / 68);
    font-size: 68px;
}

@media (max-width: 768px) {

    /* line 296, ../../sass/style.scss */
    body .container h2 {
        font-size: 28px;
    }
}


/* line 305, ../../sass/style.scss */

body .container h2 .under-line {
    background-color: #D2B071;
    position: relative;
    top: 8px;
    font-size: 21px;
}


/* line 310, ../../sass/style.scss */

body .container h2 .under-line span {
    font-size: 68px;
    line-height: calc(79 / 68);
    position: relative;
    top: -8px;
}

@media (max-width: 768px) {

    /* line 310, ../../sass/style.scss */
    body .container h2 .under-line span {
        font-size: 28px;
        top: -4px;
    }
}

@media (max-width: 768px) {

    /* line 305, ../../sass/style.scss */
    body .container h2 .under-line {
        top: 4px;
        font-size: calc(21px / (28 * 68));
    }
}


/* line 326, ../../sass/style.scss */

body .container .lead-text {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

@media (max-width: 768px) {

    /* line 326, ../../sass/style.scss */
    body .container .lead-text {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 25px;
    }
}


/* line 336, ../../sass/style.scss */

body .container .text-center {
    text-align: center;
}


/* line 339, ../../sass/style.scss */

body .container .btn-area {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {

    /* line 339, ../../sass/style.scss */
    body .container .btn-area {
        display: block;
    }
}


/* line 344, ../../sass/style.scss */

body .container .btn-area .col-6 {
    width: 50%;
}

@media (max-width: 768px) {

    /* line 344, ../../sass/style.scss */
    body .container .btn-area .col-6 {
        width: 100%;
    }
}


/* line 349, ../../sass/style.scss */

body .container .btn-area .col-6 .left-btn {
    text-align: right;
    margin-right: 16px;
}

@media (max-width: 768px) {

    /* line 349, ../../sass/style.scss */
    body .container .btn-area .col-6 .left-btn {
        margin-right: 0;
        text-align: center;
    }
}


/* line 357, ../../sass/style.scss */

body .container .btn-area .col-6 .right-btn {
    text-align: left;
    margin-left: 16px;
}

@media (max-width: 768px) {

    /* line 357, ../../sass/style.scss */
    body .container .btn-area .col-6 .right-btn {
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }
}


/* line 368, ../../sass/style.scss */

body .container .mt-50 {
    margin-top: 50px;
}


/* line 372, ../../sass/style.scss */

body .btn {
    width: 100%;
    padding: 20px 40px 20px 20px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    line-height: 1.5;
}

body .btn::after {
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: -3.5px;
    height: 7px;
    width: 7px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(45deg);
}

@media (max-width: 768px) {

    /* line 372, ../../sass/style.scss */
    body .btn {
        padding: 14px 20px;
    }
}


/* line 385, ../../sass/style.scss */

body .btn.btn-md {
    max-width: 415px;
    min-height: 80px;
}

@media (max-width: 768px) {

    /* line 385, ../../sass/style.scss */
    body .btn.btn-md {
        max-width: 100%;
        min-height: 61px;
    }
}


/* line 393, ../../sass/style.scss */

body .btn.btn-lg {
    max-width: 50%;
    min-height: 100px;
}


/* line 397, ../../sass/style.scss */

body .btn.btn-xl {
    max-width: 50%;
    min-height: 120px;
    font-size: 20px;
}


/* line 401, ../../sass/style.scss */

body .btn.btn-xl img {
    max-width: 274px;
    width: 100%;
    height: auto;
}


/* line 407, ../../sass/style.scss */

body .btn.gs-btn {
    color: #fff;
    background-color: #333;
    box-shadow: 4px 4px 10px rgba(153, 153, 153, 0.8);
    transition: .6s;

    border: 1px solid rgb(255 255 255 / 90%);
}


/* line 412, ../../sass/style.scss */

body .btn.gs-btn:hover {
    box-shadow: none;
}


/* line 416, ../../sass/style.scss */

body .btn.ec-btn {
    color: #fff;
    background-color: #ff530d;
    box-shadow: 4px 4px 10px #da4307;
    transition: .6s;

    border: 1px solid rgb(255 255 255 / 70%);
}



/* line 421, ../../sass/style.scss */

body .btn.ec-btn:hover {
    box-shadow: none;
}


/* line 426, ../../sass/style.scss */
body .priduct-list {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}


/* line 428, ../../sass/style.scss */

body .priduct-list .product {
    /* display: inline-flex !important; */
}

@media (min-width: 769px) {
    body .priduct-list .product {
        width: calc((100% - 60px) / 3);

    }

    body .priduct-list .product:not(:nth-of-type(3n)) {
        margin-right: 30px;
    }

    body .priduct-list .product:nth-of-type(n + 4) {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    body .priduct-list .product {
        width: calc((100% - 25px) / 2);
    }

    body .priduct-list .product:not(:nth-of-type(2n)) {
        margin-right: 25px;
    }

    body .priduct-list .product:nth-of-type(n + 3) {
        margin-top: 25px;
    }
}


/* line 433, ../../sass/style.scss */

body .priduct-list .product>p {
    min-width: 395px;
}

@media (max-width: 768px) {

    /* line 433, ../../sass/style.scss */
    body .priduct-list .product>p {
        min-width: 100%;
        text-align: center;
    }

    /* line 438, ../../sass/style.scss */
    body .priduct-list .product>p img {
        display: inline-block;
    }
}


body a.item-card {
    text-decoration: none;
    color: #333333;
    display: block;
    line-height: 1;
    background: #fff;
    box-shadow: 4px 4px 10px rgba(153, 153, 153, 0.4);
    transition: 0.6s;
}

body a.item-card:hover {
    box-shadow: none;
}

body a.item-card .innerWrap01 {
    padding: 10px;
}

/* line 443, ../../sass/style.scss */

/* body .priduct-list .product .infomation {
    padding: 10px;
} */

/* @media (max-width: 768px) {

    body .priduct-list .product .infomation {
        margin-left: 0;
        margin-top: 50px;
        padding-right: 0;
    }
} */


/* line 452, ../../sass/style.scss */

body .priduct-list .product .infomation p.lead-text {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.1em;
}

@media (max-width: 768px) {

    /* line 452, ../../sass/style.scss */
    body .priduct-list .product .infomation p.lead-text {
        font-size: 12px;
    }
}


/* line 459, ../../sass/style.scss */

body .priduct-list .product .infomation p.keywords {
    margin-top: 20px;
    font-size: 10px;
}


/* line 462, ../../sass/style.scss */

body .priduct-list .product .infomation p.keywords a {
    background-color: #D2B071;
    color: #fff;
    border-radius: 20px;
    margin-right: 4px;
    padding: 0px 8px;
    display: inline-block;
    text-decoration: none;
}


/* line 471, ../../sass/style.scss */

body .priduct-list .product .infomation p.tags {
    margin-top: 25px;
    font-size: 10px;
}

body .priduct-list .product .infomation p.tags a {
    color: #333;
    text-decoration: none;
}


/* line 476, ../../sass/style.scss */


body .priduct-list .product .infomation h3 {
    padding-top: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: initial;
}

body .priduct-list .product .infomation h3 a {
    text-decoration: none;
    color: #333333;
}


/* line 481, ../../sass/style.scss */

body .priduct-list .product .infomation h3+p {
    margin-top: 18px;
}


/* line 488, ../../sass/style.scss */

body .categories-list {
    margin-top: 50px;
}


/* line 491, ../../sass/style.scss */

body .categories-list .slick-slide>div {
    width: calc(100% - 57px);
    margin: 0 calc(57px / 2);
}

@media (max-width: 768px) {

    /* line 491, ../../sass/style.scss */
    body .categories-list .slick-slide>div {
        width: calc(100% - 8px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {

    /* line 501, ../../sass/style.scss */
    body .categories-list .slick-slide.slick-active>div {
        margin-right: 0;
        margin-left: auto;
        text-align: right;
    }

    /* line 506, ../../sass/style.scss */
    body .categories-list .slick-slide.slick-active>div a {
        text-align: left;
    }
}

@media (max-width: 768px) {

    /* line 512, ../../sass/style.scss */
    body .categories-list .slick-slide.slick-active.slick-current>div {
        margin-left: 0;
        margin-right: auto;
        text-align: left;
    }
}


/* line 522, ../../sass/style.scss */

body .categories-list .category {
    text-decoration: none;
    color: #333;
    max-width: 310px;
}


/* line 526, ../../sass/style.scss */

body .categories-list .category p {
    font-weight: 400;
    line-height: 1.4;
    margin-top: 5px;
}


/* line 529, ../../sass/style.scss */

body .categories-list .category .title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}

@media (max-width: 768px) {

    /* line 529, ../../sass/style.scss */
    body .categories-list .category .title {
        font-size: 16px;
    }
}


/* line 539, ../../sass/style.scss */

body footer .container {
    padding-top: 120px;
    position: relative;
    z-index: 3;
}

@media (max-width: 768px) {

    /* line 539, ../../sass/style.scss */
    body footer .container {
        padding-top: 60px;
    }
}


/* line 547, ../../sass/style.scss */

body footer .footer-logo {
    margin-top: 140px;
}

@media (max-width: 768px) {

    /* line 547, ../../sass/style.scss */
    body footer .footer-logo {
        margin-top: 100px;
    }
}


/* line 553, ../../sass/style.scss */

body footer .footer-goodstyle {
    margin-top: 200px;
    padding-bottom: 100px;
}

@media (max-width: 768px) {

    /* line 553, ../../sass/style.scss */
    body footer .footer-goodstyle {
        margin-top: 100px;
        padding-bottom: 50px;
    }
}


/* line 561, ../../sass/style.scss */

body footer .footer-nav {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}


/* line 565, ../../sass/style.scss */

body footer .footer-nav li {
    margin-right: 30px;
    font-size: 12px;
}

@media (max-width: 768px) {

    /* line 565, ../../sass/style.scss */
    body footer .footer-nav li {
        margin-right: 14px;
    }
}


/* line 571, ../../sass/style.scss */

body footer .footer-nav li:last-of-type {
    margin-right: 0;
}


/* line 574, ../../sass/style.scss */

body footer .footer-nav li a {
    text-decoration: none;
    color: #333;
}


/* line 580, ../../sass/style.scss */

body footer .copy {
    font-size: 10px;
    font-family: BrandonText-Medium, sans-serif;
    text-align: center;
    padding: 30px 0 40px;
}


/* line 590, ../../sass/style.scss */

.relative {
    position: relative;
}


/* line 594, ../../sass/style.scss */

.background-img {
    position: absolute;
    opacity: 0;
    z-index: -1;
    -ms-filter: blur(6px);
    -webkit-filter: blur(6px);
    filter: blur(6px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
}

@media (max-width: 768px) {

    /* line 594, ../../sass/style.scss */
    .background-img {
        width: 100%;
    }
}


/* line 609, ../../sass/style.scss */

.background-img.open {
    top: 10px;
    left: 10px;
    opacity: 0.6;
    overflow: inherit;
}


/* line 616, ../../sass/style.scss */

.post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


@media (min-width: 769px) {
    .post .content-box {
        width: calc((100% - 80px)/ 4);
    }

    .post .content-box:nth-of-type(n + 5) {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {

    .post .content-box {
        max-width: calc(50% - 20px);
    }

    .post .content-box:nth-of-type(n + 3) {
        margin-top: 30px;
    }
}


/* 
.post .content-box:nth-of-type(2) {
    margin-top: 100px;
}

@media (max-width: 768px) {

    .post .content-box:nth-of-type(2) {
        margin-top: 50px;
    }
}



.post .content-box:nth-of-type(3) {
    margin-top: 50px;
}

@media (max-width: 768px) {

    .post .content-box:nth-of-type(3) {
        display: none;
    }
} */
.post .content-box .background.scale:hover {
    transform: scale(1.05);
}

/* line 637, ../../sass/style.scss */

.post .content-box .category {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    max-width: 310px;
    font-size: 10px;
    font-weight: bold;
    font-family: BrandonText-Bold, sans-serif;
    font-style: normal;
}


/* line 646, ../../sass/style.scss */

.post .content-box .category span a {
    text-decoration: none;
    color: #333;
}


/* line 651, ../../sass/style.scss */

.post .content-box .category span:first-of-type:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 8px;
    background-color: #333;
    margin: 0 8px;
}


/* line 662, ../../sass/style.scss */

.post .content-box .title {
    line-height: 1.4;
}

.post .content-box .title a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}


/* line 667, ../../sass/style.scss */

.post .content-box .tag {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-top: 10px;
    font-size: 10px;
}


/* line 672, ../../sass/style.scss */

.post .content-box .tag a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    background: #fff;
    padding: 3px 8px;
    border-radius: 15px;
}


/* line 683, ../../sass/style.scss */

.container .priduct-list .slick-prev,
.container .priduct-list .slick-next,
.container .priduct-list .slick-prev:focus,
.container .priduct-list .slick-next:focus,
.container .priduct-list .slick-prev:hover,
.container .priduct-list .slick-next:hover {
    top: 30%;
}

@media (max-width: 768px) {

    /* line 683, ../../sass/style.scss */
    .container .priduct-list .slick-prev,
    .container .priduct-list .slick-next,
    .container .priduct-list .slick-prev:focus,
    .container .priduct-list .slick-next:focus,
    .container .priduct-list .slick-prev:hover,
    .container .priduct-list .slick-next:hover {
        top: 18%;
    }
}


/* line 695, ../../sass/style.scss */

.container .slick-prev,
.container .slick-next,
.container .slick-prev:focus,
.container .slick-next:focus,
.container .slick-prev:hover,
.container .slick-next:hover {
    width: 49px;
    height: 49px;
    background-color: #D2B073;
    z-index: 2;
    top: 40%;
}

@media (max-width: 768px) {

    /* line 695, ../../sass/style.scss */
    .container .slick-prev,
    .container .slick-next,
    .container .slick-prev:focus,
    .container .slick-next:focus,
    .container .slick-prev:hover,
    .container .slick-next:hover {
        top: 35%;
    }
}


/* line 709, ../../sass/style.scss */

.container .slick-prev:before,
.container .slick-next:before,
.container .slick-prev:focus:before,
.container .slick-next:focus:before,
.container .slick-prev:hover:before,
.container .slick-next:hover:before {
    content: "";
    opacity: 1;
    width: 12px;
    height: 20px;
    display: inline-block;
    margin: 4.5px 12.5px;
    background-image: url(../images/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
}


/* line 721, ../../sass/style.scss */

.container .slick-prev {
    left: 0;
}


/* line 724, ../../sass/style.scss */

.container .slick-next {
    right: 0;
}


/* line 726, ../../sass/style.scss */

.container .slick-next:before {
    transform: rotate(180deg);
}


/* line 731, ../../sass/style.scss */

.container .categories-list .slick-prev {
    left: calc(57px / 2);
}

@media (max-width: 768px) {

    /* line 731, ../../sass/style.scss */
    .container .categories-list .slick-prev {
        left: 0;
    }
}


/* line 737, ../../sass/style.scss */

.container .categories-list .slick-next {
    right: calc(57px / 2);
}

@media (max-width: 768px) {

    /* line 737, ../../sass/style.scss */
    .container .categories-list .slick-next {
        right: 0;
    }
}


/* line 742, ../../sass/style.scss */

.container .categories-list .slick-next:before {
    transform: rotate(180deg);
}

.text-center {
    text-align: center;
}