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

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

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

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

/* articleLayout06
-------------------------------- */
body{background-color: #000}
/* mainVisual */
.jf-articleLayout06-mainVisual {}
.jf-articleLayout06-mainVisual__inner {display: flex;}
.jf-articleLayout06-mainVisual .mainVisual-thumbnail {background-image: url(/content/feature/1761699601/img/hedImg.jpg);background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;width: 100vw;height: 100vh;max-height: 1000px;  display: -webkit-flex;  display: flex;-webkit-align-items: center;  align-items: center;  -webkit-justify-content: center;justify-content: center;  -webkit-flex-direction: column;flex-direction: column;position: relative;}
.jf-articleLayout06-mainVisual .mainVisual-logo {width: 80%;max-width: 600px;}
.jf-articleLayout06-mainVisual .mainVisual-blackBox {width: 80%; max-width: 580px;margin-top: 36px;}
.jf-articleLayout06-mainVisual .mainVisual-scroll {position: absolute;bottom: 42px;z-index: 1;display: -webkit-flex;display: flex;-webkit-align-items: center;  align-items: center;-webkit-flex-direction: column;flex-direction: column;font-family: "montserrat", sans-serif;font-weight: bold;}
.jf-articleLayout06-mainVisual .mainVisual-scroll a{color: #fff;}
.jf-articleLayout06-mainVisual .mainVisual-scroll .arw{display: block;vertical-align: middle;color: #fff;line-height: 1;width: 1em;height: 1em;border: 1px solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translateY(-25%) rotate(135deg);margin-top: 16px;}
/* articleLayout06__Container */
.jf-articleLayout06__Container{position: relative;overflow: hidden;font-family:"Noto Serif JP", serif;font-weight: 400;font-style: normal;margin: 0 auto;padding: 62px 0 100px;font-size: 15px;line-height: 1.8;color: #fff}
.jf-articleLayout06__Container__inner{ width: -webkit-calc(100% - 320px);width: calc(100% - 320px);margin: auto;max-width: 1200px;}
.jf-articleLayout06__Container .article06__txt{margin: 26px auto 0;text-align: center;font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-style: normal;}
.jf-articleLayout06__Container .article06-title__ptn1{color:#fff;text-align: center;margin-top: 62px;font-size: 72px;line-height: 1.4;font-family: "montserrat", sans-serif;font-weight: 700;font-style: normal;}
.jf-articleLayout06__Container .article06-title__ptn2{color: #af4bff; text-align: center; font-size: 30px; line-height: 1.4; font-family: "Noto Serif JP", serif; font-weight: bold; font-style: normal; position: absolute; top: 60px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.jf-articleLayout06__Container .article06-title__ptn3{color:#fff;margin: 32px auto 0;font-size: 26px;line-height: 1.4;font-weight: 700;font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-style: normal;}
.jf-articleLayout06__Container .article06-title__ptn4{color:#af4bff;text-align: center;margin-top: 36px;font-size: 28px;line-height: 1.4; font-family: "Noto Serif JP", serif;font-weight: 400;font-style: normal;text-shadow: 0px 0px 10px #af4bff;}
.jf-articleLayout06__Container .article06-title__ptn4 span {position: relative;display: table;padding: 0 2.5em;margin: 0 auto;}
.jf-articleLayout06__Container .imgSize-full{width:100%;}
.jf-articleLayout06__Container .imgSize-middle{width: 70%;max-width: 1120px;margin: 0 auto;display: block;}
.jf-articleLayout06__Container .imgSize-small{width: 49%;margin: 0 auto;display: block;}

.imgList_column4{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;margin: 36px auto 0;padding: 0;}
.imgList_column4_item{width: -webkit-calc(100% / 4 - 12px);width: calc(100% / 4 - 12px);margin-right: 16px;}
.imgList_column4_item:nth-of-type(4n){margin-right: 0;}
.imgList_column4_item:nth-of-type(n+5){margin-top: 16px;}
.imgList_column4_item img{display:block;width:100%;}
.productList_column1{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 62px auto 0;padding: 0;width: 100%;justify-content: center;overflow-x: clip;}
.productList_column1_item{width: 100%;position: relative;}
.productList_column1_item:nth-of-type(n+2){margin-top: 62px}
.productList_column1_item .product_image{position: relative;}
.productList_column1_item .product_image::before{content: "";background: #fff;position: absolute;top: 0;  bottom: 0;left: -300px;right: -300px;z-index: -1;}
.productList_column1_item .product_image .img{display:block;width:100%;max-width: 500px; margin: auto;}
.productList_column1_item .product_info{color: #fff;text-align: center;margin-top: 16px;}
.productList_column1_item .product_info .name{font-family: "montserrat", sans-serif;font-size: 16px;font-weight: bold;}
.productList_column1_item .product_info .name span {position: relative;display: table;padding: 0 2em;font-size: 0.7em;font-weight: 400;margin:-6px auto 0;}
.productList_column1_item .product_info .name span::before {position: absolute;content: "";width: 1em;height: 1px;background-color: #fff;left: 100%;top: 50%;-webkit-transform: translate(-1.5em,-50%);transform: translate(-1.5em,-50%);}
.productList_column1_item .product_info .name span::after {position: absolute;content: "";width: 1em;height: 1px;background-color: #fff;right: 100%;  top: 50%;-webkit-transform: translate(1.5em,-50%);transform: translate(1.5em,-50%);}
.productList_column1_item .product_info .price{font-family: "montserrat", sans-serif;margin-top: 4px;}
.productList_column1_item .product_info .btn{font-family: "montserrat", sans-serif;max-width: 220px;transition: .3s ease-in-out;color: #fff;text-decoration: none;border: 2px solid #fff;width: 64%;font-weight: bold;display: block;margin: 20px auto 0;line-height: 32px;height: 32px;border-radius: 32px;text-shadow: 0px 0px 10px #fff;box-shadow: 0px 0px 10px #fff;}
.productList_column1_item .product_info .btn.btn_purple{background: #af4bff;box-shadow: 0px 0px 10px #af4bff;border: 2px solid #af4bff;}
.productList_column1_item .product_info .btn:hover{background-color: #fff;color: #af4bff;border: 2px solid #fff;}
   /* blackBox__block1 */
.blackBox__block1 .article06__txt{margin-top: -640px;}
   /* blackBox__01.02.03 */
.jf-articleLayout06__Container.blackBox__01::after,
.jf-articleLayout06__Container.blackBox__02::after,
.jf-articleLayout06__Container.blackBox__03::after{content: "";position: absolute;background-image: linear-gradient(0deg, rgba(175, 75, 255, .6), rgba(0, 0, 0, 1) 50%);bottom: 0;left: 0;right: 0;top: 0;z-index: -9999;}
.jf-articleLayout06__Container .title_everydaypants{display: block;width:390px;margin: 0 auto;}
.jf-articleLayout06__Container .title_widepants{display: block;width:300px;margin: 0 auto;}
.jf-articleLayout06__Container .title_slimpants{display: block;width:460px;margin: 0 auto;}
   /* profile_container */
.profile_container{font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-style: normal;font-weight: 400;padding: 62px 0 100px;color: #fff;  width: -webkit-calc(100% - 320px);width: calc(100% - 320px);margin: auto;max-width: 1200px;}
.profile_container .profile_item{}
.profile_container .profile_item__img{max-width: 300px;margin: 0 auto;}
.profile_container .profile_item__img img{display: block;width: 100%;}
.profile_container .profile_item .post{text-align: center;margin-top: 20px;font-weight: bold;}
.profile_container .profile_item .name{text-align: center;margin-top: 6px;font-weight: bold;font-size: 18px;}
.profile_container .profile_item .txt{max-width: 400px;margin: 16px auto 0;}
.profile_container .poweredBy__items{display: -ms-flexbox;display: flex;justify-content: center;align-items: center; margin-top: 142px;}
.profile_container .poweredBy__items_txt{font-family: "montserrat", sans-serif; margin-right: 36px;}
.profile_container .poweredBy__items_img{width: 230px;}
@media screen and (max-width: 1024px) {
.jf-articleLayout06__Container__inner{ width: -webkit-calc(100% - 0px);width: calc(100% - 0px);}
.jf-articleLayout06__Container .article06__txt{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 0 50px;}
.jf-articleLayout06__Container .article06-title__ptn1{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 0 50px;}
}
@media screen and (max-width: 640px) {
.jf-articleLayout06-mainVisual .mainVisual-thumbnail {background-size: 160%;background-position: 100% 0%;}
.jf-articleLayout06__Container{padding: 36px 0 60px;font-size: 13px;}
.jf-articleLayout06__Container .article06__txt{margin-top: 18px;width: -webkit-calc(100% - 52px);width: calc(100% - 52px);padding: 0 26px;}
.jf-articleLayout06__Container .article06-title__ptn1{margin-top: 16px;font-size: 30px;width: -webkit-calc(100% - 52px);width: calc(100% - 52px);padding: 0 26px;}
.blackBox__block1 .article06__txt{margin-top: -102px;}
.jf-articleLayout06__Container .article06-title__ptn2{top: 28px; font-size: 22px; width: 80%;}
.jf-articleLayout06__Container .article06-title__ptn3{margin: 20px auto 0;font-size: 18px;padding: 0 26px;}
.jf-articleLayout06__Container .article06-title__ptn4{margin-top: 20px;font-size: 22px;}
.jf-articleLayout06__Container .imgSize-middle{width: 80%;}
.imgList_column4{margin: 18px 26px 0;}
.imgList_column4_item{width: -webkit-calc(100% / 2 - 2px);width: calc(100% / 2 - 2px);margin-right: 4px;}
.imgList_column4_item:nth-of-type(2n){margin-right: 0;}
.imgList_column4_item:nth-of-type(n+3){margin-top: 4px;}
.productList_column1_item{width: 85%;}
.productList_column1_item:nth-of-type(n+2){margin-top: 36px}
.jf-articleLayout06__Container.blackBox__01::after,
.jf-articleLayout06__Container.blackBox__02::after,
.jf-articleLayout06__Container.blackBox__03::after{background-image: linear-gradient(0deg, rgba(175, 75, 255, .6), rgba(0, 0, 0, 1) 40%);}
.jf-articleLayout06__Container .title_everydaypants{width:280px;}
.jf-articleLayout06__Container .title_widepants{width:200px;}
.jf-articleLayout06__Container .title_slimpants{width:330px;}
.profile_container{padding: 36px 0 42px; width: -webkit-calc(100% - 26px);width: calc(100% - 26px);}
.profile_container .profile_item__img{max-width: 200px;}
.profile_container .profile_item .name{font-size: 16px;padding: 0 26px;}
.profile_container .profile_item .txt{padding: 0 26px;}
.profile_container .poweredBy__items{margin-top: 62px;}
.profile_container .poweredBy__items_txt{margin-right: 10px;}
.profile_container .poweredBy__items_img{width: 100px;}
}