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

@import url(https://use.typekit.net/nnk5tra.css);

/* featureレイアウト調整用
-------------------------------- */
#headerContainer {display:none;}
.feature-share__bottom {display:none;}
.jf-otherFeature_pl3-container{display:none;}
@media screen and (max-width:1024px){
}
@media screen and (max-width:640px){
#headerContainer {display:block;}
}

.viewSp{display: none !important;}
@media screen and (max-width:640px){
.viewPc{display: none !important}
.viewSp{display: block !important;}
}

/* articleLayout07
-------------------------------- */
.jf-articleLayout07-mainVisual{}
.jf-articleLayout07-mainVisual__inner{}
.jf-articleLayout07-mainVisual .mainVisual-thumbnail{width: 100%;margin: 0 auto 0;position: relative;}
.jf-articleLayout07-mainVisual .mainVisual-thumbnail img{width: 100%;}
.jf-articleLayout07__Container{}
.jf-articleLayout07__Container.color_brown{background:#5C4E3A;color: #fff}
.jf-articleLayout07__Container.color_brown a{color: #fff;text-decoration: none}
.jf-articleLayout07__Container.color_navy{background:#313543;color: #fff}
.jf-articleLayout07__Container.color_navy a{color: #fff;text-decoration: none}
.jf-articleLayout07__Container.color_beige{background:#D0C7B9;}
.jf-articleLayout07__Container.color_beige a{color: #000;text-decoration: none}
.jf-articleLayout07__Container.color_gray{background:#4D464A;color: #fff}
.jf-articleLayout07__Container.color_gray a{color: #fff;text-decoration: none}
.jf-articleLayout07__Container.color_orange{background:#EB954B;}
.jf-articleLayout07__Container.color_orange a{color: #000;text-decoration: none}
.jf-articleLayout07__Container__inner{margin: 0 auto;max-width: 1100px;width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 62px 50px 160px;font-size: 14px;line-height: 1.8;}
.article07-title__ptn1{color:#202020;text-align: center; margin-top: 56px; font-size: 34px; font-weight: 400; font-family: "Noto Serif JP", serif;}
.article07__txt{margin-top: 62px; text-align: center;}
.article07__txt a{color:#202020;-webkit-box-shadow: inset 0 -1px 0 0 #111;box-shadow: inset 0 -1px 0 0 #111;text-decoration: none;transition: all 0.2s ease-in-out;}
.article07__txt a:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;}

.itemList__nav{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 82px;padding: 0;justify-content: center;align-items: center;}
.itemList__nav .nav-item{width: -webkit-calc(100% / 4 - 12px); width: calc(100% / 4 - 12px); margin-right: 16px; position: relative;}
.itemList__nav .nav-item:nth-of-type(4n){margin-right: 0;}
.itemList__nav .nav-item:nth-of-type(n+5){margin-top: 26px;}
.itemList__nav .nav-item a{transition: all 0.2s ease-in-out;}
.itemList__nav .nav-item a:hover{opacity: .7}
.itemList__nav .nav-item .nav-num{text-align: center;font-family: "montserrat", sans-serif; font-size: 17px; margin-bottom: 10px;}
.itemList__nav .nav-item .nav-image{}
.itemList__nav .nav-item .nav-image img{width: 100%}
.section__header__parts{}
.section__header__parts .section__titles{display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin-top: 46px;padding: 0;justify-content: center;align-items: center; font-family: "montserrat", sans-serif;padding-bottom: 56px; border-bottom: 1px solid #F5F2E4;}
.section__header__parts .section__titles .section__title{font-weight: 400; margin-right: 62px; line-height: 1.4; font-size: 24px; position: relative;}
.section__header__parts .section__titles .section__title::after{content: "/";position: absolute;top: 50%;-ms-transform: translate(0, -50%); transform: translate(0, -50%);right: -36px;}
.section__header__parts .section__titles .section__index{font-size: 52px;}
.section__lead{text-align: center; margin-top: 56px; font-size: 24px; font-weight: 400; font-family: "Noto Serif JP", serif;}
.section__text{text-align: center; padding: 46px 0; border-top: 1px dashed #F5F2E4; border-bottom: 1px dashed #F5F2E4; max-width: 680px; margin: 62px auto 0;}
.section__plus{text-align: center;margin-top: 100px;}
.section__plus-title{font-family: "Noto Serif JP", serif; font-weight: 400; background: #F5F2E4; padding: 2px 26px; border-radius: 24px; font-size: 16px;color: #5c4e3b; display: inline-block;}
.section__plus-list{border-top: 1px solid #F5F2E4;margin-top: 42px;}
.section__plus-list li{border-bottom: 1px solid #F5F2E4;padding: 12px 0;}
.section__colors{text-align: center;margin-top: 100px;}
.psection__colors-title{font-family: "Noto Serif JP", serif; font-weight: 400; background: #F5F2E4; padding: 2px 26px; border-radius: 24px; font-size: 16px;color: #5c4e3b; display: inline-block;}
.section__colors-list{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 42px;padding: 0;justify-content: center;align-items: center;}
.section__colors-list .section__color{width: -webkit-calc(100% / 4 - 12px); width: calc(100% / 4 - 12px); margin-right: 16px; position: relative;}
.section__colors-list .section__color:nth-of-type(4n){margin-right: 0;}
.section__colors-list .section__color:last-of-type{margin-right: 0;}
.section__colors-list .section__color:nth-of-type(n+5){margin-top: 26px;}
.section__colors-list .section__color .image img{width: 100%}
.section__colors-list .section__color .color{font-family: "montserrat", sans-serif; margin-top: 16px; display: block;}
.section__product{margin-top: 100px;border-top: 1px solid #F5F2E4; padding-top: 126px;}
.section__product .product__items{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; justify-content: center; align-items: center;}
.section__product .product__item{width: -webkit-calc(100% / 4 - 12px); width: calc(100% / 4 - 12px); margin-right: 16px; position: relative;text-align: center;}
.section__product .product__item:nth-of-type(4n){margin-right: 0;}
.section__product .product__item:last-of-type{margin-right: 0;}
.section__product .product__item:nth-of-type(n+5){margin-top: 26px;}
.section__product .product__item a{transition: all 0.2s ease-in-out;}
.section__product .product__item a:hover{opacity: .7}
.section__product .product__item .image{margin-bottom: 26px}
.section__product .product__item .image img{width: 100%}
.section__product .product__item .code{}
.section__product .product__item .name{}
.section__product .product__item .price{font-family: "Noto Serif JP", serif;}

/* 画像ブロック */
*[class^="image__block--"] {margin: 100px auto 0; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); max-width: 1060px;}
*[class^="image__block--"] img { display: block; width: 100%;}
*[class^="image__block--"] video { display: block; width: 100%;}
*[class^="image__block--"] a {-webkit-transition: 0.3s; transition: 0.3s; display: block; position: relative;}
.image__block--1__parts{max-width: 560px;}
.image__block--2__parts{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;justify-content: center;align-items: center;}
.image__block--2__parts .cell_1{width: -webkit-calc(50% - 16px); width: calc(50% - 16px); margin-right: 32px; margin-bottom: -146px;}
.image__block--2__parts .cell_2{width: -webkit-calc(50% - 16px); width: calc(50% - 16px);}
.image__block--2__parts .cell_3{width: -webkit-calc(50% - 16px); width: calc(50% - 16px); margin-right: 32px;}
.image__block--2__parts .cell_4{width: -webkit-calc(50% - 16px); width: calc(50% - 16px);}
.image__block--2__parts .product__items{max-width: 420px;margin-top: 73px;}
.image__block--2__parts .product__item{}
.image__block--2__parts .product__item:nth-of-type(n+2){margin-top: 10px;}
.image__block--2__parts .product__item .product__item__link{transition: all 0.2s ease-in-out;padding-right: 96px;position: relative;}
.image__block--2__parts .product__item .product__item__link:hover{opacity: .7}
.image__block--2__parts .product__item .product__item__link::after{ content: "BUY";font-family: "Noto Serif JP", serif; position: absolute; right: 0; background: #F5F2E4; padding: 1px 18px; border-radius: 6px; font-size: 0.8em; color: #5c4e3b; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.image__block--2__parts .product__item .product__item__price{font-family: "Noto Serif JP", serif;margin-left: 12px;}
.image__block--3__parts{width: 100%;}

/*  */
.lineup__Container{text-align: center;margin-top: 100px;}
.lineup__Container .jf-articleLayout07__Container__inner { padding-top: 120px;}
.lineup__Container .lineup__title{font-family: "montserrat", sans-serif;font-weight: bold; font-size: 48px; letter-spacing: 6px;line-height: 1.2;}
.lineup__Container .lineup__tagline{margin-top: 26px;}
.lineup__Container .lineup__items{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; justify-content: center; align-items: center;margin-top: 76px;}
.lineup__Container .lineup__items .lineup__item{width: -webkit-calc(100% / 2 - 30px); width: calc(100% / 2 - 30px); margin-right: 40px; position: relative;}
.lineup__Container .lineup__items .lineup__item:nth-of-type(2n){margin-right: 0;}
.lineup__Container .lineup__items .lineup__item:last-of-type{margin-right: 0;}
.lineup__Container .lineup__items .lineup__item:nth-of-type(n+3){margin-top: 56px;}
.lineup__Container .lineup__items .lineup__item a{transition: all 0.2s ease-in-out;}
.lineup__Container .lineup__items .lineup__item a:hover{opacity: .7}
.lineup__Container .lineup__items .lineup__item img{width: 100%;margin-bottom: 20px;}
.lineup__Container .lineup__items .lineup__item .name{}
.lineup__Container .lineup__items .lineup__item .price{font-family: "Noto Serif JP", serif;}
.about__Container{text-align: center;margin-top: 100px;}
.about__Container .jf-articleLayout07__Container__inner { padding-top: 120px;}
.about__Container .about__title{font-family: "montserrat", sans-serif;font-weight: bold; font-size: 26px;}
.about__Container .about__title_2{font-family: "montserrat", sans-serif;font-weight: bold; font-size: 48px; letter-spacing: 6px;margin-top: 12px;line-height: 1.2;}
.about__Container .about__text{margin-top: 86px;}
.btn__Container .btn{transition: all 0.2s ease-in-out; background: #EB954B; color: #000; max-width: 600px; width: 100%; margin: auto; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; min-height: 160px; border-radius: 8px; font-family: "montserrat", sans-serif; font-weight: bold; font-size: 28px; text-decoration: none;   letter-spacing: 1px;text-align: center;line-height: 1.6;}
.btn__Container .btn:hover{opacity: .7}

/* Slider カルーセルタイプ */
.image__carousel__parts{position:relative;margin-top: 100px;padding-bottom: 52px;overflow: hidden;  min-height: 510px; opacity: 0; transition: opacity .3s ease; margin-left: calc((100% - 100vw) / 2); margin-right: calc((100% - 100vw) / 2);}
.image__carousel__parts.slick-slider{opacity: 1;}
.image__carousel__parts .carousel__item{max-width: 345px;margin:0 10px;}
.image__carousel__parts .carousel__item img{width: 100%;height: 100%;border-radius: 0;}
.image__carousel__parts .slider__pager{display: -webkit-box !important;display: -webkit-flex !important;display: flex !important;position: absolute;bottom: 0;left: 0;width: -webkit-calc(100% - 140px);width: calc(100% - 140px);-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 5px 70px;-webkit-justify-content: center;justify-content: center;}
.image__carousel__parts .slider__pager li{margin: 3px 7px;}
.image__carousel__parts .slider__pager li button{font: 0/0 a;height: 10px;width: 10px;padding: 0;margin: 0;background: rgba(255,255,255,1);border-radius: 12px;border: none;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;position: relative;z-index: 1;display: block;}
.image__carousel__parts .slider__pager li.slick-active button{background: #EBD10B;}
.image__carousel__parts .slider__pager li.slick-active button::before {content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-animation: pager-active 3s infinite;animation: pager-active 3s infinite;pointer-events: none;background: #EBD10B;z-index: 0;top: 0;}
@keyframes pager-active{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1;filter:alpha(opacity=100)}80%,100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.8);transform:scale(1.8)}}
.image__carousel__parts .slider__prev{z-index: 1;font: 0/0 a;left: 30px;background: #4D464A;height: 56px;flex-basis: 56px;min-width: 56px;max-width: 56px;border-radius: 56px;display: -webkit-box;transition: all 0.2s ease-in-out;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);margin-top: -30px;}
.image__carousel__parts .slider__prev::before{ transition: .3s; position: absolute; margin: 0 -4px 0 0; content: ""; display: block; top: 50%; right: 50%; width: 16px; height: 16px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(50%, -50% rotate(-135deg)); transform: translate(50%, -50%) rotate(-135deg);}
.image__carousel__parts .slider__next{z-index: 1;font: 0/0 a;right: 30px;background: #4D464A;height: 56px;flex-basis: 56px;min-width: 56px;max-width: 56px;border-radius: 56px;display: -webkit-box;transition: all 0.2s ease-in-out;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);margin-top: -30px;}
.image__carousel__parts .slider__next::before { transition: .3s; position: absolute; margin: 0 4px 0 0; content: ""; display: block; top: 50%; right: 50%; width: 16px; height: 16px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(50%, -50% rotate(45deg)); transform: translate(50%, -50%) rotate(45deg);}
.image__carousel__parts .slider__prev:hover,
.image__carousel__parts .slider__next:hover {opacity: .7}

/* カラー変更用 */
.color_beige .section__header__parts .section__titles {border-bottom: 1px solid #000;}
.color_beige .section__text { border-top: 1px dashed #000;  border-bottom: 1px dashed #000;}
.color_beige .section__plus-list {border-top: 1px solid #000;}
.color_beige .section__plus-list li { border-bottom: 1px solid #000;}
.color_beige .section__product { border-top: 1px solid #000;}
@media screen and (max-width:834px){
}
@media screen and (max-width:640px){
.jf-articleLayout07__Container__inner{width: -webkit-calc(100% - 52px);width: calc(100% - 52px);padding: 36px 26px 100px;font-size: 13px;}
.article07-title__ptn1{margin-top: 28px; font-size: 20px; }
.article07__txt{margin-top: 28px;}
.itemList__nav{margin-top: 42px;}
.itemList__nav .nav-item{width: -webkit-calc(100% / 4 - 4.5px); width: calc(100% / 4 - 4.5px); margin-right: 6px;}
.itemList__nav .nav-item:nth-of-type(n+5){margin-top: 10px;}
.itemList__nav .nav-item .nav-num{font-size: 15px; margin-bottom: 6px;}
.section__header__parts .section__titles{margin-top: 26px; padding: 0 28px;padding-bottom: 36px;}
.section__header__parts .section__titles .section__title{ margin-right: 48px; font-size: 20px;}
.section__header__parts .section__titles .section__title::after{right: -27px;}
.section__lead{ margin-top: 36px; font-size: 16px;}
.section__text{padding: 26px 0;margin: 32px auto 0;}
.section__plus{margin-top: 56px;}
.section__plus-list{margin-top: 36px;}
.section__plus-list li{padding: 10px 0;}
.section__colors{margin-top: 56px;}
.section__colors-list{margin-top: 36px;}
.section__colors-list .section__color{width: -webkit-calc(100% / 2 - 20px); width: calc(100% / 2 - 20px); margin-right: 20px;}
.section__colors-list .section__color:nth-of-type(2n){margin-right: 0;}
.section__colors-list .section__color:nth-of-type(n+3){margin-top: 20px;}
.section__colors-list .section__color .color{ margin-top: 4px;}
.section__product{margin-top: 56px;padding-top: 48px;}
.section__product .product__items{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; justify-content: center; align-items: center;}
.section__product .product__item{ width:100%; margin-right: 0;display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;align-items: center;}
.section__product .product__item:nth-of-type(n+2){margin-top: 16px;}
.section__product .product__item a{width: 100%; margin-right: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;align-items: center;}
.section__product .product__item .image{margin-bottom: 0;margin-right: 26px; max-width: 96px;}
.section__product .product__item .info{text-align: left}
*[class^="image__block--"] {margin: 42px auto 0; width:100%;}
.image__block--2__parts{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;justify-content: center;align-items: center;}
.image__block--2__parts .cell_1{width: -webkit-calc(100% - 20%); width: calc(100% - 20%); margin-right: 20%; margin-bottom: 0;order:1;}
.image__block--2__parts .cell_2{display: none;}
.image__block--2__parts .cell_3{width:100%;margin-right: 0;order:3;}
.image__block--2__parts .cell_4{width: -webkit-calc(100% - 20%); width: calc(100% - 20%); margin-left: 20%;order:2;margin-top: 36px;}
.image__block--2__parts .product__items{max-width:inherit;margin-top: 36px;}
.lineup__Container{margin-top: 68px;}
.lineup__Container .jf-articleLayout07__Container__inner { padding-top: 48px;}
.lineup__Container .lineup__title{font-size: 26px; letter-spacing: 4px;}
.lineup__Container .lineup__tagline{margin-top: 16px;}
.lineup__Container .lineup__items{margin-top: 36px;}
.lineup__Container .lineup__items .lineup__item{width: -webkit-calc(100% / 2 - 20px); width: calc(100% / 2 - 20px); margin-right: 20px;}
.lineup__Container .lineup__items .lineup__item:nth-of-type(n+3){margin-top: 26px;}
.lineup__Container .lineup__items .lineup__item img{margin-bottom: 12px;}
.about__Container{margin-top: 68px;}
.about__Container .jf-articleLayout07__Container__inner { padding-top: 48px;}
.about__Container .about__title{font-size: 18px;}
.about__Container .about__title_2{font-size: 26px; letter-spacing: 4px;}
.about__Container .about__text{margin-top: 36px;}
.btn__Container .btn{width: -webkit-calc(85% - 40px); width: calc(85% - 40px); margin: 26px auto 0; font-size: 20px; padding: 0 20px; min-height: 136px;}

/* Slider カルーセルタイプ */
.image__carousel__parts{margin-top: 56px;min-height: 350px;padding-bottom: 48px;}
.image__carousel__parts.slick-slider{opacity: 1;}
.image__carousel__parts .carousel__item{margin:0 6px;}
.image__carousel__parts .slider__prev{left: 12px;height: 48px;flex-basis: 48px;min-width: 48px;max-width: 48px;border-radius: 48px;}
.image__carousel__parts .slider__next{right: 12px;height: 48px;flex-basis: 48px;min-width: 48px;max-width: 48px;border-radius: 48px;}
}