@charset "UTF-8";
/* CSS Document */

/* ========================================
	main
======================================== */
.fs-l-page {
    overflow: hidden;
}
@media print, screen and (min-width: 768px) {
    main{
        width: calc(100% - 40px);
        max-width: 1280px;
        margin: 8px auto 0;
        clear: both;
    }
    main.f-page{
        margin: 37px auto 0;
        position: relative;
    }
}

@media print, screen and (max-width: 767px) {
    main{
        padding-right: 4vw;
        padding-left: 4vw;
    }
}

/* ========================================
	left
======================================== */

@media print, screen and (min-width: 768px) {
    #left{
        width: 200px;
        float: left;
        margin-right: 40px;
    }
    #left .search.search_box input.btn[type=submit] {
      border: 0px;
      width: 35px;
      height: 34px;
      background: url("../common/btn_searchL.png") right center no-repeat;
    }
    #left .search.search_box input.text[type=text]  {
      width: 150px;
      padding: 0 10px;
    }
    #left .search.search_box form.search{
      display: flex;
      margin-bottom: 10px;
    }
    
    #left .search.search_list a {
        background: #cd9c10;
        color: #fff;
        border-radius: 6px;
        padding: 3px 10px;
        display: inline-block;
        text-decoration: none;
        margin-right: 2%;
        margin-bottom: 6px;
    }
    
    #left .lcat {
        width: 200px;
        margin: 0 0 10px 0;
        padding: 0;
        border: 1px solid #e1e1e1;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
    }
    #left .lcat h4 {
        margin: 10px 0 10px 0;
    }
    #left .lcat ul {
        margin: 10px;
        padding: 0;
        border-top: 1px dotted #e1e1e1;
    }
    #left .lcat li {
        margin: 0;
        padding: 6px 0;
        border-bottom: 1px dotted #e1e1e1;
    }
    #left .lcat li a {
        color: #000;
        text-decoration: none;
        font-size: 90%;
    }
}
@media(min-width: 1px) and (max-width: 980px) {
    #left {
        width: 20vw;
        margin-right: 2vw;
    }
    #left .lcat{
        width: 100%;
    }
}

/* ========================================
	contents
======================================== */
/* @media print, screen and (min-width: 768px) {
    #contents{
        width: calc(100% - 40px);
        max-width: 1280px;
        margin: 0 auto;
    }
} */

/* ========================================
	コラム
======================================== */
@media print, screen and (min-width: 768px) {
    .fs-pt-column {
        grid-gap: 10px;
        margin-bottom: 15px;
    }
    .fs-pt-column a{
        padding: 0;
        text-decoration: none;
        color: #000;
    }
    .fs-pt-column__item .fs-pt-column__description {
        font-size: 13px;
        margin-top: 7px;
    }
    a.fs-pt-column__item:hover{
        text-decoration: none;
    }
}

/* ========================================
	パンくず
======================================== */
nav.fs-c-breadcrumb {
    color: #555;
}
.fs-c-breadcrumb__list > li >a {
    color: #ac9568;
    text-decoration: none;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem:before {
    color: #ac9568;
}

@media print, screen and (min-width: 768px) {
    nav.fs-c-breadcrumb {
        width: calc(100% - 40px);
        max-width: 1280px;
        margin: 0 auto;
    }
}
@media print, screen and (max-width: 767px) {
    .fs-c-breadcrumb__list {
        padding: 12px 4vw;
        font-size: 10px;
    }
    .fs-c-breadcrumb__list > li {
        font-size: 10px !important;
    }
}

/* ========================================
	画像モーダル調整
======================================== */
@media print, screen and (min-width: 768px) {
    .fs-c-productImageModal__inner{
        margin-top: 20vh;
    }
    .fs-c-productImageModalCarousel__figure{
        display: inline-block;
        text-align: center;
    }
    .fs-c-productImageModalCarousel__figure__image {
        height: 60vh;
        width: 60vh;
        margin: 0 auto;
    }
}