/*!
Theme Name:Kougadou
Theme URI:https://www.kougadou.jp
Description:2023.04.05
Version:1.0
Author:XINADA Co.,Ltd.
Author URI:https://xinada.jp
*/
*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;tab-size:4;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0;font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;font-size:max(1.4rem,min(1.6rem,4vw));color:#343;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;padding:var(--header-height) 0 0;min-height:100%;background-color:#FFF}h1{font-size:max(1.8rem,min(2rem,5.33333vw));margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}main{display:block}nav ol,nav ul{list-style:none;padding:0}a{background-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-decoration:none;outline:none;color:#E80;-webkit-transition:.3s color;transition:.3s color}b,strong{font-weight:bolder}small{font-size:80%}img,svg{vertical-align:bottom;-webkit-box-sizing:content-box;box-sizing:content-box}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=submit]{-webkit-appearance:button;appearance:button}input{overflow:visible}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}a,button,input,select,textarea,[tabindex]{touch-action:manipulation}[aria-controls]{cursor:pointer}body.no-scroll{position:fixed;left:0;right:0;overflow:hidden}p:first-child{margin-top:0}p:last-child{margin-bottom:0}q::before{content:""}q::after{content:""}ul,ol,dl,dt,dd{margin:0;padding:0}li{list-style-type:none}ul.disc{padding-left:1.35em}ul.disc li{list-style-type:disc}ul.circle{padding-left:1.35em}ul.circle li{list-style-type:circle}ol{padding-left:1.35em}ol li{list-style:decimal}.bc{display:table;margin:auto}a[tabindex="-1"],input[tabindex="-1"],select[tabindex="-1"],button[tabindex="-1"],textarea[tabindex="-1"]{pointer-events:none;cursor:default}img.bg,svg.bg{position:absolute;left:0;top:0;z-index:0}img.w100ha,svg.w100ha{width:100%;height:auto}.lazyload,.lazyloading{-webkit-filter:opacity(0);filter:opacity(0)}.lazyloaded{-webkit-filter:opacity(1);filter:opacity(1);-webkit-transition:-webkit-filter .5s ease-out;transition:filter .5s ease-out,-webkit-filter .5s ease-out}.mcw{max-width:1024px}.c{text-align:center}.r{text-align:right}.fcw{color:#FFF}.fcw:hover{color:#FFF}.fcw:active{color:#FFF}.fcd{color:#343}.fcd:hover{color:#F96}.fcd:active{color:#F99}.rel{position:relative}.cvr::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.xs,.sp,.tb{display:none}.pc{display:revert}.fx{display:flex}.fxw{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.fxc{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap}.jc-sb{-webkit-box-pack:justify;justify-content:space-between}.jc-c{-webkit-box-pack:center;justify-content:center}.fg{-webkit-box-flex:1;flex-grow:1}.cg{-webkit-column-gap:20px;column-gap:20px}.cgd{-webkit-column-gap:40px;column-gap:40px}.rg{row-gap:20px}.rgt{row-gap:60px}.b333,.b331{width:33.3333333333%}.cg .b333,.cg .b331{width:calc((100% - 40px)/3)}.cgd .b333,.cgd .b331{width:calc((100% - 80px)/3)}.b221{width:50%}.cg .b221{width:calc(50% - 10px)}.cgd .b221{width:calc(50% - 20px)}.fr{float:right}.cf{display:block}.cf:before,.cf:after{content:"";display:block;clear:both}.for-reader{position:absolute;left:0;top:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ofi{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit:cover;"}:root{font:10px/1.8 sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;text-align:justify;text-justify:inter-ideograph;line-break:strict;word-break:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-variant-east-asian:proportional-width;letter-spacing:.1em;-webkit-font-smoothing:antialiased;--header-height:198px}h1,h2,h3,h4{font-style:normal;font-weight:600;margin-top:.83em;margin-bottom:.83em;font-size:max(1.4rem,min(1.6rem,4vw))}h2{font-size:max(1.6rem,min(1.8rem,4.53333vw))}strong{background:linear-gradient(transparent 75%,#CF9 75%);font-style:normal;font-weight:600}.normal{font-style:normal;font-weight:400}.bold{font-style:normal;font-weight:600}.fso{font-size:max(1.5rem,min(1.7rem,4.26666vw))}.fsm{font-size:max(1.6rem,min(1.8rem,4.53333vw))}.fsl{font-size:max(1.8rem,min(2rem,5.33333vw))}::-moz-selection{background-color:#9ACD32;color:#006400;text-shadow:none}::selection{background-color:#9ACD32;color:#006400;text-shadow:none}html,body{height:100%}#contents{-webkit-box-flex:1;flex-grow:1}a:active{color:#F99}.bt{border-top:#CCC 1px dotted}.bt.dark{border-color:#999}.bb{border-bottom:#CCC 1px dotted}.bb.dark{border-color:#999}.quot{position:relative}.quot::before,.quot::after{content:"";position:absolute;width:1.5em;height:1.5em;background-image:url(./img/quot.svg);background-size:contain}.quot::before{left:-1.8em;top:0}.quot::after{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:-1.8em;bottom:0}.clock,.clock-modified,.folder,.signed{position:relative;padding-left:1.3em;font-size:1.3rem;line-height:1;font-family:Monaco,monospace;color:#666}.clock::before,.clock-modified::before,.folder::before,.signed::before{content:"公開日：";position:absolute;left:0;top:0;bottom:0;margin:auto;display:block;width:1em;height:1em;background-image:url(./img/clock.svg);background-size:contain;text-indent:-9999px}.clock-modified::before{content:"更新日：";background-image:url(./img/clock-modified.svg)}.folder::before{content:"分類：";background-image:url(./img/folder.svg)}.signed::before{content:"";background-image:url(./img/signed.svg)}.signed{color:#900}.btn{display:inline-block;padding:20px 3em;border-radius:10px;-webkit-border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,.15);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.15);border:#EEE 1px solid;outline:#F96 solid 0;outline-offset:-1px;-webkit-transition:outline .08s;transition:outline .08s;will-change:outline-width;background:#FFF;color:#000;line-height:1}.arrow-r{position:relative;padding-right:3em !important}.arrow-r::after{content:"";position:absolute;right:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6px;height:11px;background:url(./img/arrow-b.svg) 0 0 no-repeat;background-size:contain}.mw700{max-width:700px}.fcg{color:#696}.note{color:#F99}.kome{color:#66806C}.kome::before{content:""}#notice-orientation{display:none;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#FFF}#notice-orientation.on{display:flex}#notice-orientation div{text-align:center}#global-header{will-change:height;position:fixed;top:0;left:0;z-index:99;padding:0;width:100%;height:var(--header-height);background:rgba(248,246,237,.95);box-shadow:2px 2px 8px rgba(0,0,0,.15);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.15);overflow:hidden;-webkit-transition:height .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:height .3s,transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}#global-header.on{height:100%}#global-header.hide{-webkit-transform:translateY(-110%);transform:translateY(-110%)}.logo-wrap{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0;height:calc(var(--header-height) - 38px)}.illust-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.illust-wrap .img{display:table;margin:auto;padding:20px;width:100%;max-width:580px}.freedial-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.freedial-wrap .freedial{display:flex;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-align:center;align-items:center;margin:auto;padding:20px;width:100%;max-width:900px;height:calc(var(--header-height) - 38px);line-height:1}.freedial-wrap .w100ha{margin:0 0 7px}.freedial-wrap .tel{display:flex;-webkit-box-align:end;align-items:flex-end;font-size:2rem;pointer-events:auto}.freedial-wrap .tel dd{margin-left:5px;line-height:1;font-style:normal;font-weight:600}.illust-wrap,.freedial-wrap{pointer-events:none}.trigger-wrap{position:absolute;right:24px;top:calc(var(--header-height)/2 - 12px);display:none}#table-of-contents{position:absolute;left:0;bottom:0;width:100%;background-color:#212817;font-size:1.3rem;font-style:normal;font-weight:600}.global-nav{display:flex}.global-nav-item{line-height:1;letter-spacing:.1em;white-space:nowrap;-webkit-box-flex:1;flex-grow:1;text-align:center}.global-nav-item a{display:block;padding:10px 0;height:100%;color:#FFF}#global-share{position:fixed;right:calc(20px - max(24px,min(32px,3.125vw))/2);bottom:0;z-index:9;width:max(24px,min(32px,3.125vw));line-height:1;-webkit-transition:opacity .3s cubic-bezier(.215,.61,.355,1);transition:opacity .3s cubic-bezier(.215,.61,.355,1)}#global-share.off{opacity:0;pointer-events:none}#global-share ul{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-align:end;align-items:flex-end;margin:0 0 20px}.global-share-item{margin:0 0 20px}.btn-circle{display:block;border-radius:50%;-webkit-border-radius:50%;box-shadow:2px 2px 8px rgba(0,0,0,.15);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.15);border:#CCC 1px solid;background:#343;font-style:normal;font-weight:600;color:#FFF;-webkit-transition:background-color .2s cubic-bezier(.215,.61,.355,1);transition:background-color .2s cubic-bezier(.215,.61,.355,1)}.tab{position:relative;padding:40px 20px 100px}.tab .ttl{position:absolute;left:0;right:0;bottom:calc(100% - 1px);z-index:8;margin:auto;padding:25px 10px 0;width:calc(100% - 40px);max-width:368px;font-size:1.3rem;line-height:1;letter-spacing:.1em;font-family:Monaco,Courier,monospace;text-transform:uppercase;text-align:center}.tab .ttl::before,.tab .ttl::after{content:"";position:absolute;right:100%;top:calc(100% - 1px);width:20px;height:30px;background:url(./img/shadow.png) 0 0 no-repeat}.tab .ttl::after{-webkit-transform:scaleX(-1);transform:scaleX(-1);right:auto;left:100%}.tab.white,.tab.white .ttl{background-color:#FFF}.tab.gray,.tab.gray .ttl{background-color:#EEE}.tab.green,.tab.green .ttl{background-color:#66806C;color:#FFF}.tab.dark-green,.tab.dark-green .ttl{background-color:#212817;color:#FFF}.ttl-archive{margin:0;padding:0;margin-bottom:5px;padding-bottom:5px;border-bottom:#EEE 1px dotted;font-size:max(1.4rem,min(1.6rem,4vw))}.ttl-archive.dark{border-bottom:#CCC 1px dotted}.ttl-article{margin:0;padding:0;margin-bottom:10px;padding-bottom:10px;border-bottom:#EEE 1px dotted;font-size:max(1.6rem,min(1.8rem,4.53333vw))}.ttl-article.dark{border-bottom:#999 1px dotted}.ttl-section{margin:0;padding:0;margin-bottom:max(20px,min(40px,4vw));padding-bottom:max(20px,min(40px,4vw));border-bottom:#EEE 1px dotted;text-align:center;white-space:nowrap;font-size:max(1.6rem,min(1.8rem,4.53333vw))}.ttl-section.dark{border-bottom:#999 1px dotted}.ttl-wrap{position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;min-height:min(600px,33vw);background:#000;color:#FFF;font-style:normal;font-weight:600}.ttl-wrap .ttl{position:relative;z-index:1;border:rgba(0,0,0,.5) 10px solid;padding:.6em 1.5em;background:rgba(0,0,0,.5);background-clip:padding-box;font-size:max(1.8rem,min(2rem,5.33333vw));text-align:center;white-space:nowrap;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.ttl-wrap .ttl::before,.ttl-wrap .ttl::after,.ttl-wrap .ttl span::before,.ttl-wrap .ttl span::after{content:"";position:absolute;display:block;width:1px;height:1px;background:#CCC;-webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);transition:all .5s cubic-bezier(.215,.61,.355,1);overflow:hidden}.ttl-wrap .ttl::before{left:0;top:0}.ttl-wrap .ttl::after{left:0;bottom:0}.ttl-wrap .ttl span::before{right:0;bottom:0}.ttl-wrap .ttl span::after{right:0;top:0}.ttl-wrap .ttl::before,.ttl-wrap .ttl span::before{width:100%}.ttl-wrap .ttl::after,.ttl-wrap .ttl span::after{height:100%;-webkit-transition-delay:.5s;transition-delay:.5s}.ttl-wrap .ttl.anim::before,.ttl-wrap .ttl.anim span::before{width:0;height:1px}.ttl-wrap .ttl.anim::after,.ttl-wrap .ttl.anim span::after{width:1px;height:0}#trigger,#trigger span{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}#trigger{position:relative;width:24px;height:24px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;vertical-align:top}#trigger.focus-visible{outline:3px solid #10B6B6}#trigger span,#trigger span::before,#trigger span::after{position:absolute;left:0;width:100%;height:4px;background-color:#001900;border-radius:2px}#trigger span::before,#trigger span::after{content:""}#trigger span::before{bottom:8px}#trigger span{top:0;bottom:0;margin:auto;-webkit-transition:all 0s .25s;transition:all 0s .25s}#trigger span::after{top:8px}#trigger.off span::before{-webkit-animation:bar1off .5s forwards;animation:bar1off .5s forwards}#trigger.off span::after{-webkit-animation:bar3off .5s forwards;animation:bar3off .5s forwards}#trigger.on span{background:rgba(0,0,0,0)}#trigger.on span::before{-webkit-animation:bar1on .5s forwards;animation:bar1on .5s forwards}#trigger.on span::after{-webkit-animation:bar3on .5s forwards;animation:bar3on .5s forwards}.m0{margin:0}.ma{margin:auto}.mbq{margin-bottom:max(40px,min(80px,8vw))}.mtt{margin-top:max(30px,min(60px,6vw))}.mbt{margin-bottom:max(30px,min(60px,6vw))}.mtd{margin-top:max(20px,min(40px,4vw))}.mbd{margin-bottom:max(20px,min(40px,4vw))}.mr{margin-right:20px}.mb{margin-bottom:20px}.mth{margin-top:10px}.mrh{margin-right:10px}.mbh{margin-bottom:10px}.mte{margin-top:1em}.mbe{margin-bottom:1em}.mt0{margin-top:0}.ptd{padding-top:max(20px,min(40px,4vw))}.pbh{padding-bottom:10px}@media (max-width:960px){:root{--header-height:130px}.logo-wrap{height:var(--header-height)}.logo-wrap .logo{width:230px;height:auto}.illust-wrap .img{max-width:480px}.illust-wrap img{width:100px;height:auto}.freedial-wrap{position:relative}.freedial-wrap .freedial{-webkit-box-pack:center;justify-content:center;padding:0;height:auto}.trigger-wrap{display:block}#table-of-contents{position:relative;margin-top:max(20px,min(40px,4vw));background:none;font-size:1.4rem}.global-nav{display:block;max-width:280px;margin:auto}.global-nav-item:not(:first-child){border-top:#999 1px dotted}.global-nav-item a{color:#343;-webkit-transition:none;transition:none}.global-nav-item a:hover{background:none;color:#066}.global-nav-item a:active{color:#F99}.global-nav-item.contact{margin:max(20px,min(40px,4vw));border:none}.global-nav-item.contact a{position:relative;padding:15px 0;background-color:#3C9;color:#FFF}.global-nav-item.contact a::after{content:"";position:absolute;right:1em;top:0;bottom:0;margin:auto;width:6px;height:11px;background:url(./img/arrow-w.svg) 0 0 no-repeat;background-size:contain}#key-points .global-nav-item.key-points span,#free-consultation .global-nav-item.free-consultation span,#case-studies .global-nav-item.case-studies span,#prop-info .global-nav-item.prop-info span,#old-house .global-nav-item.old-house span,#garage-house .global-nav-item.garage-house span,#info .global-nav-item.info span,#column .global-nav-item.column span,#company .global-nav-item.company span,#contact .global-nav-item.contact span{position:relative}#key-points .global-nav-item.key-points span::after,#free-consultation .global-nav-item.free-consultation span::after,#case-studies .global-nav-item.case-studies span::after,#prop-info .global-nav-item.prop-info span::after,#old-house .global-nav-item.old-house span::after,#garage-house .global-nav-item.garage-house span::after,#info .global-nav-item.info span::after,#column .global-nav-item.column span::after,#company .global-nav-item.company span::after,#contact .global-nav-item.contact span::after{position:absolute;left:-1.5em;top:calc(50% - 3px);content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 8px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #696}#contact .global-nav-item.contact span::after{border-color:rgba(0,0,0,0)}}@media (max-width:768px){.xs,.sp,.pc{display:none}.tb{display:revert}}@media (max-width:640px){.xs,.tb,.pc{display:none}.sp{display:revert}.b331,.b221{width:100%}.cg .b331,.cgd .b331,.cg .b221,.cgd .b221{width:100%}:root{--header-height:94px}.logo-wrap .logo{width:190px}.illust-wrap .img{padding:11px 15px;max-width:375px}.illust-wrap img{width:82px}.freedial-wrap .tel{font-size:1.7rem}.freedial-wrap .tel img{width:auto;height:18px}#table-of-contents{margin-top:10px}.global-nav-item.contact{margin:10px max(20px,min(40px,4vw));border:none}.global-nav-item.contact a{padding:12px;background-color:#3C9;color:#FFF}.tab .ttl{font-size:1.2rem}.ttl-wrap{padding:20px;min-height:100vw}}@media (max-width:374px){.sp,.tb,.pc{display:none}.xs{display:revert}#table-of-contents{font-size:1.2rem}.illust-wrap .img{padding:11px}.illust-wrap img{width:75px}.global-nav-item a{padding:6.5px}.global-nav-item.contact{margin:5px 20px}.tab .ttl{font-size:1.1rem}}@media (min-width:961px){#key-points .global-nav-item.key-points,#free-consultation .global-nav-item.free-consultation,#case-studies .global-nav-item.case-studies,#prop-info .global-nav-item.prop-info,#old-house .global-nav-item.old-house,#garage-house .global-nav-item.garage-house,#info .global-nav-item.info,#column .global-nav-item.column,#company .global-nav-item.company,#contact .global-nav-item.contact{background:#696}.global-nav-item a{-webkit-transition:background-color .3s;transition:background-color .3s}}@media (min-width:961px)and (hover:hover){.global-nav-item a:hover{background-color:#3C9;text-decoration:none;color:#FFF}.global-nav-item a:active{-webkit-transition:none;transition:none;background-color:#66806C}}@media (min-width:1025px){#global-share{right:20px}}@media (hover:hover){a:hover{color:#F96;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}a.fig .wrap{background:#FFF}a.fig img{-webkit-transition:.3s filter;transition:.3s filter}a.fig:hover{text-decoration:none}a.fig:hover img{-webkit-filter:opacity(.7);filter:opacity(.7)}.btn:hover{will-change:outline;outline-width:4px;color:#000;text-decoration:none}.freedial-wrap .tel .fcg:hover{text-decoration:none}.btn-circle:hover{text-decoration:none;background-color:#3C9}}@-webkit-keyframes bar1off{0%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}50%{-webkit-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@keyframes bar1off{0%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}50%{-webkit-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@-webkit-keyframes bar3off{0%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}50%{-webkit-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@keyframes bar3off{0%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}50%{-webkit-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}}@-webkit-keyframes bar1on{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}100%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}}@keyframes bar1on{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}100%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}}@-webkit-keyframes bar3on{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}100%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}@keyframes bar3on{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}100%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}