@charset "utf-8";

/* Header
---------------------------------------------------*/
#Header {
    background: transparent;
}
.header_logo_area .header_logo a {
    color: #000;
}

/* btn_cart */
#gnavi > .btn_cart a .cb {
    fill: #000;
}
#gnavi > .btn_cart a p {
    color: #000;
}

/* ul.menu */
#gnavi > ul.menu li a .cb {
    fill: #000;
}
#gnavi > ul.menu li a p {
    color: #000;
}

/* btn_menu */
#btn_menu .menu-trigger span,
#btn_menu .menu-trigger span:nth-of-type(2)::after {
    background-color: #000;
}

/* btn_cart */
#gnavi > .btn_cart {
    fill: #000;
}
#gnavi > .btn_cart a p {
    color: #000;
}

/* main_visual
---------------------------------------------------*/
.main_visual {
    width: 100%;
    background-color: #fff;
    margin-bottom: 100px;
}
.main_visual .slider {
    position: relative;
}
.main_visual .slider-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}
.main_visual .slider01 .slider-txt {
    width: 28.33%;
}
.main_visual .slider-img img,
.main_visual .slider-txt img {
    width: 100%;
}

/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .main_visual {
        margin-bottom: 13.88vw;
    }
    .main_visual .slider01 .slider-txt {
        width: 79.16vw;
    }
}


/* news_contents
---------------------------------------------------*/
.news_contents {
    width: 68%;
}
#news_area .heading01 {
    text-align: left;
}

/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .news_contents {
        width: 100%;
        margin-bottom: 9.72vw;
    }
    #news_area .heading01 {
        text-align: center;
    }
}

/* txt_bnr_area
---------------------------------------------------*/
.txt_bnr_area {
    width: 32%;
    padding-left: 5%;
    padding-top: 8%;
}
.txt_bnr {
    line-height: 1.6em;
    text-align: center;
    font-weight: bold;
    background: #f8f8f8;
    border: 1px solid #D9D9D9;
    padding: 1em;
    margin: 0 auto;
}
.txt_bnr strong {
    color: #DE5D50;
    font-size: 1.8rem;
}
.txt_bnr strong strong {
    font-size: 3.0rem;
}
.item_gallery {
    clear: both;
}
.bnr_campaign img {
    width: 100%;
}

/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .txt_bnr_area {
        width: 100%;
        padding: 0 4.16vw;
    }
}


/* about_contents
---------------------------------------------------*/
.about_contents {
    position: relative;
    padding: 90px 0 80px;
}
.about_contents::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/top/bg_about.png');
    background-repeat: no-repeat;
    background-position: center top 90px;
    background-size: auto;
    z-index: 1;
}
#about_area {
    position: relative;
    max-width: 920px;
    padding: 24px 20px;
    z-index: 10;
}
#about_area .text {
    order: 2;
    width: 65.9%;
}
#about_area .text p {
    line-height: 2em;
    font-size: 18px;
    letter-spacing: 0.01em;
}
#about_area .figure {
    order: 1;
    width: 29.7%;
    margin-right: 4.4%;
}
#about_area .figure img {
    width: 100%;
}

/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .about_contents {
        position: relative;
        padding: 20.83vw 0;
    }
    .about_contents::after {
        top: 0;
        left: 14.58vw;
        width: 173.61vw;
        height: 21.94vw;
        background-position: center;
        background-size: contain;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: left top;
    }
    #about_area {
        max-width: none;
        padding: 0 4.16vw;
    }
    #about_area .text {
        width: 100%;
    }
    #about_area .text p {
        line-height: 1.7em;
        font-size: 3.88vw;
    }
    #about_area .figure {
        width: 69.44vw;
        margin: 6.94vw auto 0;
    }
}


/* products_category_contents
---------------------------------------------------*/
.products_category_contents {
    background-color: #fcf9f7;
    padding: 100px 0;
}
#products_category_area .heading01{
    text-align: center;
    margin-bottom: 1em;
}
#products_category_area .products_category {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 80px;
}
#products_category_area .products_category:nth-child(3n) {
    margin-right: 0;
}
#products_category_area .products_category .figure {
    width: 100%;
    margin-bottom: 30px;
}
#products_category_area .products_category .figure img {
    width: 100%;
}
#products_category_area .products_category .heading01 {
    font-size: 22px;
}
#products_category_area .products_category .heading01 span {
    font-size: 14px;
}

/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .products_category_contents {
        padding: 20.83vw 0;
    }
    #products_category_area {
        padding: 0 4.16vw;
    }
    #products_category_area .heading01{
        margin-bottom: 13.88vw;
    }
    #products_category_area .products_category {
        width: 47.5%;
        margin-bottom: 13.88vw;
    }
    #products_category_area .products_category:nth-child(3n) {
        margin-right: 5%;
    }
    #products_category_area .products_category:nth-child(2n) {
        margin-right: 0;
    }
    #products_category_area .products_category:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    #products_category_area .products_category .figure {
        margin-bottom: 5.55vw;
    }
    #products_category_area .products_category .heading01 {
        font-size: 3.88vw;
        margin-bottom: 5.55vw;
    }
    #products_category_area .products_category .heading01 span {
        font-size: 2.77vw;
    }
    #products_category_area .products_category .btn {
        min-width: auto;
        width: 100%;
    }
}