@charset "UTF-8";html{font-size:100%}body{color:#1e1e1e;background-color:#f8f3ec;font-family:"Kiwi Maru",serif}img{width:100%}a{text-decoration:none;color:#1e1e1e}ul{list-style:none}.wrap{max-width:1200px;margin:0 auto;padding:0 2%}.site-ttl{padding:30px 2%}.site-ttl img{max-width:420px}.flex{display:flex;justify-content:space-between;align-items:center;text-align:center}.section-ttl{position:relative;margin-top:40px}.section-ttl h2{font-family:"Montserrat Alternates",sans-serif;font-weight:400;font-size:2rem;color:#f8f3ec;width:300px;height:70px;line-height:70px;background-color:#6a8fbf;border-radius:20px;text-align:center}.section-ttl h2:after{position:absolute;content:"";width:280px;height:60px;border:2px dotted #f8f3ec;border-radius:20px;top:5px;left:10px}.section-ttl span{position:absolute;width:300px;height:30px;line-height:30px;color:#6a8fbf;display:block;text-align:right;padding:0 16px;left:120px;bottom:-10px}.section-ttl span:before{position:absolute;content:"";width:300px;height:30px;background-color:#f8f3ec;border-radius:5px;transform:skewX(-20deg);left:0;box-shadow:2px 2px 4px 0 #1e1e1e;z-index:-1}.fadein{opacity:0;transform:translateY(20px);transition:all 1s}@media screen and (max-width:800px){.section-ttl{margin:40px auto;text-align:center;width:fit-content}.section-ttl span{left:0;bottom:-25px;text-align:center;width:100%}}header{position:relative;text-align:center;background:linear-gradient(60deg,rgba(251,228,202,1) 0%,rgba(231,167,160,1) 100%);color:#1e1e1e}nav{padding-right:2%}.nav-list li{margin-left:24px;padding:8px}.nav-list li a{transition:.5s}.get{width:150px;height:30px;background-color:#f8f3ec;position:relative}.get input{position:absolute;width:145px;height:30px;top:0;left:5px}.get button{position:absolute;width:20px;right:5px;top:2px;background:0 0;border:none;padding:0;cursor:pointer}.nav-list li a:hover{color:#f8f3ec}.hamburger{display:none}#mask{display:none}.search-form{width:140px;height:30px;background-color:#f8f3ec}.waves{position:relative;width:100%;height:7vh;margin-bottom:-7px;min-height:100px;max-height:150px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media (max-width:800px){.waves{height:40px;min-height:40px}h1{font-size:24px}.header-nav{background:#fbe4ca;border-radius:20px;width:70vw;height:50vh;padding:25px;position:fixed;top:-50vh;right:0;opacity:0;transition:.5s;z-index:20}.open .header-nav{top:10vh;right:20vw;opacity:1}header .nav-list{flex-direction:column}header .nav-list li{margin-left:0;margin-bottom:16px}.hamburger{display:block;width:40px;height:40px;cursor:pointer;position:fixed;top:20px;right:20px;transition:all .5s;z-index:20}.hamburger span{width:30px;height:2px;background-color:#333;border-radius:4px;display:block;position:absolute;left:0;transition:.5s}.hamburger span:nth-child(1){top:30%}.hamburger span:nth-child(2){top:50%}.hamburger span:nth-child(3){top:70%}.open .hamburger span:nth-child(1){transform:translateY(8px) rotate(-45deg)}.open .hamburger span:nth-child(2){opacity:0}.open .hamburger span:nth-child(3){transform:translateY(-8px) rotate(45deg)}#mask{display:none;transition:.5s}.open #mask{width:100%;height:100%;background-color:#fff;cursor:pointer;display:block;opacity:.6;position:fixed;top:0;left:0;z-index:1}}.full_content{max-width:750px;position:relative;margin:10px auto 0;clear:both}.tabmenu{background:#333;float:left;list-style:none;padding:10px 0 10px;color:#fff}.tabcontent{width:100%;margin-top:5%;left:0;position:absolute}.fadein-start{animation:fadein .8s ease forwards}@keyframes fadein{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}#blog,.search-results{margin-bottom:40px}.search-results .section-ttl{margin-bottom:60px}.search-ttl{font-weight:400;background-color:#fbe4ca;margin:0 20px;padding:5px 20px;border-radius:20px;margin-bottom:40px}.tab-container .tab{float:right;max-width:80px;margin-top:40px;margin-left:16px;font-size:.7rem}.tab{text-align:center;align-items:center;padding:10px;border-radius:20px;cursor:pointer}.tab:hover{opacity:.6}.tab:nth-of-type(1).active{background-color:#fbe4ca}.tab:nth-of-type(2).active{background-color:#6a8fbf}.tab:nth-of-type(3).active{background-color:#e7a7a0}.tab:nth-of-type(4).active{background-color:#d3ae7a}#blog .content{display:none}#blog .content.show{display:block}.content-container{width:98%;margin-top:40px}.content-container .grid,#works .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;justify-content:center;align-items:center}#works .grid{margin-top:40px}.content-container li,#works .grid li{margin:0 auto}.content-container li a,#works .grid li a{display:block;width:300px;border-radius:10px;padding:10px;background-color:#fbe4ca;transition:.5s}.content-container .web,#works .web{background-color:#6a8fbf}.content-container .kids{background-color:#e7a7a0}.content-container .cafe{background-color:#d3ae7a}#works .work{background-color:#fbe4ca}.content-container li a:hover,#works li a:hover{transform:translate(2px,2px);.text span{font-size:1rem}.text span:after{width:80px}}.content-container li img,#works li img{height:120px;object-fit:cover;border-radius:10px 10px 0 0;transition:.5s}.content-container li .text,#works li .text{height:120px;background-color:#f8f3ec;border-radius:0 0 10px 10px;text-align:left;padding:10px 0 10px 10px;position:relative;transition:.5s}.content-container .text .category,#works li .category{font-size:.75rem}.content-container .text h3,#works li h3{font-weight:400;font-size:1.15rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-container .text span,#works .text span{position:absolute;font-size:.75rem;display:block;padding-right:30px;bottom:5px;right:5px;transition:.5s}.content-container .text span:after,#works .text span:after{position:absolute;content:"";width:25px;height:5px;transform:skewX(40deg);border-right:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;bottom:0;right:2px;transition:.5s}.pnavi{margin:40px auto;display:flex;justify-content:center}.pnavi .page-numbers,.pnavi .current{display:inline-flex;width:40px;height:40px;margin-left:15px;justify-content:center;align-items:center;border:1px solid #e7a7a0;border-radius:50%;transition:.5s;position:relative}.pnavi .page-numbers:hover,.pnavi .current:hover{transform:translate(2px,2px);opacity:.7}.pnavi .dots{width:1px;border:none}.pnavi .current{background-color:#e7a7a0}.pnavi .prev:after,.pnavi .next:after{position:absolute;content:"";width:18px;height:5px;border-bottom:1px solid #1e1e1e}.pnavi .prev:after{transform:skewX(-45deg) translateY(-50%) translateX(-50%);border-left:1px solid #1e1e1e;top:50%;left:50%}.pnavi .next:after{transform:skewX(45deg) translateY(50%) translateX(50%);border-right:1px solid #1e1e1e;bottom:50%;right:60%}@media screen and (max-width:800px){.column{flex-direction:column;text-align:center}#works{text-align:center}#blog .section-ttl{position:initial}.tab-container .tab{margin:40px 0 0}}@media screen and (max-width:480px){.pnavi .page-numbers,.pnavi .current{width:30px;height:30px;font-size:.875rem;margin-left:5px}}#contact{margin-bottom:80px}#contact p{margin:40px 120px;text-align:left}#contact .btn{margin-left:120px}#contact .btn,.contact-form .btn input{display:block;color:#f8f3ec;background-color:#b4c9b4;font-size:1.2rem;width:350px;height:60px;line-height:60px;border-radius:20px;text-align:center;box-shadow:2px 4px 4px 0 #8a8a8a;transition:.5s}#contact .btn:hover,.contact-form .btn input:hover{color:#1e1e1e;transform:translate(2px,2px);box-shadow:none}@media screen and (max-width:800px){#contact p{margin:40px 0}#contact .btn{margin:0}}#profile{max-width:350px;background-color:#fbe4ca;padding:24px 8px;border-radius:20px}#profile .flex{padding:24px}#profile img{width:100px;height:100px;border:1px solid #1e1e1e;border-radius:50%}#profile p{text-align:left;padding:0}#ranking .grid{margin:40px 0 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;justify-content:center;align-items:center}#ranking .grid li{margin:0 auto;height:150px}#ranking a{display:block;max-width:240px;border-radius:10px;background-color:#fbe4ca;line-height:1;transition:.5s}#ranking a:hover{background-color:#f8f3ec;transform:translate(2px,2px)}#ranking img{width:240px;height:130px;object-fit:cover;border-radius:10px;padding:2%;transition:.5s}@media screen and (max-width:800px){#ranking{text-align:center}}footer{padding-top:32px;background:linear-gradient(60deg,rgba(251,228,202,1) 0%,rgba(231,167,160,1) 100%)}.copyright{text-align:center;padding:50px 0 16px}.page-top{position:fixed;display:flex;width:50px;height:50px;justify-content:end;align-items:end;right:40px;bottom:20px;font-size:.875rem;color:#1e1e1e;cursor:pointer;opacity:0;visibility:hidden;transition:.2s}.page-top:after{position:absolute;content:"";width:10px;height:40px;transform:skewY(-40deg);border-right:2px solid #1e1e1e;border-top:2px solid #1e1e1e;bottom:-5px;right:-10px}.is-active{opacity:1;visibility:visible}.blog-page .flex-top{display:flex;justify-content:space-between;align-items:start}.blog-page main{width:65%;margin-right:10px}.blog-page aside{width:350px}#blog-content{margin-top:40px}#blog-content .content-ttl p{font-size:.875rem}#blog-content .content-ttl h1{font-size:1.6rem;margin:0 0 40px;text-align:left}#blog-content .thumbnail{width:90%;margin:0 auto 40px}#blog-content .thumbnail img{border-radius:20px;width:100%;height:auto;object-fit:cover}#blog-content p{text-align:left;margin-bottom:24px}#blog-content h2{width:100%;background-color:#e7a7a0;font-size:1.5rem;font-weight:400;border-radius:10px;padding:8px 16px 16px;text-align:left;position:relative;margin-bottom:24px}#blog-content h2:after{position:absolute;content:"";width:98%;border:2px dotted #f8f3ec;right:1%;bottom:8px}#blog-content h3{width:100%;background-color:#fbe4ca;font-size:1.5rem;font-weight:400;border-radius:10px;padding:12px 8px 12px 40px;text-align:left;position:relative;margin-bottom:24px}#blog-content h3:after{position:absolute;content:"";width:15px;height:100%;border-radius:10px;background-color:#e7a7a0;top:0;left:16px}#blog-content ul,#blog-content ol{background-color:#f8f3ec;border:3px solid #e7a7a0;border-radius:20px;text-align:left;list-style-position:inside;padding:16px 24px;margin:0 5% 24px;overflow:hidden}#blog-content ul li{margin-bottom:8px;padding-left:24px;position:relative;line-height:1.6;word-wrap:break-word}#blog-content ul li:before{position:absolute;content:"";width:10px;height:10px;background-color:#e7a7a0;border-radius:50%;top:.5em;left:0;transform:translateY(0);-webkit-transform:translateY(0)}#blog-content ol{counter-reset:number;list-style-type:none !important}#blog-content ol li{position:relative;padding-left:24px;margin-bottom:8px;line-height:1.6;word-wrap:break-word}#blog-content ol li:before{position:absolute;counter-increment:number;content:counter(number);display:inline-block;font-weight:700;color:#e7a7a0;font-size:1rem;border-radius:50%;left:0;transform:translateY(0);-webkit-transform:translateY(0);width:10px;height:10px}.wp-block-image img{object-fit:cover;margin-bottom:24px}#sidebar #profile{margin-top:40px;transition:.5s}#sidebar .fixed{position:fixed;top:10px;left:auto;z-index:1}#sidebar .fixed.none{opacity:0;z-index:-1}.blog-page .btn{margin:80px auto;justify-content:center}.blog-page .btn a{width:100px;background-color:#fbe4ca;padding:10px;border-radius:10px;position:relative;outline:2px solid #e7a7a0;transition:.5s;display:block;margin-left:16px;z-index:4}.blog-page .btn a:hover{background-color:#e7a7a0;outline:1px solid #fbe4ca;transform:translate(2px,2px)}.blog-page .front-btn a{width:110px;padding:10px 5px 10px 30px;margin-left:0}.blog-page .front-btn a:before{position:absolute;content:"";width:16px;height:5px;top:50%;left:15px;transform:skewX(-40deg);border-bottom:1px solid #1e1e1e;border-left:1px solid #1e1e1e;z-index:2;pointer-events:none}.blog-page .next-btn a{width:110px;padding:10px 30px 10px 5px;position:relative;z-index:10}.blog-page .next-btn a:before{position:absolute;content:"";width:16px;height:5px;top:50%;right:15px;transform:skewX(40deg);border-bottom:1px solid #1e1e1e;border-right:1px solid #1e1e1e;z-index:3;pointer-events:none}.marker-a{border-bottom:1px solid #1e1e1e;background:linear-gradient(transparent 60%,#fbe4ca 60%)}.marker-6a8fbf{background:linear-gradient(transparent 60%,#6a8fbf 60%);color:#fff}.marker-e7a7a0{background:linear-gradient(transparent 60%,#e7a7a0 60%)}.marker-d3ae7a{background:linear-gradient(transparent 60%,#d3ae7a 60%)}@media screen and (max-width:800px){.blog-page main{width:100%}.blog-page aside{width:100%}#sidebar .fixed{position:unset;top:10px;left:auto;z-index:1}#sidebar .fixed.none{opacity:1}.blog-page aside{width:100%;text-align:center}.blog-page #profile{display:inline-block;margin:0 auto}#contact,#contact p{text-align:center}#contact .btn{display:inline-block}}.section-text{margin:56px}.contact-form{margin-bottom:60px}.contact-form dl{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.contact-form dt{width:25%;text-align:left}.contact-form dd{width:72%}.contact-form dd .area{width:100%;padding:10px;background-color:#fbe4ca;border-radius:10px;margin:16px 0}.contact-form .btn{margin-top:40px;margin-bottom:40px;text-align:center}.contact-form .btn input{width:250px;display:inline-block}@media screen and (max-width:800px){.contact{text-align:center}.contact .section-text{text-align:center}.contact-form dl{flex-direction:column}.contact-form dt{width:100%}.contact-form dd{width:100%}.wpcf7-spinner{display:block}}#thanks p{margin:60px}