@charset "UTF-8";:root{--white-color:#fefffc;--main-color:#fff9ef;--accent-color:#fd8989;--text-color:#b49e88;--btn-color:#432}body{font-family:"Zen Maru Gothic",cursive;font-size:16px;margin:0;overflow:hidden;display:flex;flex-direction:column;min-height:100svh;color:var(--btn-color)}body:not(.home){background:var(--white-color)}body.is-noScroll{width:100%;height:100%;position:relative}input{color:var(--btn-color)}table th,table td{@media (width <=768px){display:block;&:first-of-type{white-space:normal;padding-left:0;text-align:center}&:last-of-type{margin-bottom:10px}}}::placeholder{color:var(--text-color)}@media (width <=1025px){::placeholder{color:var(--white-color)}}@font-face{font-display:swap;font-weight:400;font-style:normal;font-family:"Zen Maru Gothic";src:url(//yuji-m-works.com/wp-content/themes/YU/css/../fonts/ZenMaruGothic-Regular.woff) format("woff")}@font-face{font-display:swap;font-weight:400;font-style:normal;font-family:"Dancing Script";src:url(//yuji-m-works.com/wp-content/themes/YU/css/../fonts/DancingScript-VariableFont_wght.woff) format("woff")}@font-face{font-display:swap;font-weight:400;font-style:normal;font-family:"Edu AU VIC WA NT Hand",serif;font-optical-sizing:auto;src:url(//yuji-m-works.com/wp-content/themes/YU/css/../fonts/EduAUVICWANTHand-VariableFont_wght.woff) format("woff")}.faderightTrigger{opacity:0;transform:translateX(500px);transition:opacity 3s,transform 3s;&.fadeRight{opacity:1;transform:translateX(0)}}.fadeleftTrigger{opacity:0;transform:translateX(-500px);transition:opacity 3s,transform 3s;&.fadeLeft{opacity:1;transform:translateX(0)}}.fadeupTrigger{opacity:0;transform:scale(5);transition:opacity 2s,transform 2s;&.fadeUp{opacity:1;transform:scale(1)}}.fadedropTrigger{opacity:0;&.fadeDrop{opacity:1;animation-name:smoothAnime;animation-duration:1s;animation-fill-mode:forwards;transform-origin:left}}@keyframes smoothAnime{from{transform:translate3d(0,100%,0) skewY(12deg);opacity:0}to{transform:translate3d(0,0,0) skewY(0);opacity:1}}.home #header{@media (width>=1025px){display:none}}#header{background:#fffacd !important}.search-wrap{display:flex;padding:10px 25px;background-color:rgba(255,255,255,.3);border-radius:20px;position:relative;border:2px solid var(--btn-color);font-family:"Zen Maru Gothic",cursive;font-style:normal;font-weight:400}.search-wrap input[type=text]{padding:0;margin-left:20px;color:var(--btn-color)}.search-wrap .fa-magnifying-glass{align-self:center;font-size:32px;color:var(--btn-color)}::placeholder{color:var(--btn-color)}.home-main{display:flex;width:100vw;background:var(--main-color)}#left-area,#right-area{height:100vh;position:fixed;top:0;@media (width <=1025px){display:none !important}}#left-area{width:20vw;height:100vh;z-index:2;display:flex;align-items:center;justify-content:center}#left-area img{width:100%;height:100vh;object-fit:cover;transition:opacity .5s ease;opacity:1;position:absolute;top:0;left:0}#left-img{transition:opacity .5s ease;opacity:1}#left-img.fade-out{opacity:0}#center-area{width:60vw;margin-left:20vw;margin-right:20vw;z-index:1;color:var(--text-color);border-right:5px dashed var(--text-color);background-color:rgba(0,0,0,0.6);background:var(--white-color);overflow:hidden;position:relative;@media (width <=1025px){margin-left:0;margin-right:0;border-right:none;width:100%;padding:0 20px;background:var(--main-color)}}#box-top{height:100vh;text-align:center}#box-top{width:100%;padding:50px 0 100px;text-align:center;margin:0 auto;@media (width <=1025px){margin:80px auto 0}@media (width <=768px){padding:30px 0}}#box-profile,#box-tools,#box-portfolio,#box-blog,#box-contact{width:100%;text-align:center;margin:200px auto;@media (width <=768px){margin:0 auto 100px}}#box-profile .content-wrapper p{margin-bottom:30px;text-align:left;line-height:2;@media (width <=768px){font-size:12px}}.content-text{text-align:left;line-height:2}#box-contact{margin:200px auto 300px}.catch-prase{opacity:0;position:sticky;z-index:1;font-size:16px;text-align:center;@media (width <=1024px){font-size:20px}@media (width <=768px){font-size:16px}@media (width <=375px){margin:50px auto 0}}.glow{animation:fade-top 3s ease-out forwards}@keyframes fade-top{0%{opacity:0;text-shadow:0 0 0 var(--white-color),0 0 0 var(--white-color)}50%{opacity:.5;text-shadow:0 0 10px var(--white-color),0 0 15px var(--white-color)}100%{opacity:1}}.catch-box{background:url(//yuji-m-works.com/wp-content/themes/YU/css/../img/background/toplist-back.webp) no-repeat center center/cover;width:50%;margin:50px auto 0;padding:100px;color:var(--btn-color);clip-path:polygon(0 0,90% 0,100% 100%,10% 100%);padding:20px 0;@media (width <=640px){margin:20px auto 0;padding:30px;width:100%}}.appeal{margin-bottom:10px;color:var(--btn-color);@media (width <=640px){text-align:left;font-size:12px}}.top-list{display:inline-block;text-align:left;margin-top:10px;.fa-check{color:var(--accent-color);margin-right:10px}li{line-height:2.2;font-size:18px;@media (width <=1366px){line-height:1.8;font-size:14px}@media (width <=768px){line-height:2;font-size:12px}.indent{padding-left:1em}}}.scrolldown-text{color:var(--btn-color);position:absolute;top:90vh;left:0;z-index:1;width:100%;text-align:center;padding-bottom:50px;@media (width <=768px){top:77vh}&:after{content:"";width:1px;height:30px;background:var(--btn-color);position:absolute;top:40%;left:50%;animation-name:scrollAnimation;animation-duration:1.8s;animation-timing-function:ease-out;animation-iteration-count:infinite}}@keyframes scrollAnimation{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.section-title{font-family:"Edu AU VIC WA NT Hand","Zen Maru Gothic",serif;font-optical-sizing:auto;font-weight:bold;font-style:normal;letter-spacing:8px;font-size:40px;margin:0 0 20px;text-align:center;color:var(--btn-color);position:relative;@media (width <=1366px){font-size:28px}@media (width <=768px){font-size:20px;text-align:center}}.top-sub-title{font-size:16px;letter-spacing:3.2px;text-align:center;margin-bottom:10px;color:var(--btn-color);font-family:"Zen Maru Gothic",cursive;@media (width <=768px){font-size:12px}}.section-sub-title{font-size:16px;letter-spacing:8px;text-align:center;margin-bottom:50px;color:var(--btn-color);font-family:"Zen Maru Gothic",cursive;@media (width <=768px){font-size:12px}}.section-sub-title span{@media (width <=768px){display:block}}.shape-pink,.shape-orange,.shape-yellow,.shape-green,.shape-blue{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;pointer-events:none}.svg-origin{display:none}.content-contact{width:75%;margin:0 auto;@media (width <=768px){width:100%}}.home .portfolio-box{display:flex;font-size:12px;text-align:left;li{width:100vw;img{width:100%}}}.swiper{padding:32px 0}.swiper-slide{border:2px solid var(--text-color);border-radius:16px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease;text-align:left;font-size:12px;padding:20px;@media (min-width:1025px) and (max-width:1366px){width:250px !important}}.swiper-slide .thumbnail img{border-radius:5px;object-fit:cover;border:1px solid var(--main-color);aspect-ratio:1980/1080;&:hover{transform:scale(.9);transition:.5s}}.swiper-slide:hover{transform:scale(1.03)}.swiper-button-prev:after,.swiper-button-next:after{color:var(--btn-color)}.portfolio-box{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;font-size:12px;text-align:left;@media (width <=768px){grid-template-columns:1fr;gap:0}&>li{display:grid;grid-template-rows:auto auto;row-gap:5px;margin-bottom:50px;border:1px solid var(--btn-color);border-radius:20px;padding:20px;transition:all 0.6s;@media (width <=768px){width:85%;margin:0 auto 50px;border-bottom:1px solid var(--btn-color);padding-bottom:10px}&:hover{transform:scale(.95);transition:all .6s}}.thumbnail img{border-radius:5px;object-fit:cover;border:1px solid var(--main-color);aspect-ratio:1980/1080}}.text-box{display:grid;grid-template-rows:100px 50px 50px 50px;@media (width <=768px){grid-template-rows:repeat(4,auto)}}.space{margin-bottom:10px}.home .space{margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home .category{width:auto}.category{margin-top:10px;font-size:12px;transition:0.5s;width:50%;&:hover{transition:.5s;transform:scale(.9)}& li{padding:0 10px;border:1px solid var(--btn-color);border-radius:20px;text-align:center;line-height:1.6;@media (width <=768px){font-size:8px}}}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding:16px;@media (max-width:640px){grid-template-columns:repeat(2,1fr)}}.tools-description{margin:0 auto;text-align:center;font-size:16px}.tools-head{font-size:24px;text-decoration:underline;text-underline-offset:5px;box-decoration-break:clone;margin-top:30px;margin-bottom:30px;display:inline-block;@media (max-width:768px){font-size:18px}}.tools-title-home,.tools-title{display:inline-block;min-width:150px;border:2px solid var(--btn-color);border-radius:12px;margin-left:10px;margin-bottom:5px;padding:0 10px;color:var(--btn-color);font-style:italic;font-size:18px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease;@media (max-width:768px){font-size:16px}}.tools-title-home{min-width:auto}.tools-content{font-size:14px;margin-bottom:20px;margin-left:15px}.html{border:1px solid #e44d26}.css{border:1px solid #264de4}.sass{border:1px solid #cd6799}.javascript{border:1px solid #f7df1e}.wp{border:1px solid #21759b}.jquery{border:1px solid #0769ad}.laravel{border:1px solid #f9322c}.studio{border:1px solid #2d2d2d}.ps{border:1px solid #001e36}.canva{border:1px solid #00c4cc}.figma{border:1px solid #f24e1e}#right-area{background:var(--main-color);right:0;width:20vw;text-align:center;@media (width <=768px){display:none}}.logo{margin-top:30px;opacity:0;font-family:"Dancing Script",cursive;transition:0.5s;@media (width <=768px){margin:10px 0 0 20px}img{width:100px;height:auto;@media (width <=1366px){width:50px}}& a{transition:0.5s;&:hover{transition:.5s;opacity:.5}}}.front-navigation{margin:50px auto 0;display:flex;flex-direction:column;font-family:"Edu AU VIC WA NT Hand",serif;font-optical-sizing:auto;align-items:center;font-weight:bold;letter-spacing:0.05em;opacity:0;@media (width <=1366px){width:80%;margin:20px auto 0}}.search-wrap-top{display:flex;padding:10px 25px;background-color:var(--white-color);border-radius:20px;position:relative;color:var(--text-color);border:2px solid var(--text-color);font-family:"Zen Maru Gothic",cursive;font-style:normal;font-weight:normal;@media (width <=1366px){padding:10px}}.search-wrap-top input[type=text]{padding:0;margin-left:20px;color:var(--text-color)}.search-wrap-top .fa-magnifying-glass{align-self:center;font-size:32px;color:var(--text-color)}.gnav-front{margin-top:20px;display:grid;grid-template-columns:1fr;@media (width <=1366px){margin-top:10px}a{margin-top:25px;display:block;transition:0.5s;font-size:24px;&:hover{transform:scale(1.5);transition:.5s;opacity:.7}@media (width <=1366px){font-size:16px}}.menu-profile a,.menu-tools a,.menu-portfolio a,.menu-blog a,.menu-contact{color:var(--text-color)}.menu-profile a.active,.menu-tools a.active,.menu-portfolio a.active,.menu-blog a.active,.menu-contact a.active{color:var(--accent-color)}}.sns-list{margin-top:100px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:32px;line-height:1.454;@media (width <=1366px){margin-top:30px}@media (width <=768px){font-size:32px;justify-content:center;padding-top:200px}@media (width <=640px){padding-top:100px}}.fa-instagram{background:linear-gradient(to right,#833ab4,#fd1d1d,#ff9d13);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:0.5s;&:hover{transform:scale(.9);transition:.5s}}.fa-x-twitter{transition:0.5s;color:var(--btn-color);&:hover{transform:scale(.9);transition:.5s}}.top-copyright{display:block;width:100%;margin-top:80px;font-size:14px;font-weight:400;color:var(--btn-color);text-align:center;line-height:2.857;@media (width <=1366px){margin-top:25px}}.slide-in{overflow:hidden}.content-contact .slide-in{display:block}.slide-in_inner{display:inline-block}.content-contact .slide-in_inner{display:block}.leftAnime{opacity:0}.slideAnimeLeftRight{animation-name:slideTextX100;animation-duration:2s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX100{from{transform:translate(-100%);opacity:0}to{transform:translate(0%);opacity:1}}.slideAnimeRightLeft{animation-name:slideTextX-100;animation-duration:2s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX-100{from{transform:translateX(100%);opacity:0}to{transform:translateX(0%);opacity:1}}#topbtn{position:fixed;bottom:50px;right:20px;border:1px solid var(--btn-color);background:none;color:var(--btn-color);text-align:center;text-decoration:none;padding:10px;border-radius:50%;display:none;place-content:center;width:65px;height:65px;transition:0.5s;z-index:2;@media (width <=768px){width:50px;height:50px;padding:10px;font-size:8px}&:hover{transition:.5s;transform:scale(.9)}}.inner{width:60%;position:relative;text-align:center;margin:0 auto;@media (width <=1025px){width:90%}}.breadcrumb{padding-left:50px;margin:150px 0 0;font-size:16px;@media (width <=768px){margin:120px 0 0;padding-left:20px;width:85%;font-size:12px}}.logo-nav{width:100%;position:relative;top:0;left:0;z-index:2;font-size:25px;opacity:0;margin:20px 0 0 20px;font-family:"Dancing Script",cursive;transition:0.5s;position:fixed;@media (width <=768px){margin:20px 0 0 20px}& a{transition:0.5s;&:hover{transition:.5s;opacity:.5}}& img{width:100px;height:100px;@media (width <=1025px){font-size:24px;width:50px;height:50px}}}.gnav{display:flex;flex-direction:row-reverse;font-family:"Edu AU VIC WA NT Hand",serif;font-optical-sizing:auto;align-items:center;padding:24px 0;font-weight:bold;letter-spacing:0.05em;position:absolute;top:0;right:0;z-index:2;opacity:0;position:fixed;@media (width <=1025px){flex-direction:column;width:100%;height:100svh;padding:150px 20% 40px;margin-right:0;background:url(//yuji-m-works.com/wp-content/themes/YU/css/../img/background/sp-navi.webp) no-repeat center center/cover;position:fixed;top:0;right:-120%;transition:.3s linear}@media (width <=640px){padding:100px 5% 20px}}.gnav.is-open{@media (width <=1025px){right:0}}.gnav-list{display:flex;margin-right:50px;@media (width <=1025px){overflow:auto;display:block;height:100%;margin-right:0;margin-top:10px;padding-bottom:40px;width:100%}}.gnav-list>li:not(:last-of-type){margin-right:36px;@media (width <=1025px){margin-right:0}}.gnav-list li{@media (width <=1025px){padding:30px 15px 30px}@media (width <=1025px){padding:20px 15px 20px;border-bottom:1px dashed var(--btn-color)}@media (width <=375px){padding:15px}}.gnav-list a{display:block;transition:0.5s;&:hover{transform:scale(1.5);transition:.5s;color:var(--text-color)}@media (width <=1366px){font-size:12px}@media (width <=1025px){position:relative;color:var(--btn-color);&:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f054";position:absolute;width:30px;height:20px;top:50%;right:0;transform:translateY(-45%)}}}.search main{text-align:center}.hamburger{display:none;@media (width <=1025px){display:inline-block;width:54px;height:54px;border:1px solid var(--btn-color);border-radius:50%;position:fixed;top:20px;right:20px;z-index:2;transition:0.2s linear;opacity:0;& span{display:inline-block;width:40.384%;height:3px;background-color:var(--btn-color);border-radius:2px;position:absolute;left:50%;transform:translate(-50%,-50%);&:first-of-type{top:37.5%}&:nth-of-type(2){top:50%}&:nth-of-type(3){top:62.5%}}}}.hamburger.is-open{transform:rotate(90deg)}.main{display:block;width:100%;margin-top:100px;@media (width <=1366px){padding-top:0}@media (width <=768px){padding-top:10px;margin-top:0}}.section-description{margin:50px 0;text-align:left;letter-spacing:3px;line-height:1.7}.no-data-text{margin-bottom:2em;text-align:center}.home #footer{padding:0;border-top:1px solid var(--main-color)}#footer{margin-top:50px;overflow:hidden;padding:0 0 30px;text-align:center;position:relative;background:var(--text-color);& p{font-size:20px;font-weight:700;line-height:1.4}}.logo-footer{font-size:24px;margin-bottom:30px;font-family:"Dancing Script",cursive;transition:0.5s;color:var(--white-color);padding-top:30px;& a{transition:0.5s;&:hover{transition:.5s;opacity:.5}}& img{width:100px;height:100px;@media (width <=768px){width:50px;height:50px}}}.home .logo-footer{border-top:none}.gnav-list-footer{display:flex;justify-content:center;color:var(--white-color);@media (width <=768px){display:block;height:100%;padding-bottom:40px}& li{margin-right:30px;border-left:1px solid var(--white-color);padding-left:10px;transition:0.5s;@media (width <=768px){border-left:none;margin-bottom:10px}&:hover{transform:scale(1.2);transition:.5s}& a{border-left:none;padding-left:0;margin:0 auto}}}.copyright{display:block;width:100%;margin-top:80px;font-size:14px;font-weight:400;color:var(--white-color);text-align:center;line-height:2.857;@media (width <=768px){margin-top:20px}}.copyright-sp{display:block;font-size:14px;font-weight:400;background:var(--main-color);color:var(--btn-color);text-align:center;line-height:2.857;@media (width>=1025px){display:none}}input[type=text],input[type=email],input[type=tel],select,textarea{padding:5px;margin:10px 0;width:100%}.content-contact input[type=text],.content-contact input[type=email],.content-contact input[type=tel],.content-contact select,.content-contact textarea{background:var(--main-color);box-shadow:5px 5px 5px rgba(0,0,0,.1);margin:0 0 30px}.form-wrapper{text-align:left}.form-wrapper .about-text{margin-bottom:50px;font-size:16px;line-height:2.333;text-align:center;@media (width <=768px){font-size:14px;text-align:left}}.form-wrapper .about-text a:not(a[href^="tel:"]){text-decoration:underline;@media (width <=768px){display:block}}.form-box{margin:0 50px;@media (width <=768px){margin:0 auto}}.form-box dt,.form-box dd{padding-bottom:10px;@media (width <=768px){display:block;width:100%}}.form-box dt{font-weight:400;@media (width <=768px){padding-bottom:.3em}}.form-box dt.message{padding-top:10px;vertical-align:top;@media (width <=768px){padding-top:0}}.form-box dd{width:100%;@media (width <=768px){padding-bottom:1.5em}}.form-bottom{display:flex;margin-bottom:5px;border-bottom:1px solid;gap:20px;@media (width <=768px){flex-direction:column;gap:0}}.form-title{width:40%;display:inline-block;@media (width <=768px){width:100%}}.confirm-text{width:60%;color:rgb(117,80,0);@media (width <=768px){width:100%}}.required{padding:5px 10px;background:var(--accent-color);color:var(--white-color);margin-left:10px;font-size:12px}#contact h2 .title{margin-bottom:30px}.wpcf7-not-valid-tip{color:var(--accent-color);font-size:1em;font-weight:400;display:block}.wpcf7-spinner{visibility:hidden;display:block;background-color:var(--main-color);opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:"";position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.inner-page{width:50%;@media (width <=768px){width:80%}}.wpcf7-list-item{display:block;margin-left:10px}.btn-wrapper{text-align:center;margin-top:50px;display:flex;justify-content:center;gap:30px;@media (width <=768px){flex-direction:column;gap:0}}.btn-submit,.btn-back{display:block;padding:10px 50px;max-width:300px;width:100%;transition:0.5s;text-decoration:none;background:var(--btn-color);color:var(--white-color);border:1px solid var(--white-color);text-align:center;margin:100px auto 0;&:hover{transition:.5s;background:var(--white-color);color:var(--btn-color);border:1px solid var(--btn-color)}}.btn-back{background:var(--text-color);&:hover{color:var(--text-color);border:1px solid var(--text-color)}}.screen-reader-response{display:none}input.wpcf7-number,input.wpcf7-date{width:150px;border:1px solid;text-align:right;padding:0 5px}.btn-text{animation:colorChange 3s ease-in-out infinite}.detail-btn{position:relative;font-family:"Edu AU VIC WA NT Hand",serif;font-optical-sizing:auto;font-style:normal;padding:5px 30px;display:inline-block;text-decoration:none;margin-top:50px;font-size:24px;border-radius:30px;transition:0.5s;background:var(--btn-color);color:var(--white-color);@media (width <=768px){font-size:20px}&:hover{transition:.5s;transform:scale(.9);background:var(--accent-color)}}.text-title{margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.site-title{font-size:20px}.page-wrapper{font-size:14px;@media (width <=768px){font-size:12px}}.home .blog-box-list{display:grid;grid-template-columns:30% 12% 12% auto;grid-template-rows:repeat(2,20px);grid-template-areas:"img modifi create newpost" "img title title title";justify-items:start;align-items:center;padding:5px 10px 20px;transition:0.5s;column-gap:5px;row-gap:20px;position:relative;margin-bottom:30px;&:hover{transform:scale(.95);transition:.5s}@media (width <=1366px){grid-template-columns:30% 17% 17% auto}@media (width <=768px){grid-template-columns:30% 30% auto;grid-template-areas:"modifi create newpost" "title title title";margin-bottom:10px;row-gap:10px}.news-img{@media (width <=768px){display:none}}}.blog-box-list{display:grid;grid-template-columns:20% 10% auto;grid-template-rows:30px 30px 50px;grid-template-areas:"img create newpost" "img modifi ." "img title title";justify-items:start;align-items:center;padding:5px 10px 20px;border-bottom:1px solid var(--text-color);transition:0.5s;column-gap:30px;position:relative;&:hover{transform:scale(.95);transition:.5s}@media (width <=1025px){grid-template-columns:auto;grid-template-rows:repeat(4,auto);grid-template-areas:"newpost" "create" "modifi" "title";row-gap:10px}}.categories-archive-news{position:absolute;top:0;left:0;@media (width <=768px){justify-self:end}}.news-img{grid-area:img;margin-right:20px;@media (width <=1025px){display:none}& img{height:80px;object-fit:cover;border:1px solid var(--text-color)}}.news-title{position:relative;grid-area:title;overflow:hidden;white-space:wrap;text-overflow:ellipsis;text-align:left;font-weight:bold;@media (width <=768px){font-size:12px}}.date-flex{display:flex}.create-time{grid-area:create;font-size:12px}.modifi-time{grid-area:modifi;font-size:12px}.new-post{color:var(--accent-color);grid-area:newpost;@media (width <=768px){font-size:12px}}.time-wrapper{line-height:1;text-align:left}.date-text,.update-date,.create-time,.modifi-time{display:inline-block;padding-left:1.428em;position:relative}.date-text,.create-time{margin-top:4px;margin-right:15px;line-height:1;@media (width <=768px){font-size:12px}&:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f304";position:absolute;top:50%;left:0;transform:translateY(-45%)}}.update-date,.modifi-time{&:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f2f9";position:absolute;top:50%;left:0;transform:translateY(-45%)}}.term-list{margin:20px 0;display:inline-block;font-size:12px;transition:0.5s;&:hover{transition:.5s;transform:scale(.9)}& li{min-width:50px;padding:0 10px;border:1px solid var(--text-color);border-radius:20px;text-align:center;line-height:1.6;@media (width <=768px){font-size:8px}}}.category-layout{text-align:left;margin-left:10px;@media (width <=768px){& .term-list{margin:0}}}.post-title{margin-bottom:10px;font-size:32px;font-weight:bold;line-height:1.6;@media (width <=768px){font-size:20px}}.portfolio-description-box{@media (width <=768px){font-size:12px}}.portfolio-description{display:flex;align-items:center;margin-bottom:20px;@media (width <=768px){flex-direction:column;align-items:flex-start}}.portfolio-description-title{width:150px}.portfolio-description-content{line-height:1;@media (width <=768px){margin-left:10px;line-height:1.7}}.portfolio-url{font-size:24px;text-align:left;transition:0.5s;&:hover{color:var(--accent-color);transition:.5s}@media (width <=768px){font-size:12px}}.page-nav{display:flex;justify-content:space-between;align-items:center;margin-top:50px;margin-bottom:60px;& li{max-width:200px}& a{display:block;padding:5px 30px;border:2px solid var(--text-color);border-radius:40px;font-size:16px;font-weight:bold;transition:0.2s linear;@media (width <=768px){font-size:12px}&:hover{opacity:.5}}}.btn-to-archive{margin-bottom:130px;text-align:center;& a{display:inline-block;background-size:200%;border:2px solid var(--text-color);border-radius:40px;font-weight:bold;text-align:center;text-transform:uppercase;position:relative;padding:10px 20px;transition:0.2s linear;&:hover{opacity:.5}&:after{right:20px}}}.wp-pagenavi{display:flex;justify-content:center;align-items:center;margin:50px 0 50px 0;font-size:20px;font-weight:bold;color:var(--white-color);& span,& a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%}& span:not(:last-child),& a:not(:last-child){margin-right:22px}}.larger,.smaller{background:var(--text-color)}.box-white{padding:30px 5% 30px;border-radius:10px;text-align:left;line-height:2}.blog-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-top:50px;margin-bottom:50px;& .main-content{width:60%;@media (width <=768px){width:100%;margin-bottom:50px}& p{margin-bottom:20px}}& .sidebar{width:35%;@media (width <=768px){width:100%}}}.inner.is-blog-single{@media (width <=768px){width:85%}}.eyecatch{margin-bottom:30px}.eyecatch img{border:1px solid var(--text-color)}.sidebar .box-white{padding-right:5%;padding-left:5%;margin-top:20px;margin-bottom:40px}.sidebar .search-wrap{margin-right:0}.sidebar .title-sidebar{margin-bottom:30px;font-size:20px;text-align:center;line-height:1}.sidebar-categories>li:not(:last-of-type){border-bottom:1px dashed var(--text-color)}.sidebar-categories>li a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 10.574%;line-height:1.687;letter-spacing:0}.sidebar-categories .post-count{display:inline-block;padding:10px 15px;background-color:var(--text-color);color:var(--white-color);border-radius:50%;line-height:1}.sidebar-popular-posts{line-height:1.5;& ol{counter-reset:ranking-num}& ol li{padding:10px 10px 15px;border-top:none;border-bottom:1px dashed var(--text-color);counter-increment:ranking-num;position:relative;&:nth-of-type(1):before{background:gold}&:nth-of-type(2):before{background:silver}&:nth-of-type(3):before{background:brown}&:nth-of-type(4):before{background:var(--main-color)}&:before{content:counter(ranking-num);pointer-events:none;display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:#555;border-radius:50%;color:var(--white-color);position:absolute;top:0;left:0}& a{box-shadow:none}}}.wpp-list{margin-bottom:25px;& li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:none;clear:both;margin-bottom:8px}}.wpp-thumbnail{display:inline;float:left;margin-right:10px;border:none}.wpp-meta,.post-stats{display:block;font-size:12px}.wpp-meta:empty,.post-stats:empty{display:none}.wpp-views{color:var(--accent-color)}.wpp-date{color:#5cb4eb}.newposts-list{margin-bottom:26px;& li{margin-bottom:10px;border-bottom:1px dashed var(--text-color)}& a{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:10px 10px 14px}& .img-block{max-width:96px;margin-right:4.966%;margin-bottom:0;line-height:1;& img{display:inline-block;border-radius:5px;border:1px solid var(--main-color)}}& .txt-block{flex:1;overflow:hidden;& time{font-size:12px;font-weight:700;color:var(--accent-color);letter-spacing:0}}}.linkcard{border:1px solid var(--main-color);padding:20px;border-radius:10px;background:var(--white-color);& .lkc-excerpt,& .lkc-url{display:none}}.page404-text-box{line-height:2.5;& p:not(:last-child){margin-bottom:20px}& a{text-decoration:underline}}.search-result{letter-spacing:8px;font-size:24px;margin:50px 0;@media (width <=768px){font-size:16px}}.search-count{font-weight:700;color:var(--accent-color)}@media (max-width:768px){.has-text-align-center{text-align:left !important}}.marker{background:linear-gradient(transparent 0%,#f8ff6b 100%);box-decoration-break:clone}