@charset "utf-8";
/*-------------------------------------
SITE : //www.jeansfactory.jp/
CREATE : 2019.06.21
MODIFIED : 2019.09.11
UPDATED BY : OGASAWARA
MEMO : 2019.09.11__ver1.1.1
MEMO : 2019.09.18__ver1.2.0
MEMO : 2024.08.01__ver2.0.0 Benentへのリプレイスに伴う機能追加。デザイン調整
-------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Unica+One);


/* ==================================

 共通

================================== */

/* 結果なしメッセージ */
.noResultMessage{display: -webkit-flex;display: flex; -webkit-justify-content: center; justify-content: center;}
.noResultMessage .noResultMessage__title{font-size:18px}
@media screen and (max-width:834px){
.noResultMessage{margin:0 30px;}
}
@media screen and (max-width:640px){
.noResultMessage{margin:0 20px;}
.noResultMessage .noResultMessage__title{font-size:14px}
}

/* pagerWrapper_ver02
-------------------------------------*/
.pagerWrapper_ver02{margin: 80px auto 0;max-width: 1024px;position: relative;}
.pagerWrapper_ver02::after {content: "";clear: both;display: block;}
.pagerWrapper_ver02 .pagenation {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 450px;text-align: center;overflow: hidden;position: relative;transition: .5s ease-in-out;color: #242424;float: right;background: #fff;border: 1px solid #666;border-radius: 6px;}
.pagerWrapper_ver02 .pagenation-next,
.pagerWrapper_ver02 .pagenation-prev {display: block; min-height: 56px;-webkit-flex-basis: 112px;-ms-flex-preferred-size: 112px;flex-basis: 112px;font-size: 14px;font-weight: 700;}
.pagerWrapper_ver02 .pagenation-prev {border-right: 1px solid #666;}
.pagerWrapper_ver02 .pagenation-next {border-left: 1px solid #666;}
.pagerWrapper_ver02 .pagenation-next>a,
.pagerWrapper_ver02 .pagenation-prev>a {display: block;color: inherit;padding: 0; line-height: 56px;text-decoration:  none;position: relative;transition: .3s ease-in-out;}
.pagerWrapper_ver02 .pagenation-next>a:hover{color:#fff}
.pagerWrapper_ver02 .pagenation-prev>a:hover{color:#fff}
.pagerWrapper_ver02 .pagenation-select {position: relative;display: block;width: 100%;-webkit-box-flex: 1;-webkit-flex: 1; -ms-flex: 1;flex: 1;cursor: pointer;transition: .3s ease-in-out;}
.pagerWrapper_ver02 .pagenation-select-label {position: absolute;font-size: 20px;font-weight: 700;text-align: center;width: 100%;padding: 0;line-height: 56px;font-family: 'Unica One', cursive;}
.pagerWrapper_ver02 .pagenation-select-label span{margin: 0 4px;}
.pagerWrapper_ver02 .pagenation-select-arrow {position: absolute;top: 50%;right: 28px;margin-top: -5px;}
.pagerWrapper_ver02 .pagenation-select-arrow::after {right: 50%;position: absolute;top: 50%;border-top: 1px solid #242424;border-right: 1px solid #242424;content: "";-webkit-transform: translate(50%,-50%) rotate(135deg);transform: translate(50%,-50%) rotate(135deg);width: 10px;height: 10px;transition: .3s ease-in-out;}
.pagerWrapper_ver02 .pagenation-select:hover{color:#fff}
.pagerWrapper_ver02 .pagenation-select:hover .pagenation-select-arrow::after {border-top: 1px solid #fff;border-right: 1px solid #fff;margin-top:3px}
.pagerWrapper_ver02 .pagenation-select-list {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;width: 100%; height: 100%;border: none;opacity: 0;position: relative;z-index: 2;cursor: pointer;color: #242424;}
.pagenation-hover {vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative; overflow: hidden;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.pagenation-hover:before {content: "";position: absolute;top: 50%;left: 50%;margin: -5px auto auto -5px;z-index: -1;background-image: -webkit-linear-gradient(left, #202020 0%, #202020 100%);background-image: linear-gradient(to right, #202020 0%, #202020 100%);-webkit-transform: scale(0);transform: scale(0);transition: -webkit-transform .5s;transition: transform .5s;width: 10px;height: 10px;border-radius: 5px;}
.pagenation-hover:hover:before{-webkit-transform:scale(30);transform:scale(30)}
@media screen and (max-width:834px){
.pagerWrapper_ver02{margin: 50px 30px 0;width: -webkit-calc(100% - 60px);width: calc(100% - 60px);}
.pagerWrapper_ver02 .pagenation {width: 100%;}
.pagerWrapper_ver02 .pagenation-next,
.pagerWrapper_ver02 .pagenation-prev {-webkit-flex-basis: 150px;-ms-flex-preferred-size: 150px;flex-basis: 150px;}
.pagerWrapper_ver02 .pagenation-select-label {font-size: 18px;}
.pagerWrapper_ver02 .pagenation-select-arrow {right: 30px;margin-top: -3px;}
.pagerWrapper_ver02 .pagenation-select:hover .pagenation-select-arrow::after {margin-top:2px}
.pagenation-hover:hover:before{-webkit-transform:scale(50);transform:scale(50)}
}
@media screen and (max-width:640px){
.pagerWrapper_ver02{margin: 50px 20px 0;width: -webkit-calc(100% - 40px);width: calc(100% - 40px);}
.pagerWrapper_ver02 .pagenation-next,
.pagerWrapper_ver02 .pagenation-prev {min-height: 49px;-webkit-flex-basis: 80px;-ms-flex-preferred-size: 80px;flex-basis: 80px;font-size: 13px;}
.pagerWrapper_ver02 .pagenation-next>a,
.pagerWrapper_ver02 .pagenation-prev>a {line-height: 49px;}
.pagerWrapper_ver02 .pagenation-select-label {font-size: 17px;line-height: 49px;}
.pagerWrapper_ver02 .pagenation-select-arrow {right: 20px;}
.pagerWrapper_ver02 .pagenation-select-arrow::after {width: 8px;height: 8px;}
.pagenation-hover:hover:before{-webkit-transform:scale(30);transform:scale(30)}
}

/* 並び替え
-------------------------------------*/
.jf-bn-list__controller{display: -webkit-flex;display: flex;}
.jf-bn-sortItems {position: relative;z-index: 2;display: block;margin: 0 0 0 auto;width: 80px;}
.jf-bn-sortItems .jf-bn-sortItems__label {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;position: relative;text-align: center;cursor: pointer;-webkit-justify-content: center;justify-content: center;}
.jf-bn-sortItems .jf-bn-sortItems__label:before {content: '';display: inline-block;margin: 0 6px 0 0;width: 18px;height: 18px;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20460.1%20460.1%22%20style%3D%22enable-background%3Anew%200%200%20460.1%20460.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M25.6%2C139.9h257.5V88.8H25.6C11.4%2C88.8%2C0%2C100.2%2C0%2C114.3S11.4%2C139.9%2C25.6%2C139.9z%22%2F%3E%20%3Cpath%20d%3D%22M25.6%2C242.4h257.5v-51.1H25.6C11.4%2C191.3%2C0%2C202.8%2C0%2C216.9C0%2C231%2C11.4%2C242.4%2C25.6%2C242.4z%22%2F%3E%20%3Cpath%20d%3D%22M25.6%2C293.9L25.6%2C293.9C11.4%2C293.9%2C0%2C305.3%2C0%2C319.4S11.4%2C345%2C25.6%2C345h178.9c-2-6.2-3.1-12.8-3.1-19.5%20c0-11.3%2C3-22.1%2C8.5-31.6L25.6%2C293.9L25.6%2C293.9z%22%2F%3E%20%3Cpath%20d%3D%22M450.6%2C302.6c-12.6-12.6-33.1-12.6-45.7%2C0l-26.5%2C26.5V52.9c0-17.8-14.5-32.3-32.3-32.3s-32.3%2C14.5-32.3%2C32.3v276.2%20l-26.5-26.5c-12.6-12.6-33.1-12.6-45.7%2C0c-12.6%2C12.6-12.6%2C33.1%2C0%2C45.7l81.7%2C81.7c12.6%2C12.6%2C33.1%2C12.6%2C45.7%2C0l81.7-81.7%20C463.2%2C335.7%2C463.2%2C315.2%2C450.6%2C302.6z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat;background-size: 18px;background-position: 50% 50%;}
.jf-bn-sortItems .jf-bn-sortItems__list {display: none;position: absolute;top: 20px;right: 0;transition: ease .3s;padding: 10px 0;width: 130px;background: #2f2f2f;border-radius: 5px;}
.jf-bn-sortItems:hover .jf-bn-sortItems__list {display:block}
.jf-bn-sortItems .jf-bn-sortItems__list__item {}
.jf-bn-sortItems .jf-bn-sortItems__list__item__label {display: block;padding: 3px 10px;text-decoration: none;vertical-align: top;color: #fff;transition: ease .3s;}
.jf-bn-sortItems .jf-bn-sortItems__list__item__label:hover{background: #000;}
.jf-bn-sortItems .is-active .jf-bn-sortItems__list__item__label{position:relative;padding: 3px 10px 3px 35px;}
.jf-bn-sortItems .is-active .jf-bn-sortItems__list__item__label::after {position: absolute;content: "";width: 10px;height: 5px;margin-top: -2px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;top: 50%;left: 13px;-webkit-transform: translate(0,-50%) rotate(-45deg);transform: translate(0,-50%) rotate(-45deg);}
@media screen and (max-width:834px){
.jf-bn-list__controller{margin: 0 30px;}
}
@media screen and (max-width:640px){
.jf-bn-list__controller{margin: 0 20px;}
}

/* objectFit js
------------------------------------- */
.objectFit {object-fit: cover; font-family: 'object-fit: cover;';}

/* スタイリングリスト
-------------------------------------*/
.jf-bn-coordinationCatalog{margin-top: 80px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__title{font-size:21px}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item {width: -webkit-calc(100% / 3 - 4px);width: calc(100% / 3 - 4px); margin-right: 6px; position: relative;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(3n){margin-right:0;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+4){margin-top: 30px;}
  /* -画像 */
.jf-bn-coordinationListItem__imageContainer{}
.jf-bn-coordinationListItem__imageContainer .jf-bn-coordinationListItem__image{overflow: hidden;position: relative; padding-bottom: 133%;}
.jf-bn-coordinationListItem__imageContainer .jf-bn-coordinationListItem__image img{width: 100%;display: block;-webkit-transition: 0.3s;transition: 0.3s;height: 100%;position: absolute;}
.jf-bn-coordinationListItem__imageContainer .jf-bn-coordinationListItem__image:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
  /* -お気に入り */
.addToWishList--icon { padding: 0;background-color: rgb(0 0 0 / 0.2);font-size: 0;border: none;border-radius: 5px; transition: .5s;height: 40px;line-height: 40px;width: 40px; overflow: hidden;color: #fff;display: block;position: absolute;top: 15px;right: 15px;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M97.27%2C43.08%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M94.71%2C43.47c1.05-3.22%2C1.65-6.43%2C1.65-9.56c0-14.08-11.48-25.54-25.59-25.54v0c-8.37%2C0-16.07%2C4.05-20.8%2C10.64%20c-4.74-6.6-12.43-10.64-20.8-10.64c-14.11%2C0-25.59%2C11.46-25.59%2C25.54c0%2C25.06%2C38.26%2C54.94%2C41.69%2C57.57%20c1.23%2C1.24%2C2.92%2C1.94%2C4.7%2C1.94s3.47-0.7%2C4.7-1.94c0.96-0.73%2C4.62-3.58%2C9.4-7.85%22%2F%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2259.81%22%20y1%3D%2261.29%22%20x2%3D%2296.07%22%20y2%3D%2261.29%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2277.76%22%20y1%3D%2243.16%22%20x2%3D%2277.76%22%20y2%3D%2279.42%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat;background-size: 20px;background-position: 50% 50%;z-index: 1;}
.removeFromWishList--icon { padding: 0;background-color: rgb(0 0 0 / 0.5);font-size: 0;border: none;border-radius: 5px; transition: .5s;height: 40px;line-height: 40px;width: 40px; overflow: hidden;color: #fff;display: block;position: absolute;top: 15px;right: 15px;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M94.71%2C43.47c1.05-3.22%2C1.65-6.43%2C1.65-9.56c0-14.08-11.48-25.54-25.59-25.54v0c-8.37%2C0-16.07%2C4.05-20.8%2C10.64%20c-4.74-6.6-12.43-10.64-20.8-10.64c-14.11%2C0-25.59%2C11.46-25.59%2C25.54c0%2C25.06%2C38.26%2C54.94%2C41.69%2C57.57%20c1.23%2C1.24%2C2.92%2C1.94%2C4.7%2C1.94s3.47-0.7%2C4.7-1.94c0.96-0.73%2C4.62-3.58%2C9.4-7.85%22%2F%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2259.81%22%20y1%3D%2261.29%22%20x2%3D%2296.07%22%20y2%3D%2261.29%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat;background-size: 20px;background-position: 50% 50%;z-index: 1;}
.addToWishList--icon:hover,
.removeFromWishList--icon:hover{background-color: rgb(0 0 0 / 0.5);}
  /* -メタ情報 */
.jf-bn-coordinationListItem__creationDate{display:none}
.jf-bn-coordinationListItem__publicationDate{display: none;}
.jf-bn-coordinationListItem__coordinationHeight{display:none}
  /* -投稿者情報 */
.jf-bn-coordinationListItem__staffInfo{ position: relative; padding: 0 15px;}
.jf-bn-coordinationListItem__staffInfo__image{}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage{position: relative;width: 50px;height: 50px;padding: 6px 6px 6px;text-align: center;border-radius: 50%;background: #fff;margin-top: -25px;box-sizing: border-box;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage::before {position: absolute;top: 0;left: 0;width: 50px;height: 50px;content: '';border-radius: 50%;border: 2px solid #001335;box-sizing: border-box;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage:after {position: absolute;top: -1px;left: -1px; width: 52px;height: 26px;content: '';border-radius: 38px 38px 0 0;background: #fff;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage img{position: relative;z-index: 1;width: 38px;height: 38px;max-width: 38px;border-radius: 50%;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage .jf-bn-noImage{background: #EBECF0;width: 38px;height: 38px;border-radius: 50%;z-index: 1;font-size: 0;position: relative;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage .jf-bn-noImage::before{content:"";display:block;position:absolute;width: 26px;height: 26px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23333333%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M49.9%2C0c-27.57%2C0-50%2C22.43-50%2C50s22.43%2C50%2C50%2C50c27.57%2C0%2C50-22.43%2C50-50S77.47%2C0%2C49.9%2C0L49.9%2C0z%20M49.9%2C3.26%20c11.82%2C0%2C22.62%2C4.42%2C30.86%2C11.68L69.61%2C26.11h-2.78c-0.02-0.02-0.02-0.05-0.04-0.07l-5.33-6.69c-1.54-1.93-3.83-3.03-6.29-3.03%20H48.7c-2.7%2C0-5.21%2C1.34-6.71%2C3.59l-4.13%2C6.2h-1.86v-3.26c0-0.9-0.73-1.63-1.63-1.63h-9.79c-0.9%2C0-1.63%2C0.73-1.63%2C1.63v3.26h-0.84%20c-3.14%2C0-5.69%2C2.55-5.69%2C5.69V71c0%2C2.24%2C1.31%2C4.16%2C3.19%2C5.08l-4.77%2C4.78C7.59%2C72.62%2C3.16%2C61.82%2C3.16%2C50%20C3.16%2C24.23%2C24.13%2C3.26%2C49.9%2C3.26L49.9%2C3.26z%20M22.12%2C73.43c-1.34%2C0-2.43-1.09-2.43-2.42V47.32h13.02%20c-0.14%2C0.88-0.23%2C1.77-0.23%2C2.68c0%2C3.73%2C1.19%2C7.19%2C3.2%2C10.02L22.28%2C73.43H22.12z%20M42.01%2C50c0-4.35%2C3.54-7.89%2C7.89-7.89%20c1.09%2C0%2C2.13%2C0.22%2C3.08%2C0.63L42.64%2C53.08C42.24%2C52.13%2C42.01%2C51.09%2C42.01%2C50z%20M57.79%2C50c0%2C4.35-3.54%2C7.89-7.89%2C7.89%20c-2.07%2C0-3.93-0.82-5.34-2.12l11.11-11.11C56.97%2C46.07%2C57.79%2C47.93%2C57.79%2C50z%20M42.24%2C58.09c2%2C1.9%2C4.69%2C3.07%2C7.66%2C3.07%20c6.15%2C0%2C11.15-5%2C11.15-11.15c0-2.97-1.17-5.66-3.07-7.66l2.12-2.12c2.44%2C2.54%2C3.94%2C5.98%2C3.94%2C9.77c0%2C7.8-6.35%2C14.15-14.15%2C14.15%20c-3.79%2C0-7.23-1.51-9.78-3.95L42.24%2C58.09z%20M55.4%2C40.31c-1.63-0.93-3.5-1.46-5.5-1.46c-6.15%2C0-11.15%2C5-11.15%2C11.15%20c0%2C2%2C0.54%2C3.88%2C1.46%2C5.5l-2.18%2C2.18c-1.44-2.21-2.28-4.85-2.28-7.68c0-7.8%2C6.35-14.15%2C14.15-14.15c2.83%2C0%2C5.46%2C0.84%2C7.68%2C2.28%20L55.4%2C40.31z%20M37.82%2C62.51c3.13%2C3.03%2C7.39%2C4.9%2C12.08%2C4.9c9.6%2C0%2C17.41-7.81%2C17.41-17.41c0-0.91-0.09-1.8-0.23-2.68h1.28%20c0.89%2C1.73%2C2.67%2C2.93%2C4.74%2C2.93s3.86-1.2%2C4.74-2.93h3.86V71c0%2C1.34-1.09%2C2.42-2.43%2C2.42H26.9L37.82%2C62.51z%20M71.02%2C44.91%20c0-1.15%2C0.93-2.08%2C2.08-2.08c1.15%2C0%2C2.08%2C0.93%2C2.08%2C2.08c0%2C1.15-0.93%2C2.08-2.08%2C2.08C71.96%2C46.99%2C71.02%2C46.06%2C71.02%2C44.91z%20M81.7%2C44.06h-3.34c-0.41-2.54-2.6-4.49-5.26-4.49s-4.85%2C1.95-5.26%2C4.49h-1.6c-0.84-2.31-2.16-4.4-3.83-6.14l8.55-8.55h8.32%20c1.34%2C0%2C2.43%2C1.09%2C2.43%2C2.42L81.7%2C44.06L81.7%2C44.06z%20M59.93%2C35.79c-2.84-2.01-6.29-3.2-10.02-3.2c-7.51%2C0-13.91%2C4.79-16.34%2C11.47%20H19.7V31.8c0-1.34%2C1.09-2.42%2C2.43-2.42h44.22L59.93%2C35.79z%20M32.75%2C26.11h-6.53v-1.63h6.53V26.11z%20M41.79%2C26.11l2.92-4.39%20c0.89-1.34%2C2.38-2.14%2C3.99-2.14h6.46c1.46%2C0%2C2.83%2C0.66%2C3.74%2C1.8l3.77%2C4.72H41.79z%20M49.9%2C96.74c-12.78%2C0-24.37-5.16-32.81-13.5%20l6.55-6.55h55.64c3.14%2C0%2C5.69-2.55%2C5.69-5.69V31.8c0-3.14-2.55-5.69-5.69-5.69h-5.06l8.92-8.92c8.34%2C8.45%2C13.5%2C20.04%2C13.5%2C32.81%20C96.64%2C75.77%2C75.67%2C96.74%2C49.9%2C96.74L49.9%2C96.74z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-size: cover;background-repeat: no-repeat;z-index: 1;}
.jf-bn-coordinationListItem__staffInfo__profile{line-height: 1.6;}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__name{color: #202020;margin-top: 10px; display: inline-block;pointer-events: none;}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__ruby{display:none}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__shop{ color: #202020;pointer-events: none;}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__shop::before{content:"／";}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__label{display:none}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__height{position: absolute;top: 28px;left: 70px;font-size: 0.9em;color: #797979;}
@media screen and (max-width:834px){
.jf-bn-coordinationCatalog{padding:0 30px}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__title{font-size:18px}
}
@media screen and (max-width:640px){
.jf-bn-coordinationCatalog{margin-top: 50px;padding:0 20px}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list {margin-top: 30px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item {width: -webkit-calc(100% / 2 - 4px);width: calc(100% / 2 - 4px);}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(3n){margin-right:6px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(2n){margin-right:0;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+3){margin-top: 20px;}
.addToWishList--icon {height: 34px;line-height: 34px;width: 34px;top: 10px;right: 10px;background-size: 18px;}
.removeFromWishList--icon {height: 34px;line-height: 34px;width: 34px;top: 10px;right: 10px;background-size: 18px;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage{width: 42px;height: 42px;padding: 5px 5px;margin-top: -22px;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage::before {width: 42px;height: 42px;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage:after {width: 44px;height: 22px;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage img{width: 31px;height: 31px;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage .jf-bn-noImage{width: 31px;height: 31px;margin: auto;}
.jf-bn-coordinationListItem__staffInfo__image .jf-bn-staffImage .jf-bn-noImage::before{width: 22px;height: 22px;}
.jf-bn-coordinationListItem__staffInfo__profile{font-size:0.9em}
.jf-bn-coordinationListItem__staffInfo__profile .jf-bn-coordinationListItem__staffInfo__name{margin-top: 6px}
}

/* メニュー_タイプ1
-------------------------------------*/
.jf-bn-menuBlack{margin-left: 24px;}
.jf-bn-menuBlack__list{display: -webkit-box;display: flex;flex-wrap: wrap;text-align: center;font-size: 13px;font-weight: 400;border: 1px solid #202020;border-radius: 4px;overflow: hidden;}
.jf-bn-menuBlack__item:not(:last-child) {border-right: 1px solid #202020; box-sizing: border-box;}
.jf-bn-menuBlack__item{min-width: 126px;}
.jf-bn-menuBlack__item a{display: -webkit-box;display: flex; padding: 9px 12px; color: #202020; -webkit-box-flex: inherit; flex-grow: inherit;-webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;text-decoration: none;height: calc(100% - 18px);transition: all 300ms ease-out 0ms;}
.jf-bn-menuBlack__item a:hover{background: #EBECF0;}
.jf-bn-menuBlack__item--current{background-color: #202020;}
.jf-bn-menuBlack__item--current a {color: #fff;border-radius: 1px;background-color: #202020 !important;}
@media screen and (max-width:834px){
.jf-bn-menuBlack{width: 100%;margin: 0 auto; max-width: 560px;}
.jf-bn-menuBlack__item{min-width: inherit;width: -webkit-calc(100% / 3);width: calc(100% / 3);}
}
@media screen and (max-width:640px){
}


/* ==================================

 bloglist

================================== */

.blogList-container{margin:60px auto 120px;max-width: -webkit-calc(1124px - 100px);max-width: calc(1124px - 100px);padding: 0 50px;}
.blogList-container .pageTitle{font-size:24px;font-weight:400;position:relative;display: -webkit-box;display: flex;flex-wrap: wrap; align-items: center;}
.blogList-container .blogList-layout{display: -webkit-flex;display: flex;margin-top: 50px;}
.blogList-container .blogList-layout__menu{width: 280px;margin-right: 30px;}
.blogList-container .blogList-layout__menuInner{/*position:sticky;*/top:20px}
.blogList-container .blogList-layout__content{width: -webkit-calc(100% - 310px);width: calc(100% - 310px);}
@media screen and (max-width:1100px){
.blogList-container .blogList-layout{-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;}
}
@media screen and (max-width:834px){
.blogList-container{padding: 0;}
.blogList-container .pageTitle{font-size:20px;padding: 0 30px;}
.blogList-container .pageTitle span {display: none;}
.blogList-container .blogList-layout__menu{width: 100%;margin-right: 0;}
.blogList-container .blogList-layout__menuInner{position: inherit;top: inherit;margin: 0 30px;}
.blogList-container .blogList-layout__content{width: 100%;margin-top: 0;margin-right: 0;}
}
@media screen and (max-width:640px){
.blogList-container{margin: 30px auto 80px;}
.blogList-container .pageTitle{padding: 0 20px;}
.blogList-container .blogList-layout{margin-top:30px}
.blogList-container .blogList-layout__menuInner{margin: 0 20px;}
}


/* 検索中の条件 */
.blogList-searchConditionContainer{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;-ms-flex-flow: row nowrap;-ms-align-items: center;align-items: center;margin-top: 50px;}
.blogList-searchConditionList__label{font-size: 14px;display: none;padding-right: 20px;border-right: 1px solid #242424;margin-right: 20px;line-height: 1.2;-webkit-box-ordinal-group: 1;-ms-flex-order:1;-webkit-order:1;order:1;white-space: nowrap;display: block;}
.blogList-searchConditionList{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;-ms-flex-flow: row nowrap;overflow-x: auto;scroll-behavior: smooth;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;-webkit-box-ordinal-group: 2;-ms-flex-order:2;-webkit-order:2;order:2;}
.blogList-searchConditionList .blogList-searchConditionList__item{margin-right: 10px;}
.blogList-searchConditionList .blogList-searchConditionList__item a{padding: 0 15px 0 35px;color: #202020;background: #EBECF0;position: relative;border: 1px solid #EBECF0;transition: all 300ms ease-out 0ms;text-decoration: none;border-radius: 36px;display: -webkit-flex;display: flex;-webkit-box-align: center;align-items: center;height: 36px;-webkit-justify-content: center;justify-content: center;font-size: 0.9em;white-space: nowrap;}
.blogList-searchConditionList .blogList-searchConditionList__item a::before{transition: .5s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 14px;background: #202020;display: block;top: 50%;left: 15px;-webkit-transform: translate(0,-50%) rotate(-45deg);-ms-transform: translate(0,-50%) rotate(-45deg);transform: translate(0,-50%) rotate(-45deg);}
.blogList-searchConditionList .blogList-searchConditionList__item a::after{transition: .5s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 14px;background: #202020;display: block;top: 50%;left: 15px;-webkit-transform: translate(0,-50%) rotate(-135deg);-ms-transform: translate(0,-50%) rotate(-135deg);transform: translate(0,-50%) rotate(-135deg);}
.blogList-searchConditionList .blogList-searchConditionList__item a:hover{background: #001335;border: #001335 1px solid;color:#fff}
.blogList-searchConditionList .blogList-searchConditionList__item a:hover::before{background:  #fff;-webkit-transform: translate(0,-50%) rotate(-90deg);-ms-transform: translate(0,-50%) rotate(-90deg);transform: translate(0,-50%) rotate(-135deg);}
.blogList-searchConditionList .blogList-searchConditionList__item a:hover::after{background:  #fff;-webkit-transform: translate(0,-50%) rotate(-90deg);-ms-transform: translate(0,-50%) rotate(-90deg);transform: translate(0,-50%) rotate(-225deg);}
@media screen and (max-width:834px){
.blogList-searchConditionContainer{margin: 50px 30px 0;}
}
@media screen and (max-width:640px){
.blogList-searchConditionContainer{margin: 30px 20px 0;}
.blogList-searchConditionList__label{font-size: 13px;padding-right: 10px;margin-right: 10px;}
.blogList-searchConditionList{}
.blogList-searchConditionList .blogList-searchConditionList__item a{padding: 0 15px 0 30px;border-radius: 30px;height: 30px;}
.blogList-searchConditionList .blogList-searchConditionList__item a::before{width: 12px;left: 12px;}
.blogList-searchConditionList .blogList-searchConditionList__item a::after{width: 12px;left: 12px;}
}

/* filter__ */
.filter__menu .searchMenu-openBtn{display:none;pointer-events: none;}
.filter__menu .searchMenu-openBtn .search-icon{width: 16px;height: 16px;position: relative;margin-right:6px;display: inline-block;}
.filter__menu .searchMenu-openBtn .search-icon::before{content: ""; color: rgb(51, 51, 51); width: 100%; height: 2px;background: rgb(51, 51, 51);box-shadow: currentcolor 0px 7px 0px 0px; display: block;position: absolute; top: 3px;left: 0px;}
.filter__menu .searchMenu-openBtn .search-icon::after{content: ""; color: rgb(51, 51, 51); width: 2px;height: 6px; background: rgb(51, 51, 51); box-shadow: currentcolor 8px 7px 0px 0px; display: block; position: absolute;top: 0px; left: 0px; transform: translate3d(3px, 1px, 0px); transition: transform 200ms ease 0s, box-shadow 200ms ease 0s;}
.filter__menu .searchMenu-openBtn:hover .search-icon::after{box-shadow: currentcolor -8px 7px 0px 0px;transform: translate3d(11px, 1px, 0px);}
.filter__menu #staffStyling-search{}
.filter__menu div[class^="filter__"]:nth-of-type(n+2){margin-top: 30px;}
.filter__menu div[class^="filter__"] .label{font-size: 16px;}
.filter__menu .filter-group__content{margin-top:15px}
.filter__menu .filter__keyword{width: 100%;position: relative;}
.filter__menu .filter__keyword input[name="keyword"]{border:none;background-color: #EBECF0;font-size: 16px;padding: 0 20px 0 55px;height: 50px;line-height: 50px;position:relative;width: -webkit-calc(100% - 75px);width: calc(100% - 75px);color: #202020;border-radius: 5px;}
.filter__menu .filter__keyword input[name="keyword"]:-webkit-autofill {-webkit-transition: background-color 9999s;transition: background-color 9999s;}
.filter__menu .filter__keyword input[name="keyword"]::placeholder {color: rgba(150, 150, 150, 1);}
.filter__menu .filter__keyword input[name="keyword"]:-ms-input-placeholder {color: rgba(150, 150, 150, 1);}
.filter__menu .filter__keyword input[name="keyword"]::-ms-input-placeholder {color: rgba(150, 150, 150, 1);}
.filter__menu .filter__keyword input[type="submit"]{width: 20px;height: 20px;position: absolute;top:50%;left: 20px;padding: 0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);border:none;text-indent:-9999px;background: transparent;background-repeat: no-repeat;background-size: cover;background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23333333%3Bstroke-width%3A7.6559%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M94.82%2C95L71.88%2C72.06L94.82%2C95L94.82%2C95z%20M71.88%2C17.33c15.11%2C15.11%2C15.11%2C39.61%2C0%2C54.72%20c-15.11%2C15.11-39.61%2C15.11-54.72%2C0c-15.11-15.11-15.11-39.61%2C0-54.72C32.27%2C2.22%2C56.77%2C2.22%2C71.88%2C17.33L71.88%2C17.33z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
.filter__menu .filter-list li{font-size: 14px;}
.filter__menu .filter-list li a{position:relative;padding: 5px 0;transition: .5s;text-decoration: none;display: -webkit-flex;display: flex;-webkit-box-align: center;align-items: center;color: #202020;}
.filter__menu .filter-list li a:hover{background:#dcdde2;}
.filter__menu .filter-list li a.is--checked{}
.filter__menu .filter-list li .icon-checkmark{display:inline-block;width:20px;min-width: 20px;height: 20px;border-radius:5px;border: 1px solid #666;margin-right: 8px;box-sizing: border-box;}
.filter__menu .filter-list li .is--checked .icon-checkmark{background-image: -webkit-linear-gradient(left, #202020 0%, #202020 100%);background-image: linear-gradient(to right, #202020 0%, #202020 100%);border: none;position: relative;}
.filter__menu .filter-list li .is--checked .icon-checkmark::after { position: absolute; content: ""; width: 10px; height: 5px; margin-top: -2px; border-left: 3px solid #fff;border-bottom: 3px solid #fff;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}
.filter__menu .select{display:  block;position:  relative;}
.filter__menu .select::after {right: 20px;position: absolute;top: 50%;border-top: 2px solid #333;border-right: 2px solid #333;content: "";-webkit-transform: translate(0,-7px) rotate(135deg);transform: translate(0,-7px) rotate(135deg);width: 7px;height: 7px;transition: .3s ease-in-out;margin-top: 1px;}
.filter__menu .select .selectBox {width: 100%;min-width: 120px;box-sizing: border-box;transition: all 0.2s ease-in-out;appearance: none;-webkit-appearance: none;border: none;font-size: 16px;height: 50px;line-height: 50px;padding: 0 20px;outline: 0;border-radius: 5px;background-color: #fff;cursor: pointer;border: 1px solid #666;border-radius: 6px;color: #202020;}
.filter__menu .select .selectBox:hover {border: 1px solid #bababa;}
.filter__menu .tag-list{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.filter__menu .tag-list li{margin-right: 6px;margin-bottom: 6px;text-align: center;}
.filter__menu .tag-list li a{color: #202020;display:  block;background: #EBECF0;border: 1px solid #EBECF0;transition: all 300ms ease-out 0ms;text-decoration: none;border-radius: 4px;display: -webkit-flex;display: flex;-webkit-box-align: center;align-items: center;height: 40px;-webkit-justify-content: center;justify-content: center;font-size: 0.9em;padding: 0 15px;}
.filter__menu .tag-list a:hover{border: #001335 1px solid;}
.filter__menu .tag-list li .is--checked{color:#fff;background: #001335;border: #001335 1px solid;}
@media screen and (max-width:834px){
.filter__menu .searchMenu-openBtn{pointer-events: all;display: -webkit-flex;display: flex;width: fit-content;margin-left: auto;-webkit-align-items: center;align-items: center;position: relative;cursor: pointer;-webkit-justify-content: center;justify-content: center;color: #202020;margin-bottom: 30px;}
.filter__menu #page-search{display:none;margin-bottom: 50px;}
}
@media screen and (max-width:640px){
}


/* blog-content */
.blog-content{margin: 50px 0;}
.jf-bn-blogList{}
.jf-bn-blogList__item{overflow: hidden;display: -webkit-flex;display: flex;}
.jf-bn-blogList__item:nth-of-type(n+2){margin-top: 30px;}
.jf-bn-blogList__item .blogList__img{overflow: hidden;position: relative;min-width: 240px;max-width: 240px;margin-right: 30px;}
.jf-bn-blogList__item .blogList__img img{width: 100%;height: 100%;display: block;-ms-transition: 0.3s;transition: 0.3s;}
.jf-bn-blogList__item .blogList__img img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.jf-bn-blogList__item .bloglist__info{}
.jf-bn-blogList__item .info__date{color: #999;font-size: 0.9em}
.jf-bn-blogList__item .info__title{font-size: 18px;margin: 12px 0 0;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.jf-bn-blogList__item .info__txt{margin: 20px 0 0;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.jf-bn-blogList__item .info__more{margin: 16px 0 0;color: #202020;display: inline-block; -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;}
.jf-bn-blogList__item .info__more:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;}
.jf-bn-blogList__item .info-author{box-sizing: border-box;display: table;table-layout: fixed;min-height: 40px;padding: 0;width: 100%;margin-top: 20px;}
.jf-bn-blogList__item .info-author .info-author-thumb{left: 0;position: static;top: 0;display: table-cell;vertical-align: middle;width: 40px;}
.jf-bn-blogList__item .info-author .info-author-thumb img{border-radius: 50%;width: 100%;display: block;}
.jf-bn-blogList__item .info-author .jf-bn-noImage{background: #EBECF0;width: 40px;height: 40px;border-radius: 50%;z-index: 1;font-size: 0;position: relative;}
.jf-bn-blogList__item .info-author .jf-bn-noImage::before{content:"";display:block;position:absolute;width: 26px;height: 26px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23333333%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M49.9%2C0c-27.57%2C0-50%2C22.43-50%2C50s22.43%2C50%2C50%2C50c27.57%2C0%2C50-22.43%2C50-50S77.47%2C0%2C49.9%2C0L49.9%2C0z%20M49.9%2C3.26%20c11.82%2C0%2C22.62%2C4.42%2C30.86%2C11.68L69.61%2C26.11h-2.78c-0.02-0.02-0.02-0.05-0.04-0.07l-5.33-6.69c-1.54-1.93-3.83-3.03-6.29-3.03%20H48.7c-2.7%2C0-5.21%2C1.34-6.71%2C3.59l-4.13%2C6.2h-1.86v-3.26c0-0.9-0.73-1.63-1.63-1.63h-9.79c-0.9%2C0-1.63%2C0.73-1.63%2C1.63v3.26h-0.84%20c-3.14%2C0-5.69%2C2.55-5.69%2C5.69V71c0%2C2.24%2C1.31%2C4.16%2C3.19%2C5.08l-4.77%2C4.78C7.59%2C72.62%2C3.16%2C61.82%2C3.16%2C50%20C3.16%2C24.23%2C24.13%2C3.26%2C49.9%2C3.26L49.9%2C3.26z%20M22.12%2C73.43c-1.34%2C0-2.43-1.09-2.43-2.42V47.32h13.02%20c-0.14%2C0.88-0.23%2C1.77-0.23%2C2.68c0%2C3.73%2C1.19%2C7.19%2C3.2%2C10.02L22.28%2C73.43H22.12z%20M42.01%2C50c0-4.35%2C3.54-7.89%2C7.89-7.89%20c1.09%2C0%2C2.13%2C0.22%2C3.08%2C0.63L42.64%2C53.08C42.24%2C52.13%2C42.01%2C51.09%2C42.01%2C50z%20M57.79%2C50c0%2C4.35-3.54%2C7.89-7.89%2C7.89%20c-2.07%2C0-3.93-0.82-5.34-2.12l11.11-11.11C56.97%2C46.07%2C57.79%2C47.93%2C57.79%2C50z%20M42.24%2C58.09c2%2C1.9%2C4.69%2C3.07%2C7.66%2C3.07%20c6.15%2C0%2C11.15-5%2C11.15-11.15c0-2.97-1.17-5.66-3.07-7.66l2.12-2.12c2.44%2C2.54%2C3.94%2C5.98%2C3.94%2C9.77c0%2C7.8-6.35%2C14.15-14.15%2C14.15%20c-3.79%2C0-7.23-1.51-9.78-3.95L42.24%2C58.09z%20M55.4%2C40.31c-1.63-0.93-3.5-1.46-5.5-1.46c-6.15%2C0-11.15%2C5-11.15%2C11.15%20c0%2C2%2C0.54%2C3.88%2C1.46%2C5.5l-2.18%2C2.18c-1.44-2.21-2.28-4.85-2.28-7.68c0-7.8%2C6.35-14.15%2C14.15-14.15c2.83%2C0%2C5.46%2C0.84%2C7.68%2C2.28%20L55.4%2C40.31z%20M37.82%2C62.51c3.13%2C3.03%2C7.39%2C4.9%2C12.08%2C4.9c9.6%2C0%2C17.41-7.81%2C17.41-17.41c0-0.91-0.09-1.8-0.23-2.68h1.28%20c0.89%2C1.73%2C2.67%2C2.93%2C4.74%2C2.93s3.86-1.2%2C4.74-2.93h3.86V71c0%2C1.34-1.09%2C2.42-2.43%2C2.42H26.9L37.82%2C62.51z%20M71.02%2C44.91%20c0-1.15%2C0.93-2.08%2C2.08-2.08c1.15%2C0%2C2.08%2C0.93%2C2.08%2C2.08c0%2C1.15-0.93%2C2.08-2.08%2C2.08C71.96%2C46.99%2C71.02%2C46.06%2C71.02%2C44.91z%20M81.7%2C44.06h-3.34c-0.41-2.54-2.6-4.49-5.26-4.49s-4.85%2C1.95-5.26%2C4.49h-1.6c-0.84-2.31-2.16-4.4-3.83-6.14l8.55-8.55h8.32%20c1.34%2C0%2C2.43%2C1.09%2C2.43%2C2.42L81.7%2C44.06L81.7%2C44.06z%20M59.93%2C35.79c-2.84-2.01-6.29-3.2-10.02-3.2c-7.51%2C0-13.91%2C4.79-16.34%2C11.47%20H19.7V31.8c0-1.34%2C1.09-2.42%2C2.43-2.42h44.22L59.93%2C35.79z%20M32.75%2C26.11h-6.53v-1.63h6.53V26.11z%20M41.79%2C26.11l2.92-4.39%20c0.89-1.34%2C2.38-2.14%2C3.99-2.14h6.46c1.46%2C0%2C2.83%2C0.66%2C3.74%2C1.8l3.77%2C4.72H41.79z%20M49.9%2C96.74c-12.78%2C0-24.37-5.16-32.81-13.5%20l6.55-6.55h55.64c3.14%2C0%2C5.69-2.55%2C5.69-5.69V31.8c0-3.14-2.55-5.69-5.69-5.69h-5.06l8.92-8.92c8.34%2C8.45%2C13.5%2C20.04%2C13.5%2C32.81%20C96.64%2C75.77%2C75.67%2C96.74%2C49.9%2C96.74L49.9%2C96.74z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-size: cover;background-repeat: no-repeat;z-index: 1;}
.jf-bn-blogList__item .info-author .info-author-meta{vertical-align: middle;padding-left: 15px;display: table-cell;font-size: 13px;line-height: 1.6;}
.jf-bn-blogList__item .info-author .info-author-meta .name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.jf-bn-blogList__item .info-author .info-author-meta .belong{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; color: #999999;}
@media screen and (max-width:834px){
.blog-content{margin:50px 30px}
}
@media screen and (max-width:640px){
.blog-content{margin:30px 20px}
.jf-bn-blogList__item:nth-of-type(n+2){margin-top: 20px;}
.jf-bn-blogList__item .blogList__img{min-width: 130px;max-width: 130px;margin-right: 12px;}
.jf-bn-blogList__item .info__date{display: none}
.jf-bn-blogList__item .info__title{font-size: 13px;margin:0;-webkit-line-clamp: 1;}
.jf-bn-blogList__item .info__txt{font-size: 11px;margin: 12px 0 0;-webkit-line-clamp: 1;}
.jf-bn-blogList__item .info__more{margin: 12px 0 0;}
.jf-bn-blogList__item .info-author{min-height: 30px;margin-top: 14px;}
.jf-bn-blogList__item .info-author .info-author-thumb{width: 30px;}
.jf-bn-blogList__item .info-author .info-author-thumb img{border-radius: 50%;width: 100%;display: block;}
.jf-bn-blogList__item .info-author .jf-bn-noImage{width: 30px;height: 30px;}
.jf-bn-blogList__item .info-author .jf-bn-noImage::before{width: 20px;height: 20px;}
.jf-bn-blogList__item .info-author .info-author-meta{padding-left: 10px;font-size: 12px;}
.jf-bn-blogList__item .info-author .info-author-meta .belong{font-size: 10px;}
}


/* ==================================

  blogDetail

================================== */

/* blogDetail-wrapper
-------------------------------------*/
.blogDetail-wrapper {margin: 50px 0 120px;}
.blogDetail-wrapper .blogDetail-inner{max-width: 1024px;margin: 0 auto; font-size: 0}
@media screen and (max-width:834px){
.blogDetail-wrapper {margin: 50px 0 100px;}
.blogDetail-wrapper .blogDetail-inner{width:100%}
}
@media screen and (max-width:640px){
.blogDetail-wrapper {margin: 30px 0 80px;}
}

/* blog-mainContainer
-------------------------------------*/
.blog-mainContainer{display: inline-block;margin-right: 50px;vertical-align: top;font-size: 14px;width: 66%;width: -webkit-calc(70% - 50px);width: calc(70% - 50px);}
.blog-mainContainer .blogDetail__header{position: relative}
.blog-mainContainer .blogDetail__header .title{font-size: 24px;font-weight: 400;line-height: 1.8;}
.blog-mainContainer .blogDetail__header .date{margin-top: 20px;font-size: 15px;color: #b3b3b3;font-family: 'Unica One', cursive;}
.blog-mainContainer .blogDetail__header .buttonContainer{width: auto;position: absolute;right: 0;bottom: -8px; z-index: 1; border-style: none;}
.blog-mainContainer .blogDetail__header .buttonContainer__addLike{display: -webkit-flex;display: flex;align-items: center; justify-content: center;}
.blog-mainContainer .blogDetail__header .buttonContainer__addLike .addLikeButton {display: inline-flex;align-items: center;justify-content: center;margin: 0 auto;width: 42px;height: 28px;}
.blog-mainContainer .blogDetail__header .buttonContainer__addLike .addLikeButton::before {content: "";display: inline-flex;width: 25px; height: 25px;background-color: transparent;background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20750%20750%22%20style%3D%22enable-background%3Anew%200%200%20750%20750%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23020202%3Bstroke-width%3A36%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M134.55%2C683.55H48.7c-6.6%2C0-12-5.4-12-12V378.36c0-6.6%2C5.4-12%2C12-12h85.84c6.6%2C0%2C12%2C5.4%2C12%2C12v293.19%20C146.55%2C678.15%2C141.15%2C683.55%2C134.55%2C683.55z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M217.06%2C624.29c0.23-8.02%2C1.06-16.01%2C1.05-22.94c-0.01-30.05-0.12-60.11-0.07-90.17%20c0.07-40.02-3.26-81.87%2C0.39-121.74c1.48-16.19%2C14.97-29.06%2C25.67-40.9c16.95-18.77%2C36.03-35.4%2C54.41-52.68%20c29.92-28.14%2C58.13-58.13%2C84.42-89.76c9.71-11.69%2C19.19-23.63%2C27.2-36.57c15.58-25.15%2C25.23-53.42%2C33.11-81.84%20c3.04-10.97%2C3.77-26.57%2C12.3-34.09c22.2-19.55%2C55.5-3.35%2C70.74%2C18.24c10.36%2C14.67%2C14.36%2C33%2C15.82%2C50.96%20c3.88%2C47.82-9.1%2C96.87-36.1%2C136.35c-6.9%2C10.09-14.74%2C19.69-19.54%2C30.95c-4.86%2C11.4-8.69%2C30.43%2C5.42%2C33.92%20c18.1%2C4.47%2C43.4-1.26%2C62-1.91c24.75-0.87%2C49.51-1.73%2C74.26-2.6c33.14-1.16%2C75.42%2C1.36%2C90.05%2C37.74%20c6.18%2C15.38%2C4.75%2C33.66-3.73%2C47.87c-4.21%2C7.06-10.1%2C13.25-12.57%2C21.11c-5.92%2C18.82%2C9.01%2C37.54%2C2.79%2C56.22%20c-2.97%2C8.92-10.45%2C15.38-17.18%2C21.9c-14.5%2C14.05%2C2.62%2C47.12-4.29%2C66.11c-6.46%2C17.76-23.11%2C29.03-29.66%2C46.64%20c-7.77%2C20.87-0.55%2C43.71-15.19%2C62.86c-14.29%2C18.69-40.33%2C22.6-63.68%2C23.57c-56.11%2C2.33-112.09-3.95-167.65-11.19%20c-52.32-6.82-104.57-12.72-156.46-23.08c-7.43-1.48-15.12-3.14-21.15-7.77C218.13%2C652.79%2C216.65%2C638.49%2C217.06%2C624.29z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat; background-position: 50% 50%;}
.blog-mainContainer .blogDetail__header .buttonContainer__addLike .addLikeButton._on {}
.blog-mainContainer .blogDetail__header .buttonContainer__addLike .addLikeButton._on::before {width: 25px;height: 25px;background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20750%20750%22%20style%3D%22enable-background%3Anew%200%200%20750%20750%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2308B9FF%3Bstroke%3A%2308B9FF%3Bstroke-width%3A36%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M134.55%2C683.55H48.7c-6.6%2C0-12-5.4-12-12V378.36c0-6.6%2C5.4-12%2C12-12h85.84c6.6%2C0%2C12%2C5.4%2C12%2C12v293.19%20C146.55%2C678.15%2C141.15%2C683.55%2C134.55%2C683.55z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M217.06%2C624.29c0.23-8.02%2C1.06-16.01%2C1.05-22.94c-0.01-30.05-0.12-60.11-0.07-90.17%20c0.07-40.02-3.26-81.87%2C0.39-121.74c1.48-16.19%2C14.97-29.06%2C25.67-40.9c16.95-18.77%2C36.03-35.4%2C54.41-52.68%20c29.92-28.14%2C58.13-58.13%2C84.42-89.76c9.71-11.69%2C19.19-23.63%2C27.2-36.57c15.58-25.15%2C25.23-53.42%2C33.11-81.84%20c3.04-10.97%2C3.77-26.57%2C12.3-34.09c22.2-19.55%2C55.5-3.35%2C70.74%2C18.24c10.36%2C14.67%2C14.36%2C33%2C15.82%2C50.96%20c3.88%2C47.82-9.1%2C96.87-36.1%2C136.35c-6.9%2C10.09-14.74%2C19.69-19.54%2C30.95c-4.86%2C11.4-8.69%2C30.43%2C5.42%2C33.92%20c18.1%2C4.47%2C43.4-1.26%2C62-1.91c24.75-0.87%2C49.51-1.73%2C74.26-2.6c33.14-1.16%2C75.42%2C1.36%2C90.05%2C37.74%20c6.18%2C15.38%2C4.75%2C33.66-3.73%2C47.87c-4.21%2C7.06-10.1%2C13.25-12.57%2C21.11c-5.92%2C18.82%2C9.01%2C37.54%2C2.79%2C56.22%20c-2.97%2C8.92-10.45%2C15.38-17.18%2C21.9c-14.5%2C14.05%2C2.62%2C47.12-4.29%2C66.11c-6.46%2C17.76-23.11%2C29.03-29.66%2C46.64%20c-7.77%2C20.87-0.55%2C43.71-15.19%2C62.86c-14.29%2C18.69-40.33%2C22.6-63.68%2C23.57c-56.11%2C2.33-112.09-3.95-167.65-11.19%20c-52.32-6.82-104.57-12.72-156.46-23.08c-7.43-1.48-15.12-3.14-21.15-7.77C218.13%2C652.79%2C216.65%2C638.49%2C217.06%2C624.29z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat; background-position: 50% 50%;}
.blog-mainContainer .blogDetail__header .buttonContainer__addLike .addLikeValue{margin-left: 4px;}
.blog-mainContainer .blogDetail__header .author-profile{display: none;width: -webkit-calc(100% - 60px); width: calc(100% - 60px);padding: 20px 30px;margin-top: 30px;background: #EBECF0;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-img{vertical-align: middle;width: 70px; margin-right: 15px;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-img img{border-radius: 50%;width: 100%;display: block;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-meta{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;margin-right: 15px;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-meta .name{font-size:13px;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-meta .belong{margin-top: 3px;font-size: 0.9em;color: #797979;display: block;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow{width: 116px;margin-left: auto;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .likeBtn {display: inline-flex;align-items: center;justify-content: center;margin: 0 auto; width: 116px; height: 36px;border-radius: 3px;background-image: linear-gradient(to right, #2d94d2 0%, #00b6dd 100%); color: #fff;position: relative;font-size: 11px;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .likeBtn span {color: #202020;display: none;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .likeBtn::before {content: "";display: inline-flex;margin-right: 7px; width: 15px; height: 16px;background-color: transparent;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015%2015.8%22%20style%3D%22enable-background%3Anew%200%200%2015%2015.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1817%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20class%3D%22st0%22%20x1%3D%228.5%22%20y1%3D%229.6%22%20x2%3D%2214.5%22%20y2%3D%229.6%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20class%3D%22st0%22%20x1%3D%2211.5%22%20y1%3D%226.6%22%20x2%3D%2211.5%22%20y2%3D%2212.6%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20class%3D%22st0%22%20cx%3D%226.5%22%20cy%3D%223.2%22%20r%3D%223.2%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20class%3D%22st1%22%20d%3D%22M13%2C13.4v1.4H0v-0.9c0.2-3.4%2C3-5.7%2C6.5-5.7h0.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat; background-position: 50% 50%;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .likeBtn.following {background-image: linear-gradient(to right, #fff 0%, #fff 100%);font-size: 0;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .likeBtn.following::before {width: 20px;height: 20px;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon-follow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23DCDCDC%3Bstroke%3A%23DCDCDC%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3A%23DCDCDC%3Bstroke%3A%23DCDCDC%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Crect%20id%3D%22base%22%20class%3D%22st0%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20class%3D%22st1%22%20cx%3D%2210%22%20cy%3D%225.8%22%20r%3D%223.2%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20class%3D%22st2%22%20d%3D%22M3.5%2C17.4v-0.9c0.2-3.4%2C3-5.7%2C6.5-5.7s6.3%2C2.3%2C6.5%2C5.7v0.9H3.5z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat; background-position: 50% 50%;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .likeBtn.following span {display: inline;color: #202020;font-size: 11px;}
.blog-mainContainer .blogDetail__header .author-profile .author-profile-follow .follower{margin: 6px 0 0;font-size: 0.8em;color: #797979;text-align: center;}
.blog-mainContainer .blogDetail__body{margin-top: 50px;line-height: 1.8;word-break: break-all;}
.blog-mainContainer .blogDetail__body font{display:none}/* 利用制限 */
.blog-mainContainer .blogDetail__body a{text-decoration:underline;color: #202020;transition-duration: 0.3s;transition: .3s ease-in-out;}
.blog-mainContainer .blogDetail__body a:hover{opacity:0.7}
.blog-mainContainer .blogDetail__body img{width:100%;display:block;margin: 30px auto;max-width: 530px;}
  /* share */
.blog-mainContainer .blogDetail__share{margin-top:100px;text-align: center;}
.blog-mainContainer .blogDetail__share .shareTitle{line-height: 40px;display: inline-flex;color: #808080;}
.blog-mainContainer .blogDetail__share .shareTitle .icon-share{width: 40px;height: 40px;background: url(https://www.jeansfactory.jp/img/blog/icon_sns.png) no-repeat;background-size: 40px;background-position: 0 0;text-indent: -9999px;display: inline-block;}
.blog-mainContainer .blogDetail__share .shareBtn{font-size: 0;margin-top: 10px;padding: 0;}
.blogDetail__share-list{font-size: 0;margin-top: 10px;}
.blogDetail__share-list li{display: inline-block;margin-right: 25px;}
.blogDetail__share-list li:last-of-type{margin-right:0;}
.blogDetail__share-list li a{width: 60px;height: 60px;display: block;border-radius: 60px;-webkit-transition: 0.3s;transition: 0.3s;background-repeat: no-repeat;background-size: 36px 36px;background-position: 50% 50%;background-color: #f1f1f1;}
.blogDetail__share-list li a:hover{}
.blogDetail__share-list li a:active{}
.blogDetail__share-list li .icon-line{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23879fbe%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M100%2C43.07c0-22.37-22.43-40.58-50-40.58c-27.57%2C0-50%2C18.2-50%2C40.58C0%2C63.13%2C17.79%2C79.92%2C41.82%2C83.1%20c1.63%2C0.35%2C3.84%2C1.07%2C4.4%2C2.47c0.5%2C1.26%2C0.33%2C3.24%2C0.16%2C4.52c0%2C0-0.59%2C3.53-0.71%2C4.28c-0.22%2C1.26-1%2C4.94%2C4.33%2C2.7%20c5.34-2.25%2C28.8-16.96%2C39.29-29.03h0C96.53%2C60.09%2C100%2C52.02%2C100%2C43.07z%20M32.36%2C55.01c0%2C0.54-0.43%2C0.97-0.97%2C0.97H17.38h0%20c-0.26%2C0-0.5-0.1-0.67-0.27c0%2C0-0.01-0.01-0.01-0.01c-0.01%2C0-0.01-0.01-0.01-0.01c-0.17-0.17-0.27-0.41-0.27-0.67v0V33.23%20c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97v17.3h9.53c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97V55.01z%20M40.81%2C55.02%20c0%2C0.54-0.44%2C0.97-0.97%2C0.97h-3.51c-0.54%2C0-0.97-0.43-0.97-0.97V33.23c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97%20V55.02z%20M64.95%2C55.02c0%2C0.54-0.44%2C0.97-0.97%2C0.97h-3.51c-0.09%2C0-0.17-0.01-0.25-0.03c0%2C0-0.01%2C0-0.01%2C0%20c-0.02-0.01-0.04-0.01-0.07-0.02c-0.01%2C0-0.02-0.01-0.03-0.01c-0.02-0.01-0.03-0.01-0.05-0.02c-0.02-0.01-0.03-0.02-0.05-0.02%20c-0.01%2C0-0.02-0.01-0.03-0.01c-0.02-0.01-0.04-0.02-0.06-0.04c0%2C0-0.01-0.01-0.01-0.01c-0.09-0.06-0.18-0.14-0.25-0.24l-10-13.5%20v12.94c0%2C0.54-0.44%2C0.97-0.97%2C0.97H45.2c-0.54%2C0-0.97-0.43-0.97-0.97V33.23c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.01%2C0%2C0.02%2C0%2C0.03%2C0%20c0.02%2C0%2C0.03%2C0%2C0.05%2C0c0.02%2C0%2C0.03%2C0%2C0.05%2C0.01c0.01%2C0%2C0.03%2C0%2C0.04%2C0.01c0.02%2C0%2C0.04%2C0.01%2C0.06%2C0.01c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.01%20c0.02%2C0.01%2C0.04%2C0.01%2C0.06%2C0.02c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.01c0.02%2C0.01%2C0.04%2C0.02%2C0.06%2C0.02c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.02%20c0.02%2C0.01%2C0.03%2C0.02%2C0.05%2C0.03c0.01%2C0.01%2C0.02%2C0.01%2C0.03%2C0.02c0.02%2C0.01%2C0.03%2C0.02%2C0.05%2C0.03c0.01%2C0.01%2C0.02%2C0.01%2C0.03%2C0.02%20c0.02%2C0.01%2C0.04%2C0.03%2C0.05%2C0.04c0.01%2C0.01%2C0.01%2C0.01%2C0.02%2C0.02c0.02%2C0.02%2C0.04%2C0.04%2C0.06%2C0.06c0%2C0%2C0%2C0%2C0.01%2C0.01%20c0.03%2C0.03%2C0.05%2C0.06%2C0.08%2C0.1l9.98%2C13.48V33.23c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97V55.02z%20M84.32%2C36.74%20c0%2C0.54-0.43%2C0.97-0.97%2C0.97h-9.53v3.68h9.53c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97v3.51c0%2C0.54-0.43%2C0.97-0.97%2C0.97h-9.53v3.68h9.53%20c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97v3.51c0%2C0.54-0.43%2C0.97-0.97%2C0.97H69.34h0c-0.26%2C0-0.5-0.1-0.67-0.27c0%2C0-0.01-0.01-0.01-0.01%20c0%2C0-0.01-0.01-0.01-0.02c-0.17-0.17-0.27-0.41-0.27-0.67v0V33.23v0c0-0.26%2C0.1-0.5%2C0.27-0.67c0-0.01%2C0.01-0.01%2C0.02-0.02%20c0%2C0%2C0.01-0.01%2C0.01-0.01c0.18-0.17%2C0.41-0.27%2C0.68-0.27h0h14.01c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97V36.74z%22%2F%3E%3C%2Fsvg%3E');}
.blogDetail__share-list li .icon-facebook{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23879fbe%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M73.15%2C32.8H57.61c0-4.9%2C0-8.38%2C0-9.46c0-5.6%2C2.92-6.19%2C4.91-6.19c1.98%2C0%2C10.62%2C0%2C10.62%2C0V0c0%2C0-2.1%2C0-15.65%2C0%20C39.16%2C0%2C36.47%2C13.42%2C36.47%2C22.18c0%2C1.47%2C0%2C5.34%2C0%2C10.62H26.44v17.28h10.03c0%2C22.44%2C0%2C49.91%2C0%2C49.91h21.14c0%2C0%2C0-27.73%2C0-49.91H71.4%20L73.15%2C32.8z%22%2F%3E%3C%2Fsvg%3E');}
.blogDetail__share-list li .icon-twitter{background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2026%2026%22%20style%3D%22enable-background%3Anew%200%200%2026%2026%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%238B9FBA%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.1%2C11.2l8.2-9.5h-1.9L14.2%2C10L8.6%2C1.7H2.1l8.6%2C12.5l-8.6%2C10H4l7.5-8.7l6%2C8.7H24L15.1%2C11.2L15.1%2C11.2z%20M12.5%2C14.4l-0.9-1.2l-6.9-10h3l5.5%2C8l0.9%2C1.2l7.3%2C10.4h-3L12.5%2C14.4L12.5%2C14.4z%22%2F%3E%3C%2Fsvg%3E');}
.blogDetail__share-list li .icon-line:hover{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231dcd00%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M100%2C43.07c0-22.37-22.43-40.58-50-40.58c-27.57%2C0-50%2C18.2-50%2C40.58C0%2C63.13%2C17.79%2C79.92%2C41.82%2C83.1%20c1.63%2C0.35%2C3.84%2C1.07%2C4.4%2C2.47c0.5%2C1.26%2C0.33%2C3.24%2C0.16%2C4.52c0%2C0-0.59%2C3.53-0.71%2C4.28c-0.22%2C1.26-1%2C4.94%2C4.33%2C2.7%20c5.34-2.25%2C28.8-16.96%2C39.29-29.03h0C96.53%2C60.09%2C100%2C52.02%2C100%2C43.07z%20M32.36%2C55.01c0%2C0.54-0.43%2C0.97-0.97%2C0.97H17.38h0%20c-0.26%2C0-0.5-0.1-0.67-0.27c0%2C0-0.01-0.01-0.01-0.01c-0.01%2C0-0.01-0.01-0.01-0.01c-0.17-0.17-0.27-0.41-0.27-0.67v0V33.23%20c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97v17.3h9.53c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97V55.01z%20M40.81%2C55.02%20c0%2C0.54-0.44%2C0.97-0.97%2C0.97h-3.51c-0.54%2C0-0.97-0.43-0.97-0.97V33.23c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97%20V55.02z%20M64.95%2C55.02c0%2C0.54-0.44%2C0.97-0.97%2C0.97h-3.51c-0.09%2C0-0.17-0.01-0.25-0.03c0%2C0-0.01%2C0-0.01%2C0%20c-0.02-0.01-0.04-0.01-0.07-0.02c-0.01%2C0-0.02-0.01-0.03-0.01c-0.02-0.01-0.03-0.01-0.05-0.02c-0.02-0.01-0.03-0.02-0.05-0.02%20c-0.01%2C0-0.02-0.01-0.03-0.01c-0.02-0.01-0.04-0.02-0.06-0.04c0%2C0-0.01-0.01-0.01-0.01c-0.09-0.06-0.18-0.14-0.25-0.24l-10-13.5%20v12.94c0%2C0.54-0.44%2C0.97-0.97%2C0.97H45.2c-0.54%2C0-0.97-0.43-0.97-0.97V33.23c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.01%2C0%2C0.02%2C0%2C0.03%2C0%20c0.02%2C0%2C0.03%2C0%2C0.05%2C0c0.02%2C0%2C0.03%2C0%2C0.05%2C0.01c0.01%2C0%2C0.03%2C0%2C0.04%2C0.01c0.02%2C0%2C0.04%2C0.01%2C0.06%2C0.01c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.01%20c0.02%2C0.01%2C0.04%2C0.01%2C0.06%2C0.02c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.01c0.02%2C0.01%2C0.04%2C0.02%2C0.06%2C0.02c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.02%20c0.02%2C0.01%2C0.03%2C0.02%2C0.05%2C0.03c0.01%2C0.01%2C0.02%2C0.01%2C0.03%2C0.02c0.02%2C0.01%2C0.03%2C0.02%2C0.05%2C0.03c0.01%2C0.01%2C0.02%2C0.01%2C0.03%2C0.02%20c0.02%2C0.01%2C0.04%2C0.03%2C0.05%2C0.04c0.01%2C0.01%2C0.01%2C0.01%2C0.02%2C0.02c0.02%2C0.02%2C0.04%2C0.04%2C0.06%2C0.06c0%2C0%2C0%2C0%2C0.01%2C0.01%20c0.03%2C0.03%2C0.05%2C0.06%2C0.08%2C0.1l9.98%2C13.48V33.23c0-0.54%2C0.44-0.97%2C0.97-0.97h3.51c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97V55.02z%20M84.32%2C36.74%20c0%2C0.54-0.43%2C0.97-0.97%2C0.97h-9.53v3.68h9.53c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97v3.51c0%2C0.54-0.43%2C0.97-0.97%2C0.97h-9.53v3.68h9.53%20c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97v3.51c0%2C0.54-0.43%2C0.97-0.97%2C0.97H69.34h0c-0.26%2C0-0.5-0.1-0.67-0.27c0%2C0-0.01-0.01-0.01-0.01%20c0%2C0-0.01-0.01-0.01-0.02c-0.17-0.17-0.27-0.41-0.27-0.67v0V33.23v0c0-0.26%2C0.1-0.5%2C0.27-0.67c0-0.01%2C0.01-0.01%2C0.02-0.02%20c0%2C0%2C0.01-0.01%2C0.01-0.01c0.18-0.17%2C0.41-0.27%2C0.68-0.27h0h14.01c0.54%2C0%2C0.97%2C0.44%2C0.97%2C0.97V36.74z%22%2F%3E%3C%2Fsvg%3E');}
.blogDetail__share-list li .icon-facebook:hover{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231778f2%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M73.15%2C32.8H57.61c0-4.9%2C0-8.38%2C0-9.46c0-5.6%2C2.92-6.19%2C4.91-6.19c1.98%2C0%2C10.62%2C0%2C10.62%2C0V0c0%2C0-2.1%2C0-15.65%2C0%20C39.16%2C0%2C36.47%2C13.42%2C36.47%2C22.18c0%2C1.47%2C0%2C5.34%2C0%2C10.62H26.44v17.28h10.03c0%2C22.44%2C0%2C49.91%2C0%2C49.91h21.14c0%2C0%2C0-27.73%2C0-49.91H71.4%20L73.15%2C32.8z%22%2F%3E%3C%2Fsvg%3E');}
.blogDetail__share-list li .icon-twitter:hover{background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2026%2026%22%20style%3D%22enable-background%3Anew%200%200%2026%2026%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23202020%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.1%2C11.2l8.2-9.5h-1.9L14.2%2C10L8.6%2C1.7H2.1l8.6%2C12.5l-8.6%2C10H4l7.5-8.7l6%2C8.7H24L15.1%2C11.2L15.1%2C11.2z%20M12.5%2C14.4l-0.9-1.2l-6.9-10h3l5.5%2C8l0.9%2C1.2l7.3%2C10.4h-3L12.5%2C14.4L12.5%2C14.4z%22%2F%3E%3C%2Fsvg%3E');}
  /* 紹介アイテム */
.blog-mainContainer .relatedItem {margin-top: 80px;}
.blog-mainContainer .relatedItem .relatedItem__title {font-size:18px;font-weight:400;line-height: 1.8;}
#jf-bn-blogDetail .relatedItem__list {margin-top: 30px;}
/* #jf-bn-blogDetail .relatedItem__list__item:nth-of-type(n+2){margin-top: 16px}
#jf-bn-blogDetail .jf-bn-productListItem {-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;position: relative;padding: 12px;display: -webkit-flex;display: flex;text-decoration: none;color: #050505;}
#jf-bn-blogDetail .jf-bn-productListItem:hover {box-shadow: -5px -5px 15px #e8e9ea, 5px 5px 15px #BABECC;}
#jf-bn-blogDetail .jf-bn-productListItem .jf-bn-productListItem__imageContainer{width: 140px; margin: -12px 12px -12px -12px;}
#jf-bn-blogDetail .jf-bn-productListItem__image{}
#jf-bn-blogDetail .jf-bn-productListItem__image img{display: block;width: 100%}
#jf-bn-blogDetail .jf-bn-productListItem .jf-bn-productListItem__infoContainer{width: -webkit-calc(100% - 140px);width: calc(100% - 140px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#jf-bn-blogDetail .jf-bn-productListItem__infoContainer .jf-bn-productName{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 1em; font-weight: 400;font-size: 16px;}
#jf-bn-blogDetail .jf-bn-productName__variation{font-size:0.9em;color: #797979;}
#jf-bn-blogDetail .jf-bn-productName__variation::before{content:"（";}
#jf-bn-blogDetail .jf-bn-productName__variation::after{content:"）";}
#jf-bn-blogDetail .jf-bn-productName__variation .jf-bn-productName__variation__x + .jf-bn-productName__variation__y::before{content:",";}
#jf-bn-blogDetail .jf-bn-productListItem__prices{margin-top: 8px; display: -webkit-flex; display: flex;align-items: center;font-size: 13px}
#jf-bn-blogDetail .jf-bn-price__addon__sale{background: #f90; color: #fff;font-size: 0.8em; height: 20px;line-height: 20px;padding: 0 6px;border-radius: 3px;margin-right: 5px;}
#jf-bn-blogDetail .jf-bn-price__currencyMark{margin: 0;padding: 0}
#jf-bn-blogDetail .jf-bn-price__value{margin: 0 2px;padding: 0}
#jf-bn-blogDetail .jf-bn-price__addon__label{margin: 0;padding: 0} */
#jf-bn-blogDetail .relatedItem__list__item__ptn2:nth-of-type(n+2){margin-top: 16px}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 {display: inline-block;position: relative;color: #000;padding: 0 0 0 20px;font-size: 14px; transition: .3s ease-in-out;}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2:hover {opacity: 0.7;text-decoration: none; transform: translateX(4px);}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2::before { left: 0;position: absolute; border-top: 1px solid #000;border-right: 1px solid #000; content: ""; width: 6px; height: 6px; top: 8px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 .jf-bn-productName__variation{font-size:0.9em;color: #797979;}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 .jf-bn-productName__variation::before{content:"（";}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 .jf-bn-productName__variation::after{content:"）";}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 .jf-bn-productName__variation .jf-bn-productName__variation__x + .jf-bn-productName__variation__y::before{content:",";}
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 .jf-bn-productListItem__prices{}
  /* 関連タグ */
.blog-mainContainer .blogDetail__tagList {margin-top: 80px;}
.blog-mainContainer .blogDetail__tagList .tagList__title {font-size:18px;font-weight:400;line-height: 1.8;}
.blog-mainContainer .jf-bn-blogTagList{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;}
.blog-mainContainer .jf-bn-blogTagList li{margin-right: 6px;margin-bottom: 6px;}
.blog-mainContainer .jf-bn-blogTagList li a{background: #EBECF0;border: 1px solid #EBECF0;transition: all 300ms ease-out 0ms; text-decoration: none; border-radius: 4px; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center;height: 40px; -webkit-justify-content: center;justify-content: center; font-size: 0.9em;padding: 0 15px;color: #202020;}
.blog-mainContainer .jf-bn-blogTagList li a:hover{border: #001335 1px solid;}
  /* ページネーション */
.blog-mainContainer .blogDetail__pagination {margin-top: 80px;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul{display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li{margin: 0 20px}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.prev a{transition: all 300ms ease-out 0ms; text-decoration: none;line-height: 30px; display: inline-block;min-width: 110px; height: 30px; color: #fff; border-radius: 2px; background-color: #000;text-align: center; position: relative;font-size: 13px; padding-left: 10px;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.prev a:before {left: 16px;position: absolute;border-bottom: 1px solid #fff; border-left: 1px solid #fff; content: ""; width: 6px; height: 6px; top: 50%; -webkit-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.list a{color: #202020; line-height: 1.8; -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; display: inline-block;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.list a:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.next a{transition: all 300ms ease-out 0ms; text-decoration: none;line-height: 30px; display: inline-block;min-width: 110px; height: 30px; color: #fff; border-radius: 2px; background-color: #000;text-align: center; position: relative;font-size: 13px;padding-right: 10px;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.next a:before {right: 16px;position: absolute;border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; width: 6px; height: 6px; top: 50%; -webkit-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li a:hover{opacity: 0.7}
@media screen and (max-width:834px){
.blog-mainContainer{margin-right: 0;width: 100%;}
.blog-mainContainer .blogDetail__header{}
.blog-mainContainer .blogDetail__header .title{padding:0 30px;}
.blog-mainContainer .blogDetail__header .date{padding:0 30px}
.blog-mainContainer .blogDetail__header .buttonContainer {right: 24px; bottom: 136px;}
.blog-mainContainer .blogDetail__header .author-profile{display: -webkit-flex;display: flex;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.blog-mainContainer .blogDetail__body{padding:0 30px;}
.blog-mainContainer .blogDetail__body img{width: 85%;}
.blog-mainContainer .linkBtn {padding:0 30px;}
.blog-mainContainer .relatedItem {margin-top: 50px;padding:0 30px;}
.blog-mainContainer .blogDetail__tagList {margin-top: 50px;padding:0 30px;}
}
@media screen and (max-width:640px){
.blog-mainContainer .blogDetail__header .title{font-size: 18px;padding: 0 20px;}
.blog-mainContainer .blogDetail__header .date{padding:0 20px}
.blog-mainContainer .blogDetail__body{padding:0 20px;margin-top: 30px;}
.blog-mainContainer .blogDetail__header .author-profile{width: -webkit-calc(100% - 40px); width: calc(100% - 40px);padding: 20px;}
.blog-mainContainer .blogDetail__share{margin-top: 60px;}
.blogDetail__share-list li{margin-right: 15px;}
.blogDetail__share-list li a{width: 50px;height: 50px;background-size: 26px 26px;}
.blog-mainContainer .linkBtn {padding: 0 20px;}
.blog-mainContainer .relatedItem {margin-top: 50px;padding: 0 20px;}
.blog-mainContainer .relatedItem .relatedItem__title {font-size:15px;}
#jf-bn-blogDetail .relatedItem__list {margin-top: 20px;}
/* #jf-bn-blogDetail .jf-bn-productListItem .jf-bn-productListItem__imageContainer{width: 120px;}
#jf-bn-blogDetail .jf-bn-productListItem .jf-bn-productListItem__infoContainer{width: -webkit-calc(100% - 120px);width: calc(100% - 120px);}
#jf-bn-blogDetail .jf-bn-productListItem__infoContainer .jf-bn-productName{font-size: 13px;} */
#jf-bn-blogDetail .jf-bn-productListItem__ptn2 {font-size: 12px;}
.blog-mainContainer .blogDetail__tagList {margin-top: 50px;padding: 0 20px;}
.blog-mainContainer .blogDetail__tagList .tagList__title {font-size:15px;}
.blog-mainContainer .jf-bn-blogTagList{margin-top: 20px;}
.blog-mainContainer .blogDetail__pagination {margin-top: 50px;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li{margin: 0 12px}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.prev a{min-width: 90px;font-size: 11px;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.list a{font-size: 12px;}
.blog-mainContainer .blogDetail__pagination .page-arrows ul li.next a{min-width: 90px;font-size: 11px;}
}


  /* Benent用 */
.blog-mainContainer .blogDetail__body .ss-article-box{margin: 30px auto}
.blog-mainContainer .blogDetail__body .ss-article-box br + br + br{display: none}
.blog-mainContainer .blogDetail__body .ss-article-box img {width: 100%;display: block;margin: 0 auto;max-width: 530px;}
.ss-article-box .ss-content-product-info{margin-top: 12px;font-size: 0.9em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.ss-article-box .ss-content-product-info .ss-product-brand{display: none}
.ss-article-box .ss-boxtype-list br{display: none}
.ss-article-box .boxtype-1-list{}
.ss-article-box .boxtype-2-list{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ss-article-box .boxtype-2-list li {width: -webkit-calc(100% / 2 - 3px); width: calc(100% / 2 - 3px);margin-right: 6px;position: relative;}
.ss-article-box .boxtype-2-list li:nth-of-type(2n) {margin-right: 0;}
.ss-article-box .boxtype-3-list{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ss-article-box .boxtype-3-list li {width: -webkit-calc(100% / 3 - 4px); width: calc(100% / 3 - 4px);margin-right: 6px;position: relative;}
.ss-article-box .boxtype-3-list li:nth-of-type(3n) {margin-right: 0;}
.ss-article-box .boxtype-4-list{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ss-article-box .boxtype-4-list li {width: -webkit-calc(100% / 2 - 3px); width: calc(100% / 2 - 3px);margin-right: 6px;position: relative;}
.ss-article-box .boxtype-4-list li:nth-of-type(2n) {margin-right: 0;}
.ss-article-box .boxtype-4-list li:nth-of-type(n+3) {margin-top: 20px;}
.ss-article-box .boxtype-5-list{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ss-article-box .boxtype-5-list li {width: -webkit-calc(100% / 3 - 4px); width: calc(100% / 3 - 4px);margin-right: 6px;position: relative;}
.ss-article-box .boxtype-5-list li:nth-of-type(3n) {margin-right: 0;}
.ss-article-box .boxtype-5-list li:nth-of-type(n+4) {margin-top: 20px;}
.ss-article-box .boxtype-6-list{}
.ss-article-box .boxtype-6-list li:nth-of-type(n+2) {margin-top: 30px;}
.ss-article-box .boxtype-7-list{}
.ss-article-box .boxtype-7-list li:nth-of-type(n+2) {margin-top: 30px;}
.ss-article-box .boxtype-8-list{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ss-article-box .boxtype-8-list li {width: -webkit-calc(100% / 2 - 3px); width: calc(100% / 2 - 3px);margin-right: 6px;position: relative;}
.ss-article-box .boxtype-8-list li:nth-of-type(2n) {margin-right: 0;}
.ss-article-box .boxtype-8-list li:nth-of-type(n+3) {margin-top: 20px;}
.ss-article-box .boxtype-9-list{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;max-width: 530px;margin: 0 auto;}
.ss-article-box .boxtype-9-list .position-1{width: 100%;}
.ss-article-box .boxtype-9-list .position-2{margin-right: 6px;margin-top: 30px;width: -webkit-calc(100% / 2 - 3px); width: calc(100% / 2 - 3px);}
.ss-article-box .boxtype-9-list .position-3{margin-top: 30px;width: -webkit-calc(100% / 2 - 3px); width: calc(100% / 2 - 3px);}
.ss-article-box .content-area-coordinate{}
.ss-article-box .content-area-coordinate .ss-content-coordinate-info{display: none}
.ss-content-area .ss-font-size-32{font-size: 2em}
.ss-content-area .ss-font-size-24{font-size: 1.5em}
.ss-content-area .ss-font-size-16{}
.ss-content-area .ss-font-size-10{font-size: 0.8em}
@media screen and (max-width:834px){
}
@media screen and (max-width:640px){
.ss-article-box .ss-content-product-info{font-size: 0.8em;}
}


/* blog-subContainer
-------------------------------------*/
.blog-subContainer{width: 30%;font-size: 14px;display: inline-block;vertical-align: top;}
.blog-subContainer .profile-box{background-color: #fff;box-shadow: -5px -5px 10px #b1b1b11a, 5px 5px 10px #2424241a;}
.blog-subContainer .profile-box .profile-box__img{padding: 40px 0;position: relative;}
.blog-subContainer .profile-box .profile-box__img img{border-radius: 50%;width: 120px;display: block;margin: 0 auto;}
.blog-subContainer .profile-box .profile-box__img .author_label{position: absolute;top: 50%; left: -25px;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);transform: translate(0,-50%);background: #000;color: #fff; border-radius: 30px;font-size: 12px;white-space: nowrap;padding: 5px 15px;}
.blog-subContainer .profile-box .profile-box__follow{text-align: center;margin: -24px 0 24px;}
.blog-subContainer .profile-box .profile-box__follow .likeBtn {display: inline-flex;align-items: center;justify-content: center;margin: 0 auto; color: #202020; position: relative;font-size: 13px;}
.blog-subContainer .profile-box .profile-box__follow .likeBtn span {color: #202020;display: none;}
.blog-subContainer .profile-box .profile-box__follow .likeBtn::before {content: "";display: inline-flex;margin-right: 7px; width: 15px; height: 16px;background-color: transparent;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015%2015.8%22%20style%3D%22enable-background%3Anew%200%200%2015%2015.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23202020%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23202020%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1817%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20class%3D%22st0%22%20x1%3D%228.5%22%20y1%3D%229.6%22%20x2%3D%2214.5%22%20y2%3D%229.6%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20class%3D%22st0%22%20x1%3D%2211.5%22%20y1%3D%226.6%22%20x2%3D%2211.5%22%20y2%3D%2212.6%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20class%3D%22st0%22%20cx%3D%226.5%22%20cy%3D%223.2%22%20r%3D%223.2%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20class%3D%22st1%22%20d%3D%22M13%2C13.4v1.4H0v-0.9c0.2-3.4%2C3-5.7%2C6.5-5.7h0.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat; background-position: 50% 50%;}
.blog-subContainer .profile-box .profile-box__follow .likeBtn.following {font-size: 0;}
.blog-subContainer .profile-box .profile-box__follow .likeBtn.following::before {width: 20px;height: 20px;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icon-follow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23DCDCDC%3Bstroke%3A%23DCDCDC%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3A%23DCDCDC%3Bstroke%3A%23DCDCDC%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Crect%20id%3D%22base%22%20class%3D%22st0%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20class%3D%22st1%22%20cx%3D%2210%22%20cy%3D%225.8%22%20r%3D%223.2%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20class%3D%22st2%22%20d%3D%22M3.5%2C17.4v-0.9c0.2-3.4%2C3-5.7%2C6.5-5.7s6.3%2C2.3%2C6.5%2C5.7v0.9H3.5z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat; background-position: 50% 50%;}
.blog-subContainer .profile-box .profile-box__follow .likeBtn.following span {display: inline;color: #202020;font-size: 13px;}
.blog-subContainer .profile-box .profile-box__follow .follower{margin: 4px 0 0;font-size: 0.8em;color: #797979;text-align: center;}
.blog-subContainer .profile-box .profile-box__meta{}
.blog-subContainer .profile-box .profile-box__meta .metaList{font-size: 0;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.blog-subContainer .profile-box .profile-box__meta .metaList li{font-size: 15px;box-sizing: border-box;background: #EBECF0;width: 50%;border-top: 1px solid #dfe0e4;padding: 25px 0;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.blog-subContainer .profile-box .profile-box__meta .metaList li:nth-of-type(2n-1){border-right: 1px solid #dfe0e4;}
.blog-subContainer .profile-box .profile-box__meta .metaList .metaList_item{display: block;margin: 0 auto;padding: 0 15px;}
.blog-subContainer .profile-box .profile-box__meta .metaList .metaList_item .title{display: block;font-size: 13px;color: #999;}
.blog-subContainer .profile-box .profile-box__meta .metaList .metaList_item *[class^="date-"]{margin-top: 10px;display: block;}
.blog-subContainer .relation-transition{margin-top: 32px;text-align: center;}
.blog-subContainer .relation-transition a{font-size: 14px; color: #202020;line-height: 1.8;-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;display: inline-block;}
.blog-subContainer .relation-transition a:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;}
.blog-subContainer .jf-bn-blogDetail__instagram{ position: relative;display:block;background-color: #fff; border-radius: 32px;box-shadow: 10px 25px 30px rgba(0,0,0,.08);color: #fff;text-decoration: none;font-size: 13px;line-height: 32px;height: 32px;text-align: center;padding: 0 20px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;transition: .3s ease-in-out;background-image: -webkit-linear-gradient(left, #ffc551 0%, #fd2366 33.33%, #ee20b0 66.66%, #9733df 100%);background-image: linear-gradient(to right, #ffc551 0%, #fd2366 33.33%, #ee20b0 66.66%, #9733df 100%); margin: 30px auto 0;width: max-content;}
.blog-subContainer .jf-bn-blogDetail__instagram:hover{box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform: translateY(-4px);}
.blog-subContainer .jf-bn-blogDetail__instagram .jf-bn-blogInstagram{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.blog-subContainer .jf-bn-blogInstagram__name{width: 16px;height: 16px; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M70.76%2C100H29.24C13.12%2C100%2C0%2C86.88%2C0%2C70.76V29.24C0%2C13.12%2C13.12%2C0%2C29.24%2C0h41.53%20C86.88%2C0%2C100%2C13.12%2C100%2C29.24v41.53C100%2C86.88%2C86.88%2C100%2C70.76%2C100z%20M29.24%2C9.32c-10.98%2C0-19.92%2C8.93-19.92%2C19.92v41.53%20c0%2C10.98%2C8.93%2C19.92%2C19.92%2C19.92h41.53c10.98%2C0%2C19.92-8.93%2C19.92-19.92V29.24c0-10.98-8.93-19.92-19.92-19.92H29.24z%22%2F%3E%20%3Cellipse%20transform%3D%22matrix(0.2283%20-0.9736%200.9736%200.2283%2036.4872%2092.6975)%22%20class%3D%22st0%22%20cx%3D%2276.72%22%20cy%3D%2223.33%22%20rx%3D%226.23%22%20ry%3D%226.23%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M50%2C75.85c-14.25%2C0-25.85-11.6-25.85-25.85c0-14.25%2C11.6-25.85%2C25.85-25.85c14.25%2C0%2C25.85%2C11.6%2C25.85%2C25.85%20C75.85%2C64.25%2C64.25%2C75.85%2C50%2C75.85z%20M50%2C33.47c-9.11%2C0-16.53%2C7.41-16.53%2C16.53c0%2C9.11%2C7.41%2C16.53%2C16.53%2C16.53%20c9.11%2C0%2C16.53-7.41%2C16.53-16.53C66.53%2C40.89%2C59.11%2C33.47%2C50%2C33.47z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size: 16px;display: inline-block;font-size: 0;background-repeat: no-repeat;background-position: 50% 50%;margin-right: 10px;}

/* otherBlog */
.blog-subContainer .otherBlog{margin-top: 50px;}
.otherBlog .otherBlog-inner .otherBlog__title{font-size:18px}
.otherBlog .otherBlog-inner .otherBlog__timeline{margin-top: 30px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li{padding-left: 30px;position: relative;}
.otherBlog .otherBlog-inner .otherBlog__timeline li::after {content: "";width: 2px;background: #e6e6e6;display: block;position: absolute;top: 18px;bottom: 0;left: 8px;margin-bottom: -20px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li:nth-of-type(n+2){margin-top:20px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li:last-of-type::after{display:none}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article{display: table;transition: .5s ease-in-out;color: #242424;text-decoration: none;table-layout: fixed;width: 100%;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .img{ display: table-cell;overflow: hidden; width: 80px;height: 80px; vertical-align: top;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: -webkit-transform .5s;transition: transform .5s;border-radius: 4px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info{padding: 0 0 0 10px;position: relative; display: table-cell;vertical-align: top;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info .title{font-size: 13px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info .date{margin-top: 8px;font-size: 12px;color:  #999;font-family: 'Unica One', cursive;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article:hover {transform: translateY(-4px);}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.otherBlog .otherBlog-inner .otherBlog__timeline li .marker{position: absolute;top: 0;left: 1px;width: 16px;height: 16px;border-radius: 16px;background: #202020;z-index: 1;box-sizing: border-box;border: 4px solid #fff;}
/* recentPost */
.blog-subContainer .recentPost{margin-top: 50px;}
.recentPost .recentPost-inner .recentPost__title{font-size:18px}
.recentPost .recentPost-inner .recentPost__items{margin-top: 30px;}
.recentPost .recentPost-inner .recentPost__item a { display: block;color: #202020; padding: 12px;line-height: 1.5;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: .5s ease-in-out;text-decoration: none;border-radius: 5px;font-size: 13px;}
.recentPost .recentPost-inner .recentPost__item a:hover {box-shadow: -5px -5px 15px #e8e9ea, 5px 5px 15px #BABECC;}
/* recentPost__staff */
.blog-subContainer .recentPost__staff{margin-top: 50px;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__title{font-size:18px}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__items{margin-top: 30px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__item {width: -webkit-calc(100% / 3 - 8px); width: calc(100% / 3 - 8px); margin-right: 12px;position: relative;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__item:nth-of-type(3n) { margin-right: 0;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__item:nth-of-type(n+4) { margin-top: 10px;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__link{transition: .5s;text-decoration: none; color: #202020}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__image{width: 80px;margin: 0 auto;display: block;transition: .5s;border-radius: 50%;border: 4px solid #fff;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__link:hover .recentPost__staff__image{box-shadow: -5px -5px 10px #e8e9ea, 5px 5px 10px #BABECC;}
.recentPost__staff .recentPost__staff-inner .jf-bn-noImage {background: #EBECF0; border-radius: 50%; z-index: 1;font-size: 0;position: relative; width: 80px;height: 80px;margin: 0 auto;border: 4px solid #fff;transition: .5s;}
.recentPost__staff .recentPost__staff-inner .jf-bn-noImage::before { content: "";display: block; position: absolute; width: 36px; height: 36px;top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23333333%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M49.9%2C0c-27.57%2C0-50%2C22.43-50%2C50s22.43%2C50%2C50%2C50c27.57%2C0%2C50-22.43%2C50-50S77.47%2C0%2C49.9%2C0L49.9%2C0z%20M49.9%2C3.26%20c11.82%2C0%2C22.62%2C4.42%2C30.86%2C11.68L69.61%2C26.11h-2.78c-0.02-0.02-0.02-0.05-0.04-0.07l-5.33-6.69c-1.54-1.93-3.83-3.03-6.29-3.03%20H48.7c-2.7%2C0-5.21%2C1.34-6.71%2C3.59l-4.13%2C6.2h-1.86v-3.26c0-0.9-0.73-1.63-1.63-1.63h-9.79c-0.9%2C0-1.63%2C0.73-1.63%2C1.63v3.26h-0.84%20c-3.14%2C0-5.69%2C2.55-5.69%2C5.69V71c0%2C2.24%2C1.31%2C4.16%2C3.19%2C5.08l-4.77%2C4.78C7.59%2C72.62%2C3.16%2C61.82%2C3.16%2C50%20C3.16%2C24.23%2C24.13%2C3.26%2C49.9%2C3.26L49.9%2C3.26z%20M22.12%2C73.43c-1.34%2C0-2.43-1.09-2.43-2.42V47.32h13.02%20c-0.14%2C0.88-0.23%2C1.77-0.23%2C2.68c0%2C3.73%2C1.19%2C7.19%2C3.2%2C10.02L22.28%2C73.43H22.12z%20M42.01%2C50c0-4.35%2C3.54-7.89%2C7.89-7.89%20c1.09%2C0%2C2.13%2C0.22%2C3.08%2C0.63L42.64%2C53.08C42.24%2C52.13%2C42.01%2C51.09%2C42.01%2C50z%20M57.79%2C50c0%2C4.35-3.54%2C7.89-7.89%2C7.89%20c-2.07%2C0-3.93-0.82-5.34-2.12l11.11-11.11C56.97%2C46.07%2C57.79%2C47.93%2C57.79%2C50z%20M42.24%2C58.09c2%2C1.9%2C4.69%2C3.07%2C7.66%2C3.07%20c6.15%2C0%2C11.15-5%2C11.15-11.15c0-2.97-1.17-5.66-3.07-7.66l2.12-2.12c2.44%2C2.54%2C3.94%2C5.98%2C3.94%2C9.77c0%2C7.8-6.35%2C14.15-14.15%2C14.15%20c-3.79%2C0-7.23-1.51-9.78-3.95L42.24%2C58.09z%20M55.4%2C40.31c-1.63-0.93-3.5-1.46-5.5-1.46c-6.15%2C0-11.15%2C5-11.15%2C11.15%20c0%2C2%2C0.54%2C3.88%2C1.46%2C5.5l-2.18%2C2.18c-1.44-2.21-2.28-4.85-2.28-7.68c0-7.8%2C6.35-14.15%2C14.15-14.15c2.83%2C0%2C5.46%2C0.84%2C7.68%2C2.28%20L55.4%2C40.31z%20M37.82%2C62.51c3.13%2C3.03%2C7.39%2C4.9%2C12.08%2C4.9c9.6%2C0%2C17.41-7.81%2C17.41-17.41c0-0.91-0.09-1.8-0.23-2.68h1.28%20c0.89%2C1.73%2C2.67%2C2.93%2C4.74%2C2.93s3.86-1.2%2C4.74-2.93h3.86V71c0%2C1.34-1.09%2C2.42-2.43%2C2.42H26.9L37.82%2C62.51z%20M71.02%2C44.91%20c0-1.15%2C0.93-2.08%2C2.08-2.08c1.15%2C0%2C2.08%2C0.93%2C2.08%2C2.08c0%2C1.15-0.93%2C2.08-2.08%2C2.08C71.96%2C46.99%2C71.02%2C46.06%2C71.02%2C44.91z%20M81.7%2C44.06h-3.34c-0.41-2.54-2.6-4.49-5.26-4.49s-4.85%2C1.95-5.26%2C4.49h-1.6c-0.84-2.31-2.16-4.4-3.83-6.14l8.55-8.55h8.32%20c1.34%2C0%2C2.43%2C1.09%2C2.43%2C2.42L81.7%2C44.06L81.7%2C44.06z%20M59.93%2C35.79c-2.84-2.01-6.29-3.2-10.02-3.2c-7.51%2C0-13.91%2C4.79-16.34%2C11.47%20H19.7V31.8c0-1.34%2C1.09-2.42%2C2.43-2.42h44.22L59.93%2C35.79z%20M32.75%2C26.11h-6.53v-1.63h6.53V26.11z%20M41.79%2C26.11l2.92-4.39%20c0.89-1.34%2C2.38-2.14%2C3.99-2.14h6.46c1.46%2C0%2C2.83%2C0.66%2C3.74%2C1.8l3.77%2C4.72H41.79z%20M49.9%2C96.74c-12.78%2C0-24.37-5.16-32.81-13.5%20l6.55-6.55h55.64c3.14%2C0%2C5.69-2.55%2C5.69-5.69V31.8c0-3.14-2.55-5.69-5.69-5.69h-5.06l8.92-8.92c8.34%2C8.45%2C13.5%2C20.04%2C13.5%2C32.81%20C96.64%2C75.77%2C75.67%2C96.74%2C49.9%2C96.74L49.9%2C96.74z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size: cover; background-repeat: no-repeat; z-index: 1;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__link:hover .jf-bn-noImage{box-shadow: -5px -5px 10px #e8e9ea, 5px 5px 10px #BABECC;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__label{margin-top: 6px;text-align: center;font-size: 11px;}
@media screen and (max-width:834px){
.blog-subContainer{width: 100%; margin-top:50px}
.blog-subContainer .profile-box{box-shadow: none;padding: 0 30px;}
.blog-subContainer .profile-box .profile-box__img .author_label{position: initial;-webkit-transform: initial;-moz-transform: initial;-ms-transform: initial;-o-transform: initial;transform: initial;background: none;color: #000;border-radius: initial;font-size: 13px;text-align: center;margin-top: 15px;padding: 0;}
.blog-subContainer .profile-box .profile-box__follow{display: none}
.blog-subContainer .profile-box .profile-box__meta .metaList li{width: 23%;width: -webkit-calc(100% / 4 - 7.5px);width: calc(100% / 4 - 7.5px);border: none;margin-right: 10px;border-radius: 5px;}
.blog-subContainer .profile-box .profile-box__meta .metaList li:nth-of-type(4n){margin-right: 0;}
.blog-subContainer .profile-box .profile-box__meta .metaList li:nth-of-type(2n-1){border-right: none;}
.blog-subContainer .relation-transition{padding: 0 30px;}
/* otherBlog */
.blog-subContainer .otherBlog{padding: 0 30px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article{background-color: #fff;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .img{width: 120px;height: 120px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info{padding:20px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info .title{font-size: 14px;}
.blog-subContainer .recentPost{padding: 0 30px;}
.blog-subContainer .recentPost__staff{padding: 0 30px;}
}
@media screen and (max-width:640px){
.blog-subContainer{margin-top:30px}
.blog-subContainer .profile-box{padding: 0 20px;}
.blog-subContainer .profile-box .profile-box__meta .metaList li{width: 48%;width: -webkit-calc(100% / 2 - 5px);width: calc(100% / 2 - 5px);border: none;font-size: 13px;}
.blog-subContainer .profile-box .profile-box__meta .metaList li:nth-of-type(2n){margin-right: 0;}
.blog-subContainer .profile-box .profile-box__meta .metaList li:nth-of-type(n+3){margin-top: 10px;}
.blog-subContainer .relation-transition{padding: 0 20px;}
/* otherBlog */
.blog-subContainer .otherBlog{padding: 0 20px;}
.otherBlog .otherBlog-inner .otherBlog__title{font-size:15px}
.otherBlog .otherBlog-inner .otherBlog__timeline{margin-top: 20px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .img{width: 90px;height: 90px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info{padding:10px;}
.otherBlog .otherBlog-inner .otherBlog__timeline li .timeline-box-article .info .title{font-size: 13px;}
.blog-subContainer .recentPost{padding: 0 20px;}
.recentPost .recentPost-inner .recentPost__title{font-size:15px}
.recentPost .recentPost-inner .recentPost__items{margin-top: 20px;}
.blog-subContainer .recentPost__staff{padding: 0 20px;}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__title{font-size:15px}
.recentPost__staff .recentPost__staff-inner .recentPost__staff__items{margin-top: 20px;}
}


/* その他のスタイリング */
.jf-bn-coordinationCatalog {margin: 100px 0 120px;position:relative;z-index: 0;}
.jf-bn-coordinationCatalog:last-of-type {margin-bottom: 120px}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__title{font-size:21px;font-weight:400;position:relative;display: block;line-height: 1.8;max-width: 1024px;margin: 0 auto;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__title::after{content:"";width: 80px;height: 1px;display: inline-block;background-color: #200706;position: relative;top: -8px;left: 10px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list {margin: 36px auto 0;max-width: 1024px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item {width: -webkit-calc(100% / 4 - 4.5px);width: calc(100% / 4 - 4.5px);}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+4){margin-top:0}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(3n){margin-right:6px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(4n){margin-right:0;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+5){margin-top: 30px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+21){display:none}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__footer{margin-top: 32px;text-align: center;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__footer > a{font-size: 14px; color: #202020;line-height: 1.8;-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;display: inline-block;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__footer > a:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;}
@media screen and (max-width:834px){
.jf-bn-coordinationCatalog {margin: 80px 0 100px;}
.jf-bn-coordinationCatalog:last-of-type {margin-bottom: 100px}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__title{font-size:18px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item {width: -webkit-calc(100% / 3 - 4px);width: calc(100% / 3 - 4px);}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(4n){margin-right:6px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(3n){margin-right:0;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+4){margin-top: 30px;}
}
@media screen and (max-width:640px){
.jf-bn-coordinationCatalog {margin: 60px 0 80px;}
.jf-bn-coordinationCatalog:last-of-type {margin-bottom: 80px}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list {margin: 30px auto 0;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item {width: -webkit-calc(100% / 2 - 3px);width: calc(100% / 2 - 3px);}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(3n){margin-right:6px;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(2n){margin-right:0;}
.jf-bn-coordinationCatalog .jf-bn-coordinationCatalog__list__item:nth-of-type(n+3){margin-top: 20px;}
}


/*linkBtn */
.linkBtn{font-size: 0;padding: 0;margin: 60px 0 0;text-align:  center;}
.linkBtn a{position:relative;display: inline-block;background-color: #fff;box-shadow: -5px -5px 15px #e8e9ea, 5px 5px 15px #BABECC;color: #242424;text-decoration: none;font-size:  14px;line-height:  60px;height:  60px;text-align:  center;padding: 0 20px;margin-right:  20px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);overflow: hidden;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;transition: .3s ease-in-out;min-width: -webkit-calc(300px - 40px);min-width: calc(300px - 40px);}
.linkBtn a:last-of-type{margin-right:0;}
.linkBtn a::before {content: "";position: absolute;top: 50%;left: 50%;margin: -5px auto auto -5px;z-index: -1;background-image: -webkit-linear-gradient(left, #2d94d2 0%, #00b6dd 100%);background-image: linear-gradient(to right, #2d94d2 0%, #00b6dd 100%);-webkit-transform: scale(0);transform: scale(0);transition: -webkit-transform .5s;transition: transform .5s;width: 10px;height: 10px;border-radius: 5px;}
.linkBtn a span{display: inline-block;position: relative;}
.linkBtn a .arrow-left{width: 34px;height: 1px;margin-right: 20px;}
.linkBtn a .arrow-right{width: 34px;height: 1px;margin-left:  20px;}
.linkBtn a .arrow-left::after{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 34px;background: #242424;display:block;bottom: 0;left: 0;}
.linkBtn a .arrow-left::before{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #242424;display:block;bottom: 3px;left: -1px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.linkBtn a .arrow-right::after{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 34px;background: #242424;display:block;bottom: 0px;right: 0;}
.linkBtn a .arrow-right::before{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #242424;display:block;bottom: 3px;right: -1px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
.linkBtn a:hover{color:#fff;box-shadow: -2px -2px 5px #e8e9ea, 2px 2px 5px #BABECC;}
.linkBtn a:hover:before{-webkit-transform:scale(40);transform:scale(40)}
.linkBtn a:hover .arrow-left::after,
.linkBtn a:hover .arrow-left::before,
.linkBtn a:hover .arrow-right::after,
.linkBtn a:hover .arrow-right::before{background:#fff}
@media screen and (max-width:834px){
}
@media screen and (max-width:640px){
.linkBtn{margin: 40px 0 0;}
.linkBtn a{line-height: 50px;height:50px;margin-right:0;width: -webkit-calc(100% - 50px);width: calc(100% - 50px);min-width: -webkit-calc(100% - 50px);min-width: calc(100% - 50px);padding: 0 25px;}
.linkBtn a:nth-of-type(n+2){margin-top:15px;}
.linkBtn a:hover:before{-webkit-transform:scale(70);transform:scale(70)}
.linkBtn a .arrow-left{width: 25px; margin-right:15px}
.linkBtn a .arrow-right{width: 25px;margin-left: 15px;}
.linkBtn a .arrow-left::after{width: 25px;}
.linkBtn a .arrow-right::after{width: 25px;}
}