@charset "utf-8";.mainVisLoader{width:0;height:0;visibility:hidden;overflow:hidden;opacity:0}.iScrollVerticalScrollbar{display:none}#gHeader .btnMenu{transition:opacity .6s ease,visibility .6s ease;opacity:0;visibility:hidden}.firstView{width:100%;height:100vh;overflow:hidden;position:relative;z-index:1}.firViMask{position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;visibility:visible;background:#fff;box-sizing:border-box;transition:opacity .6s ease 1.5s,visibility .6s ease 1.5s;z-index:13;box-shadow:0 0 0 10px #fff inset}.loaded .firViMask{transition:opacity .6s ease .4s,visibility .6s ease .4s}.firViImg:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:10px solid #fff;box-sizing:border-box}.firViImg{width:100%;height:100%}.firViImg img{display:block;width:100%}.mac_safari .firViImg{z-index:-1}.mac_safari .firstView .line{height:1px}.firViTitle{position:absolute;left:10px;right:10px;bottom:10px}.firViTitle:before{content:"";position:absolute;left:0;bottom:0;right:0;opacity:0;visibility:hidden;height:calc(100% + 200px);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);transition:opacity .6s ease .4s,visibility .6s ease .4s}.loaded .firViTitle:before{opacity:.4;visibility:visible}.firViTeLe{font-size:26px;color:#fff;letter-spacing:13px;padding-bottom:43px;line-height:2.4;opacity:0;overflow:hidden;transition:opacity .6s ease}.firViTeLe span{display:block;transform:translateX(10%);opacity:0;transition:transform 1.2s ease .4s,opacity 1.2s ease .4s}.firViTeLe span b{font-weight:400}.firViTeLe span:nth-child(2){transition-delay:.8s}.loaded .firViTeLe span{transform:translateX(0);opacity:1}.firViTeRi{flex:0 0 440px;position:relative;overflow:hidden;z-index:100;height:151px;opacity:0;transition:opacity .1s ease 1.3s}.loaded .firViTeRi{opacity:1}.firViHidden{width:100%;padding-bottom:55px;padding-left:23px;transform:translateX(-100%);box-sizing:border-box;transition:transform 2s ease 2.5s}.firViTeRi:before{content:'';left:0;bottom:0;width:1px;height:0;position:absolute;background:#fff;transition:height 1.3s ease 1.8s}.firViText{padding:0 74px 0;position:relative;display:flex;justify-content:space-between;color:#fff;align-items:flex-end;z-index:1}.firViTeSel{font-size:40px;margin-bottom:5px;letter-spacing:1.2px;color:#fff;line-height:40px}.firViTeSel span{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.5px;line-height:15px}.firViTeLink{position:relative;font-size:17px;color:#fff;letter-spacing:.9px;display:inline-block;box-sizing:border-box;line-height:1;padding-bottom:0}.firViTeLink:after{content:'';position:absolute;left:0;bottom:0;width:100%;background-color:#fff;height:1px}.firViScroll{position:absolute;bottom:10px;right:25px;writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;font-size:12px;color:#fff;padding-bottom:32px;letter-spacing:.8px;opacity:0;transition:opacity .6s ease;z-index:1}.firViScroll img{width:10px;display:block;position:absolute;left:50%;bottom:19px;margin-left:-4px;animation:arrowMove 1s infinite;-webkit-animation:arrowMove 1s infinite}@keyframes arrowMove{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@-webkit-keyframes arrowMove{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}.arrowLeft{position:absolute;width:50%;left:0;top:0;height:100%;cursor:url(//tadashiokochi.com/wp/wp-content/themes/tadashiokochi/css/../img/index/img_arrowLe.png),auto}.arrowRight{position:absolute;width:50%;right:0;top:0;height:100%;cursor:url(//tadashiokochi.com/wp/wp-content/themes/tadashiokochi/css/../img/index/img_arrowRi.png),auto}.topListLogo{font-size:20px;font-weight:400;letter-spacing:10px;line-height:2.3;position:absolute;left:78px;top:54px}#gHeader h1{display:none}.loaded .firViMask,.scrollHeader .firViMask{opacity:0;visibility:hidden}.loaded .firViTeLe,.loaded .firViScroll{opacity:1}.loaded .firViTeRi:before{height:100%}.loaded .firViHidden{transform:translateX(0);position:absolute}.loaded .firViHidden.back{transform:translateX(-100%);transition-delay:0s}.loaded .firViHidden.in{transform:translateX(0);transition-delay:0s}#gFooter{position:fixed;bottom:21px;width:100%}.copy{width:360px;padding-right:31px;text-align:right;float:right}.btnMenu:before,.btnMenu:after{background-color:#fff}.topList{position:relative;display:flex;box-shadow:inset 0px 0px 0px 10px rgba(239,239,239,1);padding-bottom:160px;min-height:100vh;box-sizing:border-box}.scroTopList{min-height:110vh}#topWorks .fp-tableCell{vertical-align:top}.topListLe{flex:1}.worksBox{padding-top:214px;padding-right:85px}.topListRi{flex:0 0 358px;box-sizing:border-box;position:relative}.topLiRiTitle{margin-right:70px;float:right;width:27px;padding-top:60px;padding-bottom:20px}.topLiRiTitle img{width:100%;display:block}.topListNav{padding:214px 0 20px;float:left}.topLiNav01{font-size:12px;letter-spacing:1px;display:inline-block;margin-bottom:40px}.topListNav ul{margin-bottom:45px}.topListNav li{margin-bottom:17px}.topListNav li.on a{opacity:.3}.topListNav li a{font-size:22px;display:inline-block;letter-spacing:.3px}.topLiNav02 a{font-size:18px;display:inline-block;position:relative;margin-right:32px;letter-spacing:.6px}.topLiNav02 a:first-child:before{display:none}.topLiNav02 a:before{content:'';position:absolute;left:-17px;top:50%;transform:translateY(-50%);width:1px;height:80%;background:#000;margin-top:-2px}.topListNav .active{opacity:.5}.topListNav .active a:hover{opacity:1}.topListTitle{margin-bottom:45px}.categoryBox .topListTitle{margin-bottom:40px}.topListTitle p{font-size:12px;letter-spacing:1px}.topListLe ul{display:flex;flex-wrap:wrap}.topListLe ul.muuri{display:block;position:relative;transition:opacity .5s;opacity:0}.topListLe ul.muuri.show{opacity:1}.worksLazy{opacity:0;transition:opacity 1s}.worksLazy.fadeIn{opacity:1}.worksBox,.categoryBox{width:100%;padding-left:78px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;position:absolute;left:0;top:0}.boxShow{position:static;opacity:1;visibility:visible}@media all and (min-width:2501px) and (max-width:2800px){.topList .topListLe ul li{flex-grow:0;flex-shrink:0;flex-basis:calc(16.6666% - 35px);margin-right:42px;margin-bottom:50px}.topList .topListLe ul li:nth-child(6n){margin-right:0}}@media all and (min-width:2000px) and (max-width:2500px){.topList .topListLe ul li{flex-grow:0;flex-shrink:0;flex-basis:calc(20% - 34px);margin-right:42px;margin-bottom:50px}.topList .topListLe ul li:nth-child(5n){margin-right:0}}@media all and (min-width:1500px) and (max-width:1999px){.topList .topListLe ul li{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 32px);margin-right:42px;margin-bottom:50px}.topList .topListLe ul li:nth-child(4n){margin-right:0}}@media all and (min-width:1151px) and (max-width:1499px){.topList .topListLe ul li{flex-grow:0;flex-shrink:0;flex-basis:calc(33.33% - 28px);margin-right:42px;margin-bottom:50px}.topList .topListLe ul li:nth-child(3n){margin-right:0}}@media all and (min-width:768px) and (max-width:1150px){.topList .topListLe ul li{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 21px);margin-right:42px;margin-bottom:50px}.topList .topListLe ul li:nth-child(2n){margin-right:0}}.topListLe ul a{display:block}.topListLe ul a:hover{opacity:1}.topListLe ul a:hover img{transform:scale(1.05)}.topListLe ul p{font-size:18px;margin-top:10px;letter-spacing:.5px}.topListPic{overflow:hidden}.topListPic img{width:100%;display:block;transform:scale(1);transition:all .6s ease}.categoryBox .topListTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.categoryBox .topListTitle p{font-size:18px;letter-spacing:.7px}.categoryBox .topListTitle p em{font-style:normal}.categoryBox{padding-top:211px;padding-right:32px}.topListLink{font-size:12px;background:url(//tadashiokochi.com/wp/wp-content/themes/tadashiokochi/css/../img/index/img_arrow.png) no-repeat;background-position:left 3px;background-size:5px;padding-left:14px;letter-spacing:1.1px;margin-right:28px}@media all and (min-width:2201px) and (max-width:2800px){.topListLe .categoryBox ul li{width:14.285%;padding-right:28px;margin-bottom:28px;box-sizing:border-box}}@media all and (min-width:1601px) and (max-width:2200px){.topListLe .categoryBox ul li{width:16.6667%;padding-right:28px;margin-bottom:28px;box-sizing:border-box}}@media all and (min-width:1201px) and (max-width:1600px){.topListLe .categoryBox ul li{padding-right:28px;margin-bottom:28px;width:20%;box-sizing:border-box}}@media all and (min-width:1101px) and (max-width:1200px){.topListLe .categoryBox ul li{width:25%;padding-right:28px;margin-bottom:28px;box-sizing:border-box}}@media all and (min-width:768px) and (max-width:1100px){.topListLe .categoryBox ul li{width:33.3333%;padding-right:28px;margin-bottom:28px;box-sizing:border-box}}.topListLe .categoryBox ul.muuri li{position:absolute;margin:0 0 28px;transition:transform .2s,opacity .2s;transform:scale(0);opacity:0}.topListLe .categoryBox ul.muuri li.in{transform:scale(1);opacity:1}.topListLe .categoryBox ul.muuri li.out{transform:scale(0);opacity:0}.muuri-item-hidden{display:none !important}.topList .topListLe ul li.fadeInAnim{transform:translateY(0px)}.fp-tableCell{vertical-align:top !important}.btnMenu:before,.btnMenu:after{background-color:#fff;transition:background .6s ease}.topListPo{position:relative}.topListAb{position:absolute;right:32px;top:216px;z-index:1;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.topLinkShow .topListAb{opacity:1;visibility:visible}@media all and (-ms-high-contrast:none){.topListAb{background-position:left center}}.fp-viewing-1 #gFooter{display:none}@media all and (min-width:0) and (max-width:767px){.topList{box-shadow:none}#gHeader{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}#gHeader:before{opacity:1}.scrollHeader #gHeader{opacity:1;visibility:visible}.scrollHeader #gHeader .btnMenu{opacity:0;visibility:hidden}h1{position:relative;left:0;top:0;padding-top:22px;padding-left:30px;padding-bottom:8px}#gHeader h1{display:block;opacity:0;transition:opacity .6s ease}.btnMenu:before,.btnMenu:after{background-color:#fff;transition:background .6s ease}#gHeader h1 a{font-size:14px;letter-spacing:7px;line-height:2}.scrollHeader #gHeader h1{opacity:1}#gFooter{position:relative;bottom:auto}.copy{padding-right:29px;text-align:right;width:auto}.firViTitle{top:10px}.firViTitle:before{height:100%;opacity:.3;background:-moz-linear-gradient(top,rgba(0,0,0,.18) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.18) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.18) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#66000000',GradientType=0)}.firViText{padding:0;display:block;height:100%}.firViTeLe{font-size:20px;letter-spacing:10px;padding-bottom:0;line-height:2.5;position:absolute;top:20.4%;left:19px}.firViTeRi{position:absolute;bottom:0;left:20px;width:85%;height:110px}.firViHidden{padding-bottom:22px;padding-left:15px}.firViTeSel{font-size:30px;margin-bottom:5px;line-height:30px;letter-spacing:1px}.firViTeSel span{margin-bottom:5px}.firViTeLink{letter-spacing:.6px}.firViScroll{right:35px;padding-bottom:24px;z-index:100}.firViScroll img{width:16px;position:static;margin-left:0}.topList{display:block;border:0 solid #efefef;padding-bottom:80px}.topListLe{padding-left:0}.worksBox{padding:99px 0 0;margin-bottom:40px}.worksBtn{width:34px;position:absolute;bottom:-41px;padding:5px 10px;box-sizing:border-box;opacity:1;transition:opacity ease .6s}.btnLeft{right:126px}.btnRight{right:52px}.worksBtn.swiper-button-disabled{opacity:.5}.worksBtn img{width:100%}.topListTitle{margin:0 0 17px}.worksBox .topListTitle{margin-left:31px}.topListTitle p{font-size:14px;letter-spacing:.4px}.topListLe ul{display:block}.worksBox ul li{width:282px;margin-right:26px}.topListLe .worksList{display:flex;flex-wrap:nowrap}.topListLe .worksList li{margin:0 !important}.topListLe .worksList li a{margin-left:31px}.topListRi{padding:0 30px}.topListNav{padding-top:0}.topLiNav01{font-size:11px;margin-bottom:34px}.topListNav li{margin-bottom:12px}.topListNav ul{margin-bottom:42px}.topListLe .categoryBox{padding-top:99px;padding-right:31px}.categoryBox .topListTitle{display:block;margin-bottom:24px;text-align:center;padding-bottom:14px}.categoryBox .topListTitle p{font-size:27px;letter-spacing:1.9px;margin-bottom:12px}.topListSel{width:221px;margin:0 auto 30px;position:relative}.topListSel:after{content:'';right:-1px;top:5px;width:0;height:0;border-style:solid;border-width:5px 4px 0;border-color:#000 transparent transparent;position:absolute}.topListSel select{display:block;width:100%;margin:0 auto;border:0;border-bottom:1px solid #000;font-size:15px;appearance:none;-moz-appearance:none;-webkit-appearance:none;letter-spacing:.3px;border-radius:0;background-color:transparent;padding:0}.topListSel select option{padding:0}.topListLink{font-size:11px;background:url(//tadashiokochi.com/wp/wp-content/themes/tadashiokochi/css/../img/index/img_arrow.png) no-repeat;background-position:left center;background-size:4px;padding-left:11px;letter-spacing:1px;height:14px;display:inline-block}.topListAb{right:auto;top:205px;left:calc(50% - 14px);transform:translateX(-50%)}.topListLe .categoryBox ul{display:flex;justify-content:space-between}.topListLe .categoryBox ul li{flex:0 0 48%;margin-bottom:15px}.topListLe ul a:hover img{transform:scale(1)}.topListLe .categoryBox{padding-right:24px;padding-left:24px}.topListLe .categoryBox ul.muuri li{width:50%;margin:0 0 15px;padding:0 7px;box-sizing:border-box}.topList{min-height:auto}}@media all and (min-width:0) and (max-width:767px){.firViTeLe{letter-spacing:7.4px}}.windows .fp-scroller{transition-duration:.5s !important}.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}