@import"https://fonts.googleapis.com/css2?family=Crete+Round&family=Martel:wght@400;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap";html{background-color:#898073}body{font-family:sans-serif;position:relative}p{margin:0}.fixed{position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25;font-family:"Martel",serif}img{vertical-align:top}ul{margin:0;padding:0}li{list-style-type:none}.inner{width:100%;max-width:1230px;padding:0 15px;box-sizing:border-box}.grunge-30,.grunge-50{position:relative}.grunge-30::before{content:"";width:100%;height:100%;background-image:url(../images/grunge-wall-30.png);position:absolute;top:0;left:0}.grunge-50::before{content:"";width:100%;height:100%;background-image:url(../images/grunge-wall-50.png);position:absolute;top:0;left:0}a{text-decoration:none}.section-title{font-size:40px;color:#898073;font-weight:700;text-align:center;margin-bottom:30px}.section-title .sub{font-size:18px;display:block}.section-box{position:relative;z-index:10}.link-button{text-align:center;margin-top:40px}.link-button a{box-sizing:border-box;padding:10px 20px;background-color:#fff;color:#333;display:inline-block;font-family:"Martel",serif;font-weight:bold;border:solid 2px #898073;border-radius:5px}.link-button a svg{padding-right:5px}header{width:100%;position:fixed;z-index:999;top:0;left:0}header #nav-toggle{position:relative;position:absolute;z-index:300;color:#898073;background-color:#fff;border:solid 2px #898073;border-radius:5px;top:20px;right:10%;font-size:30px;width:54px;height:54px;cursor:pointer;transition:.5s;-webkit-transition:.5s}header #nav-toggle:before{display:inline-block;font-family:"FontAwesome";content:"";font-weight:900;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transition:inherit}header #nav-toggle.open:before{content:"";transition:inherit}#global-nav{background:#000;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;text-align:center;display:none;font-size:29px}#global-nav nav{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#global-nav a{display:block;font-family:"Martel",serif;line-height:1;color:#fff;padding:15px 0;letter-spacing:1px;font-weight:600;transition:color .5s ease;-webkit-transition:color .5s ease}#global-nav a:hover{color:#898073}.open #global-nav{visibility:visible;opacity:1}.logo{position:absolute;top:20px;left:10%;width:30%;max-width:200px;z-index:100;cursor:pointer}.logo .logo-box{position:relative}.logo .logo-box .outside{position:absolute;top:0;left:0;animation:70s linear infinite rotation}.logo .logo-box img{width:100%}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.title-box{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);color:#fff;width:100%;text-align:center;line-height:1.3}.title-box .title{font-size:80px;font-weight:900;text-stroke:1px #898073;-webkit-text-stroke:2px #898073}.title-box .sub-title{margin-top:20px;font-size:20px;font-weight:600}#swipebox-close{top:100px !important}#hero{width:100%;height:85vh}#hero::before{position:absolute;top:0;left:0;z-index:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.1)}.model{cursor:pointer}.model:nth-child(even) .model-box{flex-flow:row-reverse}.model a{position:relative;display:block;z-index:100}.model a:hover .learn-btn{opacity:1}.model .learn-btn{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.5);transition:.5s;opacity:0;cursor:pointer;border-radius:5px}.model .learn-btn p{color:#000;font-family:"Martel",serif;margin:0;line-height:1;font-weight:bold;font-size:16px;padding:10px 30px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);cursor:pointer;border:solid 2px #898073}.model-box{display:flex;align-items:center}.model-box .image{width:60%;padding-top:35%;background-size:cover;background-position:center center}.model-box .text{width:40%;padding:5px;box-sizing:border-box;text-align:center;font-family:"Martel",serif;color:#fff}.model-box .text .badge{width:auto;height:200px}.model-box .text h3{font-size:30px;margin-top:20px;font-weight:600}.model-box .text h4{font-size:16px;margin-top:20px;font-weight:400}.model-charlie-gallop .image{background-image:url(../images/charlie-gallop/1-1.jpg)}.model-roaduno{background-color:#674d97}.model-roaduno .image{background-image:url(../images/roaduno/5-1.jpg)}.model-joe{background-color:#7e7b77}.model-joe .image{background-image:url(../images/appaloosa/55-1.jpg)}.model-clem{background-color:#cf6716}.model-clem .image{background-image:url(../images/clem/52-1.jpg)}.model-atlantis{background-color:#58aaa8}.model-atlantis .image{background-image:url(../images/atlantis/17-18.jpg)}.model-hillborne{background-color:#878dac}.model-hillborne .image{background-image:url(../images/sam-hillborne/55-1.jpg)}.model-homer{background-color:#6ba1c0}.model-homer .image{background-image:url(../images/homerhilsen/1.jpg)}.model-susie{background-color:#998d5c}.model-susie .image{background-image:url(../images/susie/8-1.jpg)}.model-roadini{background-color:#8b8b2a}.model-roadini .image{background-image:url(../images/roadini/1-10.jpg)}.model-platypus{background-color:#93c0ac}.model-platypus .image{background-image:url(../images/platypus/14_1.jpg)}.model-frank{background-color:#2986cc}.model-frank .image{background-image:url(../images/frank-jones/1.jpg)}.model-cheviot{background-color:#ef862f}.model-cheviot .image{background-image:url(../images/cheviot/hero_8-1.jpg)}.model-hunqapillar{background-color:#495e24}.model-hunqapillar .image{background-image:url(../images/hunqapillar/hero_8.jpg)}.model-gus{background-color:#4c5b66}.model-gus .image{background-image:url(../images/gus-boots/26-7.jpg)}.model-quickbeam .image{background-image:url(../images/quickbeam/1.jpg)}.model-hubbuhubbuh .image{background-image:url(../images/hubbuhubbuh/1.jpg)}.model-roscobubbe .image{background-image:url(../images/roscobubbe/1.jpg)}.model-rambouillet .image{background-image:url(../images/rambouillet/1.jpg)}.mov{padding:10% 5%;max-width:1000px;margin:0 auto}.movWrap{position:relative;margin-bottom:10%;padding-top:56.25%}.movWrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.movWrap+.movWrap{margin-bottom:0}#about{background-color:#eeeee8;box-sizing:border-box;padding:100px 20px}#about .about-box{display:flex;flex-wrap:wrap;padding:20px;box-sizing:border-box}#about .about-box .image{width:35%;box-sizing:border-box;border:solid 3px #898073}#about .about-box .text{width:65%;box-sizing:border-box;color:#333;box-sizing:border-box;padding-left:20px}#about .about-box .text img{width:100%;box-sizing:border-box;border:solid 3px #898073}#about .about-box .text h3{font-size:24px;margin:30px 0 10px;text-align:center}#about .about-box .text p{font-size:14px;box-sizing:border-box;padding:20px}#readings{background-color:#676767;box-sizing:border-box}#readings .section-title{text-align:left;color:#fff}#readings .section-box{display:flex;align-items:center}#readings .readings_img{position:relative;width:50%;padding-top:40%}#readings .readings_img img{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#readings .readings_txt{width:50%;padding:0 40px;color:#fff}#readings .link-button{text-align:left}#bike-catalog{background-color:#eeeee8;padding:100px 0;box-sizing:border-box}#bike-catalog .section-box{overflow:hidden}#bike-catalog .swiper{overflow:visible;padding:0 10px}#bike-catalog .bike-catalog-box .bike-items .bike-item{width:35%}#bike-catalog .bike-catalog-box .bike-items .bike-item .texts{margin-top:10px}#bike-catalog .bike-catalog-box .bike-items .bike-item .texts .size{margin-top:8px;font-size:14px}#bike-catalog .bike-catalog-box .bike-items .bike-item .texts .excerpt{font-size:13px;margin-top:8px}#bike-catalog .bike-catalog-box .swiper-scrollbar{position:relative;width:85%;margin:30px auto 20px;background:rgba(255,249,224,.3)}@media screen and (min-width: 769px){#bike-catalog .bike-catalog-box .swiper-scrollbar{max-width:800px;margin:60px auto 35px}}#bike-catalog .bike-catalog-box .swiper-scrollbar-drag{position:absolute;height:34px;background:url(../images/fader.svg) no-repeat center;background-size:contain;top:50%;margin-top:-17px;opacity:1}.legacy{padding-top:100px}.legacy .section-title{color:#fff}.legacy_list{display:flex;flex-wrap:wrap;margin-top:40px}.legacy_list .model{width:50%}.legacy_list .model .learn-btn p{top:70%}.legacy .model-box{display:block}.legacy .model-box .image{width:100%;padding-top:50%}.legacy .model-box .text{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-shadow:1px 1px 2px #000;z-index:3}.legacy .model-box .text h3{margin-top:0}.newyorker{background-color:#d8d8d8}.newyorker .content{position:relative;max-width:1000px;margin:0 auto;padding:5%}.newyorker .txt{font-size:14px;margin-top:20px}.newyorker .link-button a:after{content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;margin:0 0 2px 12px;background:url("https://bluelug.com/images/icn_link.png") no-repeat center;background-size:contain}#shops{background-color:#cddcdd;padding:100px 20px}#shops .shop-box{position:relative;z-index:10;display:flex;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}#shops .shop-box .shop{width:33.333%;padding:5px;box-sizing:border-box}#shops .shop-box .shop h5{font-size:18px;margin:15px 0 10px;line-height:1}#shops .shop-box .shop p{font-size:12px}#shops .shop-box .shop a{color:#000}#shops .shop-box .shop img{width:100%}#shops .shop-box .shop .button a{display:inline-block;margin:5px 5px 0 0;line-height:1;padding:5px 10px;border-radius:4px;border:#284d6a solid 1px;color:#284d6a}footer .copyright{text-align:center;color:#fff;background-color:#898073;font-size:12px;padding:15px 0}footer .copyright a{color:#fff;position:relative;z-index:10}@media(max-width: 1400px){header #nav-toggle{right:3%}.logo{left:3%}.model-box .image{padding-top:40%}.model-box .text .badge{width:auto;height:150px}.model-box .text h3{font-size:24px;margin-top:15px}.model-box .text h4{font-size:14px;margin-top:10px}}@media(max-width: 768px){.section-title{font-size:30px}.model-box .image{padding-top:58%}.model-box .text .badge{height:100px}#about{padding:50px 20px}#about .about-box{padding:0;border:none}#about .about-box .image{display:none}#about .about-box .text{width:100%;padding:0}#about .about-box .text p{padding:0}#shops .shop-box .shop{width:50%}#shops .shop-box .shop h5{font-size:12px;margin:10px 0 5px}#shops .shop-box .shop p{font-size:10px}#readings{padding:50px 20px}#readings .section-box{display:block}#readings .section-title{text-align:center}#readings .readings_txt{width:100%;padding:0}#readings .readings_txt p{font-size:12px}#readings .readings_img{width:100%;padding-top:0;margin-top:30px}#readings .readings_img img{position:static}#readings .link-button{text-align:center}.legacy{padding-top:50px}.legacy_list{display:block;margin-top:30px}.legacy_list .model{width:100%}.link-button{margin-top:20px}#bike-catalog{padding:50px 0}#bike-catalog .bike-catalog-box .bike-items .bike-item{width:90%}#bike-catalog .bike-catalog-box .bike-items .bike-item .texts .size{font-size:12px;margin-top:10px}#bike-catalog .bike-catalog-box .bike-items .bike-item .texts .excerpt{font-size:11px}.newyorker .content{padding:50px 20px}.newyorker .txt{margin-top:10px;font-size:12px}}@media(max-width: 420px){header #nav-toggle{top:15px;right:15px;width:45px;height:45px}#global-nav a{font-size:22px}.section-title{font-size:26px;margin-bottom:20px}.logo{top:10px;left:10px;max-width:100px}.link-button a{width:80%}#hero .title-box .title{font-size:45px}#hero .title-box .sub-title{font-size:12px}.model-box .text .badge{height:80px}.model-box .text h3{font-size:16px}.model-box .text h4{font-size:10px}#about .about-box .text h3{font-size:18px;margin:25px 0}#about .about-box .text p{font-size:12px}#readings .about-box .text h3{font-size:18px;margin:25px 0}#readings .about-box .text p{font-size:12px}#shops{padding:50px 5px}}.grid-images{background:#1a1a1a}.grid-images .grid-row{overflow:hidden}.grid-images .grid-row .grid{width:auto;height:240px;display:block;float:left;overflow:hidden}.grid-images .grid-row .grid a{display:block;background:no-repeat center/cover;height:100%;opacity:0;transition:.8s}.grid-images .grid-row .grid a:hover{opacity:.7}.grid-images .grid-row .grid a.grid-show{opacity:1}.grid-images .grid-row .grid a.grid-show:hover{opacity:.6}.grid-images .grid-row .grid-color-1{background-color:#686957}.grid-images .grid-row .grid-color-2{background-color:#59595b}.grid-images .grid-row .grid-color-3{background-color:#3e5640}.grid-images .grid-row .grid-color-4{background-color:#9fc1e0}.grid-images .grid-row .grid-color-5{background-color:#4c5b66}.grid-images .grid-row .grid-color-6{background-color:#11abdf}.grid-images .grid-row .grid-color-7{background-color:#c3b3a2}.grid-images .grid-row .grid-color-8{background-color:#2d313b}.grid-images .grid-row .grid-color-9{background-color:#e2cc00}.grid-images .grid-row .grid-color-10{background-color:#cd007d}.grid-images .grid-row-1 .grid-1{width:20%}.grid-images .grid-row-1 .grid-2{width:22%}.grid-images .grid-row-1 .grid-3{width:38%}.grid-images .grid-row-1 .grid-4{width:20%}.grid-images .grid-row-2 .grid-1{width:35%}.grid-images .grid-row-2 .grid-2{width:15%}.grid-images .grid-row-2 .grid-3{width:16%}.grid-images .grid-row-2 .grid-4{width:12%}.grid-images .grid-row-2 .grid-5{width:22%}.grid-images .grid-row-3 .grid-1{width:28%}.grid-images .grid-row-3 .grid-2{width:23%}.grid-images .grid-row-3 .grid-3{width:34%}.grid-images .grid-row-3 .grid-4{width:15%}.grid-images .grid-row-4 .grid-1{width:15%}.grid-images .grid-row-4 .grid-2{width:15%}.grid-images .grid-row-4 .grid-3{width:29%}.grid-images .grid-row-4 .grid-4{width:12%}.grid-images .grid-row-4 .grid-5{width:17%}.grid-images .grid-row-4 .grid-6{width:12%}.grid-images .grid-row-5 .grid-1{width:19%}.grid-images .grid-row-5 .grid-2{width:23%}.grid-images .grid-row-5 .grid-3{width:15%}.grid-images .grid-row-5 .grid-4{width:12%}.grid-images .grid-row-5 .grid-5{width:31%}@media(max-width: 768px){.grid-images .grid-row .grid{height:140px}.grid-images .grid-row-1 .grid-1{width:60%}.grid-images .grid-row-1 .grid-2{width:40%}.grid-images .grid-row-1 .grid-3{width:42%}.grid-images .grid-row-1 .grid-4{width:58%}.grid-images .grid-row-2 .grid-1{width:35%}.grid-images .grid-row-2 .grid-2{width:65%}.grid-images .grid-row-2 .grid-3{width:40%}.grid-images .grid-row-2 .grid-4{width:30%}.grid-images .grid-row-2 .grid-5{width:30%}.grid-images .grid-row-3 .grid-1{width:55%}.grid-images .grid-row-3 .grid-2{width:45%}.grid-images .grid-row-3 .grid-3{width:39%}.grid-images .grid-row-3 .grid-4{width:61%}.grid-images .grid-row-4 .grid-1{width:33%}.grid-images .grid-row-4 .grid-2{width:31%}.grid-images .grid-row-4 .grid-3{width:36%}.grid-images .grid-row-4 .grid-4{width:48%}.grid-images .grid-row-4 .grid-5{width:25%}.grid-images .grid-row-4 .grid-6{width:27%}.grid-images .grid-row-5 .grid-1{width:67%}.grid-images .grid-row-5 .grid-2{width:33%}.grid-images .grid-row-5 .grid-3{width:35%}.grid-images .grid-row-5 .grid-4{width:24%}.grid-images .grid-row-5 .grid-5{width:41%}}/*# sourceMappingURL=style.css.map */