/***********************************************
Copyright (c) 2007-2022, Wide Web. All Rights Reserved.
http://www.WideWeb.com.au
***********************************************/
html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100%;height:100%;font-family:sans-serif;color:#000;background-color:#2D2D2D;overflow:auto}#loading{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;background-color:#FFF;background:url('../image/loading.png');background-image:url('../image/loading.svg'),none;background-repeat:no-repeat;background-position:center;z-index:9999;transition:opacity .5s ease-out 0s,margin-top 0s linear .6s;opacity:1}#loading.complete,#loading.resolve{position:absolute;margin-top:-200vh;opacity:0}#noscript{position:absolute;top:0;left:50%;margin-left:-400px;width:800px;height:20px;line-height:20px;font-size:10px;font-weight:600;color:#282828;background-color:#FFA500;background:-webkit-linear-gradient(#FFC864,#FFA500);background:-o-linear-gradient(#FFC864,#FFA500);background:-moz-linear-gradient(#FFC864,#FFA500);background:linear-gradient(#FFC864,#FFA500);text-align:center;text-shadow:1px 1px 0 #FDC051;box-shadow:inset 0 10px 10px #FFD68A,inset 0 -10px 10px #D68B00,0px 0 5px #000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:block;overflow:hidden;z-index:9998}#noscript:after{content:"Please enable JavaScript in your browser to utilize complete functionality of this website."}#noscript.enabled{display:none}#header{margin:0;padding:0}#header #logo{position:fixed;top:17px;left:25px;margin:0;padding:0;width:30vw;height:35px;max-width:180px;max-height:35px;text-indent:-10000px;background:url('../image/logo.png');background-image:url('../image/logo.svg'),none;background-repeat:no-repeat;background-position:center left;background-size:contain;display:block;transition:max-width .3s ease-in-out .1s,max-height .3s ease-in-out .1s;outline-style:none;z-index:10000}#header #logo h1{margin:0;padding:0}#nav{position:fixed;top:0;right:0;margin:0;padding:0;width:100%;height:70px;background-color:#FFF;background-color:rgba(255,255,255,1);display:inline-block;transition:height .3s ease-in-out .1s;z-index:9995}#nav #menu{position:absolute;top:-100%;right:25px;width:40px;height:40px;text-indent:-10000px;background:url('../image/menu.png');background-image:url('../image/inokim_menu.svg'),none;background-repeat:no-repeat;background-position:center;background-size:contain;display:block;transition:opacity .1s ease-in 0s,top 0s linear 1.5s;opacity:0;outline-style:none;z-index:9996;cursor:pointer}#nav ul{position:absolute;top:25px;right:25px;margin:-10000px 0 0 0;padding:10000px 0 20px 0;list-style-type:none;transition:opacity .3s ease-in .7s;opacity:1}#nav ul li{margin:0;padding:0;display:inline-block}#nav ul li a{margin:0 5px;padding:5px 5px 5px 5px;font-size:17px;font-weight:400;color:#000;text-decoration:none;display:inline-block;outline-style:none;transition:color .2s ease-in 0s}#nav ul li a:hover,#nav ul li a:focus{color:#F9272D}n#av ul li a:active{color:#000}#nav ul li a.current{color:#F9272D}#nav ul li a.current:hover,#nav ul li a.current:focus{color:#F9272D}@media(max-width:1100px){#header #logo{max-width:180px;max-height:50px}#nav #menu{top:14px;transition:opacity .3s ease-out .7s,top 0s linear 0s;opacity:1}#nav ul{position:absolute;top:0;left:0;width:100%;margin-top:-100vh;padding:85px 0 20px 0;background-color:#FFF;background-color:rgba(255,255,255,1);box-shadow:0 3px 0 0 rgba(0,0,0,0.0);transition:margin-top .2s ease-in .1s,opacity 0s linear 1s,box-shadow .1s ease-in-out 0s;opacity:0}#nav.active ul{margin-top:0;box-shadow:0 3px 0 0 rgba(0,0,0,0.04);transition:margin-top .3s ease-out 0s,opacity 0s linear 0s,box-shadow .2s ease-in-out .3s;opacity:1}#nav ul li{margin:0 25px 0 25px;padding:10px 0;border-top-width:0;border-top-style:solid;border-top-color:#FFF;transition:opacity .1s ease-out 0s;display:block;opacity:0}#nav.active ul li{transition:opacity .3s ease-in-out .3s;opacity:1}#nav ul li a{margin:0;padding:10px 0 10px 0;font-size:22px;font-weight:300}}@media(max-width:400px){#header #logo{max-width:50vw;max-height:50px}#nav #menu{top:14px;transition:opacity .3s ease-out .7s,top 0s linear 0s;opacity:1}#nav ul{position:absolute;top:0;left:0;width:100%;margin-top:-100vh;padding:85px 0 20px 0;background-color:#FFF;background-color:rgba(255,255,255,1);transition:margin-top .2s ease-in .1s,opacity 0s linear 1s;opacity:0}#nav.active ul{margin-top:0;transition:margin-top .3s ease-out 0s,opacity 0s linear 0s;opacity:1}#nav ul li{margin:0 25px 0 25px;padding:10px 0;border-top-width:0;border-top-style:solid;border-top-color:#FFF;transition:opacity .1s ease-out 0s;display:block;opacity:0}#nav ul li:first-child{border-top-color:transparent}#nav.active ul li{transition:opacity .3s ease-in-out .3s;opacity:1}#nav ul li a{margin:0;padding:5px 0 5px 0;font-size:18px;font-weight:300}}form#search{margin:0;padding:0;position:relative;top:-5.5px}form#search fieldset{margin:0;padding:0;border:0 none;white-space:nowrap}form#search input[type="search"]{margin:0;padding:0 10px;width:70vw;max-width:220px;line-height:30px;font-size:medium;text-align:left;color:#000;background-color:#FFF;border-radius:5px;border:0 none;display:inline-block;box-shadow:0 0 0 2px #222;transition:max-width .5s ease-in-out 0s,background-color .3s ease-in-out 0s,box-shadow .3s ease-in-out 0s;outline:none;-webkit-appearance:none}@media screen and (max-width:1100px){#nav.active form#search input[type="search"]{max-width:300px}}form#search label[for="query"]{display:none}form#search input::-webkit-calendar-picker-indicator{position:relative;top:-7px}form#search input[type="search"]::-webkit-search-cancel-button{height:18px;width:18px;border-radius:18px;background-color:#222;background-image:url('../image/search_cancel.svg');background-size:contain;-webkit-appearance:none}form#search ::-webkit-input-placeholder{color:#000}form#search :-ms-input-placeholder{color:#000}form#search ::placeholder{color:#000}form#search input[type="submit"]{margin:0 15px 0 -10px;padding:0 10px;min-width:35px;line-height:30px;font-size:medium;text-align:left;text-indent:-10000px;color:#FFF;background-color:#222;background-image:url('../image/search_submit.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;border-top-right-radius:5px;border-top-left-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:0;border:0 none;display:inline-block;box-shadow:0 0 0 2px #222;transition:max-width .5s ease-in-out 0s,background-color .3s ease-in-out 0s,box-shadow .3s ease-in-out 0s;outline:none;-webkit-appearance:none;cursor:pointer}form#search input[type="search"]:focus{box-shadow:0 0 0 2px #F9272D}form#search input[type="search"]:focus ~ input[type="submit"]{background-color:#F9272D;box-shadow:0 0 0 2px #F9272D}ul.dropdown{margin:0;padding:0;list-style-type:none;display:inline-block}ul.dropdown li{margin:0;padding:0}ul.dropdown li a{margin:0;padding:7px 10px;font-size:smaller;font-weight:bolder;text-decoration:none;color:#FFF;background-color:#F9272D;border-radius:3px;display:block}ul.dropdown>li>a::before{position:relative;margin:0 0 0 10px;height:16px;width:16px;content:'';background-color:transparent;background-image:url('../image/arrow_down.svg');background-repeat:no-repeat;background-size:contain;background-position:center;transform:scaleY(1);transform-origin:center;transition:transform .3s ease-in-out .3s;backface-visibility:visible;display:block;pointer-events:all;float:right}ul.dropdown li ul{position:absolute;margin:0;padding:0;background-color:#FFF;list-style-type:none;border-radius:5px;overflow:hidden;display:none;box-shadow:0 3px 5px 0 rgba(0,0,0,0.5);z-index:5000}ul.dropdown li:not(.dropdown):hover ul{display:block}ul.dropdown>li:not(.dropdown):hover>a::before{transform:scaleY(-1)}ul.dropdown li ul li{margin:0;padding:0}ul.dropdown li ul li a{margin:0;padding:5px 10px;font-size:medium;font-weight:normal;text-decoration:none;color:#000;background-color:#FFF;border-radius:0;display:block}ul.dropdown li ul li a:hover{color:#FFF;background-color:#000}ul.dropdown li ul li a.selected{color:#FFF;background-color:#F9272D}ul#store>li>a{padding:7px 10px;padding-left:32px;background-image:url(../image/location.svg);background-repeat:no-repeat;background-size:contain;background-position:3px center;display:block}ul#store>li>ul{width:70vw;max-width:250px;max-height:70vh;overflow-y:auto}ul#store>li>ul>li>strong{margin:0;padding:5px 10px;font-size:medium;font-weight:bold;text-decoration:none;color:#9D9D9D;background-color:#FFF;border-radius:0;display:block}ul#store{position:fixed;top:20px;left:220px;z-index:9996}@media screen and (max-width:600px){aside ul{display:block}ul.dropdown{display:block}ul#store{left:auto;right:80px}ul#store>li>ul{position:absolute;right:0}ul#store>li>a{padding:7px 10px 7px 26px;width:0;text-indent:-10000px}ul#store>li>a::before{display:none}}#breadcrumb{margin:0;padding:0;background-color:rgba(0,0,0,0.04)}@media(max-width:600px){#breadcrumb{white-space:nowrap;overflow:auto}}#breadcrumb ul{margin:0;padding:0 20px;display:block}#breadcrumb ul li{margin:0;padding:0;display:inline-block}#breadcrumb ul li a{margin:5px 5px;padding:5px 0;color:#000;text-decoration:none;display:inline-block}#breadcrumb ul li:nth-last-of-type(1) a{color:#000}#breadcrumb ul li a:hover{color:#F9272D}#breadcrumb ul li:first-child a::before{margin:-2px 5px 0 0;width:16px;height:16px;content:'';vertical-align:middle;background-image:url('../image/icon.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;display:inline-block}#breadcrumb ul li:first-child ~ li a::before{margin-right:10px;color:#000;content:'\203A';display:inline-block}#breadcrumb ul li[class="crumb_category_one"] ~ li[class="crumb_category_one"] a,#breadcrumb ul li[class="crumb_category_one"] ~ li[class="crumb_category_one"] ~ li a,#breadcrumb ul li[class="crumb_category_two"] + li[class="crumb_category_two"] a{color:#000!important;cursor:pointer!important}#breadcrumb ul li[class="crumb_category_one"] ~ li[class="crumb_category_one"] a:hover,#breadcrumb ul li[class="crumb_category_one"] ~ li[class="crumb_category_one"] ~ li a:hover,#breadcrumb ul li[class="crumb_category_two"] + li[class="crumb_category_two"] a:hover{color:#F9272D!important}#breadcrumb ul li[class="crumb_category_one"] ~ li[class="crumb_category_one"] a::before{content:'&'!important}#breadcrumb ul li[class="crumb_category_two"] + li[class="crumb_category_two"] a::before{content:' + '!important}#why_inokim{margin:0;padding:60px 0;background-color:#282828}#why_inokim h2{margin:10px 0 30px 0;padding:20px 0;height:35px;color:rgba(255,255,255,0.5)!important;font-size:20px;font-weight:100;line-height:35px;letter-spacing:1vw;text-align:center;text-transform:uppercase;text-shadow:0 0 0 rgba(0,0,0,0.1)!important}#why_inokim ul{margin:0 auto;padding:0;width:98vw;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#why_inokim ul li{margin:30px 0;padding:20px 0;width:calc(98vw / 7);height:auto;font-size:calc(10px + 0.25vw);text-align:center;text-shadow:0 0 3px rgba(0,0,0,0.3)!important;line-height:25px;color:#CCC;vertical-align:top;transition:opacity .3s ease 0s;display:inline-block;box-shadow:-1px 0 0 0 rgba(255,255,255,0.1)}#why_inokim ul li:hover{color:#FFF}#why_inokim ul li:first-child{box-shadow:0 0 0 0 rgba(255,255,255,0.1)}#why_inokim ul li h4{margin:0 0 10px 0;padding:0 0 10px 0;font-size:calc(14px + 0.25vw);font-weight:200;letter-spacing:calc(2px + 0.1vw);color:rgba(255,255,255,0.5);text-shadow:none;transition:opacity .3s ease 0s}#why_inokim ul li:hover h4{color:rgba(255,255,255,1)}#why_inokim ul li[class] h4:before{margin:0 auto 20px auto;padding:0;width:100px;height:100px;background-repeat:no-repeat;background-position:top center;background-size:contain;opacity:.5;content:'';transition:opacity .3s ease 0s;display:block}#why_inokim ul li[class]:hover h4:before{opacity:1}#why_inokim ul li.handling h4:before{background-image:url('../image/icon_winding.svg')}#why_inokim ul li.battery h4:before{background-image:url('../image/icon_battery.svg')}#why_inokim ul li.service h4:before{background-image:url('../image/icon_australia.svg')}#why_inokim ul li.design h4:before{background-image:url('../image/icon_design.svg')}#why_inokim ul li.design h4:before{background-image:url('../image/icon_design.svg')}#why_inokim ul li.quality h4:before{background-image:url('../image/icon_quality.svg')}#why_inokim ul li.comfort h4:before{background-image:url('../image/icon_rough.svg')}#why_inokim ul li.ease h4:before{background-image:url('../image/icon_snap.svg')}#why_inokim ul li p{margin:0 auto;padding:0 20px;max-width:180px}@media(max-width:1200px){#why_inokim ul li{width:calc(98vw / 3)}#why_inokim ul li:nth-child(3n + 1){box-shadow:0 0 0 0 rgba(255,255,255,0.1)}}@media(max-width:500px){#why_inokim ul li,#why_inokim ul li:nth-child(3n + 1){margin:0;padding:20px 0;width:calc(98vw / 1);font-size:calc(10px + 0.8vw);box-shadow:0 -1px 0 0 rgba(255,255,255,0.05)}#why_inokim ul li:first-child{box-shadow:0 0 0 0 rgba(255,255,255,0.05)}}#footer{margin:0;padding:0;width:100%;text-align:center;background-color:#3E3E3E;z-index:9990;clear:both}#footer #notice{margin:20px 35px;padding:0;color:#CCC}#footer p{margin:0 auto;margin:0;padding:10px 0;font-size:14px;text-align:center;clear:both}#footer_map{margin:0 auto;padding:20px 0 40px 0;width:100%;text-align:left;background-color:#2D2D2D}@media(max-width:600px){#footer #notice p{font-size:calc(8px + 1vw)}}#footer_map ul{margin:10px 0 10px 35px;padding:0;list-style-type:none;text-align:left;vertical-align:bottom}#footer_map ul li{margin:0;padding:0;max-width:246px;color:#CCC;display:block}#footer_map ul li>a{margin:5px 10px;padding:5px 10px;height:auto;font-size:15px;font-weight:400;color:#CCC;text-decoration:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:1px;vertical-align:middle;transition:all .2s ease-in 0s;display:inline-block}#footer_map ul li>a:hover{color:#FFF}#footer_map ul li>a[href*="http"]{margin:3px 3px 3px 0;padding:0;width:40px;height:40px;text-indent:-10000px;border-radius:2px}#footer_map ul li>a[href*="facebook"]{background-image:url('../image/fb_icon.svg')}#footer_map ul li>a[href*="facebook"]:hover{background-color:#38539B}#footer_map ul li a[href*="youtube"]{background-image:url('../image/yt_icon.svg')}#footer_map ul li a[href*="youtube"]:hover{background-color:#D62A26}#footer_map ul li a[href*="instagram"]{background-image:url('../image/ig_icon.svg')}#footer_map ul li a[href*="instagram"]:hover{background-color:#F2672F}#footer_map>ul:first-of-type{width:40vw;max-width:500px;display:inline-block}#footer_map>ul:first-of-type li{line-height:26px}#footer_map>ul:first-of-type + ul{width:40vw;max-width:500px;display:inline-block;box-shadow:-2px 0 0 #999}@media(max-width:600px){#footer_map>ul:first-of-type{width:80vw}#footer_map>ul:first-of-type + ul{width:80vw}}#footer_map>ul:first-of-type li:first-child a{margin:0;padding:0;width:40vw;height:100px;max-width:300px;max-height:100px;text-indent:-10000px;background-image:url('../image/inokim_logo.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;display:block}#footer_map>ul:first-of-type li + li + li{display:inline-block}
