#is-loading{display:block;position:fixed;width:100%;height:100%;top:0;left:0;background:#fffff6;z-index:8}#loading{display:none;position:fixed;top:50%;left:50%;width:200px;height:200px;margin-top:-200px;margin-left:-100px;text-align:center;color:#fffff6;z-index:9}#loading img{width:200px}.portfolio-header{position:relative;background:linear-gradient(-45deg,rgba(255,255,255,.8),rgba(255,255,246,.6),rgba(187,221,181,.3),rgba(139,171,133,.3),rgba(93,124,88,.3));background-size:400% 400%;animation:gradient 18s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.portfolio-header .mdl-layout__header-row{padding:0;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.mdl-layout__title{font-size:14px;text-align:center;font-weight:300}.is-compact .mdl-layout__title span{display:none}.paw{background:url(images/paw.png) 50% no-repeat;background-size:cover;position:fixed;display:inline-block;text-align:center;vertical-align:middle;right:0;top:0;margin-right:148px;margin-top:160px;width:136px;height:136px;z-index:900;animation:fuwafuwa 3s linear infinite;transform-origin:50% 50%}@keyframes fuwafuwa{0%{transform:translateY(0)}33.33333%{transform:translateY(-4px)}66.66667%{transform:translateY(2px)}100%{transform:translateY(0)}}.is-compact .paw{margin-top:8px;width:112px;height:112px}.portfolio-logo-row{min-height:300px}.is-compact .portfolio-logo-row{min-height:123px}.portfolio-logo{background:url(images/rk_head.png) no-repeat;background-size:contain;margin:auto auto 10px;height:300px;width:1000px}.is-compact .portfolio-logo{background:url(images/mini_head.png) 50% no-repeat;height:109px;width:72px;margin-top:8px}@media screen and (max-width:1024px){.portfolio-logo-row{min-height:228px}.portfolio-logo{background:url(images/rk_head.png) no-repeat;background-size:contain;margin:auto auto 10px;height:228px;width:760px}.is-compact .portfolio-logo-row{min-height:56px}.is-compact .portfolio-logo{background:url(images/mini_head.png) 50% no-repeat;background-size:contain;margin:auto auto 0;height:56px;width:37px}.paw{background:url(images/paw.png) 50% no-repeat;background-size:cover;position:fixed;display:inline-block;text-align:center;vertical-align:middle;right:0;top:0;margin-right:74px;margin-top:120px;width:112px;height:112px;z-index:900}.is-compact .paw{background:url(images/kifu_button.png) 50% no-repeat;background-size:cover;position:fixed;display:inline-block;text-align:center;vertical-align:middle;right:0;top:0;margin-right:4px;margin-top:4px;width:157px;height:47px;z-index:900}}@media screen and (max-width:768px){.portfolio-logo-row{min-height:144px}.portfolio-logo{background:url(images/rk_head.png) no-repeat;background-size:contain;margin:auto auto 10px;height:144px;width:480px}.paw{margin-right:60px;margin-top:60px;width:84px;height:84px}.is-compact .paw{background:url(images/kifu_button.png) 50% no-repeat;background-size:cover;position:fixed;display:inline-block;text-align:center;vertical-align:middle;right:0;top:0;margin-right:4px;margin-top:5px;width:157px;height:47px;z-index:900}}@media screen and (max-width:480px){#is-loading{display:block;position:fixed;width:100%;height:100%;top:0;left:0;background:#fffff6;z-index:8}#loading{display:none;position:fixed;top:50%;left:50%;width:128px;height:128px;margin-top:-128px;margin-left:-64px;text-align:center;color:#fffff6;z-index:9}#loading img{width:128px}.portfolio-logo-row{min-height:78px}.portfolio-logo{background:url(images/rk_head.png) no-repeat;background-size:contain;margin:auto auto 10px;height:78px;width:260px}.paw{margin-right:16px;margin-top:16px;width:64px;height:64px}.is-compact .paw{background:url(images/kifu_button.png) 50% no-repeat;background-size:cover;position:fixed;display:inline-block;text-align:center;vertical-align:middle;right:0;top:0;margin-right:4px;margin-top:13px;width:106px;height:32px;z-index:900}}.portfolio-navigation-row{background-color:rgba(139,171,133,0.25);text-transform:none;height:45px}.portfolio-navigation-row .mdl-navigation{text-align:center;max-width:1024px;width:100%}.mdl-navigation__link{position:relative;display:inline-block;transition:.3s}.mdl-navigation__link:after{position:absolute;bottom:0;left:50%;content:'';width:0;height:2px;background-color:#18590d;transition:.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mdl-navigation__link:hover::after{width:70%}.portfolio-navigation-row .mdl-navigation__link{color:#18590d;-webkit-flex:1;-ms-flex:1;flex:1;line-height:42px}.portfolio-navigation-small .mdl-navigation{background-color:rgba(139,171,133,0.25);text-align:center;max-width:100%;width:100%}.portfolio-navigation-small .mdl-navigation__link{color:#18590d;-webkit-flex:1;-ms-flex:1;flex:1;line-height:42px;padding:0}.portfolio-header .mdl-layout__drawer-button{background-color:rgba(197,197,197,0.44)}.portfolio-navigation-row .is-active{position:relative;font-weight:bold}.portfolio-navigation-row .is-active:after{content:"";width:70%;height:2px;display:block;position:absolute;bottom:0;left:0;background-color:#18590d;left:50%}.portfolio-navigation-small .is-active{position:relative;font-weight:bold}.portfolio-navigation-small .is-active:after{content:"";width:70%;height:2px;display:block;position:absolute;bottom:0;left:0;background-color:#18590d;left:50%}.mdl-layout__content{background-color:#fffff6}.portfolio-card .mdl-card__title{padding-bottom:0}.portfolio-blog-card-compact .mdl-card__title{padding-bottom:0}.portfolio-blog-card-bg>.mdl-card__actions{height:52px;padding:16px;background:rgba(0,0,0,0.2)}img.article-image{width:100%;height:auto}.portfolio-max-width{max-width:968px;margin:auto}.portfolio-copy{max-width:700px}.instagram-max-width{max-width:1280px;margin:auto}.no-padding{padding:0}.no-left-padding{padding-left:0}.no-bottom-padding{padding-bottom:0}.padding-top{padding:10px 0 0}.portfolio-share-btn{position:relative;float:right;top:-4px}.demo-card-event>.mdl-card__actions{-webkit-align-items:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.portfolio-contact .mdl-textfield{width:100%;min-width:968px}.portfolio-contact form{max-width:550px;margin:auto}.homepage-portfolio .mdl-button{margin:0 auto}#contact-button{position:fixed;display:block;right:0;bottom:0;margin-right:40px;margin-bottom:40px;z-index:900}footer{background-image:none;background-size:cover}.mdl-mini-footer__left-section{color:#000}p{text-indent:1em;margin-bottom:1em}p.syomei{text-align:right}.mdl-mega-footer--social-btn{background-color:transparent}.social_icon{width:36px;height:36px}.material-icons.icon-left{padding-right:8px}ul{list-style:none;margin-top:0;padding-right:0}.mdc-list-item{color:rgba(0,0,0,.68);font-size:1rem}dt{clear:left;float:left;width:7em;padding:10px .5em}dd{margin-left:0;padding:10px .5em 10px 8em;border-bottom:dotted 1px #CCC}.important{font-weight:bold;font-size:1.5rem;line-height:2rem;}.toggle_wrap:last-of-type{border-bottom:0}.toggle_switch{position:relative;cursor:pointer;padding:4px 0;border-top:0}.toggle_switch.open{border-bottom:1px solid #5d7c58}.toggle_switch:hover{background-color:rgba(139,171,133,0.25)}.toggle_switch::after{content:"";display:inline-block;width:24px;height:24px;background:url(images/icons/baseline-expand_more-24px.svg) no-repeat center center;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);right:20px;transition:transform .2s}.toggle_switch.open::after{transform:rotateZ(180deg);top:15%}.toggle_contents{display:none;padding:5px 10px}.toggle_switch>p{margin:0}.toggle_contents>ul{padding:0}.toggle_contents li{display:inline-block;margin:.8em}.mdl-mini-footer__right-section a{position:relative}.mdl-card__supporting-text a{text-decoration:underline;color:#18590d;transition:all .3s}.mdl-card__supporting-text a:hover{text-decoration:none;color:rgba(255,255,255,.87);background-color:#bbddb5}.mdl-card_supporting-text a{text-decoration:underline;color:#18590d;transition:all .3s}.mdl-card_supporting-text a:hover{text-decoration:none;color:rgba(255,255,255,.87);background-color:#bbddb5}.mdl-textfield{position:relative;font-size:16px;display:block;box-sizing:border-box;width:320px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield2{position:relative;font-size:16px;display:block;box-sizing:border-box;width:640px;max-width:100%;margin:0;padding:20px 0}.simply-scroll-container{position:relative}.simply-scroll-clip{position:relative;overflow:hidden}.simply-scroll-list{margin:0;padding:0;overflow:hidden}.simply-scroll-list li{float:left;margin:0;padding:0;list-style:none!important}.simply-scroll-list li img{width:164px;height:164px;object-fit:cover}.insta{width:164px;height:164px;overflow:hidden;margin:0;position:relative}.insta .caption{font-size:16px;font-weight:600;color:#fff;text-align:center;padding-top:8px}.insta .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .6s ease;transition:all .6s ease}.insta:hover .mask{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}.multiline-text{position:relative;font-size:87%;font-weight:normal;width:80%;margin:auto;height:120px;overflow:hidden;text-align:justify}.mar-r7{margin-right:7px}.spriteHeart{background-image:url(http://reef-knot.net/images/icons/instalike.png);background-size:contain;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;width:19px;height:19px}.spriteSpeechBubble{background-image:url(http://reef-knot.net/images/icons/instacomment.png);background-size:contain;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;height:19px;width:19px}.insta-count-r{font-size:16px;vertical-align:middle}.insta-count-l{font-size:16px;vertical-align:middle;margin-right:16px}.tw-container{padding:16px}.fb-back{background:#fff}.facebook-wrapper{max-width:500px;margin:0 auto;padding:16px}.facebook-wrapper>.fb-page{width:100%}.facebook-wrapper>.fb-page>span,.facebook-wrapper iframe{width:100%!important}.youtube{position:relative;width:100%;padding-top:56.25%;margin-bottom:16px}.youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}