Leather Place Japan（レザー・プレイス・ジャパン）サービス一覧

.hero-intro-search { max-width:600px; margin-top:20px; } .homepage--search { border: none; background: #fafafa; border-radius: 5px; font-size: 18px; color: #888; padding: 0 20px; height: 50px; width: 100%; padding-left:60px; } .hero-intro-search .btn-primary { right: 0px; top: 0px; height: 50px; position: absolute; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } /* mobile */ @media (max-width: 575.98px) { .hero-intro-search .btn-primary { position:relative; width:100%; margin-top:30px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; right:auto; } } .navbar-dark .navbar-nav .nav-link { color: #fff; opacity: 0.7; } .hero_content p { max-width: 580px; display: inline-block; } /* Arrow Animation */ @-webkit-keyframes new_icon { 0% { top: 0px; } 100% { top: 15px; } } @-moz-keyframes new_icon { 0% { top: 0px; } 100% { top: 15px; } } .fa-moving-btn { position: relative; animation: new_icon 1s linear 0s infinite alternate; -webkit-animation: new_icon 2s linear 0s infinite alternate; } .icon-wrap { position:absolute; bottom:-100px; } .testomonial-2{ padding-left: 80px; position: relative; padding-top: 10px; } .testomonial-2-img{ width: 70px; height: 70px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0; } .testomonial-2-img img{ width: 100%; height: auto; } .city-card{position:relative;text-align:center;margin-bottom:30px;cursor:pointer;z-index:1;width:100%;height:230px; border-radius: 8px; } .city-card:hover h5{bottom:42px;} .city-card:hover p{visibility:visible;bottom:15px;opacity:1;} .city-card::before{position:absolute;content:"";top:0px;left:0px;z-index:1;width:100%;height:100%; background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.5)));background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 90%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .city-card h5{position:absolute;bottom:30px;left:50%;z-index:1;width:100%;font-weight:500;text-align:center;text-transform:capitalize;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .city-card h5 a{color:#fff;} .city-card p{position:absolute;bottom:0px;left:50%;z-index:1;width:100%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-size:14px;visibility:hidden;opacity:0;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} @media (min-width: 400px) and (max-width: 575px){ .city-card{width:370px;margin:0px auto 30px;} } @media (max-width: 575.98px) { .city-card{ height:100px; } } .bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#EAAB00 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #EAAB00 !important; border-color: #EAAB00 !important; } .text-primary, .filters_col .distance span { color: #EAAB00 !important; } .btn-outline-primary { color: #EAAB00 !important; border-color: #EAAB00 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #EAAB00 !important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#111111 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #111111 !important; border-color: #111111 !important; } .text-secondary { color: #111111 !important; } .text-secondary a { color: #111111 !important; } .btn-outline-secondary { color: #111111 !important; border-color: #111111 !important; } .btn-outline-secondary:hover { background:none !important; }

レザー業界の発展・活性化

サービス一覧

0