﻿.eng{font-size:1.2em;line-height:1.4em;vertical-align:-0.03em}h1,h2,h3,p,a{margin:0;line-height:1.8;word-wrap:break-word}a{color:#868686;text-decoration:none;transition:all .5s}a:visited{color:#868686}a:hover{color:#c8c8c8}a.highLight{transition:all 0s;color:#c8c8c8}a.more{margin:10px 0 0 auto;font-size:13px;font-weight:600;position:relative;padding-bottom:2px;border-bottom:#c8c8c8 solid 1px}a.more::before{content:"";position:absolute;right:0;bottom:-0.5px;width:0;height:1px;background-color:#c8c8c8;transition:width .5s ease}a.more:hover{border-bottom:rgba(220,220,220,0) solid 1px}a.more:hover::before{width:100%;left:0}section{transition:all .5s 0s}section.intersectionBgColor{transition:all .5s .5s;background-color:#f6ffff}#body{color:#868686;font-family:bilo,source-han-sans-cjk-ja,sans-serif;font-weight:300;font-style:normal;letter-spacing:.1em;text-align:justify;text-justify:inter-ideograph;background-color:#fff;scroll-behavior:smooth}header{position:fixed;width:calc(100% - 20px);z-index:1000;margin:0 10px}@keyframes pageOpen{0%{opacity:0}100%{opacity:1}}header .scroll{position:fixed;right:10px;top:calc(100vh - 10px);transform:translateY(-100%);display:flex;flex-direction:column;align-items:center;opacity:0;transition:all .5s;animation:pageOpen 1s 0s forwards;z-index:100;pointer-events:none}header .scroll.scrollAtTop{animation:pageOpen 1s 6s forwards}header .scroll.hide{animation:hideScroll .5s 0s forwards}@keyframes hideScroll{0%{opacity:1}100%{opacity:0}}header .scroll .lottie{width:50px;height:100px}header .scroll p{font-size:16px;text-align:center;margin:0}header .menu{display:flex;position:relative;z-index:500;flex-direction:row;justify-content:space-between;align-items:center;width:100%;opacity:0;animation:pageOpen 1s 3s forwards}header .menu .menu-top{font-size:20px;margin:0;z-index:4000}header .menu .menu-twitter{margin:auto auto auto 5px;padding-left:15px;position:relative;line-height:1;z-index:4000}header .menu .menu-twitter svg{width:15px}header .menu .menu-twitter svg .st0{transition:all .5s}header .menu .menu-twitter::before{content:"";display:block;width:13px;height:1px;background-color:#868686;position:absolute;top:50%;left:0;transform:rotate(-65deg)}header .menu .menu-twitter:hover .st0{fill:#c8c8c8}header .menu .menu-main{transition:all .5s 0s ease;position:absolute;top:0;right:-10px;overflow:hidden;height:100vh;width:100vw;opacity:0;pointer-events:none;background-color:#f6ffff;z-index:500}header .menu .menu-main.open{pointer-events:auto;opacity:1}header .menu .menu-main .menu-contents{display:flex;flex-direction:column;height:100%;padding:0;margin:10vh 0 0 0}header .menu .menu-main .menu-contents li{text-align:end;margin:20px 30px 20px auto;list-style:none;position:relative}header .menu .menu-main .menu-contents li a{font-size:45px;line-height:1em;font-weight:600;border-bottom:1px solid #c8c8c8}header .menu .menu-main .menu-contents li a::before{content:attr(title);position:absolute;right:0;top:-5px;font-size:10px;line-height:1em}header .menu .hamburger{width:30px;height:40px;background:none;border:none;padding:0;z-index:2000}header .menu .hamburger .hamburger-bar{display:block;width:100%;height:1px;background-color:#c8c8c8;transition:all .5s .5s ease}header .menu .hamburger .hamburger-bar#bar-1{margin-bottom:3px}header .menu .hamburger .hamburger-bar#bar-1.open{margin-bottom:0;transform:rotate(30deg) translateY(100%)}header .menu .hamburger .hamburger-bar#bar-2.open{opacity:0}header .menu .hamburger .hamburger-bar#bar-3{margin-top:3px}header .menu .hamburger .hamburger-bar#bar-3.open{margin-top:0;transform:rotate(-30deg) translateY(-100%)}@media screen and (min-width: 960px){header{width:calc(100% - 30px);margin:0 15px}header .menu .menu-top{font-size:28px}header .menu .menu-twitter{margin:auto auto auto 10px;padding-left:20px}header .menu .menu-twitter:before{width:18px}header .menu .menu-twitter svg{width:20px}header .menu .menu-main{position:static;height:auto;width:auto;opacity:1;pointer-events:auto;background:none}header .menu .menu-main .menu-contents{flex-direction:row;justify-content:space-between;margin:0}header .menu .menu-main .menu-contents li{overflow:visible;margin:20px 20px 10px 20px}header .menu .menu-main .menu-contents li a{font-size:30px;border-bottom:none}header .menu .menu-main .menu-contents li a:before{width:calc(100% + 80px);text-align:center;font-size:10px;top:-10px;left:50%;transform:translateX(-50%)}header .menu .hamburger{display:none}}footer{position:relative}footer .menu-footer .menu-footer-main{border-top:#c8c8c8 solid 1px}footer .menu-footer .menu-footer-main .menu-footer-contents{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin:0;padding:20px}footer .menu-footer .menu-footer-main .menu-footer-contents li{list-style:none;padding:5px 15px}footer .menu-footer .menu-footer-main .menu-footer-contents li a{font-size:14px;font-weight:600}footer .footer-last{display:flex;background-color:#f6ffff;border-top:#c8c8c8 solid 1px;justify-content:center;padding:20px 0}footer .footer-last .copyright{text-align:center;font-size:10px;margin:0}footer .footer-last .menu-twitter{line-height:1;transition:all .5s;margin-left:20px}footer .footer-last .menu-twitter:hover .st0{fill:#c8c8c8}footer .footer-last .menu-twitter svg{width:15px}footer .footer-last .menu-twitter svg .st0{transition:all .5s}@media screen and (min-width: 768px){footer br{display:none}}main#top .intersectionBgColor .text{box-shadow:-0.75em .75em #c8c8c8}main#top .text{box-shadow:0 0 #c8c8c8;transition:all .5s 1.25s ease}main#top .text h2.top-heading{font-size:100px;line-height:1;position:absolute;top:-110px;left:40px;z-index:5;transform-origin:left;transform:rotate(90deg) translateY(100%) scale(100%, 95%);transition:all 1s 1s ease;text-shadow:0 0 #c8c8c8}@keyframes animateHeader1{0%{transform:rotate(90deg) translateY(100%) scale(100%, 95%)}50%{transform:rotate(90deg) translateY(-20px) scale(90%, 110%);letter-spacing:-0.05em}100%{transform:rotate(90deg) translateY(0) scale(100%, 100%)}}@keyframes animateHeader2{0%{transform:rotate(90deg) translateY(100%) scale(100%, 95%)}50%{transform:rotate(90deg) translateY(-20px) scale(90%, 110%);letter-spacing:-0.05em}100%{transform:rotate(90deg) translateY(0) scale(100%, 100%)}}main#top .text h2.top-heading::before{content:attr(title);position:absolute;left:35px;top:30px;font-size:10px;writing-mode:vertical-lr;transform:rotate(-90deg) translateX(20%);transform-origin:top;line-height:1em;opacity:0;transition:all .5s 1.25s ease}main#top .text h2.top-heading.active{will-change:animation;animation:animateHeader1 1s .5s cubic-bezier(1, 0, 0.25, 1) forwards;text-shadow:.05em .05em #c8c8c8}main#top .text h2.top-heading.active::before{opacity:1;transform:rotate(-90deg) translateX(0);text-shadow:-0.2em .2em #c8c8c8}main#top .text h2.top-heading.passive{will-change:animation;transform:rotate(90deg) translateY(0) scale(100%, 100%);animation:animateHeader2 1s .5s cubic-bezier(1, 0, 0.25, 1) forwards reverse}main .lottie{width:75%;max-width:600px}main .lottie.mono{transition:filter .5s 0s;filter:grayscale(1)}main .lottie.mono:hover{filter:grayscale(0)}main .pagination{border-top:#c8c8c8 solid 1px}main .pagination ul{width:100%;display:flex;justify-content:center;padding:0;margin:0}main .pagination ul li{font-size:15px;font-weight:600;list-style:none;margin:10px}main .pagination ul li a{border-bottom:#c8c8c8 solid 1px}main .pagination ul li .current{font-weight:300;line-height:1.8;border-bottom:none}main .breadcrumbs{background-color:#fff;font-size:14px;font-weight:600;width:100%;padding:5px 10px;border-top:#c8c8c8 solid 1px;border-bottom:#c8c8c8 solid 1px}main .breadcrumbs p{display:inline}main section{display:flex;flex-direction:column;align-items:center;position:relative;border-top:#c8c8c8 solid 1px;padding:100px 0}main section.eyecatch{border-top:none;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center}@keyframes topWords{0%{transform:translate(0, 1.5em);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes topWordsNoFade{0%{transform:translate(0, 2rem)}100%{transform:translate(0, 0)}}main section.eyecatch h1{margin:0;font-size:15px;font-style:italic;font-weight:300;opacity:0;animation:topWords 3s 3s forwards}main section.eyecatch h1.port-top{font-size:2.2vw;font-weight:600;letter-spacing:.9em}main section.eyecatch .catchcopy-wrap{display:flex;font-size:2.4vw;position:relative;overflow-y:hidden}main section.eyecatch .catchcopy-wrap:after{content:"";height:1px;width:calc(100% - .5rem);position:absolute;background-color:#c8c8c8;transform-origin:0%;transform:scaleX(0%);bottom:0;left:0;animation:animateBorder 1.5s 5s cubic-bezier(1, 0, 0.75, 1) forwards}@keyframes animateBorder{0%{transform:scaleX(0%)}100%{transform:scaleX(100%)}}main section.eyecatch .catchcopy-wrap .catchcopy{font-style:italic;letter-spacing:.3em;transform:translate(0, 2rem)}main section.eyecatch .catchcopy-wrap .catchcopy.one{animation:topWordsNoFade 2s 4.5s cubic-bezier(1, 0, 0.75, 1.25) forwards}main section.eyecatch .catchcopy-wrap .catchcopy.two{animation:topWordsNoFade 2s 4.75s cubic-bezier(1, 0, 0.75, 1.25) forwards}main section.eyecatch .catchcopy-wrap .catchcopy.three{animation:topWordsNoFade 2s 5s cubic-bezier(1, 0, 0.75, 1.25) forwards}main section.greeting::before,main section.web::before,main section.movie::before,main section.graphic::before,main section.about::before,main section.blog::before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;border:solid #c8c8c8 1px;background-color:#fff;filter:grayscale(1);top:0;left:50%;animation:rotateImage 18s linear infinite;transition:filter .5s}main section.greeting::before:hover,main section.web::before:hover,main section.movie::before:hover,main section.graphic::before:hover,main section.about::before:hover,main section.blog::before:hover{filter:grayscale(0)}@keyframes rotateImage{0%{transform:translate(-50%, -50%) rotate(0)}100%{transform:translate(-50%, -50%) rotate(360deg)}}main section.career{padding:50px 0}main section.career .text img{width:30%;border:1px solid #c8c8c8}main section.career .text h2{margin-top:40px;margin-bottom:20px;font-size:18px;position:relative}main section.career .text h2::before{content:attr(title);position:absolute;left:50%;top:-5px;transform:translateX(-50%);font-size:10px;line-height:1em;white-space:nowrap}main section.career .text p{font-size:13px}main section.favorite{padding:100px 0}main section.favorite h2{font-size:18px;text-align:center;width:100%;margin:40px 0;position:relative}main section.favorite h2::before{content:attr(title);position:absolute;left:50%;top:-5px;transform:translateX(-50%);font-size:10px;line-height:1em}main section.favorite .favorite-contents-wrap{display:flex;flex-direction:column;width:85%}main section.favorite .favorite-contents-wrap .text{padding:30px;margin-bottom:60px;width:100%}main section.favorite .favorite-contents-wrap .text img{width:100%;border:1px solid #c8c8c8}main section.favorite .favorite-contents-wrap .text h3{margin-top:20px;font-size:18px}main section.favorite .favorite-contents-wrap .text p{margin-top:20px;font-size:13px}main section.greeting::before{background-image:url(../img/mota_face.svg)}main section.web::before{background-image:url(../img/megane.svg)}main section.movie::before{background-image:url(../img/boushi.svg)}main section.graphic::before{background-image:url(../img/gejimayu.svg)}main section.about::before{background-image:url(../img/kuchi.svg)}main section.blog::before{background-image:url(../img/hana.svg)}main section .text{display:flex;flex-direction:column;align-items:center;width:85%;max-width:600px;padding:30px;background-color:#fff;border:#c8c8c8 solid 1px}main .works{width:100%;display:flex;flex-direction:column}main .works section{align-items:flex-start;padding:70px 0;border-top:1px solid #c8c8c8}main .works section .thumbnail{width:85%;margin:0 auto}main .works section .thumbnail .img-wrap img{width:100%;border:#c8c8c8 solid 1px}main .works section h2{position:relative;font-size:13px;line-height:1.2;margin:0 7.5%}main .works section h2 a.more{margin-top:0;display:inline-block}main.single-movie,main.single-web,main.single-graphic,main.single-blog-wrap{padding-top:40px;background-color:#f6ffff}main.single-movie .pre-next-work,main.single-web .pre-next-work,main.single-graphic .pre-next-work,main.single-blog-wrap .pre-next-work{display:flex;flex-direction:row;background-color:#fff;font-size:14px;font-weight:600;width:100%;border-top:#c8c8c8 solid 1px}main.single-movie .pre-next-work .nav-next,main.single-movie .pre-next-work .nav-previous,main.single-web .pre-next-work .nav-next,main.single-web .pre-next-work .nav-previous,main.single-graphic .pre-next-work .nav-next,main.single-graphic .pre-next-work .nav-previous,main.single-blog-wrap .pre-next-work .nav-next,main.single-blog-wrap .pre-next-work .nav-previous{width:50%;padding:5px 10px}main.single-movie .pre-next-work .nav-next,main.single-web .pre-next-work .nav-next,main.single-graphic .pre-next-work .nav-next,main.single-blog-wrap .pre-next-work .nav-next{text-align:right;margin-right:auto}main.single-movie .pre-next-work .nav-previous,main.single-web .pre-next-work .nav-previous,main.single-graphic .pre-next-work .nav-previous,main.single-blog-wrap .pre-next-work .nav-previous{text-align:left;margin-left:auto}main.single-movie .single-work,main.single-web .single-work,main.single-graphic .single-work,main.single-blog-wrap .single-work{padding:0 0 50px 0;border-top:none}main.single-movie .single-work .work-eyecatch,main.single-web .single-work .work-eyecatch,main.single-graphic .single-work .work-eyecatch,main.single-blog-wrap .single-work .work-eyecatch{width:100%;height:0;padding-top:30%;overflow-y:hidden;position:relative;border-bottom:#c8c8c8 solid 1px}main.single-movie .single-work .work-eyecatch img,main.single-web .single-work .work-eyecatch img,main.single-graphic .single-work .work-eyecatch img,main.single-blog-wrap .single-work .work-eyecatch img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;opacity:.5}main.single-movie .single-work h1,main.single-web .single-work h1,main.single-graphic .single-work h1,main.single-blog-wrap .single-work h1{width:85%;max-width:600px;text-align:left;font-size:13px;margin:30px 10px 0 10px;border-bottom:#c8c8c8 solid 1px}main.single-movie .single-work h2,main.single-web .single-work h2,main.single-graphic .single-work h2,main.single-blog-wrap .single-work h2{width:85%;max-width:600px;text-align:left;margin:5px 10px 0 10px;font-size:20px}main.single-movie .single-work .text,main.single-web .single-work .text,main.single-graphic .single-work .text,main.single-blog-wrap .single-work .text{margin:15px 0 0 0;padding:15px;font-size:14px}main.single-movie .single-work .text article .entry-header,main.single-web .single-work .text article .entry-header,main.single-graphic .single-work .text article .entry-header,main.single-blog-wrap .single-work .text article .entry-header{display:none}main.single-movie .single-work .text article .entry-content,main.single-web .single-work .text article .entry-content,main.single-graphic .single-work .text article .entry-content,main.single-blog-wrap .single-work .text article .entry-content{margin:0}main.single-movie .single-work .text article .entry-content h3,main.single-web .single-work .text article .entry-content h3,main.single-graphic .single-work .text article .entry-content h3,main.single-blog-wrap .single-work .text article .entry-content h3{margin:1em 0 .5em 0;padding:0 .4em;font-size:11px;background-color:#f6ffff;border:1px #c8c8c8 solid;display:inline-block}main.single-movie .single-work .text article .entry-content h4,main.single-web .single-work .text article .entry-content h4,main.single-graphic .single-work .text article .entry-content h4,main.single-blog-wrap .single-work .text article .entry-content h4{margin:1em 0 .5em 0em}main.single-movie .single-work .text article .entry-content p,main.single-web .single-work .text article .entry-content p,main.single-graphic .single-work .text article .entry-content p,main.single-blog-wrap .single-work .text article .entry-content p{margin-bottom:.5em}main.single-movie .single-work .text article .entry-content ul,main.single-movie .single-work .text article .entry-content ol,main.single-web .single-work .text article .entry-content ul,main.single-web .single-work .text article .entry-content ol,main.single-graphic .single-work .text article .entry-content ul,main.single-graphic .single-work .text article .entry-content ol,main.single-blog-wrap .single-work .text article .entry-content ul,main.single-blog-wrap .single-work .text article .entry-content ol{margin-left:0}main.single-movie .single-work .text article .entry-content figure img,main.single-web .single-work .text article .entry-content figure img,main.single-graphic .single-work .text article .entry-content figure img,main.single-blog-wrap .single-work .text article .entry-content figure img{border:1px #c8c8c8 solid}main.single-movie .single-work .text article .entry-content figure+p,main.single-web .single-work .text article .entry-content figure+p,main.single-graphic .single-work .text article .entry-content figure+p,main.single-blog-wrap .single-work .text article .entry-content figure+p{margin-top:2em}main.single-movie .single-work .text article .entry-content figcaption,main.single-web .single-work .text article .entry-content figcaption,main.single-graphic .single-work .text article .entry-content figcaption,main.single-blog-wrap .single-work .text article .entry-content figcaption{font-size:12px;text-align:center}main.single-movie .single-work .text a,main.single-web .single-work .text a,main.single-graphic .single-work .text a,main.single-blog-wrap .single-work .text a{margin-left:auto;font-weight:600;border-bottom:#c8c8c8 solid 1px}main.single-movie .single-work .text alink:hover,main.single-web .single-work .text alink:hover,main.single-graphic .single-work .text alink:hover,main.single-blog-wrap .single-work .text alink:hover{border-bottom:rgba(220,220,220,0) solid 1px}main.single-movie .single-work .text a p,main.single-web .single-work .text a p,main.single-graphic .single-work .text a p,main.single-blog-wrap .single-work .text a p{font-size:13px}main.single-movie .single-work .single-web-img,main.single-movie .single-work .single-graphic-img,main.single-web .single-work .single-web-img,main.single-web .single-work .single-graphic-img,main.single-graphic .single-work .single-web-img,main.single-graphic .single-work .single-graphic-img,main.single-blog-wrap .single-work .single-web-img,main.single-blog-wrap .single-work .single-graphic-img{display:flex;flex-direction:column;align-items:end;margin-top:100px;width:85%;max-width:600px}main.single-movie .single-work .single-web-img img,main.single-movie .single-work .single-graphic-img img,main.single-web .single-work .single-web-img img,main.single-web .single-work .single-graphic-img img,main.single-graphic .single-work .single-web-img img,main.single-graphic .single-work .single-graphic-img img,main.single-blog-wrap .single-work .single-web-img img,main.single-blog-wrap .single-work .single-graphic-img img{width:100%;border:#c8c8c8 solid 1px}main.single-movie .single-work .single-web-img a,main.single-movie .single-work .single-graphic-img a,main.single-web .single-work .single-web-img a,main.single-web .single-work .single-graphic-img a,main.single-graphic .single-work .single-web-img a,main.single-graphic .single-work .single-graphic-img a,main.single-blog-wrap .single-work .single-web-img a,main.single-blog-wrap .single-work .single-graphic-img a{margin-top:10px;font-size:13px;font-weight:600;border-bottom:#c8c8c8 solid 1px}main.single-movie .single-work .single-web-img alink:hover,main.single-movie .single-work .single-graphic-img alink:hover,main.single-web .single-work .single-web-img alink:hover,main.single-web .single-work .single-graphic-img alink:hover,main.single-graphic .single-work .single-web-img alink:hover,main.single-graphic .single-work .single-graphic-img alink:hover,main.single-blog-wrap .single-work .single-web-img alink:hover,main.single-blog-wrap .single-work .single-graphic-img alink:hover{border-bottom:rgba(220,220,220,0) solid 1px}main.single-movie .single-work .work-note,main.single-web .single-work .work-note,main.single-graphic .single-work .work-note,main.single-blog-wrap .single-work .work-note{margin-top:20px;width:85%;max-width:600px;text-align:right;font-size:13px}main .error-404 h1{font-size:60px;text-shadow:.1em .1em #c8c8c8;margin:0}main .error-404 .lottie{width:30%;min-width:300px}@media screen and (min-width: 768px){main#top .text h2.top-heading{font-size:140px;top:-145px;left:55px}main#top .text h2.top-heading::before{left:45px;top:40px;font-size:14px}main section.eyecatch h1.port-top{font-size:18px;letter-spacing:.8em}main section.eyecatch .catchcopy-wrap .catchcopy{font-size:18px}main section.favorite .favorite-contents-wrap{flex-direction:row;justify-content:space-between;flex-wrap:wrap}main section.favorite .favorite-contents-wrap .text{width:30%}main .works{flex-direction:row;flex-wrap:wrap}main .works section{width:33.333%}main .works section:last-of-type:nth-of-type(3n + 1){width:100%;padding-right:66.666%}main .works section:last-of-type:nth-of-type(3n + 2){width:66.666%;padding-right:33.333%}}@media screen and (min-width: 960px){main#top .text h2.top-heading{font-size:250px;top:-265px;left:105px}main#top .text h2.top-heading::before{left:75px;top:80px;font-size:19px}main.single-movie,main.single-web,main.single-graphic,main.single-blog-wrap{padding-top:60px}}main.blog-wrap-wrap div.eyecatch2{height:auto;padding:60px 0 20px 0;background-color:#f6ffff}main.blog-wrap-wrap div.eyecatch2 h1{font-size:15px;font-weight:300;font-style:italic;text-align:center}main.blog-wrap-wrap div.blog-wrap{display:flex;flex-direction:column}main.blog-wrap-wrap div.blog-wrap .single-blog-content{justify-content:center}main.blog-wrap-wrap div.blog-wrap .breadcrumbs{border-bottom:none}main.blog-wrap-wrap div.blog-wrap .archive-blog-wrap{display:flex;flex-direction:column;margin-bottom:auto}main.blog-wrap-wrap div.blog-wrap section{padding:50px 0}main.blog-wrap-wrap div.blog-wrap section.archive-blog{width:100%;padding:50px 20px;display:flex;flex-direction:row;align-items:stretch}main.blog-wrap-wrap div.blog-wrap section.archive-blog:first-of-type{border-top:none}main.blog-wrap-wrap div.blog-wrap section.archive-blog a{width:30%;max-width:300px;margin-left:auto}main.blog-wrap-wrap div.blog-wrap section.archive-blog a div{width:100%;height:100%;background-size:cover;background-position:center;border:#c8c8c8 solid 1px;border-right:none}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text{width:70%;padding:15px;margin-right:auto}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text .blog-date{font-size:10px}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text .blog-categories li a p{font-size:10px}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text h2{font-size:20px;margin:10px 0;text-align:left}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text h2 a{border-bottom:#fced22 .3em solid}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text p{font-size:15px}main.blog-wrap-wrap div.blog-wrap section.archive-blog .text p .more{display:inline-block;width:auto;margin:0}main.blog-wrap-wrap div.blog-wrap section .text{align-items:flex-start;width:90%}main.blog-wrap-wrap div.blog-wrap section .text .blog-date{font-size:13px}main.blog-wrap-wrap div.blog-wrap section .text .blog-categories{display:flex;margin:0;padding:0}main.blog-wrap-wrap div.blog-wrap section .text .blog-categories li{font-size:13px;font-weight:600;list-style:none;margin-right:10px;border-bottom:#c8c8c8 solid 1px}main.blog-wrap-wrap div.blog-wrap section .text h1{font-size:24px}main.blog-wrap-wrap div.blog-wrap section .text h2,main.blog-wrap-wrap div.blog-wrap section .text h3,main.blog-wrap-wrap div.blog-wrap section .text h4{margin-top:2em}main.blog-wrap-wrap div.blog-wrap section .text h3{padding-left:.5em;border-bottom:#c8c8c8 solid 1px;border-left:#868686 solid 11px}main.blog-wrap-wrap div.blog-wrap section .text article{width:100%}main.blog-wrap-wrap div.blog-wrap section .text article p{margin-top:1em}main.blog-wrap-wrap div.blog-wrap section .text article header{position:static;margin:9px 0 18px 0;width:auto}main.blog-wrap-wrap div.blog-wrap section .text article header h1{display:inline;border-bottom:#fced22 .3em solid}main.blog-wrap-wrap div.blog-wrap section .text article figure.wp-block-image{width:100%;margin:20px auto;display:flex;flex-direction:column}main.blog-wrap-wrap div.blog-wrap section .text article figure.wp-block-image img{width:auto;max-height:800px;margin:0 auto;border:#c8c8c8 solid 1px}main.blog-wrap-wrap div.blog-wrap section .text article figure.wp-block-image figcaption{font-size:.8em;margin:5px auto 0 auto}main.blog-wrap-wrap div.single-blog{padding:0}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section{border-top:none}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text{max-width:800px}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text ul{margin-left:0}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap{width:100%;display:flex;flex-direction:column;padding:20px 0 0 0;margin-top:20px;border-top:1px solid #c8c8c8}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap h2{text-align:center;font-size:15px;position:relative;margin-bottom:10px}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap h2:before{content:attr(title);position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:11px}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share{display:flex;justify-content:center}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share a{width:50px;height:50px;margin:0 10px;text-align:center;color:#fff;border:1px solid #c8c8c8}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share a.sns-twitter{background:#55acee}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share a.sns-facebook{background:#3b5998}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share a.sns-line{background:#1dcd00}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share a:hover{opacity:.7}main.blog-wrap-wrap aside{padding:40px 0;background-color:#f6ffff;border-top:#c8c8c8 solid 1px}main.blog-wrap-wrap aside .sidebar-wrap{position:sticky;top:70px;padding:0 10px;overflow-y:hidden}main.blog-wrap-wrap aside .sidebar-wrap p{font-size:13px}main.blog-wrap-wrap aside .sidebar-wrap .mota-profile a:hover img{opacity:.7}main.blog-wrap-wrap aside .sidebar-wrap .mota-profile a img{transition:all .5s;border:#c8c8c8 solid 1px;width:50%;max-width:150px;margin:0 10px 0 0;float:left}main.blog-wrap-wrap aside .sidebar-wrap .mota-profile h2{display:inline-block;line-height:1}main.blog-wrap-wrap aside .sidebar-wrap .mota-profile h2 .eng{line-height:1}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories{margin-top:20px}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories h2{font-size:18px;position:relative;transition:all .5s}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories nav ul{display:flex;flex-wrap:wrap;margin:0;padding:0}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories nav ul li{list-style:none;margin:3px 6px 3px 0;position:relative}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories nav ul li a{display:inline-block;padding:5px;background-color:#fff;border:1px solid #c8c8c8}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories nav ul li a p{line-height:1}main.blog-wrap-wrap aside .sidebar-wrap .sidebar-categories nav ul li a p .eng{line-height:.8333333333}@media screen and (min-width: 768px){main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap{flex-direction:row;justify-content:center;align-items:center;padding:30px 0 0 0}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap h2{transform:rotate(-10deg);margin:20px 0 0 0;width:100px;text-align:left}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap h2:before{width:120px;text-align:left;left:0;transform:translateX(0%) rotate(-8deg);transform-origin:left}main.blog-wrap-wrap div.single-blog.blog-wrap .single-blog-section .text .sns-share-wrap .sns-share{width:auto}}@media screen and (min-width: 960px){main.blog-wrap-wrap div.eyecatch2{padding-top:100px}main.blog-wrap-wrap div.blog-wrap{flex-direction:row-reverse}main.blog-wrap-wrap div.blog-wrap div{width:100%}main.blog-wrap-wrap div.blog-wrap .archive-blog-wrap,main.blog-wrap-wrap div.blog-wrap .single-blog-content{width:calc(100% - 200px);display:flex;flex-direction:row;flex-wrap:wrap}main.blog-wrap-wrap div.blog-wrap .archive-blog-wrap section.archive-blog,main.blog-wrap-wrap div.blog-wrap .single-blog-content section.archive-blog{width:50%}main.blog-wrap-wrap div.blog-wrap .archive-blog-wrap section.archive-blog:nth-of-type(2),main.blog-wrap-wrap div.blog-wrap .single-blog-content section.archive-blog:nth-of-type(2){border-top:none}main.blog-wrap-wrap div.blog-wrap .archive-blog-wrap section.archive-blog:nth-of-type(2n+1),main.blog-wrap-wrap div.blog-wrap .single-blog-content section.archive-blog:nth-of-type(2n+1){border-right:#c8c8c8 solid 1px}main.blog-wrap-wrap div.blog-wrap .archive-blog-wrap section.archive-blog:nth-of-type(2n):nth-last-of-type(2),main.blog-wrap-wrap div.blog-wrap .single-blog-content section.archive-blog:nth-of-type(2n):nth-last-of-type(2){border-bottom:#c8c8c8 solid 1px}main.blog-wrap-wrap div.blog-wrap .pagination{width:100%}main.blog-wrap-wrap aside{width:200px;padding-top:30px;border-right:#c8c8c8 solid 1px;border-top:none}}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eot?9szz1d");src:url("../fonts/icomoon.eot?9szz1d#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?9szz1d") format("truetype"),url("../fonts/icomoon.woff?9szz1d") format("woff"),url("../fonts/icomoon.svg?9szz1d#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mota_logo:before{content:""}/*# sourceMappingURL=style.css.map */
