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

/* --------------------------------------------------------------------
/* TOP
-------------------------------------------------------------------- */
/** mv **/
.mvAreaWrap {
    max-width: 1920px;
    margin: auto;
}
.mvAreaWrap .mvArea {
    padding-bottom: 10px;
}
.mvAreaWrap .mvArea .mv {
    margin: 0 0.156%;
}
.mvAreaWrap .mvArea .mv img {}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .mvAreaWrap {
		padding-top: 20vmin;
	}
    .mvAreaWrap .mvArea {}
    .mvAreaWrap .mvArea .mv {}
    .mvAreaWrap .mvArea .mv img {}
}

/** pickup **/
.pickupAreaWrap {}
.pickupAreaWrap .pickupList {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 20px 2.91%;
}
.pickupAreaWrap .pickupList .list {
    max-width: 345px;
    width: 31.37%;
    background-color: #f3f3ef;
    text-align: center;
    padding: 22px 24px;
}
.pickupAreaWrap .pickupList .list .img {
    margin-bottom: 30px;
}
.pickupAreaWrap .pickupList .list .img img {}
.pickupAreaWrap .pickupList .list .txt {
    margin-bottom: 30px;
}
.pickupAreaWrap .pickupList .list .btn {}
.pickupAreaWrap .pickupList .list .btn a {
    width: 100%;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .pickupAreaWrap {}
    .pickupAreaWrap .pickupList {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
    .pickupAreaWrap .pickupList .list {
    max-width: none;
    margin: 0 0.4%;
}
    .pickupAreaWrap .pickupList .list .img {
    text-align: center;
}
    .pickupAreaWrap .pickupList .list .img img {
    margin: auto;
}
    .pickupAreaWrap .pickupList .list .txt {
    font-size: min(3.2vmin, 16px);
}
    .pickupAreaWrap .pickupList .list .btn {}
    .pickupAreaWrap .pickupList .list .btn a {
    font-size: min(3.2vmin, 18px);
}    
}

/** NEWS **/
.newsAreaWrap {}
.newsAreaWrap .newsList {
    max-width: 800px;
    margin: auto;
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.newsAreaWrap .newsList .fs-pt-list__item {
}
.newsAreaWrap .newsList .fs-pt-list__item .fs-pt-list__link {}
.newsAreaWrap .newsList .fs-pt-list__item dl {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px dotted;
}
.newsAreaWrap .newsList .fs-pt-list__item:last-child dl {
    border-bottom: none;
}
.newsAreaWrap .newsList .fs-pt-list__item dl dt,
.newsAreaWrap .newsList .fs-pt-list__item dl dd {}
.newsAreaWrap .newsList .fs-pt-list__item dl dt {}
.newsAreaWrap .newsList .fs-pt-list__item dl dd {}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .newsAreaWrap {}
    .newsAreaWrap .newsList {}
    .newsAreaWrap .newsList .fs-pt-list__item {}
    .newsAreaWrap .newsList .fs-pt-list__item .fs-pt-list__link {}
    .newsAreaWrap .newsList .fs-pt-list__item dl {}
    .newsAreaWrap .newsList .fs-pt-list__item dl dt,
    .newsAreaWrap .newsList .fs-pt-list__item dl dd {}
    .newsAreaWrap .newsList .fs-pt-list__item dl dt {}
    .newsAreaWrap .newsList .fs-pt-list__item dl dd {}  
}

/** CATEGORY **/
.categoryAreaWrap {}
.categoryAreaWrap .catListWrap {}
.categoryAreaWrap .catListWrap .catList {}
.categoryAreaWrap .catListWrap .catList .list {
    text-align: center;
}
.categoryAreaWrap .catListWrap .catList .list a {}
.categoryAreaWrap .catListWrap .catList .list .img {
    text-align: center;
    margin-bottom: 16px;
}
.categoryAreaWrap .catListWrap .catList .list .img img {
    margin: auto;
}
.categoryAreaWrap .catListWrap .catList .list .ttl {
    font-size: 18px;
}
.categoryAreaWrap .catListWrap .catList .slick-track {
    display: flex;
}
.categoryAreaWrap .catListWrap .catList .slick-slide {
    height: auto !important;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .categoryAreaWrap {}
    .categoryAreaWrap .catListWrap {}
    .categoryAreaWrap .catListWrap .catList {}
    .categoryAreaWrap .catListWrap .catList .list {
    margin: 0 0.4%;
}
.categoryAreaWrap .catListWrap .catList .list a {}
    .categoryAreaWrap .catListWrap .catList .list .img {}
    .categoryAreaWrap .catListWrap .catList .list .img img {}
    .categoryAreaWrap .catListWrap .catList .list .ttl {
    font-size: min(3.2vmin, 19px);
}    
}

/** RANKING **/
.rankingAreaWrap {}
.rankingAreaWrap .rankingListWrap {}
.rankingAreaWrap .rankingList {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 20px 2.27%;
}
.rankingAreaWrap .rankingList .list {
    width: 18.18%;
    max-width: 200px;
    position: relative;
}
.rankingAreaWrap .rankingList .list .__num {
    position: absolute;
    background-color: #262626;
    color: #fff;
    padding: 9px 14px;
    font-size: 22px;
    line-height: 1;
    border-radius: 0 0 10px 0;
    z-index: 2;    
}
.rankingAreaWrap .rankingList .list .__num.no1 {background-color: #bfa153;}
.rankingAreaWrap .rankingList .list .__num.no2 {background-color: #706f6f;}
.rankingAreaWrap .rankingList .list .__num.no3 {background-color: #954f3b;}
/* .rankingAreaWrap .rankingList .list::before {
    content: "1";
    position: absolute;
    background-color: #262626;
    color: #fff;
    padding: 9px 14px;
    font-size: 22px;
    line-height: 1;
    border-radius: 0 0 10px 0;
    z-index: 2;
} */
/* .rankingAreaWrap .rankingList .list:nth-child(1)::before {content: "1"; background-color: #bfa153;}
.rankingAreaWrap .rankingList .list:nth-child(2)::before {content: "2"; background-color: #706f6f;}
.rankingAreaWrap .rankingList .list:nth-child(3)::before {content: "3"; background-color: #954f3b;}
.rankingAreaWrap .rankingList .list:nth-child(4)::before {content: "4";}
.rankingAreaWrap .rankingList .list:nth-child(5)::before {content: "5";} */
.rankingAreaWrap .rankingList .list .img {
    margin-bottom: 10px;
}
.rankingAreaWrap .rankingList .list a {}
.rankingAreaWrap .rankingList .list .img img {}
.rankingAreaWrap .rankingList .list .ttl {
    margin-bottom: 10px;
}
.rankingAreaWrap .rankingList .list .price {
    text-align: center;
}
.rankingAreaWrap .rankingList .list .price .num {
    font-size: 18px;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .rankingAreaWrap {}
    .rankingAreaWrap .rankingListWrap {}
    .rankingAreaWrap .rankingList {}
    .rankingAreaWrap .rankingList .list {
    max-width: none;
    margin-right: 2%;
}
    .rankingAreaWrap .rankingList .list .__num {
    font-size: min(4.2vmin, 22px);
}
    .rankingAreaWrap .rankingList .list::before {}
    .rankingAreaWrap .rankingList .list .img {}
    .rankingAreaWrap .rankingList .list .img img {}
    .rankingAreaWrap .rankingList .list .ttl {
    font-size: min(3.2vmin, 19px);
}
    .rankingAreaWrap .rankingList .list .price {
    font-size: min(3vmin, 16px);
}
    .rankingAreaWrap .rankingList .list .price .num {
    font-size: min(3.2vmin, 18px);
}    

    .rankingAreaWrap .rankingList .slick-list{
        overflow: visible;
    }
}

/** BRAND **/
.brandAreaWrap {}
.brandAreaWrap .brandBox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 4.55%;
}
.brandAreaWrap .brandBox .imgArea {
    width: 50%;
    max-width: 550px;
}
.brandAreaWrap .brandBox .imgArea img {}
.brandAreaWrap .brandBox .txtArea {
    flex: 1;
}
.brandAreaWrap .brandBox .txtArea .name {
    font-size: 24px;
    display: inline-block;
    background: linear-gradient(transparent 60%, rgb(176 194 167 / 63%) 60%);
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 20px;
}
.brandAreaWrap .brandBox .txtArea .name .sub {
    font-size: 80%;
}
.brandAreaWrap .brandBox .txtArea .txt01 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 2.25;
}
.brandAreaWrap .brandBox .txtArea .txt02 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.94;
    font-weight: 500;
}
.brandAreaWrap .brandBox .txtArea .btn {
    text-align: center;
}
.brandAreaWrap .brandBox .txtArea .btn a {
    width: 67%;
    padding: 16px;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .brandAreaWrap {}
    .brandAreaWrap .brandBox {}
    .brandAreaWrap .brandBox .imgArea {
    max-width: none;
    width: 100%;
}
    .brandAreaWrap .brandBox .imgArea img {}
    .brandAreaWrap .brandBox .txtArea {
    text-align: center;
    width: 87.5%;
    margin: auto;
    flex: none;
}
    .brandAreaWrap .brandBox .txtArea .name {
    text-align: center;
    font-size: min(5vmin, 24px);
}
    .brandAreaWrap .brandBox .txtArea .name .sub {}
    .brandAreaWrap .brandBox .txtArea .txt01 {
    text-align: left;
    font-size: min(4.2vmin, 20px);
}
    .brandAreaWrap .brandBox .txtArea .txt02 {
    text-align: left;
    font-size: min(3.2vmin, 18px);
}
    .brandAreaWrap .brandBox .txtArea .btn {
}
    .brandAreaWrap .brandBox .txtArea .btn a {
    width: 100%;
    font-size: min(3.2vmin, 18px);
}    
}

/** HISTORY **/
.historyAreaWrap {}
.historyAreaWrap .historyListWrap {}
.historyAreaWrap .historyList {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 20px 2.27%;
}
.historyAreaWrap .historyList .list {
    width: 18.18%;
    max-width: 200px;
    position: relative;
}
.historyAreaWrap .historyList .list .img {
    margin-bottom: 10px;
}
.historyAreaWrap .historyList .list a {}
.historyAreaWrap .historyList .list .img img {}
.historyAreaWrap .historyList .list .ttl {
    margin-bottom: 10px;
}
.historyAreaWrap .historyList .list .price {
    text-align: center;
}
.historyAreaWrap .historyList .list .price .num {
    font-size: 18px;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .historyAreaWrap {}
    .historyAreaWrap .historyListWrap {}
    .historyAreaWrap .historyList {}
    .historyAreaWrap .historyList .list {
        max-width: none;
        margin-right: 2%;
    }
    .historyAreaWrap .historyList .list::before {}
    .historyAreaWrap .historyList .list .img {}
    .historyAreaWrap .historyList .list .img img {}
    .historyAreaWrap .historyList .list .ttl {
    font-size: min(3.2vmin, 19px);
}
    .historyAreaWrap .historyList .list .price {
    font-size: min(3vmin, 16px);
}
    .historyAreaWrap .historyList .list .price .num {
    font-size: min(3.2vmin, 18px);
} 
    
    .historyAreaWrap .historyList .slick-list{
        overflow: visible;
    }    
}

/** BLUE&BLISS CLUB **/
.memberclubAreaWrap {}
.memberclubAreaWrap .memberGiftBox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 20px 2.27%;
}
.memberclubAreaWrap .memberGiftBox .box {
    width: 31.82%;
    max-width: 350px;
    border: 2px solid #b0c2a7;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 20px 25px;
}
.memberclubAreaWrap .memberGiftBox .box .imgArea {min-width: 22%;}
.memberclubAreaWrap .memberGiftBox .box .imgArea .img {}
.memberclubAreaWrap .memberGiftBox .box .imgArea .img img {}
.memberclubAreaWrap .memberGiftBox .box .txtArea {flex: 1;}
.memberclubAreaWrap .memberGiftBox .box .txtArea .txt {
    font-size: 16px;
    font-weight: bold;
}
.memberclubAreaWrap .memberGiftBox .box .txtArea .txt .big {
    color: #d56076;
    font-size: 19px;
}
.memberclubAreaWrap .memberGiftBox .box .txtArea .caution {
    font-size: 11px;
}
.memberclubAreaWrap .btnArea {
    margin: 65px 0 0;
    text-align: center;
}
.memberclubAreaWrap .btnArea a {
    width: 87.5%;
    max-width: 450px;
    padding: 16px;
    font-size: 17px;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .memberclubAreaWrap {}
    .memberclubAreaWrap .memberGiftBox {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .memberclubAreaWrap .memberGiftBox .box {
    width: 100%;
    max-width: none;
    padding: 4vmin;
}
    .memberclubAreaWrap .memberGiftBox .box .imgArea {}
    .memberclubAreaWrap .memberGiftBox .box .imgArea .img {
    text-align: center;
}
    .memberclubAreaWrap .memberGiftBox .box .imgArea .img img {}
    .memberclubAreaWrap .memberGiftBox .box .txtArea {}
    .memberclubAreaWrap .memberGiftBox .box .txtArea .txt {
    font-size: min(3.2vmin, 16px);
}
    .memberclubAreaWrap .memberGiftBox .box .txtArea .txt .big {
    font-size: min(4.2vmin, 20px);
}
    .memberclubAreaWrap .memberGiftBox .box .txtArea .caution {}
    .memberclubAreaWrap .btnArea {
    margin: 10vmin 0 0;
}
    .memberclubAreaWrap .btnArea a {font-size: min(3.2vmin, 18px);}        
}

/** USER GUIDE **/
.userguideAreaWrap {}
.userguideAreaWrap .userguideBox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: 20px 1.73%;
}
.userguideAreaWrap .userguideBox .box {
    width: 32.27%;
    max-width: 355px;
    border: 1px solid;
    padding: 40px 20px;
}
.userguideAreaWrap .userguideBox .box .ttlArea {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 9.86%;
    margin-bottom: 30px;
}
.userguideAreaWrap .userguideBox .box .ttlArea .__icon {}
.userguideAreaWrap .userguideBox .box .ttlArea .__icon img {}
.userguideAreaWrap .userguideBox .box .ttlArea .ttl {
    font-size: 22px;
    font-weight: bold;
}
.userguideAreaWrap .userguideBox .box .txtArea {
    text-align: center;
}
.userguideAreaWrap .userguideBox .box .txtArea .txtBox {
    display: inline-block;
    text-align: left;
}
.userguideAreaWrap .userguideBox .box .txtArea .txt {}
.userguideAreaWrap .userguideBox .box .txtArea .caution {}
.userguideAreaWrap .btnArea {
    margin: 65px 0 0;
    text-align: center;
}
.userguideAreaWrap .btnArea a {
    width: 87.5%;
    max-width: 450px;
    padding: 16px;
    font-size: 17px;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .userguideAreaWrap {}
    .userguideAreaWrap .userguideBox {
    display: block;
}
    .userguideAreaWrap .userguideBox .box {
    width: 100%;
    max-width: none;
    border: none;
    padding: 0;
    margin-bottom: 1vmin;
}
    .userguideAreaWrap .userguideBox .box .ttlArea {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: #b0c2a7;
    color: #fff;
    padding: 2vmin 4%;
    margin-bottom: 0;
}
.userguideAreaWrap .userguideBox .box .ttlArea::after {
    font-family: "Font Awesome 6 Free";
    content: '\2b';
    font-weight: 900;
}
.userguideAreaWrap .userguideBox .box .ttlArea.active::after {
    content: '\f068';
}
    .userguideAreaWrap .userguideBox .box .ttlArea .__icon {
    display: none;
}
    .userguideAreaWrap .userguideBox .box .ttlArea .__icon img {}
    .userguideAreaWrap .userguideBox .box .ttlArea .ttl {
    flex: 1;
    font-size: min(4.2vmin, 22px);
}
    .userguideAreaWrap .userguideBox .box .txtArea {
        display: none;
    }
    .userguideAreaWrap .userguideBox .box .txtArea .txtBox {
    display: block;
    padding: 4vmin 4%;
}
    .userguideAreaWrap .userguideBox .box .txtArea .txt {}
    .userguideAreaWrap .userguideBox .box .txtArea .caution {}
    .userguideAreaWrap .btnArea {
    margin: 10vmin 0 0;
}
    .userguideAreaWrap .btnArea a {
    font-size: min(3.2vmin, 18px);
}    
}

/** mv **/
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {}


/* --------------------------------------------------------------------
/* ページ　共通
-------------------------------------------------------------------- */
.fs-l-main {
    /* width: 100%;
    margin-bottom: 60px; */
}
.fs-c-heading--page {
    border-bottom: 2px solid #3d606b;
    color: #3d606b;
    font-weight: bold;
    margin: 0 0 30px;
} 
.fs-c-documentColumn__heading {
    color: #000;
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px 0px;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 10px 0;
    /* padding-left: 16px; */
    margin-bottom: 15px;
}
.fs-c-documentColumn__content {
    padding: 20px 0;
}
.fs-c-documentArticle__heading {
    background: #3d606b;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 10px;
    text-align: center;
}
.fs-c-button--primary {
    /* background: #3d606b;
    border: none;
    padding: 15px 10px; */
}
[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea {
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 10px;
}
.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
    border-bottom: 1px solid currentColor;
    color: #3d606b;
    font-size: 1.8rem;
    padding-bottom: 10px;
    margin-bottom: 20px;    
}
.fs-c-subSection__title, .fs-c-linkedServiceLogin__title {
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {}
}

/* --------------------------------------------------------------------
/* 商品一覧ページ
-------------------------------------------------------------------- */
.fs-c-subgroupList {}
.fs-c-subgroupList > li {
	
}
.fs-c-subgroupList__item {}
.fs-c-subgroupList__link {
    padding: 20px;
    border:none;
    color: #b0c2a7;
    background-color: #fff;
}
.fs-c-subgroupList__label {}
.fs-c-subgroupList__link::after {
    /* font-family: "Font Awesome 6 Free" !important;
    content: '\f061';
    font-weight: 900; */
    content: "〉";
    color: #b0c2a7;
    font-size: 14px;
}
.fs-c-subgroupList__link, .fs-c-subgroupList__link:visited, .fs-c-subgroupList__link:hover, .fs-c-subgroupList__link:active {
	color: #b0c2a7;
}
.fs-c-subgroupList__link:hover {
    background: none;
}
.fs-c-productListItem__prices {}
.fs-c-productListItem__prices .fs-c-productPrice {}
.fs-c-productListItem__prices .fs-c-productPrice .fs-c-productPrice__main {}
.fs-c-productListItem__prices .fs-c-productPrice .fs-c-productPrice__addon {}

.fs-c-productListItem__control {}
.fs-c-productListItem__control .fs-c-button--addToCart--list {
    width: 85%;
    background-color: #3d606b;
    color: #fff;
    padding: 4px;
}
.fs-c-productListItem__control .fs-c-button--plain::before {}
.fs-c-productListItem__control .fs-c-button--addToCart--list .fs-c-button__label {}
.fs-c-productListItem__control .fs-c-button--addToCart--list .fs-c-button__label {}
.fs-c-productListItem__control .fs-c-button--particular.fs-c-button--addToWishList--icon {}
.fs-c-productList__list {}
.fs-c-productListItem__productName {}
.fs-c-productListItem__productName .fs-c-productName__copy {
    margin-bottom: 8px;
}
.fs-c-productListItem__productName .fs-c-productName__name {}
.fs-c-sortItems {
	border: none;
}
.fs-c-sortItems__list {
	border: none;
}
.fs-c-sortItems__label {
	border: none;
}


/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .fs-c-subgroupList {}
    .fs-c-subgroupList > li {
    width: 50%;
    flex: none;
}
    .fs-c-subgroupList__item {}
    .fs-c-subgroupList__link {
        padding: 3vmin;
        font-size: 3.2vmin;
}
.fs-c-subgroupList > li:nth-child(even) .fs-c-subgroupList__link {
    border-left: none;
}
    .fs-c-subgroupList__label {}
    .fs-c-subgroupList__link::after {
        font-size: 3.2vmin;
    }
    
    .fs-c-productListItem__prices {}
    .fs-c-productListItem__prices .fs-c-productPrice {}
    .fs-c-productListItem__prices .fs-c-productPrice .fs-c-productPrice__main {}
    .fs-c-productListItem__prices .fs-c-productPrice .fs-c-productPrice__addon {}
    
    .fs-c-productListItem__control {}
    .fs-c-productListItem__control .fs-c-button--addToCart--list {}
    .fs-c-productListItem__control .fs-c-button--plain::before {}
    .fs-c-productListItem__control .fs-c-button--addToCart--list .fs-c-button__label {}
    .fs-c-productListItem__control .fs-c-button--addToCart--list .fs-c-button__label {}
    .fs-c-productListItem__control .fs-c-button--particular.fs-c-button--addToWishList--icon {}   
    .fs-c-productList__list {}
    .fs-c-productListItem__productName {}
    .fs-c-productListItem__productName .fs-c-productName__copy {}
    .fs-c-productListItem__productName .fs-c-productName__name {}
}
@media only screen and (max-width: 600px) {
    .fs-c-productListItem__control .fs-c-button--addToCart--list {
        font-size: 3.2vmin;
    }
	.fs-c-productMarks {
	font-size: 3.2vmin;
	font-weight: normal;
	}
	.fs-c-productListItem__preorderMessage.fs-c-preorderMessage {
	font-size: 3.5vmin;
	font-weight: normal;	
	}
	.fs-c-productListItem__prices {
	font-size: 3.2vmin;	
	}
	.fs-c-salesPeriod__date {
    font-size: 2.5vmin;
	}
}


/* --------------------------------------------------------------------
/* 会社概要
-------------------------------------------------------------------- */
.companyPageWrap {}
.companyPageWrap .t_type01 {
    width: 100%;
}
.companyPageWrap .t_type01 tr {
    border-bottom: 1px solid #333;
}
.companyPageWrap .t_type01 th,
.companyPageWrap .t_type01 td {
    padding: 10px;
    font-size: 16px;
}
.companyPageWrap .t_type01 th {}
.companyPageWrap .t_type01 td {}

/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .companyPageWrap {}
    .companyPageWrap .t_type01 {}
    .companyPageWrap .t_type01 tr {}
    .companyPageWrap .t_type01 th,
    .companyPageWrap .t_type01 td {}
    .companyPageWrap .t_type01 th {}
    .companyPageWrap .t_type01 td {}    
}

/* --------------------------------------------------------------------
/* お問合せ
-------------------------------------------------------------------- */
.contactForm {}
.contactForm form {
    max-width: 980px;
    width: 96%;
    margin: auto;
}
.contactForm a {
    text-decoration: underline;
}
.contactForm .formTtl {
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
    font-size: 15px;
    padding-bottom: 10px;
}
.contactForm input[type="text"] {}
.contactForm textarea {}
.contactForm .formBtn {
    margin-top: 30px;
    text-align: center;
}
.contactForm .formBtn input[type="submit"] {
    padding: 15px 30px;
    cursor: pointer;
    background-color: #3d606b;
    color: #fff;
    border: none;
    min-width: 200px;
    display: block;
    margin: 0 auto 10px;
}
.contactForm .formBtn input[type="button"] {border: none;cursor: pointer;}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .contactForm {}
    .contactForm a {}
    .contactForm .formTtl {}
    .contactForm input[type="text"] {}
    .contactForm textarea {}
    .contactForm .formBtn {}
    .contactForm .formBtn input[type="submit"] {}
    .contactForm .formBtn input[type="button"] {}
}

/* --------------------------------------------------------------------
/* ショッピングカートログイン
-------------------------------------------------------------------- */
.guestPurchaseWrap {
    margin-top: 48px;
}
.guestPurchaseWrap .fs-c-guestPurchase {
    border: none;
    margin-top: 0;
}
.guestPurchaseWrap .fs-c-guestPurchase .fs-c-button--guestPurchase {
    background: #3d606b;
    border: 1px solid #444444;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    padding: 1.2em 1em;
    box-shadow: 0 0 2px #b2b2b2;
    min-width: 240px;
}
.fs-c-button--secondary {
	padding: 1.5rem;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .guestPurchaseWrap {}
    .guestPurchaseWrap .fs-c-guestPurchase {}
    .guestPurchaseWrap .fs-c-guestPurchase .fs-c-button--guestPurchase {
        width: 100%;
    }    
	.fs-c-button--secondary {
		min-width: 100%;
	}
}

/* --------------------------------------------------------------------
/* 商品グループ共通
-------------------------------------------------------------------- */
.groupMainimg {
    margin-bottom: 30px;
    text-align: center;
}
.groupMainimg img {}
.groupMainimg + p {
    margin: 30px 0;
}
/** PC **/
@media only screen and (min-width: 769px) {}
/** SP **/
@media only screen and (max-width: 768px) {
    .groupMainimg {}
    .groupMainimg img {}
    .groupMainimg + p {}    
}

/* --------------------------------------------------------------------
/* ブランドストーリー
-------------------------------------------------------------------- */
.brandPage {
    font-size: 20px;
}
.brandPage .sec {
    margin: 0;
    padding: 120px 0;
    background-color: #e7f0ed;
}
.brandPage .sec:nth-child(even) {
    background-color: #f5f8f7;
}
.brandPage .sec h2.imgttl {
    text-align: center;
    margin-bottom: 70px;
}
/**octobre's Story**/
.brandPage .octobreWrap {
}
.brandPage .octobreWrap .box {
    position: relative;
    padding: 30px 30px 10px 0;
    margin-bottom: 33px;
}
.brandPage .octobreWrap .box::before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 81.45%;
    height: 100%;
    z-index: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 15px;
}
.brandPage .octobreWrap .box .flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.brandPage .octobreWrap .box .imgArea {
    margin: 0;
    width: 44%;
}
.brandPage .octobreWrap .box .imgArea img {}
.brandPage .octobreWrap .box .txtArea {
    position: relative;
    flex: 1;
}

.brandPage .octobreWrap .box .txtArea .ttl {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
}
.brandPage .octobreWrap .box .txtArea .txt {
}
.brandPage .octobreWrap .box + .img {}
.brandPage .octobreWrap .box + .img img {}
/**about A Book**/
.brandPage .aboutBookWrap {}
.brandPage .aboutBookWrap .leadTxt {
    text-align: center;
    margin-bottom: 65px;
}
.brandPage .aboutBookWrap .b_img {
    margin: 0;
}
.brandPage .aboutBookWrap .b_img figcaption {
    text-align: right;
    font-size: 16px;
}
/**Chef's Thoughts**/
.brandPage .chefsThoughtsWrap {}
.brandPage .chefsThoughtsWrap .block01 {
    margin-bottom: 70px;
} 
.brandPage .chefsThoughtsWrap .block01::after {
    content: "";
    display: block;
    background-size: 14px 4px;
    background-image: linear-gradient(to right, #251409 4px, transparent 4px);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-top: 70px;
    width: 80%;
    margin: auto;
} 
.brandPage .chefsThoughtsWrap .block01 .flexBox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
} 
.brandPage .chefsThoughtsWrap .block01 .flexBox .imgArea {
    width: 50%;
} 
.brandPage .chefsThoughtsWrap .block01 .flexBox .imgArea figure {
    margin: 0;
} 
.brandPage .chefsThoughtsWrap .block01 .flexBox .imgArea img {} 
.brandPage .chefsThoughtsWrap .block01 .flexBox .txtArea {
    width: 50%;
} 
.brandPage .chefsThoughtsWrap .block01 .flexBox .txtArea .txt {} 
.brandPage .chefsThoughtsWrap .block02 {} 
.brandPage .chefsThoughtsWrap .block02 .topTxt {
    text-align: center;
    margin-bottom: 70px;
} 
.brandPage .chefsThoughtsWrap .block02 .b_img {
    margin: 0;
} 
.brandPage .chefsThoughtsWrap .block02 .b_img img {} 
/**octobre's Story**/
.brandPage .logoDesignWrap {}
.brandPage .logoDesignWrap .flexBox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.brandPage .logoDesignWrap .flexBox .txtArea {
    width: 48%;
}
.brandPage .logoDesignWrap .flexBox .txtArea .txt {}
.brandPage .logoDesignWrap .flexBox .imgArea {
    width: 50%;
}
.brandPage .logoDesignWrap .flexBox .imgArea figure {
    margin: 0;
}
.brandPage .logoDesignWrap .flexBox .imgArea figure img {}
/** PC **/
@media only screen and (min-width: 769px) {
    .brandPage .logoDesignWrap .flexBox {
        flex-direction: row-reverse;
    } 
}
/** SP **/
@media only screen and (max-width: 768px) {
    .brandPage {
    font-size: min(3.8vmin, 20px);
}
    .brandPage .sec {
    padding: 17vmin 0;
}
    .brandPage .sec h2.imgttl {
    margin-bottom: 12vmin;
}
    .brandPage .sec h2.imgttl img {
    max-height: 9vmin;
}
    /**octobre's Story**/
    .brandPage .octobreWrap {} 
    .brandPage .octobreWrap .box {
    padding: 0;
}
    .brandPage .octobreWrap .box .imgArea {
    width: 70%;
    text-align: center;
    margin: auto;
    margin-bottom: 6vmin;
}
    .brandPage .octobreWrap .box .imgArea img {}
    .brandPage .octobreWrap .box .txtArea {
    width: 100%;
    flex: auto;
    padding: 4vmin;
}
    .brandPage .octobreWrap .box::before {
    width: 100%;
    top: 20%;
    height: 80%;
}
    .brandPage .octobreWrap .box .flex {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .brandPage .octobreWrap .box .txtArea .ttl {
    font-size: min(5.3vmin, 26px);
}
    .brandPage .octobreWrap .box .txtArea .txt {}
    .brandPage .octobreWrap .box + .img {
}
    .brandPage .octobreWrap .box + .img img {} 
    /**about A Book**/
    .brandPage .aboutBookWrap {}
    .brandPage .aboutBookWrap .leadTxt {
    text-align: left;
    margin-bottom: 8vmin;
}
    .brandPage .aboutBookWrap .b_img {}
    .brandPage .aboutBookWrap .b_img figcaption {
    text-align: center;
    font-size: min(2.8vmin, 16px);
} 
    /**Chef's Thoughts**/
    .brandPage .chefsThoughtsWrap {}
    .brandPage .chefsThoughtsWrap .block01 {
    margin-bottom: 10vmin;
} 
    .brandPage .chefsThoughtsWrap .block01::after {
    padding-top: 10vmin;
    width: 90%;
    background-size: 10px 2px;
    background-image: linear-gradient(to right, #251409 2px, transparent 2px);
}
    .brandPage .chefsThoughtsWrap .block01 .flexBox {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
} 
    .brandPage .chefsThoughtsWrap .block01 .flexBox .imgArea {
    width: 100%;
} 
    .brandPage .chefsThoughtsWrap .block01 .flexBox .imgArea img {} 
    .brandPage .chefsThoughtsWrap .block01 .flexBox .txtArea {
    width: 100%;
    margin-bottom: 8vmin;
} 
    .brandPage .chefsThoughtsWrap .block01 .flexBox .txtArea .txt {} 
    .brandPage .chefsThoughtsWrap .block02 {} 
    .brandPage .chefsThoughtsWrap .block02 .topTxt {
    text-align: left;
    margin-bottom: 8vmin;
} 
    .brandPage .chefsThoughtsWrap .block02 .b_img {} 
    .brandPage .chefsThoughtsWrap .block02 .b_img img {}    
    /**octobre's Story**/
    .brandPage .logoDesignWrap {}
    .brandPage .logoDesignWrap .flexBox {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .brandPage .logoDesignWrap .flexBox .txtArea {
    width: 100%;
    margin-bottom: 8vmin;
}
    .brandPage .logoDesignWrap .flexBox .txtArea .txt {}
    .brandPage .logoDesignWrap .flexBox .imgArea {
    width: 100%;
}
    .brandPage .logoDesignWrap .flexBox .imgArea figure {}
    .brandPage .logoDesignWrap .flexBox .imgArea figure img {}             
}