@charset "utf-8"; /*------------------------------------- SITE : //www.jeansfactory.jp/ CREATE : 2021.12.31 MODIFIED : UPDATED BY : OGASAWARA MEMO : 2021.12.31__ver1.0.1 MEMO : 2022.05.04__ver1.1.1 MEMO : 2023.02.09__ver1.2.1 -------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap); @import url(https://use.typekit.net/cti7mec.css); @import url(https://use.typekit.net/nnk5tra.css); @import url(https://fonts.googleapis.com/css?family=Unica+One); body{margin:0; padding:0; font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; font-size:13px} /* グーグルコンバージョンタグ　*/ iframe[name="google_conversion_frame"] {display:none} /*link -------------------------------- */ a{text-decoration:none; color:#2490d0} a:hover{text-decoration:underline; color:#2490d0} /*reset -------------------------------- */ dl, dt, dd{margin:0 0 0 0; padding:0 0 0 0} select{margin:0 0 0 0} /*アピアランス -------------------------------- */ html{height:100%} body{height:100%} abbr, acronym{border:0 none} q:before, q:after{content:""} ol, ul{list-style:none} img{border:0 none; vertical-align:bottom} object{outline:none} table{border-spacing:0} *:first-child+html table{border-collapse:collapse} * html table{border-collapse:collapse} caption{text-align:left} th, td{text-align:left; vertical-align:middle; empty-cells:show} hr{display:none} fieldset{border:0 none} label{cursor:default} iframe{border:0 none; overflow:auto} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden} /* objectFit js ------------------------------------- */ .objectFit {object-fit: cover;font-family: 'object-fit: cover;';} /* syteのサービス終了に伴い一時的に要素を非表示 */ .syte-discovery, .jf-cameraSearch{display: none} /* キャンペーン用デザイン調整 ※施策期間が終われば隠しましょう -------------------------------- .jf-hedBanner {color: #f7ea8b !important; background-color: #024b18 !important;} .jf-hedBanner .hedBanner_list_item a {color: #f7ea8b !important; -webkit-box-shadow: inset 0 -1px 0 0 #f7ea8b !important; box-shadow: inset 0 -1px 0 0 #f7ea8b !important;} .fs-mark_sale {color: #f7ea8b !important; background-color: #024b18 !important;} /* ポイント止めの説明文がない場合に装飾します #fs_ProductDetails .fs-c-productPointDisplay:not(:has(+ .fs-c-productPointDisplay__aid .jf-pointAidComment)):not(:has( .fs-c-productPointDisplay__aid .jf-pointAidComment + &)){display: inline-flex !important; color: #e5cb77 !important; background-color: #953229; padding: 4px 10px;} #fs_ProductDetails .fs-c-productPointDisplay:not(:has(+ .fs-c-productPointDisplay__aid .jf-pointAidComment)):not(:has( .fs-c-productPointDisplay__aid .jf-pointAidComment + &)) .fs-c-productPointDisplay__label{display: none !important} #fs_ProductDetails .fs-c-productPointDisplay:not(:has(+ .fs-c-productPointDisplay__aid .jf-pointAidComment)):not(:has( .fs-c-productPointDisplay__aid .jf-pointAidComment + &)) .fs-c-productPointDisplay__unit::after{content: "12/25まで"; color: #943229; background-color: #E5CB7B; margin-left: 8px; padding: 1px 5px; font-size: 0.9em; border-radius: 3px;} */ /* ================================== fs配下用 ================================== */ /* fs配下打ち消し用 ------------------------------------- */ html {font-size:100%;} *{box-sizing:content-box;min-width: auto;min-height: auto;} /* fs機能用 ------------------------------------- */ /* mod_menu */ #mod_menu .fs-loginStatus__false .member-other{display: none !important;} .fs-loginStatus__true{} /* ================================== modal-fast ================================== */ /*共通 -------------------------------------*/ .mod_message{display:none;position:fixed;color:#fff;padding:0px;width:100%;z-index:9999999999;left:0;top:0;padding-top:0px;height:4000px;background-color: rgba(0,0,0,0.80);} .mod_message_Wrapper{position:absolute;top:0px;width: auto;z-index:3;left:50%;-webkit-transform: translate(-50%,100px);-moz-transform: translate(-50%,100px);-ms-transform: translate(-50%,100px);-o-transform: translate(-50%,100px);transform: translate(-50%,100px);} .mod_message_bg{position:fixed; top:0px; left:0; width:100%; height:100%} .mod_message_Wrapper .mod_inner { width:auto} @media screen and (max-width:834px){ .mod_message_Wrapper {width: 60%;-webkit-transform: translate(-50%,80px);-moz-transform: translate(-50%,80px);-ms-transform: translate(-50%,80px);-o-transform: translate(-50%,80px);transform: translate(-50%,80px);} } @media screen and (max-width:640px){ .mod_message_Wrapper {width: 80%;-webkit-transform: translate(-50%,60px);-moz-transform: translate(-50%,60px);-ms-transform: translate(-50%,60px);-o-transform: translate(-50%,60px);transform: translate(-50%,60px);} } /* 閉じるボタン -------------------------------------*/ .mod_message_Wrapper a.close_btn{display:block;position:absolute;right:-80px;width:60px;height:60px;} .mod_message_Wrapper a.close_btn .close_ico{display:block;position:absolute;width: 1px;height: 70px;background:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);} .mod_message_Wrapper a.close_btn .close_ico:before{display:block;content:"";position:absolute;width: 70px;height: 1px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;} @media screen and (max-width:834px){ } @media screen and (max-width:640px){ .mod_message_Wrapper a.close_btn {right: 0;width: 30px;height: 30px;top: -40px;} .mod_message_Wrapper a.close_btn .close_ico{height: 40px;} .mod_message_Wrapper a.close_btn .close_ico:before{width: 40px;} } /* eventPtn1 -------------------------------------*/ .mod_message_Wrapper .eventPtn1{width: 800px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;background: #fff;color: #000;} .mod_message_Wrapper .eventPtn1 .tmb{width: 450px;height: 450px;display: inline-flex;overflow: hidden;vertical-align: top;} .mod_message_Wrapper .eventPtn1 .tmb img{width:100%; display:block;} .mod_message_Wrapper .eventPtn1 .info{padding: 40px 40px 100px;width: 350px;width: -webkit-calc(100% - 530px);width: calc(100% - 530px);line-height: 1.8;position: relative;-webkit-box-pack: center;justify-content: center;display: -webkit-box;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;overflow: hidden;} .mod_message_Wrapper .eventPtn1 .info .info_inner{overflow-y: auto;-ms-overflow-style: none;max-height: 310px;} .mod_message_Wrapper .eventPtn1 .info .info_inner::-webkit-scrollbar{width:8px} .mod_message_Wrapper .eventPtn1 .info .info_inner::-webkit-scrollbar-track{ border-radius:5px; background:#ebecf0} .mod_message_Wrapper .eventPtn1 .info .info_inner::-webkit-scrollbar-thumb{ border-radius:5px; background:#283135} .mod_message_Wrapper .eventPtn1 .info .info_inner .title{font-size: 28px;} .mod_message_Wrapper .eventPtn1 .info .info_inner .title span{line-height: 1;display: table;text-transform: uppercase;position: relative;z-index: 1;color: #fff;} .mod_message_Wrapper .eventPtn1 .info .info_inner .title span::after {content: '';width: 100%;height: 100%;background-color: #222;top: 0;left: 0;position: absolute;z-index: -1;} .mod_message_Wrapper .eventPtn1 .info .info_inner .title span:nth-of-type(n+2){margin-top: 15px;} .mod_message_Wrapper .eventPtn1 .info .info_inner .txt{margin-top:30px;} .mod_message_Wrapper .eventPtn1 .info .btn{width: 100%;text-align: center;background-image: -webkit-linear-gradient(to right, #2d94d2 0%, #00b6dd 100%);background-image: linear-gradient(to right, #2d94d2 0%, #00b6dd 100%);color: #fff;position: absolute;left: 0;bottom: 0;height: 60px;line-height: 60px;font-size: 15px;transition-duration: 0.3s;transition: .3s ease-in-out;} .mod_message_Wrapper .eventPtn1 .info .btn span{display: inline-block;} .mod_message_Wrapper .eventPtn1 .info .btn .arrow-right{width: 34px;height: 1px;margin-left: 20px;position: relative;} .mod_message_Wrapper .eventPtn1 .info .btn .arrow-right::after{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 34px;background: #fff;display:block;bottom: 0;right: 0;} .mod_message_Wrapper .eventPtn1 .info .btn .arrow-right::before{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #fff;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);} .mod_message_Wrapper .eventPtn1 .info .btn:hover{padding-left: 20px;} @media screen and (max-width:968px){ .mod_message_Wrapper .eventPtn1{width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .mod_message_Wrapper .eventPtn1 .tmb{width:100%;height: 420px;} .mod_message_Wrapper .eventPtn1 .info{width: -webkit-calc(100% - 80px);width: calc(100% - 80px);} .mod_message_Wrapper .eventPtn1 .info .info_inner{overflow: auto;max-height: initial;} } @media screen and (max-width:640px){ .mod_message_Wrapper .eventPtn1 .tmb{height: 260px;} .mod_message_Wrapper .eventPtn1 .info{padding: 20px 20px 70px;width: -webkit-calc(100% - 40px);width: calc(100% - 40px);} .mod_message_Wrapper .eventPtn1 .info .info_inner .title{font-size: 22px;} .mod_message_Wrapper .eventPtn1 .info .info_inner .title span:nth-of-type(n+2){margin-top: 10px;} .mod_message_Wrapper .eventPtn1 .info .info_inner .txt{margin-top:20px;} .mod_message_Wrapper .eventPtn1 .info .btn{height: 50px;line-height: 50px;} } /* eventPtn2 -------------------------------------*/ .mod_message_Wrapper .eventPtn2{width: 500px;} .mod_message_Wrapper .eventPtn2 .tmb{width:100%;position: relative;} .mod_message_Wrapper .eventPtn2 .tmb img{width:100%;height: 500px;display:block;} .mod_message_Wrapper .eventPtn2 .tmb .tmb-msk{position: absolute;bottom: 0;color: #fff;padding: 50px 30px 0;background: -webkit-linear-gradient(to bottom, rgba(45, 148, 210, 0) 0%,rgba(45, 148, 210, 0) 1%,rgba(45, 148, 210, 1) 98%,rgba(45, 148, 210, 1) 100%);background: linear-gradient(to bottom, rgba(27, 27, 27, 0) 0%,rgba(27, 27, 27, 1) 100%);width: 440px;width: -webkit-calc(100% - 60px);width: calc(100% - 60px);} .mod_message_Wrapper .eventPtn2 .tmb .tmb-msk .small-txt{font-size: 12px;margin-bottom: 5px;} .mod_message_Wrapper .eventPtn2 .tmb .tmb-msk .large-txt{font-size: 24px;} .mod_message_Wrapper .eventPtn2 .linkBtn {text-align: center;background: #1b1b1b;padding: 40px 0 40px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn{position: relative;display: inline-block;background-color: #fff;box-shadow: 10px 25px 30px rgba(0,0,0,.08);color: #1b1b1b;text-decoration: none;font-size: 14px;line-height: 60px;height: 60px;text-align: center;padding: 0;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: 320px;border-radius: 60px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn span{display: inline-block;position: relative;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn .arrow-right{width: 34px;height: 1px;margin-left: 20px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn .arrow-right::after{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 34px;background: #1b1b1b;display:block;bottom: 0px;right: 0;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn .arrow-right::before{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #1b1b1b;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);} .mod_message_Wrapper .eventPtn2 .linkBtn .btn:hover {box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform: translateY(-4px);} @media screen and (max-width:834px){ .mod_message_Wrapper .eventPtn2{width: 100%;} .mod_message_Wrapper .eventPtn2 .tmb img{height: 460px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn{line-height: 50px;height: 50px;border-radius: 50px;} } @media screen and (max-width:640px){ .mod_message_Wrapper .eventPtn2 .tmb img{height: 300px;} .mod_message_Wrapper .eventPtn2 .tmb .tmb-msk .small-txt{font-size: 11px;} .mod_message_Wrapper .eventPtn2 .tmb .tmb-msk .large-txt{font-size: 20px;} .mod_message_Wrapper .eventPtn2 .linkBtn {padding: 20px 30px 30px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn{font-size:13px;width: 100%;min-width: auto;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn .arrow-right{width: 20px;margin-left: 10px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn .arrow-right::after{width: 20px;} .mod_message_Wrapper .eventPtn2 .linkBtn .btn .arrow-right::before{width: 7px;bottom: 2px;} } /* eventPtn3 -------------------------------------*/ .mod_message_Wrapper .eventPtn3{width: 800px;background-image: -webkit-linear-gradient(to right, #2d94d2 0%, #00b6dd 100%);background-image: linear-gradient(to right, #2d94d2 0%, #00b6dd 100%);display: -webkit-flex;display: flex;} .mod_message_Wrapper .eventPtn3 .info{padding: 50px;width: 248px;width: -webkit-calc(100% - 552px);width: calc(100% - 552px);line-height: 1.8;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow-y: scroll;-ms-overflow-style: none;} .mod_message_Wrapper .eventPtn3 .info::-webkit-scrollbar {display:none;} .mod_message_Wrapper .eventPtn3 .info .title{font-size:20px;} .mod_message_Wrapper .eventPtn3 .info .btn{position: relative;display: inline-block;background-color: #fff;box-shadow: 10px 25px 30px rgba(0,0,0,.08);color: #2490d0;text-decoration: none;font-size: 13px;line-height: 50px;height: 50px;text-align: center;padding: 0;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;width: 100%;border-radius: 50px;margin-top: 30px;} .mod_message_Wrapper .eventPtn3 .info .btn span{display: inline-block;position: relative;} .mod_message_Wrapper .eventPtn3 .info .btn .arrow-right{width: 30px;height: 1px;margin-left: 15px;} .mod_message_Wrapper .eventPtn3 .info .btn .arrow-right::after{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 30px;background: #2490d0;display:block;bottom: 0px;right: 0;} .mod_message_Wrapper .eventPtn3 .info .btn .arrow-right::before{transition: .3s ease-in-out;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #2490d0;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);} .mod_message_Wrapper .eventPtn3 .info .btn:hover {box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform: translateY(-4px);} .mod_message_Wrapper .eventPtn3 .tmb{height: 500px;overflow-y: scroll;scroll-behavior: smooth;-ms-overflow-style: none;scrollbar-width: none;margin-right: 50px;width: 402px;display: block;} .mod_message_Wrapper .eventPtn3 .tmb::-webkit-scrollbar {display:none;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list{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;-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li{width: 31%;width: -webkit-calc(100% / 3 - 10px);width: calc(100% / 3 - 10px);margin-right: 15px;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(n+4){margin-top:15px} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(3n){margin-right:0;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(3n+1){-webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-ms-transform: translateY(-60px);-o-transform: translateY(-60px);transform: translateY(-60px);} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(3n+2){-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li img{width:100%;height: 210px;display:block;} @media screen and (max-width:968px){ .mod_message_Wrapper .eventPtn3{width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .mod_message_Wrapper .eventPtn3 .info{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);} .mod_message_Wrapper .eventPtn3 .tmb{height: auto;margin-right: 0;width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 0 50px 50px;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list{height: 300px;overflow-y: scroll;-ms-overflow-style: none;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li{width: 48%;width: -webkit-calc(100% / 2 - 7.5px);width: calc(100% / 2 - 7.5px);} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(n+3){margin-top:15px} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(3n){margin-right:15px;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(2n){margin-right:0;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(3n+1){-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(3n+2){-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li:nth-of-type(2n+1){-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li img{height: 260px;} } @media screen and (max-width:640px){ .mod_message_Wrapper .eventPtn3 .info{width: -webkit-calc(100% - 60px);width: calc(100% - 60px);padding: 30px;} .mod_message_Wrapper .eventPtn3 .info .title{font-size: 16px;} .mod_message_Wrapper .eventPtn3 .info .btn{width: 90%;margin: 20px auto 0;box-shadow: 5px 5px 20px rgba(0,0,0,.08);line-height: 45px;height: 45px;border-radius: 45px;} .mod_message_Wrapper .eventPtn3 .info .btn .arrow-right{width: 20px;margin-left: 10px;} .mod_message_Wrapper .eventPtn3 .info .btn .arrow-right::after{width: 20px;} .mod_message_Wrapper .eventPtn3 .info .btn .arrow-right::before{width: 7px;bottom: 2px;} .mod_message_Wrapper .eventPtn3 .tmb{width: -webkit-calc(100% - 60px);width: calc(100% - 60px);padding: 0 30px 30px;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list{height: 270px;} .mod_message_Wrapper .eventPtn3 .tmb .tmb-list li img{height: 180px;} } /* ================================== fixed-news ================================== */ #jf-fixed-news{position: fixed;z-index: 10;bottom: 1.5rem;left: 1.5rem;} /* .cookie("open-panel")の際は display: none; */ #jf-fixed-news #closeBtn{position: absolute;top: -15px;right: -15px;z-index: 1;cursor: pointer;-ms-transform: translate(0,-50%);transform: translate(0,0);background: none;height: 35px;width: 35px;display: inline-block;} #jf-fixed-news #closeBtn .ico_close{} #jf-fixed-news #closeBtn .ico_close:before, #jf-fixed-news #closeBtn .ico_close:after{display: block;content: '';width: 1px;height: 35px;background-color: #202020;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);} #jf-fixed-news #closeBtn .ico_close:after{-ms-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);} #jf-fixed-news .fixed-news-card{} #jf-fixed-news .fixed-news-link{background-color: #fff;position: relative;transition: .5s ease-in-out;color: #242424;text-decoration: none;display: -ms-flexbox;display: flex;overflow: hidden;padding: 15px;width: -webkit-calc(400px -30px);width: calc(400px - 30px);box-shadow: 10px 20px 20px rgba(0,0,0,.08);} #jf-fixed-news .fixed-news-link .fixed-news-tmb{display: inline-flex;overflow: hidden;width: 100px;height: 100px;vertical-align: top;} #jf-fixed-news .fixed-news-link .fixed-news-tmb img{ width: 100%;display: block;transition: .5s ease-in-out; object-fit: cover;} #jf-fixed-news .fixed-news-link .fixed-news-info{padding: 0 0 0 15px;font-size: 13px;width: -webkit-calc(100% - 115px);width: calc(100% - 115px);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 1.6;} #jf-fixed-news .fixed-news-link:hover {transform: translateY(-4px);box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);} #jf-fixed-news .fixed-news-link:hover .fixed-news-tmb img{-webkit-transform:scale(1.1);transform:scale(1.1);} #jf-fixed-news .fixed-news-link__img{width:400px;display: block;height: 130px;-ms-transition: 0.3s;transition: 0.3s;} #jf-fixed-news .fixed-news-link__img img{width:100%;height: 100%;display: block;} #jf-fixed-news .fixed-news-link__img:hover {transform: translateY(-4px);} @media screen and (max-width:834px){ #jf-fixed-news .fixed-news-link{width: -webkit-calc(380px - 30px);width: calc(380px - 30px);} #jf-fixed-news .fixed-news-link .fixed-news-tmb{width: 90px;height: 90px;} #jf-fixed-news .fixed-news-link .fixed-news-info{width: -webkit-calc(100% - 105px);width: calc(100% - 105px);font-size: 12px;} #jf-fixed-news .fixed-news-link__img{width:380px;height: 120px;} } @media screen and (max-width:640px){ #jf-fixed-news{bottom: 1rem;left: 1rem;} #jf-fixed-news .fixed-news-card{width:300px;} #jf-fixed-news .fixed-news-link{width: -webkit-calc(100% - 20px);width: calc(100% - 20px);padding: 10px;} #jf-fixed-news .fixed-news-link .fixed-news-tmb{width: 80px;height: 80px;} #jf-fixed-news .fixed-news-link .fixed-news-info{padding: 0 0 0 10px;width: -webkit-calc(100% - 90px);width: calc(100% - 90px);-webkit-line-clamp: 4;} #jf-fixed-news .fixed-news-link__img{width:300px;height: 97.5px;} } /* ================================== b→dash コントロール .reception-〇〇 がシナリオIDを指します。新たなシナリオができればこちらで調整用スタイルの作成が必要です。 雛形_popUp__ptn1の場合、「閉じるボタン：left: 285px」「コンテンツ：width: 320px,height: 115px」 ================================== */ @media screen and (max-width:640px){ #bdash4-reception.reception-3 > iframe:nth-of-type(1), #bdash4-reception.reception-4 > iframe:nth-of-type(1), #bdash4-reception.reception-5 > iframe:nth-of-type(1), #bdash4-reception.reception-15 > iframe:nth-of-type(1){left: 285px !important;} #bdash4-reception.reception-3 > iframe:nth-of-type(2), #bdash4-reception.reception-4 > iframe:nth-of-type(2), #bdash4-reception.reception-5 > iframe:nth-of-type(2), #bdash4-reception.reception-15 > iframe:nth-of-type(2) {width: 320px !important; height: 115px !important;} } /* ================================== mod_menu ================================== */ #mod_menu{display:none;z-index: 999999;position:fixed;top:0;left:0;width:100%;height:100%;min-height:100%;background-color: #19212b;} #mod_menu .mod_menu-inner{width:100%;height:100%;position:absolute;left:0;text-align:center;overflow-y:auto;} #mod_menu .mod_menu-inner #mod_menuCloseBtn{ z-index:2; position:fixed; top:50px; left:50px; width:50px; height:30px; cursor:pointer} #mod_menu .mod_menu-inner #mod_menuCloseBtn:hover span:nth-of-type(1){ transform:rotate(45deg)} #mod_menu .mod_menu-inner #mod_menuCloseBtn:hover span:nth-of-type(2){ transform:rotate(-45deg)} #mod_menu .mod_menu-inner #mod_menuCloseBtn span{ display:block; width:100%; height:2px; background-color:#fff; transition:0.2s all ease-in-out} #mod_menu .mod_menu-inner #mod_menuCloseBtn span:nth-of-type(1){ position:absolute; top:7px; left:0; transform:rotate(23deg)} #mod_menu .mod_menu-inner #mod_menuCloseBtn span:nth-of-type(2){ position:absolute; top:7px; left:0; transform:rotate(-23deg)} #mod_menu .mod_menuContent{display: -ms-flexbox;display: flex;overflow-x: auto;scroll-behavior: smooth;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;margin-left: 10rem;height: 100%;color: #fff;text-align: left;border-left: 1px solid #252e3d;} #mod_menu .mod_menuContent .mod_menu-item{border-left: 1px solid #252e3d;min-width: 400px;width: -webkit-calc(100% / 3);width: calc(100% / 3);height: 100%;display: block;-ms-transition: 0.3s;transition: 0.3s;overflow-y: scroll;scroll-behavior: smooth;-ms-overflow-style: none;scrollbar-width: none;} #mod_menu .mod_menuContent .mod_menu-item::-webkit-scrollbar {display:none;} #mod_menu .mod_menuContent .mod_menu-item:first-of-type{border-left:none;} #mod_menu .mod_menuContent .mod_menu-item:hover{background:#2d384a;} #mod_menu .menu-item__header{padding: 0 30px;font-size: 20px;height: 5rem;line-height: 5rem;margin-top: 5rem;} #mod_menu .menu-item__list_level1{ margin-top: 3rem;} #mod_menu .menu-item__list_level1 li{} #mod_menu .menu-item__list_level1 li:nth-of-type(n+2){margin-top:1px} #mod_menu .menu-item__list_level1 li > a{background: #19212b;color: #fff;height: 4rem;text-decoration: none;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;width: -webkit-calc(100% - 60px);width: calc(100% - 60px);padding: 0 30px;-ms-transition: 0.3s;transition: 0.3s;position: relative;font-size: 15px;} #mod_menu .menu-item__list_level1 li > a:hover{background:#252e3d;} #mod_menu .menu-item__list_level1 li > a .menuMessage{color:#2d94d2;margin-left: auto;font-size: 0.8em;} #mod_menu .menu-item__list_level1 li > a span[class^="icon-"]{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;width: 18px;height: 18px;margin-right: 15px;} #mod_menu .menu-item__list_level1 .icon-search{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%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%23fff%3Bstroke-width%3A8%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M97%2C96.83L73.33%2C73.16L97%2C96.83L97%2C96.83z%20M73.33%2C16.69c15.59%2C15.59%2C15.59%2C40.87%2C0%2C56.46%20c-15.59%2C15.59-40.87%2C15.59-56.46%2C0c-15.59-15.59-15.59-40.87%2C0-56.46C32.46%2C1.1%2C57.74%2C1.1%2C73.33%2C16.69L73.33%2C16.69z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');} #mod_menu .menu-item__list_level1 .icon-login{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%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M36.9%2C13.5h51.37v73.13H36.9c-1.14%2C0-2.06%2C0.92-2.06%2C2.06v7.6c0%2C1.14%2C0.92%2C2.06%2C2.06%2C2.06h61.04%20c1.14%2C0%2C2.06-0.92%2C2.06-2.06V3.85c0-1.14-0.92-2.06-2.06-2.06H36.9c-1.14%2C0-2.06%2C0.92-2.06%2C2.06v7.6%20C34.84%2C12.58%2C35.76%2C13.5%2C36.9%2C13.5z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M81.1%2C48.59L53.33%2C20.82c-0.77-0.77-2.14-0.77-2.92%2C0l-6.59%2C6.59c-0.81%2C0.81-0.81%2C2.11%2C0%2C2.92l12.54%2C12.55%20H2.06C0.92%2C42.87%2C0%2C43.79%2C0%2C44.93v10.22c0%2C1.14%2C0.92%2C2.06%2C2.06%2C2.06h54.3L43.82%2C69.77c-0.81%2C0.81-0.81%2C2.11%2C0%2C2.92l6.59%2C6.59%20c0.39%2C0.39%2C0.91%2C0.6%2C1.46%2C0.6c0.55%2C0%2C1.07-0.22%2C1.46-0.6L81.1%2C51.51c0.39-0.39%2C0.6-0.91%2C0.6-1.46C81.7%2C49.5%2C81.48%2C48.97%2C81.1%2C48.59%20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-member{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%3A8.5792%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M85.61%2C95.5v-4.58c0-20.22-16.39-36.6-36.6-36.6h0c-20.22%2C0-36.6%2C16.39-36.6%2C36.6v4.58H85.61z%22%2F%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2249%22%20cy%3D%2224.3%22%20r%3D%2218.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-wish{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.6807%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M8.01%2C47.01c-2.98-4.49-4.5-10.04-3.86-15.96c1.22-11.3%2C10.54-20.36%2C21.84-21.27%20c9.44-0.76%2C17.83%2C3.97%2C22.37%2C11.34c0.75%2C1.22%2C2.53%2C1.22%2C3.29%2C0c4.53-7.36%2C12.92-12.09%2C22.34-11.34c11.4%2C0.9%2C20.77%2C10.1%2C21.89%2C21.5%20c0.59%2C6.01-1.03%2C11.63-4.15%2C16.13l-0.11%2C0.16L51.97%2C91.14c-0.99%2C1.3-2.95%2C1.3-3.94%2C0L8.39%2C47.56L8.01%2C47.01L8.01%2C47.01z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-history{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%3A8.5739%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A5.7159%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A6.7632%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M72.96%2C95.93H27.24c-8.39%2C0-15.24-6.86-15.24-15.24V19.72c0-8.38%2C6.86-15.24%2C15.24-15.24h45.73%20c8.38%2C0%2C15.24%2C6.86%2C15.24%2C15.24v60.97C88.21%2C89.07%2C81.35%2C95.93%2C72.96%2C95.93L72.96%2C95.93z%22%2F%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2230.09%22%20y1%3D%2238.77%22%20x2%3D%2258.67%22%20y2%3D%2238.77%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2230.09%22%20y1%3D%2250.2%22%20x2%3D%2270.11%22%20y2%3D%2250.2%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2230.09%22%20y1%3D%2261.63%22%20x2%3D%2270.11%22%20y2%3D%2261.63%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-upDate{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%23fff%3Bstroke-width%3A8.0768%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M65.89%2C49.94c0%2C8.77-7.11%2C15.89-15.89%2C15.89c-8.77%2C0-15.89-7.12-15.89-15.89S41.23%2C34.05%2C50%2C34.05%20C58.78%2C34.05%2C65.89%2C41.17%2C65.89%2C49.94L65.89%2C49.94z%20M84.62%2C58.96c-0.83%2C3.22-2.1%2C6.27-3.75%2C9.08c-0.48%2C0.82-0.43%2C1.85%2C0.18%2C2.58%20l4.59%2C5.53c0.74%2C0.89%2C0.68%2C2.19-0.14%2C3.01l-6.27%2C6.27c-0.82%2C0.82-2.12%2C0.88-3.01%2C0.14l-5.52-4.58c-0.74-0.61-1.77-0.67-2.59-0.17%20c-2.8%2C1.66-5.85%2C2.94-9.08%2C3.77c-0.93%2C0.24-1.62%2C1-1.7%2C1.95l-0.66%2C7.14c-0.11%2C1.15-1.07%2C2.03-2.23%2C2.03h-8.87%20c-1.16%2C0-2.12-0.88-2.23-2.03l-0.66-7.14c-0.09-0.95-0.78-1.72-1.71-1.95c-3.23-0.83-6.28-2.11-9.08-3.77%20c-0.82-0.49-1.86-0.44-2.59%2C0.17l-5.52%2C4.58c-0.89%2C0.74-2.19%2C0.68-3.01-0.14l-6.27-6.27c-0.82-0.82-0.88-2.12-0.14-3.01l4.59-5.53%20c0.61-0.73%2C0.67-1.76%2C0.18-2.58c-1.65-2.81-2.91-5.86-3.74-9.08c-0.24-0.93-1-1.62-1.96-1.71L6.26%2C56.6%20c-1.15-0.11-2.03-1.07-2.03-2.23V45.5c0-1.16%2C0.88-2.12%2C2.03-2.23l7.21-0.66c0.95-0.09%2C1.72-0.78%2C1.96-1.71%20c0.82-3.2%2C2.1-6.22%2C3.74-9.02c0.49-0.82%2C0.43-1.85-0.18-2.59l-4.63-5.58c-0.74-0.89-0.68-2.19%2C0.14-3.01l6.27-6.27%20c0.82-0.82%2C2.12-0.88%2C3.01-0.14l5.59%2C4.65c0.73%2C0.61%2C1.76%2C0.67%2C2.58%2C0.18c2.78-1.63%2C5.81-2.89%2C9.01-3.72c0.92-0.24%2C1.61-1%2C1.7-1.95%20l0.68-7.25c0.11-1.15%2C1.07-2.03%2C2.23-2.03h8.87c1.16%2C0%2C2.12%2C0.88%2C2.23%2C2.03l0.68%2C7.25c0.09%2C0.95%2C0.78%2C1.72%2C1.7%2C1.95%20c3.2%2C0.83%2C6.22%2C2.09%2C9%2C3.72c0.82%2C0.48%2C1.85%2C0.43%2C2.59-0.18l5.59-4.65c0.89-0.74%2C2.19-0.68%2C3.01%2C0.14l6.27%2C6.27%20c0.82%2C0.82%2C0.88%2C2.12%2C0.14%2C3.01l-4.63%2C5.58c-0.61%2C0.73-0.66%2C1.76-0.18%2C2.59c1.65%2C2.79%2C2.92%2C5.82%2C3.74%2C9.02%20c0.24%2C0.93%2C1%2C1.62%2C1.96%2C1.71l7.2%2C0.66c1.15%2C0.11%2C2.03%2C1.07%2C2.03%2C2.23v8.87c0%2C1.16-0.88%2C2.12-2.03%2C2.23l-7.16%2C0.66%20C85.62%2C57.34%2C84.86%2C58.04%2C84.62%2C58.96L84.62%2C58.96z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-memberGuide{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%3A8.5311%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2250%22%20cy%3D%2249.96%22%20r%3D%2245.5%22%2F%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%2250%22%20y1%3D%2227.21%22%20x2%3D%2250%22%20y2%3D%2254.51%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%2250%22%20y1%3D%2272.71%22%20x2%3D%2250%22%20y2%3D%2272.71%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-newItem{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.6778%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%223.92%2C37.79%2096%2C3.93%2061.92%2C96.07%2050.4%2C49.53%20%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%2250.4%22%20y1%3D%2249.53%22%20x2%3D%2296%22%20y2%3D%223.93%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-brand{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.6386%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7.6386%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M17.12%2C3.86c-7.14%2C0-12.94%2C5.88-12.78%2C13.09l0.64%2C28.4c0.07%2C3.29%2C1.42%2C6.43%2C3.74%2C8.76l36.83%2C36.83%20c3.46%2C3.46%2C7.97%2C5.21%2C12.38%2C5.21c4.05%2C0%2C8.01-1.48%2C10.99-4.45l22.61-22.62c6.22-6.22%2C5.88-16.73-0.75-23.37L53.86%2C8.77%20c-2.27-2.27-5.31-3.6-8.51-3.74L17.67%2C3.87C17.48%2C3.86%2C17.3%2C3.86%2C17.12%2C3.86L17.12%2C3.86z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M24.23%2C33.42c-2.5-2.5-2.5-6.55%2C0-9.05c2.5-2.5%2C6.55-2.5%2C9.05%2C0c2.5%2C2.5%2C2.5%2C6.55%2C0%2C9.05%20C30.78%2C35.92%2C26.73%2C35.92%2C24.23%2C33.42L24.23%2C33.42z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-preOrder{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.1093%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7.6252%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A7.6252%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%2229.1%22%20y%3D%2230.79%22%20transform%3D%22matrix(0.9659%20-0.2588%200.2588%200.9659%20-10.9371%2017.3914)%22%20class%3D%22st0%22%20width%3D%2262.97%22%20height%3D%2238.89%22%2F%3E%20%3Cpolyline%20class%3D%22st1%22%20points%3D%2232.06%2C65.43%204.5%2C72.82%2023.25%2C40.34%2025.2%2C39.82%20%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2242.08%22%20y1%3D%2250.06%22%20x2%3D%2276.45%22%20y2%3D%2240.85%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2244.71%22%20y1%3D%2259.88%22%20x2%3D%2264.36%22%20y2%3D%2254.62%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-priceOff{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%3A8.5221%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.45%22%2F%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M63.57%2C31.4L29.75%2C65.19c-1.08%2C1.08-1.08%2C2.82%2C0%2C3.9c0.53%2C0.53%2C1.24%2C0.8%2C1.95%2C0.8s1.4-0.28%2C1.95-0.8%20l33.81-33.81c1.08-1.08%2C1.08-2.82%2C0-3.9C66.39%2C30.32%2C64.65%2C30.32%2C63.57%2C31.4z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M54.71%2C54.15c-3.83%2C3.83-3.83%2C10.09%2C0%2C13.92c1.86%2C1.86%2C4.34%2C2.89%2C6.97%2C2.89s5.12-1.03%2C6.97-2.89%20c3.83-3.83%2C3.83-10.09%2C0-13.92c-1.86-1.86-4.34-2.89-6.97-2.89S56.59%2C52.29%2C54.71%2C54.15z%20M64.76%2C64.2%20c-0.83%2C0.83-1.9%2C1.26-3.07%2C1.26c-1.17%2C0-2.25-0.46-3.07-1.26c-1.7-1.7-1.7-4.45%2C0-6.15c0.83-0.83%2C1.9-1.26%2C3.07-1.26%20c1.17%2C0%2C2.25%2C0.46%2C3.07%2C1.26C66.46%2C59.75%2C66.46%2C62.5%2C64.76%2C64.2z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M36.27%2C28.94c-2.64%2C0-5.12%2C1.03-6.97%2C2.89c-1.86%2C1.86-2.89%2C4.34-2.89%2C6.97s1.03%2C5.12%2C2.89%2C6.97%20c1.86%2C1.86%2C4.34%2C2.89%2C6.97%2C2.89s5.12-1.03%2C6.97-2.89c1.86-1.86%2C2.89-4.34%2C2.89-6.97s-1.03-5.12-2.89-6.97%20C41.36%2C29.97%2C38.91%2C28.94%2C36.27%2C28.94z%20M39.34%2C41.88c-0.83%2C0.83-1.9%2C1.26-3.07%2C1.26s-2.25-0.46-3.07-1.26%20c-0.83-0.83-1.26-1.9-1.26-3.07c0-1.17%2C0.46-2.25%2C1.26-3.07c0.83-0.83%2C1.9-1.26%2C3.07-1.26s2.25%2C0.46%2C3.07%2C1.26%20c0.83%2C0.83%2C1.26%2C1.9%2C1.26%2C3.07C40.61%2C39.95%2C40.17%2C41.05%2C39.34%2C41.88z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-styling{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%3A8.3312%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M14.4%2C4.23h71.2c5.62%2C0%2C10.17%2C4.55%2C10.17%2C10.17v71.2c0%2C5.62-4.55%2C10.17-10.17%2C10.17H14.4%20c-5.62%2C0-10.17-4.55-10.17-10.17V14.4C4.23%2C8.78%2C8.78%2C4.23%2C14.4%2C4.23z%22%2F%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2228.39%22%20cy%3D%2228.39%22%20r%3D%223.81%22%2F%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%2295.77%2C28.39%2065.26%2C65.26%2050%2C50%2014.4%2C95.77%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-features{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.6667%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M72.9%2C4h-46c-8.43%2C0-15.33%2C6.9-15.33%2C15.33v73.57c0%2C1.81%2C1.48%2C3.09%2C3.09%2C3.09c0.53%2C0%2C1.08-0.14%2C1.59-0.45%20L49.9%2C75.2l33.65%2C20.35C84.06%2C95.86%2C84.6%2C96%2C85.14%2C96c1.61%2C0%2C3.09-1.29%2C3.09-3.09V19.33C88.23%2C10.9%2C81.33%2C4%2C72.9%2C4L72.9%2C4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-first{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%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M75.57%2C0.54c-4.24-1.38-8.77-0.05-11.61%2C3.42L50.49%2C20.38c-0.22%2C0.27-0.44%2C0.55-0.65%2C0.83%20c-0.06%2C0.06-0.1%2C0.13-0.16%2C0.19c-0.26-0.35-0.53-0.69-0.8-1.02L35.41%2C3.95c-2.85-3.47-7.38-4.79-11.62-3.41%20c-4.54%2C1.48-7.43%2C5.95-7.43%2C10.72v44.48c0%2C3.36%2C1.17%2C6.64%2C3.3%2C9.23l27.88%2C34.01c1.11%2C1.36%2C3.19%2C1.36%2C4.3%2C0l27.88-34.01%20c2.13-2.6%2C3.3-5.87%2C3.3-9.23V11.26C83.01%2C6.48%2C80.11%2C2.01%2C75.57%2C0.54z%20M75.06%2C55.74c0%2C1.53-0.53%2C3.01-1.5%2C4.19L50.67%2C88%20c-0.33%2C0.4-0.98%2C0.17-0.98-0.35v-53.5c0-0.45%2C0.16-0.88%2C0.44-1.23L70.11%2C8.99c0.55-0.67%2C1.3-1.04%2C2.11-1.04%20c0.47%2C0%2C0.97%2C0.12%2C1.42%2C0.37c0.93%2C0.51%2C1.42%2C1.57%2C1.42%2C2.64V55.74z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-guide{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%3A8.5221%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%224.55%2C25.28%204.55%2C91.39%2033.47%2C74.87%2066.53%2C91.39%2095.45%2C74.87%2095.45%2C8.76%2066.53%2C25.28%2033.47%2C8.76%20%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%2233.47%22%20y1%3D%228.76%22%20x2%3D%2233.47%22%20y2%3D%2274.87%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%2266.53%22%20y1%3D%2225.28%22%20x2%3D%2266.53%22%20y2%3D%2291.39%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-contact{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%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%3A8.1176%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M13.2%2C16.5h73.6c5.06%2C0%2C9.2%2C4.14%2C9.2%2C9.2v50.6c0%2C5.06-4.14%2C9.2-9.2%2C9.2H13.2c-5.06%2C0-9.2-4.14-9.2-9.2V25.7%20C4%2C20.64%2C8.14%2C16.5%2C13.2%2C16.5z%22%2F%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%2291.4%2C21.1%2050%2C57.9%208.6%2C21.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-company{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%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M95.6%2C93.52V25.04L40.61%2C0.23L4.4%2C18.34v75.18H0v6.25h100v-6.25H95.6z%20M57.38%2C93.52H45.3V17.12l12.08%2C5.45%20V93.52z%20M74.15%2C93.52H62.07V24.68l12.08%2C5.45V93.52z%20M90.92%2C93.52H78.83V32.25l12.08%2C5.45V93.52z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-recruit{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%23F2F2F2%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.61%2C60.7l3.12-3.12c7.13-7.13%2C7.13-18.73%2C0-25.86L41.68%2C15.67c-3.45-3.45-8.04-5.35-12.93-5.35%20c-4.89%2C0-9.48%2C1.9-12.93%2C5.35c-7.13%2C7.13-7.13%2C18.73%2C0%2C25.86c0.83%2C0.83%2C1.29%2C1.94%2C1.29%2C3.12c0%2C1.18-0.46%2C2.29-1.29%2C3.12%20c-0.83%2C0.83-1.94%2C1.29-3.12%2C1.29s-2.29-0.46-3.12-1.29C4.48%2C42.66%2C1.66%2C35.85%2C1.66%2C28.6c0-7.25%2C2.81-14.06%2C7.92-19.17%20c5.11-5.11%2C11.92-7.92%2C19.17-7.92s14.06%2C2.81%2C19.17%2C7.92l16.05%2C16.05c5.11%2C5.11%2C7.93%2C11.92%2C7.92%2C19.17%20c0%2C7.25-2.81%2C14.06-7.92%2C19.17l-3.12%2C3.12L54.61%2C60.7z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M71.55%2C98.49c-7.25%2C0-14.06-2.81-19.17-7.92L36.33%2C74.52c-10.57-10.57-10.57-27.77%2C0-38.34l3.12-3.12%20l6.24%2C6.24l-3.12%2C3.12c-7.13%2C7.13-7.13%2C18.73%2C0%2C25.86l16.05%2C16.05c3.45%2C3.45%2C8.04%2C5.35%2C12.93%2C5.35c0%2C0%2C0%2C0%2C0%2C0%20c4.89%2C0%2C9.48-1.9%2C12.93-5.35c7.13-7.13%2C7.13-18.73%2C0-25.86c-1.72-1.72-1.72-4.52%2C0-6.24c0.83-0.83%2C1.94-1.29%2C3.12-1.29%20c1.18%2C0%2C2.29%2C0.46%2C3.12%2C1.29c5.11%2C5.11%2C7.93%2C11.92%2C7.92%2C19.17c0%2C7.25-2.81%2C14.06-7.92%2C19.17C85.61%2C95.68%2C78.8%2C98.49%2C71.55%2C98.49%20C71.55%2C98.49%2C71.55%2C98.49%2C71.55%2C98.49z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-shop{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%3A8.0771%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M22.91%2C15.3L22.91%2C15.3c14.75-14.75%2C38.9-14.75%2C53.65%2C0l0%2C0c14.75%2C14.75%2C14.75%2C38.9%2C0%2C53.65L49.74%2C95.77%20L22.91%2C68.95C8.16%2C54.19%2C8.16%2C30.05%2C22.91%2C15.3z%22%2F%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2249.74%22%20cy%3D%2241.53%22%20r%3D%2215.41%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 .icon-art{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%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M67.28%2C100l-2.22-13.29H34.29L32.07%2C100h-9.02l5.24-31.44h-7.45v-8.9h4.22V11.28h20.16V0h8.9v11.28h20.16%20v48.39h4.22v8.9h-7.45L76.29%2C100H67.28z%20M63.58%2C77.81l-1.54-9.25h-7.91v9.25H63.58z%20M45.23%2C77.81v-9.25h-7.91l-1.54%2C9.25H45.23z%20M65.39%2C59.66V20.17H33.96v39.49H65.39z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu-item__list_level1 li > a .badge{background:#2d94d2;border: 2px solid #19212b;height:10px;width:10px;border-radius: 10px;-ms-transition: 0.3s;transition: 0.3s;position: absolute;left: 40px;top: 50%;-ms-transform: translate(0,-14px);transform: translate(0,-14px);} #mod_menu .menu-item__list_level1 li > a:hover .badge{border: 2px solid #2d384a;} #mod_menu .menu-item__member{margin-top: 3rem;} #mod_menu .menu-item__member .member-card{box-shadow: 0 0 25px rgba(0,0,0,.3);margin: 0 auto;padding: 30px;max-width: calc(400px - 60px);width: -webkit-calc(100% - 160px);width: calc(100% - 160px);border-radius: 5px;box-shadow: -5px -5px 15px #222a38, 5px 5px 15px #10161f;} #mod_menu .menu-item__member .rank{font-size: 1em;} #mod_menu .menu-item__member .name{margin-top: 20px;font-size: 21px;} #mod_menu .menu-item__member .member-other{display: -ms-flexbox;display: flex;margin: 3rem auto 0;-ms-justify-content: space-between;justify-content: space-between;max-width: 400px;padding: 0 50px;} #mod_menu .menu-item__member .point{width: -webkit-calc(100% - 5rem);width: calc(100% - 5rem);} #mod_menu .menu-item__member .point .valueBox{background: #252e3d;height: 3rem;border-radius: 3rem;text-decoration: none;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 0 30px;white-space: nowrap;overflow: hidden;} #mod_menu .menu-item__member .point .icon-point{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%232d94d2%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M51.57%2C38.33h-6.9v13.88h6.9c4.37%2C0%2C7.92-3.11%2C7.92-6.94C59.49%2C41.44%2C55.94%2C38.33%2C51.57%2C38.33z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M50%2C0C22.39%2C0%2C0%2C22.39%2C0%2C50c0%2C27.62%2C22.39%2C50%2C50%2C50c27.61%2C0%2C50-22.38%2C50-50C100%2C22.39%2C77.61%2C0%2C50%2C0z%20M51.57%2C59.93h-6.9v10.1c0%2C1.94-1.57%2C3.52-3.52%2C3.52h-1.77c-1.94%2C0-3.52-1.57-3.52-3.52v-35.9c0-1.94%2C1.57-3.52%2C3.52-3.52h12.18%20c9.22%2C0%2C16.72%2C6.58%2C16.72%2C14.65C68.29%2C53.35%2C60.79%2C59.93%2C51.57%2C59.93z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;width: 18px;height: 18px;margin-right: 15px;} #mod_menu .menu-item__member .point .value{font-size: 16px;margin-right: 5px;} #mod_menu .menu-item__member .point .txt{text-align: center;margin-top: 10px;font-size: 0.9em;color: #aaa;} #mod_menu .menu-item__member .logout{margin-left: 1rem;} #mod_menu .menu-item__member .logout .btn{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%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M63.1%2C86.57H11.72V13.44H63.1c1.14%2C0%2C2.06-0.92%2C2.06-2.06v-7.6c0-1.14-0.92-2.06-2.06-2.06H2.06%20C0.92%2C1.71%2C0%2C2.64%2C0%2C3.78v92.45c0%2C1.14%2C0.92%2C2.06%2C2.06%2C2.06H63.1c1.14%2C0%2C2.06-0.92%2C2.06-2.06v-7.6%20C65.16%2C87.49%2C64.24%2C86.57%2C63.1%2C86.57z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M99.39%2C48.54L71.62%2C20.77c-0.77-0.77-2.14-0.77-2.92%2C0l-6.59%2C6.59c-0.81%2C0.81-0.81%2C2.11%2C0%2C2.92l12.54%2C12.55%20h-54.3c-1.14%2C0-2.06%2C0.92-2.06%2C2.06v10.22c0%2C1.14%2C0.92%2C2.06%2C2.06%2C2.06h54.3L62.12%2C69.72c-0.81%2C0.81-0.81%2C2.11%2C0%2C2.92l6.59%2C6.59%20c0.39%2C0.39%2C0.91%2C0.6%2C1.46%2C0.6c0.55%2C0%2C1.07-0.22%2C1.46-0.6L99.4%2C51.46c0.39-0.39%2C0.6-0.91%2C0.6-1.46%20C100%2C49.45%2C99.78%2C48.93%2C99.39%2C48.54z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat: no-repeat;background-position: 50% 50%;background-size: 18px 18px;width: 3rem;height: 3rem;border-radius: 3rem;margin: 0 auto;-ms-transition: 0.3s;transition: 0.3s;display: block;background-color: #e83656;box-shadow: -5px -5px 15px #222a38, 5px 5px 15px #0b111b;} #mod_menu .menu-item__member .logout .btn:hover{box-shadow: -2px -2px 5px #222a38, 2px 2px 5px #0b111b;} #mod_menu .menu-item__member .logout .txt{text-align: center;margin-top: 10px;font-size: 0.9em;color: #aaa;} #mod_menu .menu-item__member .member-card[data-member-rank="BLUE"]{background: -webkit-linear-gradient(to top right, #2d94d2 0%, #00b6dd 100%);background: linear-gradient(to top right, #2d94d2 0%, #00b6dd 100%);} #mod_menu .menu-item__member .member-card[data-member-rank="BRONZE"]{background: -webkit-linear-gradient(to top right, #774a2f 0%,#58340f 50%,#52301c 100%);background: linear-gradient(to top right, #52301c 0%,#58340f 50%,#52301c 100%);} #mod_menu .menu-item__member .member-card[data-member-rank="SILVER"]{background: -webkit-linear-gradient(to top right, #c0c0c0 0%,#a0a0a0 50%,#c0c0c0 100%);background: linear-gradient(to top right, #c0c0c0 0%,#a0a0a0 50%,#c0c0c0 100%);} #mod_menu .menu-item__member .member-card[data-member-rank="GOLD"]{background: -webkit-linear-gradient(to top right, #ffd700 0%,#d9b61d 50%,#ffed8e 100%);background: linear-gradient(to top right, #ffd700 0%,#d9b61d 50%,#ffed8e 100%);} #mod_menu .menu_search .filter__keyword{position:relative;transition: .3s ease-in-out;background: #252e3d;width: -webkit-calc(100% - 60px);width: calc(100% - 60px);margin: 3rem auto 0;border-radius: 3rem;} #mod_menu .menu_search .filter__keyword input[name="searchKeyword"]{border:none;background-color: #252e3d;padding: 0 56px 0 56px;width: -webkit-calc(100% - 112px);width: calc(100% - 112px);height: 3rem;line-height: 3rem;border-radius: 5px;color: #fff;font-size: 16px;} #mod_menu .menu_search .filter__keyword input[name="searchKeyword"]:focus {outline: 0;} #mod_menu .menu_search .filter__keyword input[name="searchKeyword"]:-webkit-autofill {-webkit-transition: background-color 9999s;transition: background-color 9999s;} #mod_menu .menu_search .filter__keyword input[name="searchKeyword"]::placeholder {color: rgba(255, 255, 255, 0.3);} #mod_menu .menu_search .filter__keyword input[name="searchKeyword"]:-ms-input-placeholder {color: rgba(255, 255, 255, 0.3);} #mod_menu .menu_search .filter__keyword input[name="searchKeyword"]::-ms-input-placeholder {color: rgba(255, 255, 255, 0.3);} #mod_menu .menu_search .filter__keyword button[type="submit"]{padding: 0;width: 18px;height: 18px;position:absolute;top:50%;left: 20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);border:none;text-indent:-9999px;background: transparent;background-size: cover;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%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%23ffffff4d%3Bstroke-width%3A8%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M97%2C96.83L73.33%2C73.16L97%2C96.83L97%2C96.83z%20M73.33%2C16.69c15.59%2C15.59%2C15.59%2C40.87%2C0%2C56.46%20c-15.59%2C15.59-40.87%2C15.59-56.46%2C0c-15.59-15.59-15.59-40.87%2C0-56.46C32.46%2C1.1%2C57.74%2C1.1%2C73.33%2C16.69L73.33%2C16.69z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')} #mod_menu .menu_search .filter__keyword .jf-cameraSearch{padding: 0;width: 48px;height: 48px;position: absolute;top: 50%;right: 6px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);border: none;text-indent: -9999px;background: transparent;background-size: 22px;background-image: url(/img/common/icon_camera_5f646b.svg);background-position: 50%;background-repeat: no-repeat;} #mod_menu .menu_search .filter__keyword .jf-cameraSearch::before {content: '';display: block;position: absolute;top: 10px;bottom: 10px;left: 0; width: 1px;background: #5f646b;} /* アプリバナー */ #mod_menu .menu-item__list_app-container{position:relative;display: none;-webkit-align-items: center;align-items: center;width: -webkit-calc(100% - 60px);width: calc(100% - 60px);padding: 10px 30px;-webkit-justify-content: space-between;justify-content: space-between;background: #19212b;min-height: 4rem;} #mod_menu .app-inner{position:relative;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;} #mod_menu .app-inner .applogo{width: 65px;} #mod_menu .app-inner .appJf {background:url('https://www.jeansfactory.jp//img/common/app_logo.png') no-repeat;background-size: 55px;display: inline-block;width: 55px;height: 55px;vertical-align:middle;border-radius:6px;-webkit-border-radius:6px;overflow:hidden;} #mod_menu .app-inner dl{line-height:1.3;} #mod_menu .app-inner dl dt{font-size:13px;font-weight:bold;margin: 0 0 5px;} #mod_menu .app-inner dl dd{font-size:9px;color: #aaa;line-height:1.4;} #mod_menu .app-bannerLink{} #mod_menu .app-bannerLink a{background: #2d94d2;color: #fff;display: -webkit-inline-box;white-space: nowrap;text-decoration: none;font-size: 0.8em;padding: 7px 15px;border-radius: 35px;transition: .3s ease-in-out;} #mod_menu .app-bannerLink a:hover{background: #00b6dd;} @media screen and (max-width:1024px){ #mod_menu .mod_menuContent{display: block;margin-left: 0;border-left: none;height: auto;padding: 5rem 0;} #mod_menu .mod_menuContent .mod_menu-item{border-left: none;width: 100%;height: auto;overflow-y: initial;} #mod_menu .mod_menuContent .mod_menu-item:first-of-type{border-left:none;} #mod_menu .mod_menuContent .mod_menu-item:hover{background:#19212b;} #mod_menu .menu-item__header{padding: 0 50px;margin-top: 3rem;} #mod_menu .menu-item__list_level1{margin-top: 2rem;} #mod_menu .menu-item__list_level1 li > a{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 0 50px;} #mod_menu .menu-item__list_level1 li > a .badge{left: 60px;} #mod_menu .menu-item__member{margin-top: 2rem;} #mod_menu .menu-item__member .member-other{margin: 2rem auto 0;} #mod_menu .menu_search .filter__keyword{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);margin: 2rem auto 0;} #mod_menu .menu-item__list_app-container{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 10px 50px;} } @media screen and (max-width:640px){ #mod_menu .mod_menu-inner #mod_menuCloseBtn{top:20px; left:20px;width:35px; height:15px;} #mod_menu .mod_menu-inner #mod_menuCloseBtn span{height:1px;} #mod_menu .mod_menuContent{padding: 3rem 0;} #mod_menu .mod_menuContent .mod_menu-item{min-width: auto;} #mod_menu .menu-item__header{padding: 0 30px;margin-top: 2rem;height: 3rem;line-height: 3rem;font-size: 18px;} #mod_menu .menu-item__list_level1 li > a{width: -webkit-calc(100% - 60px);width: calc(100% - 60px);padding: 0 30px;font-size: 14px;} #mod_menu .menu-item__list_level1 li > a .badge{left: 40px;} #mod_menu .menu-item__member .name{font-size: 18px;} #mod_menu .menu-item__member .point .valueBox{padding: 0 25px;} #mod_menu .menu-item__member .point .value{ font-size: 14px;} #mod_menu .menu_search .filter__keyword{width: -webkit-calc(100% - 60px);width: calc(100% - 60px);} #mod_menu .menu-item__list_app-container{width: -webkit-calc(100% - 60px);width: calc(100% - 60px);padding: 8px 30px;display: -webkit-flex;display: flex;} } /* ================================== ジーニーサーチ サジェスト調整用 ================================== */ .jf-geniee__keyword div.poplink.pc011{ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);} .jf-geniee__keyword div.poplink.pcia{ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);} .jf-geniee__keyword div.poplink > div.poplink_suggest {border: none !important; padding: 26px 0 12px;margin-top: 0 !important;} .jf-geniee__keyword div.poplink > div.poplink_suggest > div.word { padding: 12px 18px;} .jf-geniee__keyword div.poplink > div.poplink_search {border: none; padding: 12px 0;} .jf-geniee__keyword div.poplink > div.poplink_search > div.header { background-color: #fff;padding: 0 18px; font-size: 1.1em;color: #838383;margin-bottom: 10px;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item {padding: 0;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item:nth-of-type(n+2){margin-top: 6px} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_left {height: 100px;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_left > div.image_box > img { max-width: 100%; max-height: 100%;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right {padding: 8px 10px;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.title { font-weight: 400; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.summary{display: none} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.any1{color: #020202;font-weight: bold;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.any2{} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.any2::before{content: "¥";margin-right: 2px;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.any2::after{content: "tax in";margin-left: 3px;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item a > div.item_right > div.any3 {display: none} .jf-geniee__keyword div.poplink > div.poplink_recommend {border: none; padding: 12px 0;} .jf-geniee__keyword div.poplink > div.poplink_recommend > div.header { background-color: #fff;padding: 0 18px; font-size: 1.1em;color: #838383;margin-bottom: 10px;} .jf-geniee__keyword div.poplink > div.poplink_input_history {border: none !important; padding: 26px 0 12px; border-bottom: 1px solid #f1f1f1 !important;} .jf-geniee__keyword div.poplink > div.poplink_input_history > div.row > div.word { padding: 12px 18px;} .jf-geniee__keyword div.poplink > div.poplink_input_history > div.row .del_btn{width: 12px; height: 12px; right: 16px;cursor: pointer;} .jf-geniee__keyword div.poplink > div.poplink_input_history > div.header { background-color: #fff;padding: 0 18px; font-size: 1.1em;color: #838383;margin-bottom: 10px;} /* 要素がない時は非表示に */ .poplink_suggest.poplink_invisible, .poplink_search.poplink_invisible, .poplink_input_history.poplink_invisible, .poplink_recommend.poplink_invisible{display: none;} @media screen and (max-width:640px){ .jf-geniee__keyword div.poplink.sphs{ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);background: #fff;} .jf-geniee__keyword div.poplink.spia{ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.1);} .jf-geniee__keyword div.poplink > div.close_button { position: absolute; top: 12px;left: calc(100% - 36px);width: 24px; height: 24px;} .jf-geniee__keyword div.poplink.sphs > div.poplink_input_history {flex-wrap: wrap} .jf-geniee__keyword div.poplink > div.poplink_input_history{padding: 26px 16px 12px;background-color: #fff !important; margin-top: 0 !important;display: flex; flex-wrap: wrap;} .jf-geniee__keyword div.poplink > div.poplink_input_history > div.header{width: 100%;padding: 0;} .jf-geniee__keyword div.poplink.sphs > div.poplink_input_history > div.row { line-height: 1.1em; border: 1px solid #EBECF0; background-color: #EBECF0;padding: 0 10px; margin: 0.1em;} .jf-geniee__keyword div.poplink.sphs > div.poplink_input_history > div.row > div.word { padding: 10px 0;} .jf-geniee__keyword div.poplink.sphs > div.poplink_input_history > div.row .del_btn {width: 12px;height: 12px;} .jf-geniee__keyword div.poplink.sphs > div.poplink_input_history > div.row.poplink_invisible{display: none;} .jf-geniee__keyword div.poplink.spia > div.poplink_input_history > div.row { line-height: 1.1em; border: 1px solid #EBECF0; background-color: #EBECF0;padding: 0 10px; margin: 0.1em;border-radius: 3px;align-items: center;flex-direction: inherit;} .jf-geniee__keyword div.poplink.spia > div.poplink_input_history > div.row > div.word { padding: 10px 0; border: none; width: auto;} .jf-geniee__keyword div.poplink.spia > div.poplink_input_history > div.row .del_btn {width: 12px;height: 12px;position: initial; margin-left: 6px;} .jf-geniee__keyword div.poplink.spia > div.poplink_input_history > div.row.poplink_invisible{display: none;} .jf-geniee__keyword div.poplink.sphs > div.poplink_suggest {padding: 26px 16px 12px;} .jf-geniee__keyword div.poplink.sphs > div.poplink_suggest > div.word { line-height: 1.1em; border: 1px solid #EBECF0; background-color: #EBECF0;border-radius: 6px;padding: 10px 10px;} .jf-geniee__keyword div.poplink.sphs > div.poplink_suggest > div.word.highlighted {background-color: #001335; border: 1px solid #001335;} .jf-geniee__keyword div.poplink.sphs > div.poplink_suggest > div.word.highlighted:after {display: none} .jf-geniee__keyword div.poplink.sphs > div.poplink_search {border: none;border-radius: 0;padding: 0 16px 16px;} .jf-geniee__keyword div.poplink.sphs > div.poplink_search > div.item {border: none;width: min-content; margin: 0 3px;height: auto;;min-height: initial;} .jf-geniee__keyword div.poplink > div.poplink_search > div.item:nth-of-type(n+2) {margin-top: 0;} .jf-geniee__keyword div.poplink.spia > div.poplink_suggest{background-color: #ffff;padding: 26px 16px 12px;min-height: min-content;display: flex;flex-wrap: wrap;} .jf-geniee__keyword div.poplink.spia > div.poplink_suggest > div.word{width: auto;line-height: 1.1em; border: 1px solid #EBECF0; background-color: #EBECF0; padding: 10px 10px; margin: 0.1em; border-radius: 3px;} } /* ================================== パンくず ================================== */ .breadcrumbs {padding: 20px 0;} .breadcrumbs .breadcrumbsList {max-width: 1024px;margin: 0 auto;font-size: 0;padding: 0;} .breadcrumbs .breadcrumbsList li{display: inline;position: relative;padding-right: 26px;font-size: 12px;font-style: italic;} .breadcrumbs .breadcrumbsList li:last-of-type{padding-right:0} .breadcrumbs .breadcrumbsList li.rightArrow::after{right: 10px;position:absolute;border-top: 1px solid #555;border-right: 1px solid #555;content:"";width: 6px;height: 6px;top: 50%;-webkit-transform: translate(0,-50%) rotate(45deg);-moz-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);-o-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);} .breadcrumbs .breadcrumbsList li a{color:#202020;-webkit-box-shadow: inset 0 -1px 0 0 #111;box-shadow: inset 0 -1px 0 0 #111;text-decoration: none;transition: all 0.2s ease-in-out;} .breadcrumbs .breadcrumbsList li 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:1024px){ .breadcrumbs {padding: 10px 30px;white-space: nowrap; overflow: scroll;} .breadcrumbs .breadcrumbsList li{font-size: 12px;} } @media screen and (max-width:640px){ .breadcrumbs {padding: 10px 20px;} } /* ================================== ページ-オリジナルヘッダー_ptn1 ================================== */ .jf-page-headerPtn1-wrap {background: url(/img/company/company_mainimg.jpg) center center/cover;background-attachment: fixed;overflow: hidden;height: 390px;display: -webkit-flex;display: flex;-webkit-box-align: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: relative;line-height: 1.4;} .jf-page-headerPtn1-wrap .jf-page-header--bk {margin-top: 20px;} .jf-page-headerPtn1-wrap .jf-page-header--bk:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0;content: '';background: rgba(30,37,40,.82);} .jf-page-headerPtn1-wrap .p-breadcrumbs {position: relative;} .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList { margin: 0 auto; padding: 0;display: -webkit-flex; display: flex;-webkit-justify-content: center; justify-content: center;color: #fff;} .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList li {position: relative;font-size: 13px;padding-right: 26px;font-style: italic;} .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList li:last-of-type {padding-right: 0;} .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList li.rightArrow::after{right: 10px;position:absolute;content: "/";top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);color: #fff;} .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList li a{color:#fff; text-decoration:none;} .jf-page-headerPtn1-wrap .page-ttl-en{font-size: 50px;font-style: italic;position: relative;letter-spacing: .03em;color: #fff;text-align: center;font-family: geom-graphic, sans-serif;margin-top: 8px;} .jf-page-headerPtn1-wrap .page-ttl-ja{color: #fff;font-size: 24px;text-align: center;font-weight:400;position: relative;font-style: italic;margin-top: 8px;} .jf-page-headerPtn1-wrap .page-ttl-ja:before {position: absolute; bottom: -120px; left: 50%;width: 1px; height: 100px;content: ''; opacity: .3;-ms-filter: "alpha(opacity=30)";background: #fff;} @media screen and (max-width:1024px){ .jf-page-headerPtn1-wrap {height: 250px;} .jf-page-headerPtn1-wrap .jf-page-header--bk {margin-top:0;} .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList li {font-size: 12px;} .jf-page-headerPtn1-wrap .page-ttl-en{font-size: 36px;} .jf-page-headerPtn1-wrap .page-ttl-ja{font-size: 20px;} } @media screen and (max-width:640px){ .jf-page-headerPtn1-wrap .p-breadcrumbs .p-breadcrumbsList li {font-size: 11px;} .jf-page-headerPtn1-wrap .page-ttl-en{font-size: 30px;} .jf-page-headerPtn1-wrap .page-ttl-ja{font-size: 16px;} } /* ================================== header ================================== */ /* jf-hedBanner -------------------------------------*/ .jf-hedBanner{height: 50px;width: 100%;overflow: hidden;background: #F7F7F4;} .jf-hedBanner .hedBanner_list_item{display: block;text-align: center;font-size: 1em;width: -webkit-calc(100vw - 40px);width: calc(100vw - 40px);padding: 0 20px;display: flex !important;align-items: center;justify-content: center;height: 50px;} .jf-hedBanner .hedBanner_list_item a{color: #202020; -webkit-box-shadow: inset 0 -1px 0 0 #111; box-shadow: inset 0 -1px 0 0 #111; text-decoration: none;transition: all 0.2s ease-in-out;} .jf-hedBanner .hedBanner_list_item a:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;} .jf-hedBanner .txt_m{font-size: 1em;} .jf-hedBanner .txt_s{font-size: 0.9em;} @media screen and (max-width:1024px){ } @media screen and (max-width:640px){ .jf-hedBanner{height: 46px;} .jf-hedBanner .hedBanner_list_item{height: 46px;} .jf-hedBanner .txt_m{font-size: 0.9em;} .jf-hedBanner .txt_s{font-size: 0.8em;} } /* jf-header -------------------------------- */ #jf-header {z-index: 10;width:100%;} #jf-header .jf-header__inner{position: relative;height: 60px;} /* mod_menuBtn */ #jf-header #mod_menuBtn{z-index:2;position:absolute;width: 40px;height: 13px;cursor:pointer;top: 50%;left: 50px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);} #jf-header #mod_menuBtn span{display:block;width:100%;height: 1px;background-color:#333;transition:0.2s all ease-in-out;} #jf-header #mod_menuBtn span:nth-of-type(1){ position:absolute; top:0; left:0} #jf-header #mod_menuBtn span:nth-of-type(2){position:absolute;top: 12px;left:0;} #jf-header #mod_menuBtn:hover span:nth-of-type(1){ top:-2px} #jf-header #mod_menuBtn:hover span:nth-of-type(2){ top:14px} #jf-header.is-ready{ transform:translate(0,0)} /* jf-logo */ #jf-header .jf-logo{position: absolute;top: 0;bottom: 0;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);width: 250px;z-index: 1;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} #jf-header .jf-logo a{font: 0/0 a;background-repeat: no-repeat;width: 250px;height: 19px;display: inline-block;background-image: url(/img/common/jf-logo.svg);background-position: 50%;transition: 0.3s;} #jf-header .jf-logo a:hover{opacity: .7;} /* 40th用 期間が終われば消します */ #jf-header .jf-logo__40th {width: 268px;} #jf-header .jf-logo__40th a {width: 268px; height: 30px;background-image: url(/img/common/jf-logo_40th.svg);} /* */ /* header-menu */ .header-menu{position: absolute;top: 50%;right: 50px;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);} .header-menu .header-menu_list{display: flex;align-items: center;} .header-menu .header-menu_list li{} .header-menu .header-menu_list li:nth-of-type(n+2){margin-left: 36px;} .header-menu .header-menu_list li a{color: #1b1b1b;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: 0.3s;line-height: 1;position: relative;letter-spacing: 1px;} .header-menu .header-menu_list li a .icon-Search{background-image: url(/img/common/icon_sarch.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;width: 18px;height: 18px;margin-right: 10px;} .header-menu .header-menu_list li a .icon-menber{/*background-image: url(/img/common/jf-logo.svg);*/background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;width: 18px;height: 18px;margin-right: 10px;display: none;} .header-menu .header-menu_list li a .icon-cart{background-image: url(/img/common/icon_cart.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;margin-right: 8px;width: 23px;height: 21px;display: block;-webkit-transition: 0.3s;transition: 0.3s;} .header-menu .header-menu_list li a:hover{opacity: .7;} .header-menu .header-menu_list li a.cartBtn .fs-client-cart-count{height: 22px;min-width: -webkit-calc(22px - 16px);min-width: calc(22px - 16px);border-radius: 22px;line-height: 22px;text-align: center;margin-left: 10px;padding: 0 8px;color: #fff;font-size: 0.8em;background: #333;} .header-menu .header-menu_list li a.cartBtn .fs-client-cart-count--0, .header-menu .header-menu_list li a.cartBtn .fs-client-cart-count:empty{display:none} /* スクロール追従挙動 */ .header-fixed{position: fixed;top: 0;left: 0;} .header-fixed .jf-header__inner{background: rgb(255 255 255 / 85%);} @media screen and (max-width:1024px){ #jf-header #mod_menuBtn{left: 30px;} #jf-header .jf-logo a{width: 230px;height: 18px;} /* 40th用 期間が終われば消します */ #jf-header .jf-logo__40th a {width: 248px;height: 28px;} /* */ .header-menu{right: 26px;} .header-menu .header-menu_list li.list__Search{font: 0/0 a;} .header-menu .header-menu_list li:nth-of-type(n+2){margin-left:0px;} .header-menu .header-menu_list li a{height: 60px;width: 50px;} .header-menu .header-menu_list li a::after {display: none;} .header-menu .header-menu_list li a .icon-Search{font: 0/0 a;margin-right: 0;width: 22px;height: 22px;} .header-menu .header-menu_list li a.cartBtn{font: 0/0 a;padding: 0;width: 50px;min-width: auto;background-image: none;} .header-menu .header-menu_list li a .icon-cart{background-size: cover;width: 25px;height: 23px;margin-right: 0;} .header-menu .header-menu_list li.list__menber{font: 0/0 a;} .header-menu .header-menu_list li a .icon-menber{background-image: url(/img/common/icon_login.svg);margin-right: 0;width: 22px;height: 22px;display: block;} .header-menu .header-menu_list li a.cartBtn .fs-client-cart-count{margin-left: 0;color: #fff;border: 2px #fff solid;position: absolute;top: 11px;right: 4px;padding: 0;width: 12px;height: 12px;border-radius: 12px;} .header-fixed .header-menu_list li a.cartBtn .fs-client-cart-count{border: none;top: 14px;right: 6px;} } @media screen and (max-width:640px){ #jf-header .jf-header__inner{height: 50px;} #jf-header #mod_menuBtn{width: 30px;height: 8px;cursor:pointer;left: 15px;} #jf-header #mod_menuBtn span:nth-of-type(2){top: 7px;} #jf-header .jf-logo{width: 160px;} #jf-header .jf-logo a{width: 160px;height: 12px;} /* 40th用 期間が終われば消します */ #jf-header .jf-logo__40th {width: 195px;} #jf-header .jf-logo__40th a {width: 195px;height: 22px;} /* */ .header-menu{right: 10px;} .header-menu .header-menu_list li a{height: 50px;width: 30px;} .header-menu .header-menu_list li a.cartBtn{width: 30px;} .header-menu .header-menu_list li a .icon-Search{width: 19px;height: 19px;} .header-menu .header-menu_list li a .icon-cart{width: 21px;height: 19px;} .header-menu .header-menu_list li.list__menber{display:none;} .header-menu .header-menu_list li a .icon-menber{width: 19px;height: 19px;} .header-menu .header-menu_list li a.cartBtn .fs-client-cart-count{top: 12px;right: 4px;width: 9px;height: 9px;} } /* jf-header-nav -------------------------------- */ .jf-header-nav{background: #F7F7F4;} .jf-header-nav .jf-header-nav__inner{position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;-ms-flex-direction: row;flex-direction: row;} .jf-header-nav .menu_list{width: 100%;white-space: nowrap;overflow-x: auto;font-size: 0;text-align: center;scroll-behavior: smooth;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;display: flex;justify-content: center;align-items: center;} .jf-header-nav .menu_list::-webkit-scrollbar {display:none;height:8px} .jf-header-nav .menu_list::-webkit-scrollbar-track{ border-radius:5px; background:#ebecf0} .jf-header-nav .menu_list::-webkit-scrollbar-thumb{ border-radius:5px; background:#283135} .jf-header-nav .menu_list li{position: relative;font-size: 13px;} .jf-header-nav .menu_list li::after{content: "";position: absolute;top: 50%;right: 0;background: #333;width: 1px;height: 12px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);} .jf-header-nav .menu_list li:last-of-type::after{display:none} .jf-header-nav .menu_list li a{text-decoration: none;position: relative;color: #1b1b1b;line-height: 52px;height: 52px;display: block;padding: 0 18px;text-align: center;white-space: nowrap;} .jf-header-nav .menu_list li a::after {transition: transform .3s cubic-bezier(.4,0,0,1);content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-image: -webkit-linear-gradient(to right, #1b1b1b 0%, #1b1b1b 100%);background-image: linear-gradient(to right, #1b1b1b 0%, #1b1b1b 100%);transform-origin: center;transform: scaleX(0);} .jf-header-nav .menu_list li a:hover::after {transform: scaleX(1);} .jf-header-nav .menu_list li a.active::after{transform: scaleX(1);}/* 現在地設定 */ .jf-header-nav .menu_list li a.list_item-img{line-height:inherit;display: flex;align-items: center;} .jf-header-nav .menu_list li a.list_item-img img{height: 18px;min-width: 100px;display: block;} /* スクロール追従挙動 */ .header-fixed .jf-header-nav{background: rgb(247 247 244 / 85%);} @media screen and (max-width:1024px){ .jf-header-nav .menu_list{justify-content:start;} } @media screen and (max-width:834px){ .jf-header-nav .menu_list li{-webkit-box-flex: 1;box-flex: 1;} } @media screen and (max-width:640px){ .jf-header-nav .menu_list li a{line-height: 45px;height: 45px;padding: 0 15px;font-size: 0.9em;} } /* ================================== header_simple（カート用など） ================================== */ /* jf-header -------------------------------- */ #jf-header-simple {z-index: 10;width:100%;border-bottom: 1px solid #ebecf0;} #jf-header-simple .jf-header-simple__inner{position: relative;height: 7rem;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} /* jf-logo */ #jf-header-simple .jf-logo{width: 360px;height: 7rem;background: #fff;z-index: 1;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;} #jf-header-simple .jf-logo a{font: 0/0 a;background-repeat: no-repeat;width: 300px;height: 22px;display: inline-block;background-image: url(/img/common/jf-logo.svg);background-position: 50%;} /* cart_flow */ #jf-header-simple .cart_flow{position: absolute;top: 50%;right: 50px;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);} .cart_flow .cart_flow__list{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-flex-flow: row nowrap;-ms-flex-flow: row nowrap;flex-flow: row nowrap;position:relative;-webkit-justify-content: center;justify-content: center;} .cart_flow .cart_flow__list-item{position:relative;width: 70px;} .cart_flow .cart_flow__list-item:nth-of-type(n+2){margin-left:20px} .cart_flow .cart_flow__list-item::before {content: "";width: 45px;height: 5px;background: #EBECF0;display: block;position: absolute;top: 15px;right: 50%;z-index: -2;} .cart_flow .cart_flow__list-item::after {content: "";width: 45px;height: 5px;background: #EBECF0;display: block;position: absolute;top: 15px;left: 50%;z-index: -2;} .cart_flow .cart_flow__list-item:first-of-type::before {display: none;} .cart_flow .cart_flow__list-item:last-of-type::after {display: none;} .cart_flow .cart_flow__list-item .step{background: #ebecf0;color: #202020;width: 36px;display: block;text-align: center;height: 36px;line-height: 36px;border-radius: 36px;margin: 0 auto;position: relative;} .cart_flow .cart_flow__list-item .label{margin-top: 5px;display: block;font-size: 0.6em; white-space: nowrap;text-align: center;} /* is-active */ #fs_CustomerDetails .cart_flow__list-item--1 .step{background: #2d94d2;color:#fff} #fs_CustomerDetails .cart_flow__list-item--1 .label{color:#2d94d2} #fs_CustomerDetails .cart_flow__list-item--1::after{background-image: -webkit-linear-gradient(left, #2d94d2 50%, #EBECF0 100%);background-image: linear-gradient(to right, #2d94d2 50%, #EBECF0 100%);} #fs_Checkout .cart_flow__list-item--2 .step, #fs_CheckoutWithAmazon .cart_flow__list-item--2 .step{background: #2d94d2;color:#fff} #fs_Checkout .cart_flow__list-item--2 .label, #fs_CheckoutWithAmazon .cart_flow__list-item--2 .label{color:#2d94d2} #fs_Checkout .cart_flow__list-item--2::before, #fs_CheckoutWithAmazon .cart_flow__list-item--2::before{background-image: -webkit-linear-gradient(to left, #2d94d2 60%, #001335 100%);background-image: linear-gradient(to left, #2d94d2 60%, #001335 100%);} #fs_Checkout .cart_flow__list-item--2::after, #fs_CheckoutWithAmazon .cart_flow__list-item--2::after{background-image: -webkit-linear-gradient(to right, #2d94d2 50%, #EBECF0 100%);background-image: linear-gradient(to right, #2d94d2 50%, #EBECF0 100%);} #fs_CheckoutSuccess .cart_flow__list-item--3 .step{background: #2d94d2;color:#fff} #fs_CheckoutSuccess .cart_flow__list-item--3 .label{color:#2d94d2} #fs_CheckoutSuccess .cart_flow__list-item--3::before{background-image: -webkit-linear-gradient(to left, #2d94d2 60%, #001335 100%);background-image: linear-gradient(to left, #2d94d2 60%, #001335 100%);} #fs_Checkout .cart_flow__list-item--1 .step, #fs_CheckoutWithAmazon .cart_flow__list-item--1 .step, #fs_CheckoutSuccess .cart_flow__list-item--1 .step, #fs_CheckoutSuccess .cart_flow__list-item--2 .step{background: #001335;color:#fff;font: 0/0 a;} #fs_Checkout .cart_flow__list-item--1 .step::before, #fs_CheckoutWithAmazon .cart_flow__list-item--1 .step::before, #fs_CheckoutSuccess .cart_flow__list-item--1 .step::before, #fs_CheckoutSuccess .cart_flow__list-item--2 .step::before {position: absolute; content: "";top: 50%;left: 50%;width: 10px;height: 5px;margin-top: -5px; border-left: 3px solid #fff;border-bottom: 3px solid #fff; -webkit-transform: rotate(-45deg);-ms-transform: translate(-50%,0) rotate(-45deg);transform: translate(-50%,0) rotate(-45deg);} #fs_Checkout .cart_flow__list-item--1::after, #fs_CheckoutWithAmazon .cart_flow__list-item--1::after, #fs_CheckoutSuccess .cart_flow__list-item--1::after, #fs_CheckoutSuccess .cart_flow__list-item--2::after, #fs_CheckoutSuccess .cart_flow__list-item--2::before{background:#001335;} @media screen and (max-width:1024px){ #jf-header-simple{border-bottom:0;} #jf-header-simple .jf-header-simple__inner{height: inherit;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;} #jf-header-simple .cart_flow{position: inherit; top: inherit;right: inherit;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit; width: 100%;} } @media screen and (max-width:640px){ #jf-header-simple .jf-logo{width: 190px;height: 60px;} #jf-header-simple .jf-logo a{width: 190px;height: 14px;} .cart_flow{margin-top: 15px;} } /* ================================== contents ================================== */ /* jf-mainSlider カルーセルタイプ -------------------------------- */ .jf-mainSlider{position:relative;} .jf-mainSlider .slider_list{position: relative;overflow: hidden; min-height: 820px; opacity: 0; transition: opacity .3s ease;} .jf-mainSlider .slider_list.slick-slider{opacity: 1;} .jf-mainSlider .slider_list li.slider_list_item{max-width: 720px;margin: 50px 26px;} .jf-mainSlider .slider_list li.slider_list_item > a{display:block;height: 100%;width: 100%;-ms-transition: 0.3s;transition: 0.3s;position: relative;overflow: hidden;} .jf-mainSlider .slider_list li.slider_list_item a:hover{opacity:0.7;} .jf-mainSlider .slider_list li.slider_list_item figure {height: 100%;width: 100%;} .jf-mainSlider .slider_list li.slider_list_item figure img{width: 100%;height: 100%;border-radius: 0;box-shadow: 4px 6px 16px rgb(0 0 0 / 15%);-ms-transition: 0.3s;transition: 0.3s;} .jf-mainSlider .mainSlider--overlay::before{content:"";display:block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(0deg, rgba(0,0,0,.3), rgba(0,0,0,.0));z-index: 1;} .jf-mainSlider .mainSlider-title{position: absolute; bottom: 0;left: 0;z-index: 3;box-sizing: border-box; width: 100%;padding: 32px; color: #fff;text-align: center;} .jf-mainSlider .mainSlider-title__primary{overflow: hidden;text-overflow: ellipsis; word-break: break-word;word-wrap: normal; white-space: nowrap;font-size: 23px;font-weight: 600;} .jf-mainSlider .mainSlider-title__secondary{overflow: hidden;text-overflow: ellipsis; word-break: break-word;word-wrap: normal; white-space: nowrap;font-size: 15px;font-weight: 400;margin-top:4px;} .jf-mainSlider .slider__pager{display: -webkit-box !important;display: -webkit-flex !important;display: flex !important;position: absolute;bottom: 0;left: 0;width: -webkit-calc(100% - 140px);width: calc(100% - 140px);-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 5px 70px;-webkit-justify-content: center;justify-content: center;} .jf-mainSlider .slider__pager li{margin: 3px 6px;} .jf-mainSlider .slider__pager li button{font: 0/0 a;height: 12px;width: 12px;padding: 0;margin: 0;background: rgba(0,0,0,.5);border-radius: 12px;border: none;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;position: relative;z-index: 1;display: block;} .jf-mainSlider .slider__pager li.slick-active button{background: #EBD10B;} .jf-mainSlider .slider__pager li.slick-active button::before {content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-animation: pager-active 3s infinite;animation: pager-active 3s infinite;pointer-events: none;background: #EBD10B;z-index: 0;top: 0;} @keyframes pager-active{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1;filter:alpha(opacity=100)}80%,100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.8);transform:scale(1.8)}} .jf-mainSlider .slider__prev{z-index: 1;font: 0/0 a;left: 30px;background: #fff;height: 70px;flex-basis: 55px;min-width: 55px;max-width: 55px;border-radius: 5px;display: -webkit-box;transition: all 0.2s ease-in-out;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);box-shadow: 10px 25px 30px rgb(0 0 0 / 8%);} .jf-mainSlider .slider__prev::after{transition: .3s;position: absolute;margin: auto;content: "";height: 1px;width: 50%;background: #001335;display:block;top: 50%;left: 50%;-webkit-transform: translate(-50%,3px);-ms-transform: translate(-50%,3px);transform: translate(-50%,3px);} .jf-mainSlider .slider__prev::before{transition: .3s;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #001335;display: block;top: 50%;left: 12px;-webkit-transform: translate(0,0) rotate( -45deg);-ms-transform: translate(0,0) rotate(-45deg);transform: translate(0,0) rotate(-45deg);opacity: 1;} .jf-mainSlider .slider__next{z-index: 1;font: 0/0 a;right: 30px;background: #fff;height: 70px;flex-basis: 55px;min-width: 55px;max-width: 55px;border-radius: 5px;display: -webkit-box;transition: all 0.2s ease-in-out;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);box-shadow: 10px 25px 30px rgb(0 0 0 / 8%);} .jf-mainSlider .slider__next::after{transition: .3s;position: absolute;margin: auto;content: "";height: 1px;width: 50%;background: #001335;display:block;top: 50%;left: 50%;-webkit-transform: translate(-50%,3px);-ms-transform: translate(-50%,3px);transform: translate(-50%,3px);} .jf-mainSlider .slider__next::before{transition: .3s;position: absolute;margin: auto;content: "";height: 1px;width: 10px;background: #001335;display: block;top: 50%;right: 12px;-webkit-transform: translate(0,0) rotate( -135deg);transform: translate(0,0) rotate(-135deg);} .jf-mainSlider .slider__prev:hover, .jf-mainSlider .slider__next:hover {box-shadow: 0 10px 20px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);} @media screen and (max-width:1024px){ .jf-mainSlider .slider_list{height: auto;} .jf-mainSlider .mainSlider-title{padding: 26px;} .jf-mainSlider .mainSlider-title__primary{font-size: 20px;} .jf-mainSlider .mainSlider-title__secondary{font-size: 13px;} .jf-mainSlider .slider__pager{overflow: hidden;} } @media screen and (max-width:640px){ .jf-mainSlider .slider_list{padding-bottom: 18px; min-height: 380px;} .jf-mainSlider .slider_list li.slider_list_item{margin: 26px 8px;} .jf-mainSlider .slider_list li.slider_list_item{} .jf-mainSlider .mainSlider-title{padding: 20px;} .jf-mainSlider .mainSlider-title__primary{font-size: 15px;} .jf-mainSlider .mainSlider-title__secondary{font-size: 10px;margin-top:2px;} .jf-mainSlider .slider__pager li{margin: 3px 5px;} .jf-mainSlider .slider__pager li button{height: 10px;width: 10px;border-radius: 10px;} } /* jf-top-container -------------------------------- */ .jf-top-container{position: relative;} .jf-top-container .jf-top-container__inner{padding: 100px 0 0;margin: 0 auto;max-width: 1400px;} .jf-top-container .jf-label{font-family: montserrat, sans-serif;font-size: 28px;font-weight: 400;letter-spacing: 2px;padding: 10px 50px;text-align: center;position: relative;margin-left: calc((100% - 100vw) / 2);margin-right: calc((100% - 100vw) / 2);background: #B1B1B1;color: #fff;} .jf-top-container .jf-label .label_small{font-size:0.6em;margin-left:10px;font-weight:400;display: none;} .jf-top-container .jf-label_sec{font-family: montserrat, sans-serif;font-size: 18px;font-weight: 400;padding: 0 50px;margin-top: 78px;position: relative;display: flex;align-items: center;} .jf-top-container .jf-label_sec .label_sec__border{width: calc(100% - 24px);margin-left: 24px;height: 1px;border:0px;background-color: #202020;transition: .3s;margin-top: -1px;display: inline-block;} .jf-top-container .jf-linkBtn {text-align: right;margin-top: 56px;padding: 0 50px;} .jf-top-container .jf-linkBtn .btn{text-decoration: none;font-size: 14px;color: #202020;padding: 0;transition: .3s;padding-right: 16px;position: relative;} .jf-top-container .jf-linkBtn .btn::after{content:'';width: 7px;height: 7px;border:0px;border-top: 1px solid #001335;border-right: 1px solid #001335;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position:absolute;top:50%;right: 0;transition: .3s;margin-top: -4px;} .jf-top-container .jf-linkBtn .btn:hover:after {right: -5px} @media screen and (max-width:1024px){ .jf-top-container .jf-top-container__inner{padding: 80px 0 0;} .jf-top-container .jf-label{font-size: 22px;padding: 8px 30px;} .jf-top-container .jf-label_sec{font-size: 18px;padding: 0 30px;margin-top: 62px;} .jf-top-container .jf-linkBtn {padding: 0 36px;} } @media screen and (max-width:640px){ .jf-top-container .jf-top-container__inner{padding: 50px 0 0;} .jf-top-container .jf-label{font-size: 16px;padding: 6px 20px;} .jf-top-container .jf-label_sec{font-size: 15px;padding: 0 20px;margin-top: 40px;} .jf-top-container .jf-linkBtn {margin-top: 36px;} .jf-top-container .jf-linkBtn .btn{font-size: 13px;} } /* jf-top-item-list -------------------------------- */ .jf-top-item-list{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 68px 50px 0;} .jf-top-item-list li{width: -webkit-calc(20% - 9.6px);width: calc(20% - 9.6px);margin-right: 12px;} .jf-top-item-list li:nth-of-type(5n){margin-right: 0;} .jf-top-item-list li:nth-of-type(n+6){margin-top: 30px;} .jf-top-item-list li a{display: block;position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;} .jf-top-item-list li a .img{overflow: hidden;} .jf-top-item-list li a .img img{width: 100%;display: block;-webkit-transition: 0.3s;transition: 0.3s;} .jf-top-item-list li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} .jf-top-item-list li a .info{margin-top:10px;line-height: 1.6;font-size: 12px;} .jf-top-item-list li a .info .itemName{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 56px;} .jf-top-item-list .itemName .itemName__brand_en{display: block;font-weight: 800;} .jf-top-item-list .itemName .itemName__brand_ja{display: block;} .jf-top-item-list .itemName .itemName__item{} .jf-top-item-list .itemName .itemName__no{display: none;} .jf-top-item-list li a .info .itemPrice{margin-top: 4px;font-family: 'Roboto Condensed', sans-serif;} @media screen and (max-width:1024px){ .jf-top-item-list{margin: 56px 30px 0;} .jf-top-item-list li{width: -webkit-calc(100% / 3 - 6px);width: calc(100% / 3 - 6px);margin-right: 9px;} .jf-top-item-list li:nth-of-type(5n){margin-right: 9px;} .jf-top-item-list li:nth-of-type(3n){margin-right: 0;} .jf-top-item-list li:nth-of-type(n+4){margin-top: 20px;} .jf-top-item-list li:nth-of-type(n+10){display:none} } @media screen and (max-width:640px){ .jf-top-item-list{margin: 36px 20px 0;} .jf-top-item-list li{width: -webkit-calc(100% / 2 - 4.5px);width: calc(100% / 2 - 4.5px);margin-right: 9px;} .jf-top-item-list li:nth-of-type(3n){margin-right: 9px;} .jf-top-item-list li:nth-of-type(2n){margin-right: 0;} .jf-top-item-list li:nth-of-type(n+3){margin-top: 20px;} .jf-top-item-list li:nth-of-type(n+10){display:inherit} .jf-top-item-list li a .info{font-size:0.9em;margin-top: 8px;} } /* search-container -------------------------------- */ .search-container{background: #F7F7F4; margin-top: 100px;} .search-container .jf-top-container__inner{padding: 0 0 100px;} .search-container .search-list_category{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 68px auto 0;padding: 0 50px;max-width: -webkit-calc(1020px - 100px);max-width: calc(1020px - 100px);} .search-container .category_items{width: -webkit-calc(25% - 9px);width: calc(25% - 9px);margin-right: 12px;} .search-container .category_items:nth-of-type(4n){margin-right: 0;} .search-container .category_items:nth-of-type(n+5){margin-top: 12px;} .search-container .category_items a{display: block;position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;background: #fff;text-align: center;padding: 28px 20px;height: -webkit-calc(100% - 56px);height: calc(100% - 56px);} .search-container .category_items a:hover{background:#EBD10B;} .search-container .category_items .icon{font: 0/0 a; display: block; margin: 0 auto; width: 64px; height: 64px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 64px 64px; } .search-container .category_items .icon_shirt{background-image: url(/img/common/icon_shirt.svg);} .search-container .category_items .icon_t-shirt{background-image: url(/img/common/icon_t-shirt.svg);} .search-container .category_items .icon_outer{background-image: url(/img/common/icon_outer.svg);} .search-container .category_items .icon_btms{background-image: url(/img/common/icon_btms.svg);} .search-container .category_items .icon_shorts{background-image: url(/img/common/icon_shorts.svg);} .search-container .category_items .icon_one-piece{background-image: url(/img/common/icon_one-piece.svg);} .search-container .category_items .icon_skirt{background-image: url(/img/common/icon_skirt.svg);} .search-container .category_items .icon_shoes{background-image: url(/img/common/icon_shoes.svg);} .search-container .category_items .icon_bag{background-image: url(/img/common/icon_bag.svg);} .search-container .category_items .icon_cap{background-image: url(/img/common/icon_cap.svg);} .search-container .category_items .icon_accessory{background-image: url(/img/common/icon_accessory.svg);} .search-container .category_items .icon_wallet{background-image: url(/img/common/icon_wallet.svg);} .search-container .category_items .icon_knit{background-image: url(/img/common/icon_knit.svg);} .search-container .category_items .icon_muffler{background-image: url(/img/common/icon_muffler.svg);} .search-container .category_items .icon_sweat{background-image: url(/img/common/icon_sweat.svg);} .search-container .category_items .icon_vest{background-image: url(/img/common/icon_vest.svg);} .search-container .category_items .category_name{margin-top: 12px;} .search-container .search-brand{margin: 36px auto 0;padding: 0 50px;max-width: -webkit-calc(640px - 100px);max-width: calc(640px - 100px);} .search-container .search-brand a{display: block;position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;background: #fff;text-align: center;padding: 26px 20px;font-size: 1.1em;} .search-container .search-brand a:hover{background:#EBD10B;} .search-container .search-brand .icon-en{border: 1px solid #1b1b1b;padding: 6px 14px;position: absolute;top: 50%;right: 36px;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);font-style: inherit;} #itemSearch__search-container .search-keyword{position:relative;transition: .3s ease-in-out;margin: 36px auto 0;padding: 0 50px;max-width: -webkit-calc(640px - 100px);max-width: calc(640px - 100px);} #itemSearch__search-container .search-keyword input[name="searchKeyword"]{border:none;border-radius: 8px;background-color: #fff;width: -webkit-calc(100% - 128px);width: calc(100% - 128px);color: #525263;font-size: 1.1em;text-align: center;padding: 26px 64px;box-shadow: 4px 6px 16px rgb(0 0 0 / 15%);} #itemSearch__search-container .search-keyword input[name="searchKeyword"]:focus {outline: 0;} #itemSearch__search-container .search-keyword input[name="searchKeyword"]:-webkit-autofill {-webkit-transition: background-color 9999s;transition: background-color 9999s;} #itemSearch__search-container .search-keyword input[name="searchKeyword"]::placeholder {color: rgba(0, 0, 0, 0.3);} #itemSearch__search-container .search-keyword input[name="searchKeyword"]:-ms-input-placeholder {color: rgba(0, 0, 0, 0.3);} #itemSearch__search-container .search-keyword input[name="searchKeyword"]::-ms-input-placeholder {color: rgba(0, 0, 0, 0.3);} #itemSearch__search-container .search-keyword button[type="submit"]{padding: 0;width: 24px;height: 24px;position:absolute;top:50%;left: 86px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none;text-indent:-9999px;background: transparent;background-size: cover;background-image: url(/img/common/icon_sarch.svg);} #itemSearch__search-container .search-keyword .jf-cameraSearch{padding: 0;width: 62px;height: 56px;position: absolute;top: 50%;right: 50px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);border: none;text-indent: -9999px;background: transparent;background-size: 28px;background-image: url(/img/common/icon_camera.svg);background-position: 50%;background-repeat: no-repeat;} #itemSearch__search-container .search-keyword .jf-cameraSearch::before {content: '';display: block;position: absolute;top: 10px;bottom: 10px;left: 0; width: 1px;background: #5f646b;} @media screen and (max-width:1024px){ .search-container{margin-top: 80px;} .search-container .jf-top-container__inner{padding: 0 0 80px;} .search-container .search-list_category{margin: 56px auto 0;padding: 0 30px;} } @media screen and (max-width:640px){ .search-container{margin-top: 50px;} .search-container .jf-top-container__inner{padding: 0 0 50px;} .search-container .search-list_category{margin: 36px auto 0;padding: 0 20px;} .search-container .category_items{width: -webkit-calc(25% - 6px);width: calc(25% - 6px);margin-right: 8px;font-size: 0.8em;} .search-container .category_items:nth-of-type(n+5){margin-top: 8px;} .search-container .category_items a{padding: 16px 12px;height: -webkit-calc(100% - 32px);height: calc(100% - 32px);} .search-container .category_items .icon{width: 32px; height: 32px;background-size: 32px 32px; } .search-container .category_items .category_name{margin-top: 12px;} .search-container .search-brand{margin: 24px auto 0;} .search-container .search-brand a{padding: 16px 12px;font-size: 1em;} .search-container .search-brand .icon-en{padding: 4px 10px;right: 16px;} #itemSearch__search-container .search-keyword{margin: 24px auto 0;} #itemSearch__search-container .search-keyword input[name="searchKeyword"]{border-radius: 8px;font-size: 1em;padding: 16px 46px;width: -webkit-calc(100% - 92px);width: calc(100% - 92px);} #itemSearch__search-container .search-keyword button[type="submit"]{width: 20px;height: 20px;left: 70px;} #itemSearch__search-container .search-keyword .jf-cameraSearch{width: 48px;height: 47.5px;background-size: 24px;} #itemSearch__search-container .search-keyword .jf-cameraSearch::before {content: '';display: block;position: absolute;top: 10px;bottom: 10px;left: 0; width: 1px;background: #5f646b;} } /* features-container -------------------------------- */ .features-container .jf-top-container__inner{padding: 0;} .features-container .features-list{margin: 68px 0 0 0;margin-left: calc((100% - 100vw) / 2);margin-right: calc((100% - 100vw) / 2);padding-bottom: 40px;} .features-container .features-list .list_items{margin-right: 15px;width: 450px;} .features-container .features-list__link{position: relative;transition: .3s;color: #1b1b1b;text-decoration: none;display: block;border-radius: 0;overflow: hidden;} .features-container .features-list__link .img{overflow: hidden;position: relative;} .features-container .features-list__link .img img{width: 100%;display: block;-ms-transition: 0.3s;transition: 0.3s;} .features-container .features-list__link .info{padding: 18px 24px;position: absolute;z-index: 1;bottom: 28px;right: 28px;left: 28px;background: rgb(255 255 255 / 80%);max-height: calc(150px - 36px);min-height: calc(150px - 36px);text-align: center;} .features-container .features-list__link .info .infoTitle{font-size: 14px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-shadow: inset 0 -1px 0 0 #111;box-shadow: inset 0 -1px 0 0 #111;transition: all 0.2s ease-in-out;display: -webkit-inline-box;} .features-container .features-list__link .info .infoTxt{font-size: 12px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 12px;} .features-container .features-list__link:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} .features-container .features-list__link:hover .info .infoTitle{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;} .features-container .features-list__link:hover {} .features-container .slider__pager{display: -webkit-box !important;display: -webkit-flex !important;display: flex !important;position: absolute;bottom: 0;left: 0;width: -webkit-calc(100% - 140px);width: calc(100% - 140px);padding: 5px 70px;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;} .features-container .slider__pager li{} .features-container .slider__pager li:nth-of-type(n+2){margin-left: 12px;} .features-container .slider__pager li button{font: 0/0 a;height: 12px;width: 12px;padding: 0;margin: 0;background: rgba(0,0,0,.5);border-radius: 12px;border: none;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;position: relative;z-index: 1;display: block;} .features-container .slider__pager li.slick-active button{background: #EBD10B;} .features-container .slider__pager li.slick-active button::before {content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-animation: pager-active 3s infinite;animation: pager-active 3s infinite;pointer-events: none;background: #EBD10B;z-index: 0;top: 0;} @keyframes pager-active{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1;filter:alpha(opacity=100)}80%,100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.8);transform:scale(1.8)}} @-moz-document url-prefix() { .features-container .features-list{margin-left:calc((100% - 100vw + 16px) / 2);margin-right: calc((100% - 100vw + 16px) / 2);} } @media all and (-ms-high-contrast: none) { .features-container .features-list{margin-left:calc((100% - 100vw + 16px) / 2);margin-right: calc((100% - 100vw + 16px) / 2);} } @supports (-ms-accelerator:true) { .features-container .features-list{margin-left:calc((100% - 100vw + 17px) / 2);margin-right: calc((100% - 100vw + 17px) / 2);} } @media screen and (max-width:1024px){ .features-container .features-list{margin: 56px 0 0 0;padding-bottom: 40px;} .features-container .features-list .list_items{width: 380px;} } @media screen and (max-width:640px){ .features-container .features-list{margin: 36px 0 0 0;padding-bottom: 40px;} .features-container .features-list .list_items{width: 260px;} .features-container .features-list__link .info{padding: 14px 18px;bottom: 20px;right: 20px;left: 20px;max-height: calc(112px - 28px);min-height: calc(112px - 28px);} .features-container .features-list__link .info .infoTitle{font-size: 13px;} .features-container .features-list__link .info .infoTxt{font-size: 11px;margin-top: 6px;} .features-container .slider__pager li:nth-of-type(n+2){margin-left: 10px;} .features-container .slider__pager li button{height: 10px;width: 10px;border-radius: 10px;} } /* newItem-container -------------------------------- */ .newItem-container{background: #F7F7F4;margin-top: 100px;} .newItem-container .jf-top-container__inner{padding: 0 0 100px;} @media screen and (max-width:1024px){ .newItem-container{margin-top: 80px;} .newItem-container .jf-top-container__inner{padding: 0 0 80px;} } @media screen and (max-width:640px){ .newItem-container{margin-top: 50px;} .newItem-container .jf-top-container__inner{padding: 0 0 50px;} } /* recentNews-container -------------------------------- */ .recentNews-container{margin: 100px 0 0;} .recentNews-container .jf-accordion_base:first-of-type{border-top: 1px solid #e5e5e5;} .recentNews-container .jf-accordion_base{border-bottom: 1px solid #e5e5e5;background: #EBECF0;} .recentNews-container .jf-accordion_header{display: -ms-flexbox;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding: 25px 100px 25px 50px;position: relative;max-width: -webkit-calc(1300px - 150px);max-width: calc(1300px - 150px);margin: 0 auto;} .recentNews-container .jf-accordion_header::before{position: absolute;content:"";display:block;width: 18px;height:1px;background:#111;top: 50%;right: 50px;-webkit-transform: translate(0%,-1px);-ms-transform: translate(0%,-1px);transform: translate(0%,-1px);} .recentNews-container .jf-accordion_header::after{position: absolute;content:"";display:block;width: 1px;height: 18px;background:#111;top: 50%;right: 57px;-webkit-transform: translate(-1px,-50%);-ms-transform: translate(-1px,-50%);transform: translate(-1px,-50%);} .recentNews-container .jf-accordion_header.open::after{display:none} .recentNews-container .jf-accordion_header .jf-accordion_date{position: relative;margin-right: 20px;padding-left: 40px;font-family: 'Roboto Condensed', sans-serif;font-size: 14px;} .recentNews-container .jf-accordion_header .jf-accordion_date::before{position: absolute;content:"";display:block;width: 14px;height:1px;background: #9e9e9e;top: 50%;left: 0;-webkit-transform: translate(0%,-1px);-ms-transform: translate(0%,-1px);transform: translate(0%,-1px);} .recentNews-container .jf-accordion_header .jf-accordion_title{font-size: 14px;} .recentNews-container .jf-accordion_header .accordion_icon{} .recentNews-container .jf-accordion_inner{display: none;padding: 0 50px 25px 50px;max-width: -webkit-calc(1300px - 100px);max-width: calc(1300px - 100px);margin: 0 auto;} .recentNews-container .jf-accordion_body{} @media screen and (max-width:834px){ .recentNews-container{margin: 80px 0 0;} .recentNews-container .jf-accordion_header{padding: 25px 80px 25px 30px;max-width: -webkit-calc(1300px - 130px);max-width: calc(1300px - 130px);} .recentNews-container .jf-accordion_header::before{width: 16px;right: 30px;} .recentNews-container .jf-accordion_header::after{height: 16px;right: 37px;} .recentNews-container .jf-accordion_inner{padding: 0 30px 25px 30px;} } @media screen and (max-width:640px){ .recentNews-container{margin: 50px 0 0;} .recentNews-container .jf-accordion_header{padding: 20px 50px 20px 20px;max-width: -webkit-calc(1300px - 70px);max-width: calc(1300px - 70px);} .recentNews-container .jf-accordion_header::before{width: 13px;right: 20px;} .recentNews-container .jf-accordion_header::after{height: 13px;right: 25px;} .recentNews-container .jf-accordion_header .jf-accordion_date{margin-right: 15px;padding-left: 30px;font-size: 13px;} .recentNews-container .jf-accordion_header .jf-accordion_date::before{width: 12px;} .recentNews-container .jf-accordion_header .jf-accordion_title{font-size: 13px;} .recentNews-container .jf-accordion_inner{padding: 0 20px 20px 20px;font-size: 0.9em;} } /* news-container -------------------------------- */ .news-container{} .news-container .jf-top-container__inner{padding: 0 0 100px;} .news-container .news-list{margin: 68px 50px 0;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;} .news-container .news-list li{width: -webkit-calc(100% / 3);width: calc(100% / 3);} .news-container .news-list li:nth-of-type(3n){margin-right: 0;} .news-container .news-list li:nth-of-type(n+4){margin-top: 36px;} .news-container .news-list li:nth-of-type(n+7){display:none} .news-container .news-list li:nth-of-type(3n) a{margin-left:auto} .news-container .news-list li:nth-of-type(3n+2) a{margin:0 auto} .news-container .news-list li a{position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;max-width: 260px;width: 260px;display: block;} .news-container .news-list li a .img{overflow: hidden;width: 100%;min-height: 260px;} .news-container .news-list li a .img img{width: 100%;display: block;height: 100%;-ms-transition: 0.3s;transition: 0.3s;} .news-container .news-list li a .info{position:relative;margin-top: 10px;} .news-container .news-list li a .info .infoTitle{font-size: 13px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .news-container .news-list li a .info .infoMeta{margin-top: 6px;font-size: 14px;display: flex;align-items: center;white-space: nowrap;overflow: hidden;} .news-container .news-list li a .info .infoMeta .meta__time{color: #999;font-family: 'Roboto Condensed', sans-serif;line-height: 1;font-size: 0.9em;} .news-container .news-list li a .info .infoMeta .meta__time + *{margin-left: 16px;} .news-container .news-list li a .info .infoMeta .meta__category-web{padding: 0 12px;height: 20px;line-height: 20px;margin-right: 2px;font-size: 0.7em;color: #525263;border: solid 1px #D7DADD;border-radius: 3px;background-color: #F5F7F8;display: none;} .news-container .news-list li a .info .infoMeta .meta__category-shop{padding: 0 12px;height: 20px;line-height: 20px;margin-right: 2px;font-size: 0.7em;color: #525263;border: solid 1px #D7DADD;border-radius: 3px;background-color: #F5F7F8;display: none;} .news-container .news-list li a .info .infoMeta p[class^="meta__category-"] + *{margin-left: 1px;} .news-container .news-list li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1024px){ .news-container{} .news-container .jf-top-container__inner{padding: 0 0 80px;} .news-container .news-list{margin: 56px 30px 0;} .news-container .news-list li{width: -webkit-calc(100% / 2);width: calc(100% / 2);} .news-container .news-list li:nth-of-type(n+3){margin-top: 36px;} .news-container .news-list li a{margin:0 auto;} } @media screen and (max-width:640px){ .news-container{} .news-container .jf-top-container__inner{padding: 0 0 50px;} .news-container .news-list{margin: 36px 20px 0;} .news-container .news-list li{width:100%;margin-top: 0 !important;} .news-container .news-list li:nth-of-type(n+4){display:none} .news-container .news-list li a{padding: 10px 0;display: -webkit-box; display: flex;max-width: inherit; width: 100%;} .news-container .news-list li a .img{width: 100px;min-height: 100px;} .news-container .news-list li a .info{padding-left: 16px;width: -webkit-calc(100% - 116px);width: calc(100% - 116px);margin-top: 0;} .news-container .news-list li a .info .infoTitle{font-size: 13px;} .news-container .news-list li a .info .infoMeta{font-size: 1em;margin-top: 10px;} .news-container .news-list li a .info .infoMeta .meta__category-web{font-size: 10px;} .news-container .news-list li a .info .infoMeta .meta__category-shop{padding: 0 10px;height: 20px;line-height: 20px;font-size: 10px;} } /* exclusive-container -------------------------------- */ .exclusive-container{} .exclusive-container .jf-top-container__inner{padding: 0 0 100px;} .exclusive-container .jf-top-item-list_ptn2{margin: 68px 50px 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} .exclusive-container .jf-top-item-list_ptn2 li{margin-right: 36px;width: -webkit-calc(50% - 18px);width: calc(50% - 18px);} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(2n){margin-right: 0;} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(n+3){margin-top:26px;} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(n+7){display:none} .exclusive-container .jf-top-item-list_ptn2 li a{position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;display: -webkit-box;display: flex;padding: 0;background: #F7F7F4;} .exclusive-container .jf-top-item-list_ptn2 li a .img{overflow: hidden;width: 240px;min-height: 240px;} .exclusive-container .jf-top-item-list_ptn2 li a .img img{width: 100%;display: block;height: 100%;-ms-transition: 0.3s;transition: 0.3s;} .exclusive-container .jf-top-item-list_ptn2 li a .info{padding: 52px 26px;width: -webkit-calc(100% - 292px);width: calc(100% - 292px);position:relative;} .exclusive-container .jf-top-item-list_ptn2 li a .info .itemName{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 1.8;} .exclusive-container .jf-top-item-list_ptn2 .itemName__brand_en{display: block;font-weight: 800;} .exclusive-container .jf-top-item-list_ptn2 .itemName__brand_ja{display: block;} .exclusive-container .jf-top-item-list_ptn2 .itemName__item{} .exclusive-container .jf-top-item-list_ptn2 .itemName__no{display: none;} .exclusive-container .jf-top-item-list_ptn2 li a .info .itemPrice{margin-top: 4px;font-family: 'Roboto Condensed', sans-serif;} .exclusive-container .jf-top-item-list_ptn2 li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1024px){ .exclusive-container .jf-top-container__inner{padding: 0 0 80px;} .exclusive-container .jf-top-item-list_ptn2{margin: 56px 80px 0;} .exclusive-container .jf-top-item-list_ptn2 li{margin-right: 0;width:100%;} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(n+2){margin-top:26px;} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(n+5){display:none} } @media screen and (max-width:640px){ .exclusive-container .jf-top-container__inner{padding: 0 0 50px;} .exclusive-container .jf-top-item-list_ptn2{margin: 36px 20px 0;} .exclusive-container .jf-top-item-list_ptn2 li{margin-right: 0;width:100%;} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(n+2){margin-top: 8px;} .exclusive-container .jf-top-item-list_ptn2 li:nth-of-type(n+4){display:none} .exclusive-container .jf-top-item-list_ptn2 li a .img{overflow: hidden;width: 136px;min-height: 136px;} .exclusive-container .jf-top-item-list_ptn2 li a .info{padding: 26px 16px;width: -webkit-calc(100% - 168px);width: calc(100% - 168px);font-size: 12px;} .exclusive-container .jf-top-item-list_ptn2 li a .info .itemName{line-height: 1.6;max-height: 60px;} } /* piukUpBrand-container -------------------------------- */ .piukUpBrand-container{background: #F7F7F4;margin-top: 100px;} .piukUpBrand-container .jf-top-container__inner{padding: 0 0 100px;} .piukUpBrand-container .piukUpBrand-items{margin: 68px 50px 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .piukUpBrand-container .piukUpBrand-items li{margin-right: 36px;width: -webkit-calc(50% - 18px);width: calc(50% - 18px);} .piukUpBrand-container .piukUpBrand-items li:nth-of-type(2n){margin-right: 0;} .piukUpBrand-container .piukUpBrand-items li:nth-of-type(n+3){margin-top:26px;} .piukUpBrand-container .piukUpBrand-items li:nth-of-type(n+7){display:none} .piukUpBrand-container .piukUpBrand-items li a{position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;display: -webkit-box;display: flex;padding: 0;background: #fff;} .piukUpBrand-container .piukUpBrand-items li a .img{overflow: hidden;width: 240px;min-height: 240px;} .piukUpBrand-container .piukUpBrand-items li a .img img{width: 100%;display: block;height: 100%;-ms-transition: 0.3s;transition: 0.3s;} .piukUpBrand-container .piukUpBrand-items li a .info{padding: 42px 26px;width: -webkit-calc(100% - 292px);width: calc(100% - 292px);position:relative;line-height: 1.6;} .piukUpBrand-container .piukUpBrand-items .info .brandName{font-size:14px;font-weight:600;} .piukUpBrand-container .piukUpBrand-items .info .brandName-ja{display:block;font-size:0.9em;font-weight:400;} .piukUpBrand-container .piukUpBrand-items .info .brandDescription{margin-top:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size:0.9em;} .piukUpBrand-container .piukUpBrand-items li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1024px){ .piukUpBrand-container{margin-top: 80px;} .piukUpBrand-container .jf-top-container__inner{padding: 0 0 80px;} .piukUpBrand-container .piukUpBrand-items{margin: 56px 50px 0;} .piukUpBrand-container .piukUpBrand-items li{margin-right:0;width:50%;} .piukUpBrand-container .piukUpBrand-items li:nth-of-type(n+3){margin-top:26px;} .piukUpBrand-container .piukUpBrand-items li a{-webkit-flex-wrap: wrap;flex-wrap: wrap;background:none;margin: 0 auto;max-width: 260px;width: 260px;} .piukUpBrand-container .piukUpBrand-items li a .img{width: 100%;min-height: 260px;} .piukUpBrand-container .piukUpBrand-items li a .info{padding:0;width:100%;margin-top:10px;} .piukUpBrand-container .piukUpBrand-items .info .brandName{text-align:center} .piukUpBrand-container .piukUpBrand-items .info .brandName-ja{display:none;} .piukUpBrand-container .piukUpBrand-items .info .brandDescription{display:none;} } @media screen and (max-width:640px){ .piukUpBrand-container{margin-top: 50px;} .piukUpBrand-container .jf-top-container__inner{padding: 0 0 50px;} .piukUpBrand-container .piukUpBrand-items{margin: 36px 20px 0;} .piukUpBrand-container .piukUpBrand-items li{margin-right:0;width:50%;} .piukUpBrand-container .piukUpBrand-items li:nth-of-type(n+3){margin-top:16px;} .piukUpBrand-container .piukUpBrand-items li a{-webkit-flex-wrap: wrap;flex-wrap: wrap;background:none;margin: 0 auto;max-width: 260px;width: 95%;} .piukUpBrand-container .piukUpBrand-items li a .img{min-height:inherit;} .piukUpBrand-container .piukUpBrand-items li a .info{padding:0;width:100%;margin-top:8px;} .piukUpBrand-container .piukUpBrand-items .info .brandName{font-size:12px;} } /* brandList-container -------------------------------- */ .brandList-container{} .brandList-container .jf-top-container__inner{padding: 0 0 100px;} .brandList-container .brandList-items{margin: 68px 50px 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .brandList-container .brandList-items li{margin-right: 10px;width: -webkit-calc(100% / 5 - 8px);width: calc(100% / 5 - 8px);} .brandList-container .brandList-items li:nth-of-type(5n){margin-right: 0;} .brandList-container .brandList-items li:nth-of-type(n+6){margin-top:10px;} .brandList-container .brandList-items li a{position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;background: #fff;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;padding: 0;} .brandList-container .brandList-items li a .img{overflow: hidden;padding: 20px;} .brandList-container .brandList-items li a .img img{width: 100%;display: block;height: 100%;-ms-transition: 0.3s;transition: 0.3s;} .brandList-container .brandList-items li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);} .brandList-container .brandList-container__txt{text-align: center;margin: 56px 0 0;} .brandList-container .linkBtn{text-align:center;margin: 32px 0 0;} .brandList-container .linkBtn a{text-decoration: none;font-size: 14px;color: #202020;padding: 0;transition: .3s;padding-right: 16px;position: relative;} .brandList-container .linkBtn a::after{content:'';width: 7px;height: 7px;border:0px;border-top: 1px solid #001335;border-right: 1px solid #001335;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position:absolute;top:50%;right: 0;transition: .3s;margin-top: -4px;} .brandList-container .linkBtn a:hover:after {right: -5px} @media screen and (max-width:1024px){ .brandList-container{} .brandList-container .jf-top-container__inner{padding: 0 0 80px;} .brandList-container .brandList-items{margin: 56px 50px 0;} .brandList-container .brandList-items li a .img{padding: 12px;} .brandList-container .brandList-container__txt{margin: 46px 0 0;} .brandList-container .linkBtn{margin: 28px 0 0;} } @media screen and (max-width:640px){ .brandList-container{} .brandList-container .jf-top-container__inner{padding: 0 0 50px;} .brandList-container .brandList-items{margin: 36px 20px 0;} .brandList-container .brandList-items li{margin-right: 9px;width: -webkit-calc(100% / 3 - 6px);width: calc(100% / 3 - 6px);} .brandList-container .brandList-items li:nth-of-type(5n){margin-right: 9px;} .brandList-container .brandList-items li:nth-of-type(3n){margin-right: 0;} .brandList-container .brandList-items li:nth-of-type(n+4){margin-top:9px;} .brandList-container .brandList-items li:nth-of-type(n+22){display:none} .brandList-container .brandList-items li a .img{padding: 8px 4px;} .brandList-container .brandList-container__txt{margin: 36px 0 0;font-size:12px} .brandList-container .linkBtn a{font-size:13px} } /* pickup-container -------------------------------- */ .pickup-container{} .pickup-container .jf-top-container__inner{padding: 0;} .pickup-container .jf-top-item-list li{width: -webkit-calc(25% - 9px);width: calc(25% - 9px);margin-right: 12px;} .pickup-container .jf-top-item-list li:nth-of-type(5n){margin-right: 12px;} .pickup-container .jf-top-item-list li:nth-of-type(4n){margin-right: 0;} .pickup-container .jf-top-item-list li:nth-of-type(n+5){margin-top: 30px;} .pickup-container .jf-top-item-list li:nth-of-type(n+9){display:none} @media screen and (max-width:1024px){ .pickup-container .jf-top-item-list li{width: -webkit-calc(100% / 3 - 6px);width: calc(100% / 3 - 6px);margin-right: 9px;} .pickup-container .jf-top-item-list li:nth-of-type(4n), .pickup-container .jf-top-item-list li:nth-of-type(5n){margin-right: 9px;} .pickup-container .jf-top-item-list li:nth-of-type(3n){margin-right: 0;} .pickup-container .jf-top-item-list li:nth-of-type(n+4){margin-top: 20px;} .pickup-container .jf-top-item-list li:nth-of-type(n+9){display:inherit} .pickup-container .jf-top-item-list li:nth-of-type(n+10){display:none} .pickup-container .jf-top-item-list li:nth-of-type(n+10){display:none} } @media screen and (max-width:640px){ .pickup-container .jf-top-item-list li:nth-of-type(n+3){margin-top:0;} .pickup-container .jf-top-item-list li:nth-of-type(n+4){margin-top: 20px;} } /* ranking-container -------------------------------- */ .ranking-container{background: #F7F7F4;margin-top: 100px;} .ranking-container .jf-top-container__inner{padding: 0 0 100px;} .ranking-container .jf-top-item-list{padding-bottom:0;margin: 62px 50px 0;} .ranking-container .jf-top-item-list li a .icon-ranking{position: absolute;width: 36px;height: 36px;z-index: 1;top: -20px;left: 10px;background-repeat: no-repeat;background-position: 50% 50%;font: 0/0 a;} .ranking-container .jf-top-item-list li:nth-of-type(1) a .icon-ranking{background-image: url(/img/rankicon/icon_rank1.svg);} .ranking-container .jf-top-item-list li:nth-of-type(2) a .icon-ranking{background-image: url(/img/rankicon/icon_rank2.svg);} .ranking-container .jf-top-item-list li:nth-of-type(3) a .icon-ranking{background-image: url(/img/rankicon/icon_rank3.svg);} .ranking-container .jf-top-item-list li:nth-of-type(4) a .icon-ranking{background-image: url(/img/rankicon/icon_rank4.svg);} .ranking-container .jf-top-item-list li:nth-of-type(5) a .icon-ranking{background-image: url(/img/rankicon/icon_rank5.svg);} .ranking-container .jf-top-item-list li:nth-of-type(6) a .icon-ranking{background-image: url(/img/rankicon/icon_rank6.svg);} .ranking-container .jf-top-item-list li:nth-of-type(7) a .icon-ranking{background-image: url(/img/rankicon/icon_rank7.svg);} .ranking-container .jf-top-item-list li:nth-of-type(8) a .icon-ranking{background-image: url(/img/rankicon/icon_rank8.svg);} .ranking-container .jf-top-item-list li:nth-of-type(9) a .icon-ranking{background-image: url(/img/rankicon/icon_rank9.svg);} .ranking-container .jf-top-item-list li:nth-of-type(10) a .icon-ranking{background-image: url(/img/rankicon/icon_rank10.svg);width: 52px;} .ranking-container .jf-top-item-list li:nth-of-type(n+6){display:none} @media screen and (max-width:1024px){ .ranking-container{margin-top: 80px;} .ranking-container .jf-top-container__inner{padding: 0 0 80px;} .ranking-container .jf-top-item-list{margin: 52px 30px 0;} .ranking-container .jf-top-item-list li:nth-of-type(n+4){margin-top: 42px;} .ranking-container .jf-top-item-list li:nth-of-type(n+6){display:inherit} .ranking-container .jf-top-item-list li:nth-of-type(n+7){display:none} } @media screen and (max-width:640px){ .ranking-container{margin-top: 50px;} .ranking-container .jf-top-container__inner{padding: 0 0 50px;} .ranking-container .jf-top-item-list{margin: 36px 20px 0;} .ranking-container .jf-top-item-list li{width: -webkit-calc(100% / 3 - 6px);width: calc(100% / 3 - 6px);margin-right: 9px;margin-top: 0} .ranking-container .jf-top-item-list li a .icon-ranking{width: 26px;height: 26px;top: -16px;left: 6px;} .ranking-container .jf-top-item-list li:nth-of-type(n+4){margin-top: 36px;} .ranking-container .jf-top-item-list li:nth-of-type(3n){margin-right: 0;} } /* staffStyling-container-ptn2 -------------------------------- */ .staffStyling-container_ptn2{} .staffStyling-container_ptn2 .jf-top-container__inner{position:relative;padding: 0;} .staffStyling-container_ptn2 .staffStyling-mv-txt{margin-top: 68px;padding: 0 50px;text-align: center;} .staffStyling-container_ptn2 .staffStyling-mv-txt .txt_large {font-size: 22px;letter-spacing:1px;} .staffStyling-container_ptn2 .staffStyling-mv-txt .txt_small {margin-top:16px;-webkit-box-shadow: inset 0 -1px 0 0 #111;box-shadow: inset 0 -1px 0 0 #111;transition: all 0.2s ease-in-out;display: -webkit-inline-box;font-size: 14px;} .staffStyling-container_ptn2 .staffStyling-list__slider_top{margin-left: calc((100% - 100vw) / 2);margin-right: calc((100% - 100vw) / 2);margin-top: 58px;} .staffStyling-container_ptn2 .staffStyling-list__slider_bottom{margin-left: calc((100% - 100vw) / 2);margin-right: calc((100% - 100vw) / 2);margin-top: 16px;margin-bottom: 50px;} .staffStyling-container_ptn2 .staffStyling-list__item{margin-right: 16px;} .staffStyling-container_ptn2 .staffStyling-list__item img{height: 320px;width: auto;} .staffStyling-container_ptn2 .jf-linkBtn {text-align:center;margin: 36px auto 0;order: 5;} @-moz-document url-prefix() { .staffStyling-container_ptn2 .staffStyling-list__slider_top{margin-left: calc((100% - 100vw + 16px) / 2);margin-right: calc((100% - 100vw + 16px) / 2);} .staffStyling-container_ptn2 .staffStyling-list__slider_bottom{margin-left: calc((100% - 100vw + 16px) / 2);margin-right: calc((100% - 100vw + 16px) / 2);} } @media all and (-ms-high-contrast: none) { .staffStyling-container_ptn2 .staffStyling-list__slider_top{margin-left: calc((100% - 100vw + 16px) / 2);margin-right: calc((100% - 100vw + 16px) / 2);} .staffStyling-container_ptn2 .staffStyling-list__slider_bottom{margin-left: calc((100% - 100vw + 16px) / 2);margin-right: calc((100% - 100vw + 16px) / 2);} } @supports (-ms-accelerator:true) { .staffStyling-container_ptn2 .staffStyling-list__slider_top{margin-left: calc((100% - 100vw + 17px) / 2);margin-right: calc((100% - 100vw + 17px) / 2);} .staffStyling-container_ptn2 .staffStyling-list__slider_bottom{margin-left: calc((100% - 100vw + 17px) / 2);margin-right: calc((100% - 100vw + 17px) / 2);} } @media screen and (max-width:1024px){ .staffStyling-container_ptn2 .staffStyling-mv-txt{margin-top: 56px;padding: 0 30px;} .staffStyling-container_ptn2 .staffStyling-list__slider_top{margin-top: 46px;} .staffStyling-container_ptn2 .staffStyling-list__item img{height: 280px;} } @media screen and (max-width:640px){ .staffStyling-container_ptn2 .jf-top-container__inner{} .staffStyling-container_ptn2 .staffStyling-mv-txt{margin-top: 36px;padding: 0 20px;} .staffStyling-container_ptn2 .staffStyling-mv-txt .txt_large {font-size: 15px;} .staffStyling-container_ptn2 .staffStyling-mv-txt .txt_small {margin-top:12px;font-size: 11px;} .staffStyling-container_ptn2 .staffStyling-list__slider_top{margin-top: 32px;} .staffStyling-container_ptn2 .staffStyling-list__slider_bottom{margin-top: 8px;margin-bottom: 0;} .staffStyling-container_ptn2 .staffStyling-list__item{margin-right: 8px;} .staffStyling-container_ptn2 .staffStyling-list__item img{height: 170px;} } /* blog-container -------------------------------- */ .blog-container{background: #F7F7F4;margin-top: 100px;} .blog-container .jf-top-container__inner{padding: 0 0 100px;} .blog-container .blog-list{margin: 68px 50px 0;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .blog-container .blog-list li{margin-right: 36px;width: -webkit-calc(50% - 18px);width: calc(50% - 18px);} .blog-container .blog-list li:nth-of-type(2n){margin-right: 0;} .blog-container .blog-list li:nth-of-type(n+3){margin-top:26px;} .blog-container .blog-list li:nth-of-type(n+5){display:none} .blog-container .blog-list li a{position: relative;transition: .5s;color: #1b1b1b;text-decoration: none;display: -webkit-box;display: flex;padding: 0;background: #fff;} .blog-container .blog-list li a .img{overflow: hidden;width: 240px;min-height: 240px;} .blog-container .blog-list li a .img img{width: 100%;display: block;height: 100%;-ms-transition: 0.3s;transition: 0.3s;} .blog-container .blog-list li a .info{padding: 42px 26px;width: -webkit-calc(100% - 292px);width: calc(100% - 292px);position:relative;line-height: 1.6;} .blog-container .blog-list li a .info .infoTime{margin-top: 26px;font-size: 0.9em;font-family: 'Roboto Condensed', sans-serif;} .blog-container .blog-list li a .info .infoTitle{font-size: 14px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .blog-container .blog-list li a .info .info-author{box-sizing: border-box;display: table;table-layout: fixed;min-height: 40px;padding: 0;width: 100%;margin-top: 12px;} .blog-container .blog-list li a .info .info-author .info-author-thumb{left: 0;position: static;top: 0;display: table-cell;vertical-align: middle;width: 40px;} .blog-container .blog-list li a .info .info-author .info-author-thumb img{border-radius: 50%;width: 100%;display: block;} .blog-container .blog-list li a .info .info-author .info-author-meta{vertical-align: middle;padding-left: 15px;display: table-cell;font-size: 13px;line-height: 1.6;} .blog-container .blog-list li a .info .info-author .info-author-meta .name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .blog-container .blog-list li a .info .info-author .info-author-meta .belong{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; color: #999999;} .blog-container .blog-list li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1024px){ .blog-container{margin-top: 80px;} .blog-container .jf-top-container__inner{padding: 0 0 80px;} .blog-container .blog-list{margin: 56px 80px 0;} .blog-container .blog-list li{margin-right: 0;width:100%;} .blog-container .blog-list li:nth-of-type(n+2){margin-top:26px;} .blog-container .blog-list li:nth-of-type(n+5){display:none} .blog-container .blog-list li a .info .infoTitle{font-size: 13px;} } @media screen and (max-width:640px){ .blog-container{margin-top: 50px;} .blog-container .jf-top-container__inner{padding: 0 0 50px;} .blog-container .blog-list{margin: 36px 20px 0;} .blog-container .blog-list li{margin-right: 0;width:100%;} .blog-container .blog-list li:nth-of-type(n+2){margin-top: 8px;} .blog-container .blog-list li:nth-of-type(n+4){display:none} .blog-container .blog-list li a .img{overflow: hidden;width: 136px;min-height: 136px;} .blog-container .blog-list li a .info{padding: 26px 16px;width: -webkit-calc(100% - 168px);width: calc(100% - 168px);font-size: 12px;} .blog-container .blog-list li a .info .infoTitle{-webkit-line-clamp: 2;} .blog-container .blog-list li a .info .infoTime{margin-top: 5px;} .blog-container .blog-list li a .info .info-author{min-height: 30px;margin-top: 10px;} .blog-container .blog-list li a .info .info-author .info-author-thumb{width: 30px;} .blog-container .blog-list li a .info .info-author .info-author-meta{padding-left: 10px;font-size: 12px;} .blog-container .blog-list li a .info .info-author .info-author-meta .belong{font-size: 11px;} } /* company-container -------------------------------- */ .company-container{background: #F7F7F4;margin: 0 0;} .company-container .jf-top-container__inner{position:relative;padding: 0 0 100px;} .company-container .companyBody{margin: 68px 50px 0;background: #fff;padding:72px 50px;} .company-container .companyBody .txt{text-align:center;font-size:15px;line-height:1.8;max-width:680px;margin:0 auto;} .company-container .companyBody .companyImg{max-width:520px;margin:56px auto 0;} .company-container .companyBody .companyImg img{display:block;width:100%;} .company-container .companyBody .linkBtn{display: flex;justify-content: center;align-items: center;margin: 56px 0 0;} .company-container .companyBody .linkBtn a{position: relative;font-size: 14px;text-decoration: none;position: relative;color: #1b1b1b;display: block;padding: 0 22px;text-align: center;white-space: nowrap;transition: .3s;} .company-container .companyBody .linkBtn a::after{content: "";position: absolute;top: 50%;right: 0;background: #333;width: 1px;height: 12px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);} .company-container .companyBody .linkBtn a:nth-of-type(4){line-height:inherit;display: flex;align-items: center;} .company-container .companyBody .linkBtn a:nth-of-type(4) img{height: 20px;min-width: 100px;display: block;} .company-container .companyBody .linkBtn a:hover{opacity: .7;} @media screen and (max-width:1024px){ .company-container .jf-top-container__inner{padding: 0 0 80px;} .company-container .companyBody{margin:0;background: #F7F7F4;padding: 62px 50px 0;} .company-container .companyBody .txt{font-size:14px;} .company-container .companyBody .linkBtn{margin: 46px 0 0;} .company-container .companyBody .linkBtn a{font-size: 13px;padding: 0 20px;} .company-container .companyBody .linkBtn a:nth-of-type(4) img{height: 20px;} .company-container .companyBody .linkBtn a:last-of-type::after{display:none} } @media screen and (max-width:640px){ .company-container .jf-top-container__inner{padding: 0 0 50px;} .company-container .companyBody{margin: 36px 8px 0;background: #fff;padding: 46px 28px;} .company-container .companyBody .txt{font-size:12px;} .company-container .companyBody .companyImg{margin: 32px auto 0;width: 80%;} .company-container .companyBody .linkBtn{margin: 36px 0 0;} .company-container .companyBody .linkBtn a{font-size: 12px;padding: 0 16px;} .company-container .companyBody .linkBtn a:nth-of-type(4){display:none} .company-container .companyBody .linkBtn a:nth-of-type(3)::after{display:none} } /* instagramGallery-container -------------------------------- */ .instagramGallery-container{} .instagramGallery-container .jf-top-container__inner{position:relative;padding: 0 0 100px;} .instagramGallery-container .ecbn-selection-widget{margin-top: 68px;} .instagramGallery-container .vsm-tile{} .instagramGallery-container .linkBtn{text-align:center;margin: 36px 0 0;} .instagramGallery-container .linkBtn a{text-decoration: none;font-size: 14px;color: #202020;padding: 0;transition: .3s;padding-right: 16px;position: relative;} .instagramGallery-container .linkBtn a::after{content:'';width: 7px;height: 7px;border:0px;border-top: 1px solid #001335;border-right: 1px solid #001335;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position:absolute;top:50%;right: 0;transition: .3s;margin-top: -4px;} .instagramGallery-container .linkBtn a:hover:after {right: -5px} .instagramGallery-container .ecbn-selection-image-loading-more{display: none} .instagramGallery-container .ecbn-selection-footer2{display: none} @media screen and (max-width:1024px){ .instagramGallery-container .jf-top-container__inner{position:relative;padding: 0 0 80px;} .instagramGallery-container .ecbn-selection-widget{margin: 56px 30px 0;} } @media screen and (max-width:640px){ .instagramGallery-container .jf-top-container__inner{position:relative;padding: 0 0 50px;} .instagramGallery-container .ecbn-selection-widget{margin: 36px 20px 0;} .instagramGallery-container .linkBtn a{font-size:13px} } /* brand-container -------------------------------- */ .brand-container{background: #F7F7F4;margin-top: 100px;} .brand-container .jf-top-container__inner{padding: 0 0 100px;} .brand-container .brandBody{margin: 68px 50px 0;background: #fff;padding:72px 50px;} .brand-container .brandBody .txt{text-align:center;font-size:15px;line-height:1.8;max-width:680px;margin:0 auto;} .brand-container .brandBody .brandImg{max-width:520px;margin:56px auto 0;overflow: auto;z-index: -1;box-shadow: inset 30px 0 25px -30px rgb(0 0 0 / 8%), inset -30px 0 25px -30px rgb(0 0 0 / 8%);-ms-overflow-style: none;scrollbar-width: none;} .brand-container .brandBody .brandImg::-webkit-scrollbar {display:none;} .brand-container .brandBody .brandImg figure{float: right;width: 1530px;/* widthは画像サイズの*2とする(画像サイズはheightからの計算が必要) */display: block;height: 375px;background-position: 0 0;background-repeat: repeat-x;background-size: auto 100%;-webkit-animation: topBrandLoop-anim 60s linear infinite normal;animation: topBrandLoop-anim 60s linear infinite normal;} @-webkit-keyframes topBrandLoop-anim { 0%{ -webkit-transform: translateX(0); } 100%{ -webkit-transform: translateX(765px);/* widthの/2の値 */ }} @keyframes topBrandLoop-anim { 0%{ transform: translateX(0); } 100%{ transform: translateX(765px);/* widthの/2の値 */ }} .brand-container .brandBody .linkBtn{text-align:center;margin: 56px 0 0;} .brand-container .brandBody .linkBtn a{text-decoration: none;font-size: 14px;color: #202020;padding: 0;transition: .3s;padding-right: 16px;position: relative;} .brand-container .brandBody .linkBtn a::after{content:'';width: 7px;height: 7px;border:0px;border-top: 1px solid #001335;border-right: 1px solid #001335;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position:absolute;top:50%;right: 0;transition: .3s;margin-top: -4px;} .brand-container .brandBody .linkBtn a:hover:after {right: -5px} @media screen and (max-width:1024px){ .brand-container{margin-top: 80px;} .brand-container .jf-top-container__inner{padding: 0 0 80px;} .brand-container .brandBody{background: #F7F7F4;padding:62px 50px 0;margin: 0;} .brand-container .brandBody .txt{font-size:14px;} .brand-container .brandBody .linkBtn{margin: 46px 0 0;} } @media screen and (max-width:640px){ .brand-container{margin-top: 50px;} .brand-container .jf-top-container__inner{padding: 0 0 50px;} .brand-container .brandBody{background: #fff;margin: 36px 8px 0;padding: 46px 28px;} .brand-container .brandBody .txt{font-size:12px;} .brand-container .brandBody .brandImg{margin: 36px auto 0;width: 80%;} .brand-container .brandBody .brandImg figure{width: 816px;/* widthは画像サイズの*2とする(画像サイズはheightからの計算が必要) */height: 200px;} @-webkit-keyframes topBrandLoop-anim { 0%{ -webkit-transform: translateX(0); } 100%{ -webkit-transform: translateX(408px);/* widthの/2の値 */ }} @keyframes topBrandLoop-anim { 0%{ transform: translateX(0); } 100%{ transform: translateX(408px);/* widthの/2の値 */ }} .brand-container .brandBody .linkBtn{margin: 36px 0 0;} .brand-container .brandBody .linkBtn a{font-size:13px} } /* app-container -------------------------------- */ .app-container{} .app-container .jf-top-container__inner{padding: 0;} .app-container .jf-label{background-color:#07ABDD;} .app-container .appBody{margin: 68px 50px 0;background: #F7F7F4;padding:72px 50px;} .app-container .appBody .txt{text-align:center;font-size:15px;line-height:1.8;max-width:680px;margin:0 auto;} .app-container .appBody .appImg{max-width: 220px;margin:56px auto 0;} .app-container .appBody .appImg img{display:block;width:100%;} .app-container .appBody .linkBtn{margin: 56px 0 0;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;justify-content: center;} .app-container .appBody .linkBtn .btn{display:block;text-decoration: none;padding: 0;max-width: 170px;width: -webkit-calc(50% - 8px);width: calc(50% - 8px);position: relative;-webkit-transition: 0.3s;transition: 0.3s;margin-right: 16px;} .app-container .appBody .linkBtn .btn:nth-of-type(n+2){margin-right: 0;} .app-container .appBody .linkBtn .btn:hover{transform: translateY(-4px);} .app-container .appBody .download_txt{margin-top: 26px;font-size:0.8em;text-align: center;line-height: 1.8;} @media screen and (max-width:1024px){ .app-container .appBody{margin:0;background: #fff;padding:62px 50px;} .app-container .appBody .txt{font-size:14px;} .app-container .appBody .linkBtn{margin: 46px 0 0;} } @media screen and (max-width:640px){ .app-container .appBody{margin: 36px 8px 0;background: #F7F7F4;padding: 46px 28px;} .app-container .appBody .txt{font-size:12px;} .app-container .appBody .appImg{margin: 32px auto 0;width: 30%;min-width: 120px;max-width: 140px;} .app-container .appBody .linkBtn{margin: 36px 0 0;} .app-container .appBody .linkBtn .btn{max-width: 130px;} } /* ================================== footer ================================== */ .jf-footer{background: #F7F7F4;margin: 100px 0 0;} .jf-footer .jf-footer__inner{padding: 0;margin: 0 auto;max-width: 1400px;} .jf-footer .jf-footer__inner .jf-label{font-family: montserrat, sans-serif;font-size: 28px;font-weight: 400;letter-spacing: 4px;padding: 10px 50px;text-align: center;position: relative;margin-left: calc((100% - 100vw) / 2);margin-right: calc((100% - 100vw) / 2);background: #B1B1B1;color: #fff;} .jf-footer .jf-footer__inner .jf-label .label_small{font-size:0.6em;margin-left:10px;font-weight:400;display: none;} .jf-footer .footerBody{margin: 68px 50px 0;background: #fff;padding: 72px 50px 96px;} .jf-footer .footer-item__naviList{max-width: 900px;margin: 0 auto;text-align: center;display: flex;justify-content: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .jf-footer .footer-item__naviList li{position: relative;font-size: 13px;} .jf-footer .footer-item__naviList li::after{content: "";position: absolute;top: 50%;right: 0;background: #333;width: 1px;height: 12px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);} .jf-footer .footer-item__naviList li:last-of-type::after{display:none} .jf-footer .footer-item__naviList li a{text-decoration: none;position: relative;color: #1b1b1b;line-height: 42px;height: 42px;display: block;padding: 0 18px;text-align: center;white-space: nowrap;} .jf-footer .footer-item__naviList li a::after {transition: transform .3s cubic-bezier(.4,0,0,1);content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-image: -webkit-linear-gradient(to right, #1b1b1b 0%, #1b1b1b 100%);background-image: linear-gradient(to right, #1b1b1b 0%, #1b1b1b 100%);transform-origin: center;transform: scaleX(0);} .jf-footer .footer-item__naviList li a:hover::after {transform: scaleX(1);} .jf-footer .footer-item__snsList{display: flex;justify-content: center;align-items: center;margin: 68px 0 0;} .jf-footer .footer-item__snsList li{margin-right: 18px;} .jf-footer .footer-item__snsList li:last-of-type{margin-right:0;} .jf-footer .footer-item__snsList li a{width: 38px;height: 38px;display: block;background: #202020;border-radius: 6px;-webkit-transition: 0.3s;transition: 0.3s;background-repeat: no-repeat;background-size: 22px 22px;background-position: 50% 50%;font: 0/0 a;} .jf-footer .footer-item__snsList li a:hover{background-color: #2d94d2;} .jf-footer .footer-item__snsList 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%23FFFFFF%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');} .jf-footer .footer-item__snsList li .icon-instagram{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');} .jf-footer .footer-item__snsList 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%23FFFFFF%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')} .jf-footer .footer-item__snsList 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%23ffffff%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')} .jf-footer .footer-item__contact{margin: 68px 0 0;text-align:center;font-size:13px;} .jf-footer .footer-item__contact .txt-01{} .jf-footer .footer-item__contact .txt-02{margin-top:16px;} .jf-footer .footer-item__contact .btn{color:#1a1a1a;text-decoration: none;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 34px;-webkit-box-shadow: inset 0 -1px 0 0 #111;box-shadow: inset 0 -1px 0 0 #111;transition: all 0.2s ease-in-out;display: -webkit-inline-box;} .jf-footer .footer-item__contact .btn:hover{-webkit-box-shadow: inset 0 -1.5px 0 0 #111;box-shadow: inset 0 -1.5px 0 0 #111;} .jf-footer .footer-item__copyright{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);max-width: 1000px;margin: 0 auto;padding: 0 50px;display: flex;align-items: center;height: 9rem;text-align: center;font-size: 0.9em;line-height: 1.8;} @media screen and (max-width:1024px){ .jf-footer{margin: 0;} .jf-footer .jf-footer__inner .jf-label{font-size: 22px;padding: 8px 30px;} .jf-footer .footerBody{margin:0;background: #F7F7F4;padding: 62px 50px 72px;} .jf-footer .footer-item__naviList{max-width: 720px;} .jf-footer .footer-item__naviList li a{line-height: 36px;height: 36px;} .jf-footer .footer-item__snsList{margin: 62px 0 0;} .jf-footer .footer-item__contact{margin: 62px 0 0;} .jf-footer .footer-item__copyright{background-color:#fff;font-size: 0.8em;height: 8rem;} } @media screen and (max-width:640px){ .jf-footer{margin-top: 50px;} .jf-footer .jf-footer__inner .jf-label{font-size: 16px;padding: 6px 20px;} .jf-footer .footerBody{margin: 36px 8px 0;background: #fff;padding: 46px 28px;} .jf-footer .footer-item__naviList li{font-size: 12px;} .jf-footer .footer-item__naviList li a{line-height: 28px;height: 28px;padding: 0 13px;} .jf-footer .footer-item__snsList{margin: 48px 0 0;} .jf-footer .footer-item__contact{margin: 48px 0 0;font-size: 12px;} .jf-footer .footer-item__contact .txt-02{margin-top:14px;} .jf-footer .footer-item__contact .btn{font-size:14px;} .jf-footer .footer-item__copyright{width: -webkit-calc(100% - 76px);width: calc(100% - 76px);max-width: 1000px;margin: 36px 8px 0;padding: 0 30px;font-size: 8px;} } /* ================================== footer_simple（カート用など） ================================== */ .jf-footer-simple{background: #050505;color: #b3b3b3;} .jf-footer-simple .jf-footer-simple__inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .jf-footer-simple .footer-item__copyright{width: -webkit-calc(100% - 100px);width: calc(100% - 100px);padding: 0 50px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;justify-content: center;height: 8rem;border-top: #1a1a1a 1px solid;} @media screen and (max-width:1024px){ } @media screen and (max-width:640px){ .jf-footer-simple .footer-item__copyright{height: 7rem;font-size: 12px;} }