@charset "utf-8";:root{--key-color:#6aacfc;--key-color-text-dark:#356cb0;--key-color-vivid:#2a91ff;--key-color-dark:#105cb1;--key-color-transparent:rgba(63,169,245,.8);--key-color-hightkey:#bcffef;--key-color-lowkey:#73ecfc;--column1-1-color100:#979500;--column1-1-color-pale:#a89e00;--column1-1-color:#a7b706;--column1-1-dark-color:#7e8200;--card-color-fantasy:rgba(153,83,210,.8);--creation-color-fantasy:rgba(193,157,247,.6);--creation-color-fantasy10:#b38fe8;--card-color-musical:rgba(164,235,255,.8);--creation-color-musical:rgba(103,216,195,.7);--creation-color-musical10:#5ddbae;--creation-color-sports:rgba(76,166,255,.3);--creation-color-sports10:#047af9;--card-color-entertament:rgba(255,151,203,.7);--creation-color-entertament:rgba(255,150,128,.47);--creation-color-entertament10:#fba4aa;--card-color-science:rgba(111,182,213,.8);--creation-color-science:rgba(167,200,237,.7);--creation-color-science10:#3039b9;--card-color-diamond:#cab934;--card-color-developer:rgba(254,124,167,.8);--card-color-developer10:#fe7ca7;--main-bg-color:pink;--creation-color:rgba(255,1,96,.33);--creation-color-purple:rgba(142,30,255,.22);--border-color-gray:#e8ecf9;--border-color-img:#e6e6e6;--border-color-link:#e8ecf9;--button-color-pale:#e8fbff;--columnheadline-color:#a4702e;--cat-color-pageTitle:#9cbcfc;--cat-color-pageTitle-vivid:#6a9bfb;--cat-color-devilsworkshop:#41285e;--cat-color-labo:#2b5418;--cat-color-labo:#1f5ba9;--cat-color-webhealer:#6b1812;--cat-color-creation:#1f1274;--cat-color-happydeveloper:#50480a;--cat-color-news:#1e2191;--cat-color-news-green:#058380;--cat-color-news-blue:#1e4a7b;--color-orange:#ee5e05;--color-brilliantBlue:#abf5e2;--color-darkPurple:#59018a;--pager-color-basebg:rgba(56,115,222,.6);--pager-color-basegray:rgba(107,126,171,.6);--pager-color-directionbg:#7bd9d7;--pager-color-directionbg-hover:#4687ff;--pager-color-basebg-hover:#4687ff;--pager-color-currentbg:#a7a7a7;--search-color-title:#6c7fc8;--search-color-title-hover:#fd8ec2;--search-color-tagline:#0466ff;--link-color:#256583;--shadow:0 2px 4px rgba(26,26,26,.2);--dropshadow:filter:drop-shadow(8px 8px 8px rgba(0,0,0,.1));--font-display-min-jp:adobe-song-std,"游明朝","ヒラギノ明朝","ヒラギノ明朝 ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro",serif;--font-min-jp:"游明朝","Hiragino Mincho ProN","ヒラギノ明朝 ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro";--font-got-jp:"游ゴシック",YuGothic,"ヒラギノ丸ゴ ProN","メイリオ",Meiryo,"ヒラギノ角ゴ Std W3",Osaka;--font-mar-jp:a-otf-ud-shin-maru-go-pr6n,sans-serif;--font-def-alp:"Poiret One","Microsoft Yi Baiti";--font-sub-alp:"Red Hat Display";--font-slid-number:"Major Mono Display",monospace;--font-sunserif:Montserrat,Meiryo,Osaka,sans-serif,"游ゴシック",YuGothic,"ヒラギノ角ゴ";--fontsize-1:1.2em;--fontLH-1:1.5em}@media only screen and (min-width:429px){:root{--font-size-pageheadline:1.4rem;--font-size-subheadline:1.3rem;--font-size-base:.88rem;--line-height-base:1.8rem;--line-margin:10px}}@media only screen and (max-width:428px){:root{--font-size-pageheadline:1.3rem;--font-size-subheadline:1.2rem;--font-size-base:.88rem;--line-height-base:1.6rem;--line-margin:10px}}*,:after,:before{box-sizing:border-box}a:hover{color:#fb82a3}html{margin:0}dl,h1,h2,h3,h4,h5,il,ul{margin:0;padding:0}address,article,aside,button,dd,details,dl,dt,figcaption,figure,footer,header,main,menu,nav,picture,section{display:block;margin:0;padding:0}table{border:none;border-collapse:collapse;word-wrap:break-all;display:block}li,ul{list-style-type:none}img{border:none;vertical-align:middle}em,i,strong{font-style:normal;font-weight:400;text-decoration:none}.clearFix:after{clear:both;content:" ";display:block;height:0}.none{display:none}#backCover{background:transparent;background:hsla(0,0%,100%,.6);height:100vh;left:0;position:fixed!important;top:72px;width:100vw;z-index:2}body{font-family:var(--font-min-jp);margin:0 auto;min-width:320px;-webkit-text-size-adjust:none;color:#6e6f70;color:#565656;overflow-x:hidden}@media only screen and (min-width:415px){body{font-feature-settings:"palt" 1}}.ffyg{font-family:var(--font-got-jp)}.ffym{font-family:var(--font-min-jp)}#savelog{background:#a00;color:#fff;left:0;position:fixed;top:0;z-index:999999}#container #headline　#keyvisual picture img{display:block}#scrollNavi{align-content:start;align-items:center;display:flex;flex-flow:row nowrap;justify-content:start}#searchBox{box-sizing:content-box;padding-left:8px}#searchBox,#searchbutton,#searchbutton svg{display:block;height:14px;width:14px;fill:#afafaf}header.top{align-items:center;background:hsla(0,0%,100%,.88);background-blend-mode:screen;background-size:100% auto;border:solid #e7e7e7;border-width:0 0 1px;box-sizing:border-box;display:flex;flex-flow:row wrap;height:52px;justify-content:space-between;padding:12px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}header.top.display{background:hsla(0,0%,100%,.7);transition:all .6s ease-out}header.top>a{display:block;width:calc(100% - 416px)}header.top #shvLogo{align-content:center;align-items:center;color:#baa359;color:#6d370d;display:flex;flex:0 0 auto;flex-flow:row nowrap;font-weight:400;height:28px;justify-content:start;line-height:28px;transition:all .6s ease-out}header.top #shvLogo:hover span.en,header.top>a #shvLogo:hover span.en{color:#6e580c}header.top #shvLogo:hover svg .cls-1,header.top>a #shvLogo:hover svg .cls-1{fill:#6fbff8;fill:#1a1f44}header.top #shvLogo span.en{font-family:var(--font-def-alp);font-size:24px}header.top #shvLogo span.jp{color:#2a607a;font-family:var(--font-display-min-jp);font-size:.8rem;margin-left:20px;position:relative;top:2px}header.top #shvLogo span.jp .alp{font-size:.92rem;margin-right:1px}header.top #shvLogo svg{margin-right:8px;width:27px}header.top #shvLogo svg .cls-1{transition:all .6s ease-out;fill:var(--key-color)}header.top.scrolling #shvLogo{color:#ac8a00;color:#615900}header.top.scrolling #shvLogo svg .cls-1{fill:#2a607a}header.top nav ul li:nth-child(2){position:relative;z-index:1}header.top nav ul li:nth-child(2)>ul.subMenu{background:hsla(0,0%,100%,.96);border-radius:4px;box-sizing:content-box;display:flex;flex-flow:column;height:0;justify-content:start;left:-5px;line-height:28px;overflow:hidden;padding:0 8px;position:absolute;top:28px;transition:all .3s ease-out;width:160px;z-index:1}header.top nav ul li:nth-child(2)>ul.subMenu.slidedown{box-shadow:0 1px 4px rgba(26,26,26,.2);height:auto;padding:8px}header#fixedMenu.scrolling{background-color:hsla(0,0%,100%,.88);background-image:none;box-shadow:0 0 4px rgba(26,26,26,.2)}header.top nav{height:20px}header.top nav ul{display:flex;flex-flow:row wrap;justify-content:space-between;line-height:28px}header.top nav ul li{align-content:center;align-items:center;box-sizing:content-box;display:flex;flex-flow:row nowrap;height:24px;justify-content:start;line-height:var(--line-height-base);width:auto}header.top nav ul li a{display:flex;flex:1 0 auto;flex-flow:row nowrap;justify-content:start;padding:0 8px}header.top nav>ul>li:first-child{border-left:0;padding-left:0}header.top nav ul li:last-child{padding-right:0}header.top nav a:hover{background:rgba(48,70,101,.2);border-radius:4px;color:#fff}form#searchform.searchKeyword ul li input{background:#fff;border-radius:20px;height:40px;padding:4px 20px}@media only screen and (max-width:768px){header.top>a{width:calc(100% - 52px)}#searchform{height:auto}#searchBox{box-sizing:content-box;order:1;padding-left:0;padding-right:8px}#searchbutton{box-sizing:content-box;padding:0}#hmbMn{order:2}header.top #shvLogo:hover svg .cls-1,header.top>a #shvLogo svg .cls-1{fill:#6fbff8}header.top{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;height:44px;justify-content:space-between;padding:8px 8px 8px 12px}#menu-item-3722{height:41px;overflow:hidden;position:static;transition:all .3s ease-out}#menu-item-3722:hover{padding-bottom:8px}header#fixedMenu nav{height:0;overflow:hidden;position:absolute;right:0;top:45px;transition:all .3s ease-out;width:100%;z-index:2;z-index:3}header#fixedMenu.on nav{border-bottom:1px solid #e7e7e7;box-shadow:0 0 4px rgba(26,26,26,.2)}header#fixedMenu nav>ul{background:hsla(0,0%,100%,.9);border:solid #e7e7e7;border-width:0 0 1px;box-shadow:0 0 4px rgba(26,26,26,.2);display:flex;flex-flow:column;height:auto;justify-content:space-between;padding:4px 16px;transition:all .3s ease-out;width:100%}header.top nav>ul>li,header.top nav>ul>li:first-child,header.top nav>ul>li:last-child{border:solid #e7e7e7;border-width:1px 0 0;box-sizing:border-box;display:block;height:auto;line-height:var(--line-height-base);min-height:24px;padding:0 8px;width:100%}header.top nav>ul>li:first-child{border:none}header.top #shvLogo{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;height:28px;justify-content:start}header.top #shvLogo span{align-items:center;color:#baa359;color:#ac8a00;color:#615900;display:flex;flex-flow:row wrap;font-weight:400;justify-content:center;line-height:14px;position:relative;top:-.5px}header.top #shvLogo span.en{font-family:var(--font-def-alp);font-size:1rem}header.top #shvLogo span.jp{font-size:.8rem;margin-left:20px;position:relative;top:2px}#container div.headline #shvLogo .jp{bottom:-40px;font-size:16px;line-height:20px}#hmbMn{box-sizing:content-box;display:flex;flex-flow:column;height:20px;justify-content:space-between;padding:4px;width:20px}#hmbMn:hover{cursor:pointer}#hmbMn div{background:#afafaf;height:2px}header.top nav>ul>li>a{box-sizing:border-box;display:block;flex:1 0 auto;flex-flow:row nowrap;justify-content:start;padding:8px;width:100%}header.top nav>ul>li:hover{background:rgba(48,70,101,.6);background:transparent;border-color:transparent;border-radius:8px;color:#fff}header.top nav>ul>li:hover>a{background:rgba(48,70,101,0);color:#fff;color:#666}header.top nav>ul>li:hover+li{border-color:transparent}#menu-item-3722{align-content:center;align-items:center;box-sizing:content-box;display:inline-flex;flex-flow:column;justify-content:start;position:relative;width:calc(100% - 16px)}header#fixedMenu nav #menu-item-3722 ul{background:rgba(184,209,253,.2);background:hsla(0,0%,100%,.6);border:1px solid #e5e5e5;border-radius:8px;box-shadow:none;box-sizing:border-box;display:block;position:static;transition:all .3s ease-out;visibility:visible;width:calc(100% - 16px)}#topNav .sub-menu li{align-content:center;align-items:center;border-bottom:1px dotted #cfcfcf;box-sizing:border-box;display:block;flex-flow:row nowrap;height:auto;justify-content:start;line-height:var(--line-height-base);width:auto}#topNav .sub-menu li a{box-sizing:border-box;color:#595959;display:block;padding:8px;-ms-word-break:keep-all;word-break:keep-all}}@media only screen and (max-width:414px){header.top>a{width:calc(100% - 50px)}header.top>#searchbutton svg{fill:#afafaf}header.top #shvLogo span,header.top #shvLogo span.jp{box-sizing:border-box;font-family:var(--font-min-jp);height:28px;margin-left:4px;position:static;position:relative;top:1px}}@media only screen and (max-width:374px){header.top #shvLogo span:nth-child(2){line-height:12px}}#searchform{height:0;overflow:hidden;position:absolute;right:0;top:36px;transition:all .3s cubic-bezier(.42,0,.52,1);z-index:999}#searchform .notice{font-size:12px}#searchform ul{background:hsla(0,0%,100%,.92);border:1px solid var(--border-color-gray);border-radius:8px;box-sizing:content-box;padding:8px 8px 12px;width:240px}#searchform ul li{margin-bottom:8px}#searchform ul li:last-child{margin-bottom:0}#searchform ul li input{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:28px;outline:none;padding:4px 8px;vertical-align:top;width:100%}#searchform .button,#searchform ul li input{font-size:var(--font-size-base);line-height:20px}#searchform .button{background:var(--key-color-vivid);border:1px solid var(--key-color-vivid);border-radius:4px;color:#fff;display:block;margin:0 auto;padding:4px;text-align:center;width:80%}@media only screen and (max-width:768px){#searchform{top:32px}}@media only screen and (max-width:428px){#searchform{height:0;overflow:vissible;position:fixed;right:0;top:45px;transition:all .3s cubic-bezier(.42,0,.52,1);width:100vw}#searchform ul{border-radius:0;border-width:0 0 1px;box-sizing:border-box;width:100%}#searchform ul li{margin-bottom:0}#searchform ul li:last-child{align-content:center;align-items:center;display:flex;flex-flow:row wrap;justify-content:flex-end}#searchform .button{margin:0;padding:4px 20px;width:auto}#searchform ul li input{border:1px solid #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;height:44px;line-height:44px;transform:scale(.8);transform-origin:left;width:125%}#searchform .button{background:#a61c51;color:#fff;font-size:18px;line-height:32px;transform:scale(.8);transform-origin:right}}#search section#primary{position:relative}#search main{background:linear-gradient(hsla(0,0%,100%,0) 3%,hsla(0,0%,100%,.6) 6%,#fff 10%)}hilight{color:#262626;position:relative}hilight:after{background:#fefb76;content:"";height:100%;left:0;padding:4px 0;position:absolute;top:-4px;width:100%;z-index:-1}header h2 hilight{display:flex}.lower #contents.advanced>header h2 hilight em{background:transparent}#searchform.slidedown{box-shadow:0 2px 3px rgba(0,0,0,.05)}#searchform.slideDown ul{border:1px solid #ccc;height:88px;overflow:hidden;padding:8px}#searchform ul li input:focus{background:var(--key-color-hightkey);border:1px solid var(--key-color-lowkey)}#scrollNavi.slideDown{height:200px}#scrollNavi.slideDown ul{border-bottom:1px solid #e5e5e5}#search article,#search header.page-header{margin-bottom:20px;padding-bottom:8px}#search article{align-content:center;align-items:center;border-bottom:1px solid #eee;display:flex;flex-flow:row wrap;justify-content:start}#search article h2{position:relative;top:-8px;top:0}#search article .entry-title em{color:var(--search-color-tagline);display:block;font-size:var(--font-size-base);line-height:20px}#searchresault .entry-title a{color:var(--search-color-title);display:block;line-height:20px;margin-bottom:4px}#searchresault .entry-title a:hover{color:var(--search-color-title-hover)}#search article .imgbox{height:auto;margin-right:12px;width:80px}#search article .imgbox img{border-radius:50%;height:auto;width:100%}#search article .contentbox{display:block;font-size:13px;font-weight:400;line-height:20px}#search #searchresault p:first-child,section[data-pname="404"] .column1{margin-bottom:32px}.navigation h2{font-size:var(--font-size-base);margin-bottom:8px}.navigation .nav-links,.navigation .nav-links a{align-content:center;align-items:center;display:flex;flex-flow:row wrap;justify-content:start}.navigation .nav-links a.page-numbers,.navigation .nav-links span.page-numbers{align-content:center;align-items:center;background:var(--pager-color-basebg);border:1px solid #efefef;border-radius:4px;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;margin-right:4px;padding:0 4px;width:24px}.navigation .nav-links span.page-numbers{background:var(--pager-color-currentbg)}.navigation .nav-links a.page-numbers:hover{background:var(--pager-color-basebg-hover)}.navigation .nav-links a.next.page-numbers,.navigation .nav-links a.prev.page-numbers{background:var(--pager-color-directionbg)}.navigation .nav-links a.next.page-numbers:hover,.navigation .nav-links a.prev.page-numbers:hover{background:var(--pager-color-directionbg-hover)}.navigation .nav-links a.page-numbers svg path:first-child{fill:#fff}#ipv{height:0}@media only screen and (max-width:768px){#search #secondary>.wrapper{justify-content:center;padding:0;width:auto}#search article{flex-flow:column}#search article .imgbox{flex:0 0 80px;margin:0 0 12px;width:80px}#search article h2{text-align:center}#searchresault .entry-title a{margin-bottom:12px}#search article .entry-title em{margin-bottom:4px}}@media only screen and (max-width:428px){#search article .entry-title em{color:var(--search-color-tagline);display:block;font-size:var(--font-size-base);line-height:16px}#searchresault .entry-title a{color:var(--search-color-title);line-height:18px;margin-bottom:8px}}.parallax{height:auto;overflow:visible;perspective:3000px;perspective-origin:left 0;transform-style:preserve-3d;transition:none}.parallax .bgImg{background-position:top;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:auto;margin:0 auto;top:0;transform:translateZ(-1000px);width:134%;z-index:2}.creation .parallax .bgImg{width:100%}#headline.parallax .kv_sub{bottom:20vw;max-width:360px;right:0;transform:translateZ(-640px);z-index:0}@media only screen and (min-width:769px){.creation #headline.parallax .bgImg{flex:0 1 auto;margin:32px 0;max-width:1140px;order:1;position:relative;width:80%}}@media only screen and (max-width:986px) and (min-width:769px){header.top #shvLogo span.en{font-size:18px;line-height:12px}br.underW768{display:inline}}#devilsworkshop .area>section,#labo .area>article,#top section.area>article,#works .area>article,.lower.creation .area>article{opacity:0;transform:translateY(100px)}#top #scrollItem>article{opacity:0;transform:translate(100px)}#headline.display{opacity:1;transform:translate(0)}#devilsworkshop .area>section.display,#scrollItem>article.display,.area>a.display,.area>p.display,section.area>article.display{animation-delay:.1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:preview;animation-timing-function:ease-out;opacity:0;transform:translateY(100px)}@keyframes preview{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}@keyframes previewX{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}#keyvisual{position:relative}#headline header{align-content:center;align-items:center;cursor:pointer;display:flex;flex-flow:row wrap;height:auto;justify-content:start;position:absolute;z-index:4}@media only screen and (max-width:1200px){main{box-sizing:border-box;padding-left:8px;padding-right:8px}}@media only screen and (min-width:480px){#container{padding:0;width:100%}}@media only screen and (max-width:768px){main{display:flex;flex-flow:column;justify-content:center;padding:0}#container{overflow-x:hidden}#scrollItem2 aside{margin-bottom:0}aside>a{display:block;height:100%}aside:last-child{margin-right:0}aside h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}aside p{display:none}aside img{height:60px;width:60px}#secondary{background:linear-gradient(hsla(0,0%,100%,0) 3%,hsla(0,0%,100%,.3) 8%,hsla(0,0%,100%,.7) 16%);box-sizing:content-box;flex:0 0 auto;max-width:100%;width:100%}#secondary,#secondary #scrollItem2{height:140px;transition:all .3s ease-out}#secondary #scrollItem2{bottom:0;display:flex;flex-flow:row nowrap;justify-content:start;left:0;margin-bottom:0;padding:0 4px;position:fixed;transform:translateY(200px);z-index:11}aside.creation header h2,aside.ranking header h2{font-family:var(--font-mar-jp);font-size:.9rem;font-weight:200;line-height:1.2rem;margin-bottom:4px;margin-top:-24px;position:absolute;text-align:center;top:50%;width:100%;z-index:3}#searchBox,#searchbutton,#searchbutton svg{display:block;height:20px;width:20px;fill:#afafaf}#searchbutton svg path{fill:var(--key-color)}#works.lower section.advanced>header,.lower.single #primary #contents.advanced>header,section.advanced>footer,section.base>header{margin-left:-16px;width:100vw}}@media only screen and (max-width:767px) and (min-width:401px){.underW375,.underW400{display:none}}@media only screen and (max-width:480px){#container header#fixedMenu #shvLogo span.en.over441{display:none}#container header#fixedMenu #shvLogo span.jp.ffyg{margin-left:0}}@media only screen and (max-width:440px){#top main,#works.lower main{background:linear-gradient(hsla(0,0%,100%,0) .04%,hsla(0,0%,100%,.6) .08%,#fff .12%);margin:-32vw auto 0;padding:20px 0 0}#works.lower section.advanced>header,section.advanced>footer,section.base>header{align-content:center;align-items:center;background-image:radial-gradient(#edeaf2 20%,hsla(0,0%,100%,0) 24%),radial-gradient(#edeaf2 20%,hsla(0,0%,100%,0) 24%);background-position:4px 4px,16px 16px;background-size:24px 24px;box-sizing:border-box;color:#3fa9f5;display:flex;flex:0 0 auto;flex-flow:row wrap;height:auto;justify-content:center;margin-bottom:20px;margin-left:-16px;width:100%;width:100vw}}@media only screen and (max-width:400px){.underW375,.underW400{display:inline}}@media only screen and (max-width:374px){#headline .textArea{position:absolute;right:8px;top:8px}#recommends header h2{font-size:max(5.6vw,18px);line-height:max(6.8vw,24px)}.single.webhealer #primary>#pageTitle{width:116vw}.underW375,.underW400{display:inline}}main{background:linear-gradient(hsla(0,0%,100%,0) .4%,hsla(0,0%,100%,.6) 1.4%,#fff 3.9%);display:flex;flex-flow:row nowrap;justify-content:center;width:100%}#top main{background:linear-gradient(hsla(0,0%,100%,0) .4%,hsla(0,0%,100%,.4) 2%,hsla(0,0%,100%,.6) 2.4%,#fff 3.6%);justify-content:start;margin:max(-26vw,-260px) auto 0;padding:0;width:var(--100nvw)}body.lower :not(.demo,.fetch) main{background:linear-gradient(hsla(0,0%,10%,0) .01%,hsla(0,0%,99%,0) .6%,hsla(0,0%,100%,0) 1%,#fff 1.8%);box-sizing:border-box;margin-top:-100px;padding-top:min(10vw,60px)}section.base{border-radius:8px;box-sizing:border-box;margin-bottom:20px}section.advanced>footer,section.advanced>header,section.base>header{align-content:center;align-items:center;background-image:radial-gradient(#edeaf2 20%,hsla(0,0%,100%,0) 24%),radial-gradient(#edeaf2 20%,hsla(0,0%,100%,0) 24%);background-position:4px 4px,16px 16px;background-size:24px 24px;box-sizing:border-box;color:#3fa9f5;display:flex;flex:0 0 auto;flex-flow:row wrap;height:auto;justify-content:center;margin-bottom:32px;width:100%}section.advanced>footer,section.advanced>header{background-position:6px 6px,18px 18px;color:#008bd5;justify-content:start;justify-content:space-between;padding:36px 12px 12px}@media only screen and (min-width:768px){section.advanced>header{background-position:6px 6px,18px 18px;box-sizing:border-box;color:#008bd5;justify-content:start;margin-left:calc(-50vw - min(72vw, 980px)/2*-1 - -1% - -100px);padding:36px 12px 12px;width:var(--100nvw)}}.webhealer #container main.webhealer #primary.webhealer #contents.advanced header{margin-left:0;width:auto}section.base>header h2{font-family:var(--font-def-alp);font-size:3rem;font-weight:100;left:-100px;line-height:2rem;position:relative;text-align:center}#top section.base>header h2{left:0}section>header h2 span:last-child{display:block;font-family:var(--font-min-jp);font-size:min(14px,3vw);font-weight:700;letter-spacing:4px;padding-top:4px;text-align:center}section#philosophy>header h2 span:last-child{padding-top:8px}section.base article.introduction{align-content:center;align-items:center;display:flex;flex-flow:column;justify-content:start;width:100%}section.base article.introduction .contents{text-align:center}section.area>article{align-content:start;align-items:center;display:flex;flex-flow:row nowrap;justify-content:start;padding:32px 0}@media only screen and (min-width:916px){#primary>section>header,#top section.area>article{padding:32px 220px 32px calc(49vw - min(72vw, 980px)/2 - 100px)}#primary>section#recommends>header{padding:0}}.creation section.area>article,.webhealer #primary>section>header{padding:32px 0}section.area.column1>article,section.area.multiImages>article{align-items:start}section.area>article:last-child{padding-bottom:64px}section.area>article>.contents{order:2;width:auto}section.area>article>.contents h3{color:#615900;font-family:var(--font-display-min-jp);font-size:2rem;font-style:normal;font-weight:100;line-height:2.2rem;margin-bottom:18px}#top section article h4,section article p{margin-bottom:14px}section article p:last-child{margin-bottom:0}section.area article .contentsImg{box-sizing:content-box;flex:1 0 24%;max-height:200px;max-width:200px;order:1;padding-right:4%;width:24%}section.area article .contentsImg img{border:1px solid hsla(0,0%,91%,.6);border-radius:50%;box-sizing:border-box;height:100%;width:100%}section.area>article>.contents>.contents p.qr{align-content:start;align-items:start;display:flex;flex-flow:row nowrap;justify-content:space-between}section.area>article>.contents>.contents p.qr img{border:1px solid #e7e7e7;border-radius:8px;height:auto;margin-left:4px;margin-top:24px;width:120px}section.area{flex-flow:column;justify-content:start}.gotocontact{padding:40px 0;text-align:center}.gotocontact .button,.gotocontact a,a.gotocontact{align-content:center;align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid var(--key-color);border-radius:20px;color:var(--key-color-dark);display:inline-flex;flex-flow:row wrap;height:42px;justify-content:center;letter-spacing:2px;margin:20px 7px 0;outline:none;padding:0 20px;text-align:center;transition:all .3s ease;vertical-align:top;width:auto}a.gotocontact{letter-spacing:0}section article .rightblock ul li p>span.youtube{height:min(200px,56vw)!important;width:min(320px,90vw)!important}section article .rightblock ul li p>span.youtube,section article .rightblock ul li p>span.youtube.hd{border:0;border-radius:8px;color:var(--link-color);display:inline-block;margin:8px 0;overflow:hidden;padding:0;word-break:break-word}section article .rightblock ul li p>span.youtube.hd{height:min(400px,112vw)!important;width:min(640px,180vw)!important}.youtube iframe{border-radius:0;height:200px;width:320px}.youtube.hd iframe{border-radius:0;height:400px;width:640px}bod #contents,body.multiImages #contents,body.multiImages #contents section.area div,body.multiImages #contents>section{margin-bottom:40px}body.multiImages #contents section.area div:last-child{margin-bottom:0}body.multiImages #contents section.area div i.direction{display:none}body.multiImages #contents section p span.table,body.multiImages #contents section p span.table3,body.multiImages #contents section p span.table4{border-bottom:1px solid #efefef;display:inline-flex;width:100%}body.multiImages #contents section p span.table span:first-child{width:3rem}body.multiImages #contents section p span.table span:nth-child(2){width:22rem}body.multiImages #contents section p span.table4 span:first-child{width:4rem}body.multiImages #contents section p span.table4 span:nth-child(2){width:7rem}body.multiImages #contents section p span.table4 span:nth-child(3){width:19rem}body.multiImages #contents section p span.table4 span:nth-child(4){width:3rem}body.multiImages #contents section p span.table4 span:nth-child(5){width:14rem}body.multiImages #contents section p span.table3 span{width:33%}@media only screen and (min-width:1473px){#ny2022 #headline #keyvisual img,#top #headline #keyvisual img{margin-top:-20px}}@media only screen and (min-width:2000px){body.lower :not(.demo) :not(.fetch) main{margin:-5vw auto 0}.parallax .bgImg picture{text-align:center}#ny2022 main,#top main{margin:-22vh auto 0}#headline #keyvisual img{height:auto;margin-top:-40px;max-width:2000px;width:auto}}@media only screen and (min-width:444px){section#information.base>header h2 span:last-child br{display:none}}@media only screen and (max-width:915px){#primary>section>header,#top section.area>article{padding:32px 20px}section.area>article>.contents h3{font-size:2rem;line-height:2.2rem}section.area article .contentsImg{box-sizing:content-box;width:36%}section.area>article{align-items:start}section.base>header h2{left:0;position:relative}}@media only screen and (max-width:768px){#top main,main{flex-flow:column;justify-content:center;justify-content:start;padding-bottom:0;width:100%}section.area>header{margin-bottom:44px}section.area>article>.contentsImg{margin-bottom:16px;padding-right:0;width:32%}#top section.area>article{padding:0 20px 32px}section.area>article{align-content:start;align-items:center;flex-flow:column;justify-content:start;padding:0 0 32px;width:100%}section.area>article>.contents>.contents p.qr{display:none}section.area>article>.contents h3{margin-bottom:20px;text-align:center}section.area>header h2 span:last-child{display:block;font-family:var(--font-min-jp);font-size:18px;font-weight:700;letter-spacing:4px;line-height:1.2rem;padding-top:16px;text-align:center}section.area article>.contents{align-items:center;display:flex;flex-flow:column;justify-content:start;margin-bottom:12px}section.area.column1>article{align-items:center}section.area>article>.contents h3{font-size:1.6rem;line-height:2.2rem}section.base>header h2{left:unset;position:static}}@media only screen and (max-width:479px){section.area>article>.contents h3{font-size:1.4rem;line-height:1.8rem}section.base>header h2{font-size:2.2rem;line-height:2rem}section.area>header h2 span:last-child{font-size:var(--font-size-base);line-height:1.2rem}}@media only screen and (max-width:568px){section.area>article>.contentsImg{width:44%}section.area article .contentsImg{box-sizing:content-box;max-height:200px;max-width:200px;order:1;padding-right:4%;width:62%}section.base>header h2,section.base>header h2 span.en_headline{font-size:2.8rem;line-height:2rem}section.area>header h2 span:last-child{font-size:16px;line-height:1.2rem}#top main{background:linear-gradient(hsla(0,0%,100%,.1) 3%,hsla(0,0%,100%,.4) 6%,#fff 12%);margin:-20vh auto 0;padding:20px 0 0}}@media only screen and (max-width:443px){section#information.base>header h2{line-height:2.8rem}section#information.base>header h2 span:last-child{line-height:20px}}@media only screen and (max-width:374px){section.base>header h2 span.en_headline{display:block;font-size:2.8rem;line-height:2.4rem;margin-bottom:8px}body#top #container .gotocontact{display:none}#container .gotocontact a{font-size:1rem}}body.lower.demo #container main.demo.column1 #primary.demo #contents.advanced header{display:none}#contents>header h2{color:#008bd5;font-weight:400;line-height:min(12vw,28px);margin-bottom:32px;max-width:980px;width:72%}#primary #contents section.column3,#primary #contents_body section.column3{align-items:stretch;display:flex;flex-flow:row wrap;justify-content:center}#primary #contents section.column3.advance{flex-flow:column}#primary #contents section.column3.advance>div{width:100%}#primary #contents section.column3>div,#primary #contents_body section.column3>div{flex:1 1 auto;margin-bottom:min(48px,8vw);min-width:280px;padding:0 2%;position:relative;width:31%}#primary #contents section.column1>div img,#primary #contents section.column3>div img,#primary #contents_body section.column1>div img,#primary #contents_body section.column3>div img{border:1px solid #e7e7e7;box-sizing:border-box;margin:8px 0;padding:4px;width:100%}#works #primary #contents section dl img{width:160px}#primary #contents section.column3>div .linked img,#primary #contents_body section.column3>div .linked img{border:none}#primary #contents section.column3>div:after,#primary #contents_body section.column3>div:after{background-image:radial-gradient(#ab9bc1 20%,hsla(0,0%,100%,0) 24%);background-position:50% 8px;background-size:8px 8px;content:"";display:block;height:100%;position:absolute;right:-4px;top:0;width:8px}#primary #contents section.column3.advance>div:after{content:none}#primary #contents section.column3>div:last-child:after,#primary #contents_body section.column3>div:last-child:after{content:none;padding-right:0}@media only screen and (min-width:1167px){#primary #contents section.column3>div:nth-child(3),#primary #contents section.column3>div:nth-child(3):after,#primary #contents_body section.column3>div:nth-child(3),#primary #contents_body section.column3>div:nth-child(3):after{content:none;padding-right:0}#primary #contents section.column3>div.gotoUnder i.direction,#primary #contents_body section.column3>div.gotoUnder i.direction{transform:rotate(.5turn)}}@media only screen and (max-width:1182px){#primary #contents section.column3>div:first-child,#primary #contents section.column3>div:nth-child(2),#primary #contents_body section.column3>div:first-child,#primary #contents_body section.column3>div:nth-child(2){padding-bottom:2%}#primary #contents section.column3>div:nth-child(2),#primary #contents_body section.column3>div:nth-child(2){padding-right:0}#primary #contents section.column3>div.gotoUnder i.direction,#primary #contents_body section.column3>div.gotoUnder i.direction{transform:rotate(.5turn)}#primary #contents section.column3>div:nth-child(3),#primary #contents_body section.column3>div:nth-child(3){padding-left:0}#primary #contents section.column3>div:first-child:after,#primary #contents section.column3>div:nth-child(2):after,#primary #contents section.column3>div:nth-child(3):after,#primary #contents section.column3>div:nth-child(4):after,#primary #contents_body section.column3>div:first-child:after,#primary #contents_body section.column3>div:nth-child(2):after{background-image:radial-gradient(#ab9bc1 20%,hsla(0,0%,100%,0) 24%);background-position:8px 50%;background-size:8px 8px;bottom:-4px;display:block;height:8px;right:0;top:unset;width:100%}#primary #contents section..column3 div.noborder:after,#primary #contents section.column3>div.noborder:nth-child(2):after{content:none}}#primary #contents section.column3 div p,#primary #contents section.column3 div pre,#primary #contents_body section.column3 div p{margin-bottom:12px;word-break:break-all}#primary #contents section.column3 div p.imgbox,#primary #contents_body section.column3 div p.imgbox{display:inline-block;margin-right:20px;vertical-align:top}#primary #contents section.webhealer.column1 article .rightblock ul li p.imgbox img{height:auto;width:100%}#primary #contents section.column3 div p.link,#primary #contents section.creation p.link,#primary #contents section.labo div p.link,#primary #contents_body section.column3 div p.link{border:1px solid var(--border-color-link);border-radius:8px;color:#2a607a;font-size:var(--font-size-base);margin-bottom:12px;padding:12px;width:100%}#primary #contents section div.textarea p.link a,#primary #contents section.column3 div p.link a,#primary #contents section.column3 div p.link a:link,#primary #contents section.creation p.link a,#primary #contents section.creation p.link a:link,#primary #contents section.labo div p.link a:link,#primary #contents_body section.column3 div p.link a,#primary #contents_body section.column3 div p.link a:link{color:#6fbff8;display:block;word-break:break-all}#primary #contents section div.textarea p.link a:hover,#primary #contents section.creation p.link a:hover{background:#e9fafc;color:#009cc4}#primary #contents section.column3 div p.credit,#primary #contents_body section.column3 div p.credit{color:#2a607a}#primary #contents section.column3 div p.list,#primary #contents_body section.column3 div p.list{padding-left:14px;text-indent:-14px}#primary #contents section.column3 div p i.fas.fa-location-arrow,#primary #contents_body section.column3 div p i.fas.fa-location-arrow{color:#6fbff8;display:block;font-size:.6rem;margin-top:8px}#primary #contents section.column3>div:last-child i.fas.fa-location-arrow,#primary #contents_body section.column3>div:last-child i.fas.fa-location-arrow{display:none}#primary #contents section.column3>div:last-child,#primary #contents_body section.column3>div:last-child{padding-right:0}#primary #contents section>div h3,#primary #contents_body section>div h3{color:var(--columnheadline-color);margin-bottom:12px}#easy_convert_images #primary #contents section.column3>div h3{color:#754d00}#primary #contents section.column3>div:first-child,#primary #contents_body section.column3>div:first-child,.lay_column3 #primary #contents section.column3>div{padding-left:0}.labo .column1 #primary.labo #contents section{flex-flow:row wrap}@media only screen and (min-width:1001px){body .column1 #primary #contents section div.rightblock{margin-bottom:12px;padding:0;width:calc(100% - 20px - clamp(100px, 10.6vw, 112px))}}.column1 #primary #contents section div:last-child,section.column1 article .rightblock li:last-child,section.column1 article .rightblock ul:last-child{margin-bottom:0}.column1 #primary #contents section .rightblock div{width:100%}.column1 #primary #contents section div h3{margin-bottom:4px}.column1 #primary #contents section div p:last-child{margin-bottom:0}.column1 #primary #contents section div p .fa-location-arrow{display:none}.column1 #primary #contents section div:after{content:none}.column1 #primary #contents section div p{margin-bottom:20px}@media only screen and (max-width:1198px) and (min-width:592px){body.column3 #primary #contents section div:last-child p.excbox img,body.column3 #primary #contents section div:last-child p.imgbox img{width:50%}}.column1 #primary #contents section div .column_img img,.multiImages #primary #contents section div .column_img img{border:1px solid #efefef;border-radius:8px;height:auto;width:100%}.webhealer section.advanced>footer,.webhealer section.advanced>header{background:none;padding:16px 0}.webhealer section.advanced>footer:after,.webhealer section.advanced>footer:before,.webhealer section.advanced>header:after,.webhealer section.advanced>header:before{background-image:radial-gradient(#dd2638 20%,hsla(0,0%,100%,0) 24%);background-position:16px 50%;background-size:16px 16px;content:"";display:block;height:16px;position:absolute;position:relative;right:0;width:100%}.webhealer section.advanced>footer:before,.webhealer section.advanced>header:before{top:-1vw}.webhealer section.advanced>footer:after,.webhealer section.advanced>header:after{bottom:-1vw}.webhealer #contents>footer>h2,.webhealer #contents>header>h2{align-content:center;align-items:center;color:#dd2638;display:flex;flex-flow:row nowrap;font-size:20px;font-weight:800;justify-content:start;line-height:28px;padding-left:12px;padding-right:12px}.webhealer #contents>footer>h2 svg,.webhealer #contents>header>h2 svg{margin-right:16px}.webhealer #contents>header>h2 svg{height:4vw;min-height:max(4vw,49px);min-width:max(9.9vw,120px);width:9.9vw}.webhealer #contents>footer>h2 svg{height:3vw;min-height:max(3vw,38px);min-width:max(8vw,94px);width:8vw}.webhealer #contents div p b.red{color:var(--cat-color-webhealer)}#contents.advanced>header h2{margin-bottom:0}.link a{display:inline-block;word-break:keep-all}#recommends article.link a:link{color:#5b88ff}#recommends article.link a:visited{color:#5a76ab}#recommends article.link.current a{color:#4d4f53}.link a i{margin-right:4px}#contents .link a{word-break:break-all}#expImg{align-content:center;align-items:center;display:flex;flex-flow:row wrap;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;text-align:center;top:0;transform-origin:center;transition:all .44s ease-out;visibility:hidden;width:var(--100nvw);z-index:9}#expImg.view{height:100vh;opacity:1;visibility:visible}#expImg p.imgbox{border-radius:12px}#expImg.view p.imgbox{background:#fff;box-shadow:0 2px 16px rgba(77,77,77,.6);max-width:96vw;position:relative}#expImg img{border-radius:12px;box-sizing:border-box;height:auto;max-height:100vh;max-width:100vw;padding:8px;width:100%}#expImg i.fa-times-circle{background:hsla(0,0%,100%,.4);border:2px solid hsla(0,0%,100%,.4);border-radius:50%;color:rgba(14,148,243,.4);display:block;font-size:2rem;position:absolute;right:8px;top:8px;z-index:8}#expImg:hover i.fa-times-circle{background:#fff;border:2px solid #fff;color:#0e94f3}.code-toolbar.detail pre{position:static!important}#contents .column3 p.expon,#contents .detail,#contents .expon{position:relative;z-index:8}.column_img.expon:before,.imgbox.expon:before,.multi.expon:before{background:hsla(0,0%,100%,.7) url(849ac6ab537c0074861f.svg) no-repeat 50%;background-size:auto 40px;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}#expImg .imgbox:after{background:#fff url(b642517799c840b7028d.svg) no-repeat;background-position:right 2px top 2px;background-size:auto 20px;border-radius:12px;content:"";display:block;height:24px;position:absolute;right:0;top:0;width:24px;z-index:9}#primary #contents section.column3 div p i svg{height:12px;width:10px}div.code-toolbar:hover>.toolbar{opacity:0}#primary #contents section.column3>div:last-child i.fas.fa-location-arrow{display:none}#primary #contents section.column3 div i.direction{align-content:center;align-items:center;display:inline-flex;flex-flow:row wrap;height:12px;justify-content:start;margin-left:4px;position:relative;top:1px;width:12px}#primary #contents section.column3.advance>div i.direction{display:none}#primary #contents section.area>div:last-child i.direction{display:none!important}i.invalid svg,i.squint svg,i.valid svg{display:inline-block;position:relative;top:2px}h2 i.invalid svg,h2 i.squint svg,h2 i.valid svg{height:min(20px,4.4vw);width:auto}p i.invalid svg,p i.squint svg,p i.valid svg{height:min(14px,4.2vw);width:auto}.single .engDisplay{font-family:var(--font-sunserif),sans-serif;font-weight:400;line-height:2vw}#primary #contents section div p.link a{align-content:center;align-items:center;display:flex!important;flex-flow:row wrap;justify-content:start}#primary #contents section div p.link a svg{display:inline-block;flex:0 0 14px;height:14px;margin-right:4px;width:14px}main #primary .shortcode_button{align-content:center;align-items:center;background:var(--button-color-pale);border:1px solid var(--border-color-link);border-radius:8px;color:var(--link-color);display:flex;flex-flow:row nowrap;justify-content:space-between;justify-content:start;margin:8px 0;padding:8px;position:relative;word-break:break-word}main #primary .shortcode_button.qr img{height:64px;width:auto}#primary #contents section div .shortcode_button em,#primary #contents section div p span.shortcode_button a,#primary #contents section div p span.shortcode_button em{font-size:.9rem;line-height:1.2rem;margin-right:8px}#primary #contents section div p span.shortcode_button a{align-content:center;align-items:center;color:var(--key-color);display:flex!important;flex-flow:row wrap;justify-content:start;padding-left:20px;position:relative}#primary #contents section div article span.shortcode_button a svg,#primary #contents section div p span.shortcode_button a svg,#primary #contents section div span.shortcode_button a svg{display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;width:14px}@media only screen and (max-width:390px){main #primary .shortcode_button{align-content:center;align-items:center;flex-flow:column;justify-content:start}#primary #contents section div p span.shortcode_button em{border-bottom:1px dotted #6894fd;margin-bottom:4px;margin-right:8px;padding-bottom:4px}}@media only screen and (max-width:1182px){#primary #contents section.column3>div:nth-child(2) i.fas.fa-location-arrow{display:none}}@media only screen and (max-width:808px){#primary #contents section.column3>div:after{content:none}#primary #contents section.column3>div{padding-right:0}#primary #contents section.column3 div p i.fas.fa-location-arrow{display:none}}@media only screen and (max-width:1000px){body:not(.demo) .column1 #primary #contents section div:not(.card,.cards,#arcanaInfo){width:100%}}@media only screen and (max-width:768px){#primary #contents section.column3,#primary #contents_body section.column3{padding:0}.column1 #primary #contents section div:not(.card,.cards,#arcanaInfo),section.column1 article .rightblock{order:2;padding-top:4px;text-align:justify;text-justify:inter-character;width:100%}body .column1 #primary #contents section div.rightblock{width:100%}}@media only screen and (max-width:667px){main.webhealer #primary.webhealer #contents header h2{align-content:center;align-items:start;display:flex;flex-flow:column;justify-content:center;width:100%}main.webhealer #primary.webhealer #contents header h2 svg{margin:0 0 8px}.webhealer section.advanced>header{box-sizing:border-box;justify-content:center}}#controlBar_bgndVideo{bottom:-60px;position:relative}.creation #headline{align-content:center;align-items:start;box-sizing:border-box;display:flex;flex-flow:column!important;justify-content:center;justify-content:start;padding:20px}#freesearch main,#sitemap main{margin:0 auto}#primary #contents.card{margin-bottom:40px}section.column1.labo{flex-flow:row wrap;justify-content:space-between}.creation section.column1,section.column1.labo{display:flex;font-size:13px;margin-bottom:20px;padding-top:20px}.creation section.column1{align-content:center;align-items:center;flex-flow:column;justify-content:start}.creation section.column1 article:first-child{order:1}.creation section.column1 article:nth-child(2){order:4}.creation section.column1 article:nth-child(3){order:2}.creation section.column1 article:nth-child(4){order:3}.creation section.column1 article:nth-child(5){order:5}@media only screen and (min-width:769px){section.column1.labo .textarea{flex:0 1 auto;max-width:calc(100% - 280px)}}@media only screen and (max-width:768px){section.column1.labo .textarea{flex:0 1 auto;max-width:100%}}section.column1.labo .mediaarea{flex:0 1 240px;max-width:240px}section.column1.labo .mediaarea img{border:1px solid #efefef;box-sizing:border-box;height:auto;max-width:100%;width:auto}section.column1.labo .mediaarea .imgbox{margin-bottom:12px}#primary #contents section.column1 div,section.column1.labo .mediaarea .credit{margin-bottom:20px}#primary #contents section article a{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:start;padding-left:20px}#primary #contents section article a i.fa-play-circle{display:block;height:14px;width:14px}#primary #contents section article a i.fa-play-circle svg{display:block}body.labo #primary #contents section.column3.advance>div.textarea{padding-right:0}body.labo section.column3.advance article,section.column1 article,section.multiImages article{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:60px}body.labo section.column3.advance article header,section.column1 article header,section.multiImages article header{box-sizing:content-box;order:1;padding-right:20px;width:clamp(100px,10.6vw,112px)}.labo section.column1 article header,.labo section.multiImages article header,body.labo section.column3.advance article header{margin-bottom:16px}body.labo section.column3.advance article header h4,section.column1 article header h4,section.multiImages article header h4{align-content:center;align-items:center;background:#008bd5;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;flex-flow:row wrap;font-size:var(--font-size-base);font-weight:400;justify-content:center;text-align:center;width:100%}body.labo section.column3.advance article header h4{padding-top:100%;position:relative}body.labo section.column3.advance article header h4 em{align-content:center;align-items:center;display:flex;flex-flow:row wrap;height:100%;justify-content:center;line-height:1.2rem;margin-top:-50%;position:absolute;top:50%;width:100%}body.labo section.column3.advance article header h4 .section_title,section.column1 article header h4 .section_title,section.multiImages article header h4 .section_title{line-height:1.2rem;position:absolute}section.column1 article header h4:before,section.multiImages article header h4:before{content:"";display:block;padding-top:100%;width:0}section.column1 article .rightblock,section.multiImages article .rightblock{order:2;padding-top:4px;width:calc(100% - 20px - clamp(100px, 10.6vw, 112px))}body.labo section.column3.advance article .rightblock{order:2;padding-top:40px;width:calc(100% - 20px - clamp(100px, 10.6vw, 112px))}body.labo section.column3.advance article .rightblock h5,section.column1 article .rightblock h5,section.multiImages article .rightblock h5{border-bottom:1px solid #efefef;color:#008bd5;font-family:var(--font-min-jp);font-size:var(--font-size-subheadline);line-height:var(--line-height-base);margin-bottom:32px}section.multiImages article .rightblock h5{border-bottom:1px solid #efefef}body.labo section.column3.advance article .rightblock ul,section.column1 article .rightblock ul,section.multiImages article .rightblock ul{margin-bottom:40px}body.labo section.column3.advance article .rightblock li,section.column1 article .rightblock li,section.multiImages article .rightblock li{margin-bottom:24px}body.labo section.column3.advance article .rightblock li:last-child,body.labo section.column3.advance article .rightblock ul:last-child,body.multiImages #primary #contents .multiImages article .rightblock p:last-child,body.multiImages section.area>article,section.column1 article .rightblock li:last-child,section.column1 article .rightblock ul:last-child,section.multiImages article .rightblock li:last-child,section.multiImages article .rightblock ul:last-child{margin-bottom:0}body.labo section.column3.advance article .rightblock li b,section.column1 article .rightblock li b,section.column3 div p b,section.multiImages article .rightblock li b{color:#000;font-family:var(--font-got-jp);font-size:var(--font-size-base)}body.labo section.column3.advance article .rightblock li p b,section.column1 article .rightblock li p b,section.multiImages article .rightblock li p b{color:rgba(0,0,0,.7)}body.labo section.column3.advance article:first-child header h4,section.column1 article:first-child header h4,section.multiImages article:first-child header h4{background:#3dbcc5}body.labo section.column3.advance article:first-child .rightblock h5,section.column1 article:first-child .rightblock h5,section.multiImages article:first-child .rightblock h5{color:#3dbcc5}body.labo section.column3.advance article:nth-child(2) header h4,section.column1 article:nth-child(2) header h4,section.multiImages article:nth-child(2) header h4{background:var(--column1-1-color)}body.labo section.column3.advance article:nth-child(2) .rightblock h5,section.column1 article:nth-child(2) .rightblock h5,section.multiImages article:nth-child(2) .rightblock h5{color:var(--column1-1-color100)}body.labo section.column3.advance article:nth-child(3) header h4,section.column1 article:nth-child(3) header h4,section.multiImages article:nth-child(3) header h4{background:#e6ba00}body.labo section.column3.advance article:nth-child(3) .rightblock h5,section.column1 article:nth-child(3) .rightblock h5,section.multiImages article:nth-child(3) .rightblock h5{color:#bb9600}body.labo section.column3.advance article:nth-child(4) header h4,section.column1 article:nth-child(4) header h4,section.multiImages article:nth-child(4) header h4{background:#f18b1d}body.labo section.column3.advance article:nth-child(4) .rightblock h5,section.column1 article:nth-child(4) .rightblock h5,section.multiImages article:nth-child(4) .rightblock h5{color:#f18b1d}body.labo section.column3.advance article:nth-child(5) header h4,section.column1 article:nth-child(5) header h4,section.labo article:first-child header h4,section.multiImages article:nth-child(5) header h4{background:#ff9eb8}.multiImages article:nth-child(5) .rightblock h5,body.labo section.column3.advance article:nth-child(5) .rightblock h5,section.column1 article:nth-child(5) .rightblock h5,section.labo article:first-child .rightblock h5{color:#ff2e66}section.labo article:nth-child(2) header h4{background:#8869d1;background:#a18fdf}section.labo article:nth-child(2) .rightblock h5{color:#764fff}section.labo article:nth-child(3) header h4{background:var(--column1-1-color-pale)}section.labo article:nth-child(3) .rightblock h5{color:var(--column1-1-dark-color)}section.labo article:nth-child(4) header h4{background:var(--key-color)}section.labo article:nth-child(4) .rightblock h5{color:var(--key-color-text-dark)}section.labo article:nth-child(5) header h4{background:#b399ff}section.labo article:nth-child(5) .rightblock h5{color:#b399ff}body.labo section.column3.advance article .rightblock ul li p span.imgblock,section.labo.column1 article .rightblock ul li p span.imgblock,section.labo.multiImages article .rightblock ul li p span.imgblock{align-content:center;align-items:start;display:flex;flex-flow:row nowrap;justify-content:space-between;margin:16px 0}section.multiImages article .rightblock ul li span.imgblock{display:grid;gap:2vw;grid-template-columns:1fr 1fr}body.labo section.column3.advance article .rightblock ul li p,body.labo section.column3.advance article .rightblock ul li pre,section.labo.column1 article .rightblock ul li p,section.labo.column1 article .rightblock ul li pre,section.labo.multiImages article .rightblock ul li p,section.labo.multiImages article .rightblock ul li pre{margin-bottom:16px}section.labo.column1 article .rightblock ul li p b,section.labo.multiImages article .rightblock ul li p b{display:inline-block}section.multiImages article .rightblock ul li p b.blue{color:var(--key-color-vivid);display:inline}section.labo.column1 article .rightblock ul li p span.imgblock.column1 span,section.labo.multiImages article .rightblock ul li p span.imgblock.column1 span{max-width:100%}section.labo.column1 article .rightblock ul li p span.imgblock.column2 span,section.labo.multiImages article .rightblock ul li p span.imgblock.column2 span{max-width:49%}section.labo.column1 article .rightblock ul li p span.imgblock.column3 span,section.labo.multiImages article .rightblock ul li p span.imgblock.column3 span{max-width:32%}body.labo section.column3.advance article .rightblock ul li p span.imgblock .column_img em,section.labo.column1 article .rightblock ul li p span.imgblock .column_img em,section.labo.multiImages article .rightblock ul li p span.imgblock .column_img em{display:inline-block;line-height:1.2rem}body.labo section#primary.labo section.labo.multiImages article .rightblock ul li span.imgblock .column_img em{color:var(--key-color-dark);line-height:1.2rem}body.labo section.column3.advance article .rightblock ul li p span.imgblock.column4 span,section.labo.column1 article .rightblock ul li p span.imgblock.column4 span,section.labo.multiImages article .rightblock ul li p span.imgblock.column4 span{max-width:24%}body.labo section.column3.advance article .rightblock ul li p span.imgblock span img,section.labo.column1 article .rightblock ul li p span.imgblock span img,section.labo.multiImages article .rightblock ul li p span.imgblock span img{display:block;height:auto;width:100%}body.labo section.column3.advance article .rightblock ul li p span.imgblock span em,section.labo.column1 article .rightblock ul li p span.imgblock span em,section.labo.multiImages article .rightblock ul li p span.imgblock span em{color:var(--creation-color-science10);font-family:var(--font-got-jp);font-size:.72rem}.item_body{margin-bottom:12px}.item_body b{display:inline-block}.item_body figure{background:#ecfbfd;border-radius:4px;padding:12px}.item_body blockquote{color:#615ece;font-size:.9rem;font-weight:700}.item_body figcaption{color:#255b54;font-style:italic}main #primary a svg{fill:var(--key-color)}#container main #primary #contents article div p{position:relative}#services #container main #primary #contents article div p{min-height:unset}body.labo section.column3.advance article .rightblock ul li p span a,section.column1 article .rightblock ul li p span a,section.column3 div p span a,section.multiImages article .rightblock ul li p span a{color:var(--key-color)}body.labo section.column3.advance div.mediaarea p.credit a.samplelink,section.labo.column1 div.mediaarea p.credit a.samplelink,section.labo.multiImages div.mediaarea p.credit a.samplelink{background:rgba(164,207,255,.3);border:1px solid var(--key-color);border-radius:4px;color:var(--key-color);display:block;font-family:var(--font-got-jp);line-height:.8rem;margin-top:8px;padding:4px;text-align:center}body.labo section.column3.advance div.mediaarea p.credit a.samplelink:hover,section.labo.column1 div.mediaarea p.credit a.samplelink:hover,section.labo.multiImages div.mediaarea p.credit a.samplelink:hover{background:#fff;color:var(--creation-color-science10)}.item_body span.imgblock,.item_body span.imgblock span{display:block}.item_body .imgblock .column_img{align-items:stretch;display:flex;flex-flow:column;gap:1rem;justify-content:start;justify-content:space-between;margin-bottom:1.4rem}@media only screen and (min-width:900px){body.lower #secondary{position:static}body.lower :not(.demo) :not(.fetch) main{justify-content:center}body.lower :not(.demo) :not(.fetch) #primary{flex:0 1 auto;margin-right:2%;width:min(72%,980px)}}.creation #primary .column1 header h4,.creation #primary .multiImages header h4{position:relative}.creation #primary .column1 header h4 svg,.creation #primary .multiImages header h4 svg{left:-8px;position:absolute;top:0;z-index:0}.creation .parallax{perspective-origin:center 0}#primary>#pageTitle #parent a:hover{background:var(--cat-color-pageTitle);border-radius:4px;color:#fff}.creation #headline>svg{height:auto;max-width:36%;position:absolute;right:3vw;top:3vw;z-index:3}.creation.science #headline>svg path{fill:var(--creation-color-science );transform:translate(0)}.creation.fantasy #headline>svg path{fill:var( --creation-color-fantasy );transform:translate(0)}.creation.musical #headline>svg path{fill:var( --creation-color-musical );transform:translate(0)}.creation.entertament #headline>svg path{fill:var( --creation-color-entertament );transform:translate(0)}.creation.sports #headline>svg path{fill:var( --creation-color-sports );transform:translate(0)}#webhealer #headline header,.webhealer #headline header{filter:drop-shadow(8px 8px 8px rgba(0,0,0,.1))}.page #headline header,.single #headline header{left:min(8px,1vw);top:min(8px,1vw)}.single.creation #headline header{left:0;top:0}#labo #headline header,.labo #headline header{height:auto;transform:scale(1.2);transform-origin:left top;width:min(25vw,206px)}#labo #headline header svg,#webhealer #headline header svg,.labo #headline header svg,.webhealer #headline header svg{height:auto;width:100%}#labo #headline header svg{fill:#ab90f4}.labo #headline header svg{fill:#99ecff;fill:var(--key-color)}.news #headline header svg path{fill:var(--cat-color-news)}#pagescroll #headline header svg g path,#pagescroll #headline header svg g polygon{fill:#80214d;fill:#bfa24a}#labo #headline header #labostar,.labo #headline header #labostar{transform-origin:69px 12px;transition:all .9s ease-out;transition:all easeOutQuint .9s}#labo #headline header:hover #labostar,.labo #headline header:hover #labostar{transform:rotate(2turn);fill:#ffdc4f}#devilsworkshop #headline header,.devilsworkshop #headline header{min-width:160px;width:24%}#devilsworkshop #headline header svg,.devilsworkshop #headline header svg{height:auto;width:100%}#devilsworkshop #headline header svg g g g g g:nth-child(2) path,#gmap #headline header svg g g g g g:nth-child(2) path,#pager #headline header svg g g g g g:nth-child(2) path{fill:#333}#easy_convert_images #headline header svg g g,#peoplegraph #headline header svg>g>g>g>g>g:nth-child(2)>path,#peoplegraph #headline header svg>g>g>g>g>g:nth-child(3)>path,#searchgl #headline header svg>g>g>g>g>g:nth-child(2)>path,#searchgl #headline header svg>g>g>g>g>g:nth-child(3)>path{fill:#fff}#devilsworkshop #headline header #devilsface,.devilsworkshop #headline header #devilsface{transform-origin:47px center;transition:all .6s ease-out}#devilsworkshop #headline header:hover #devilsface,.devilsworkshop #headline header:hover #devilsface{transform:rotateY(180deg)}#devilsworkshop #headline header #devilhair,#devilsworkshop #headline header #lefthorn,#devilsworkshop #headline header #righthorn,.devilsworkshop #headline header #devilhair,.devilsworkshop #headline header #lefthorn,.devilsworkshop #headline header #righthorn{transition:all .6s ease-out}#devilsworkshop #headline header:hover #lefthorn,#devilsworkshop #headline header:hover #righthorn,.devilsworkshop #headline header:hover #lefthorn,.devilsworkshop #headline header:hover #righthorn{fill:#ff91db}#devilsworkshop #headline header:hover #devilhair,.devilsworkshop #headline header:hover #devilhair{fill:#ff4c79}#webhealer #headline header,.webhealer #headline header{left:max(1.4vw,8px);max-width:424px;min-width:172px;position:absolute;top:max(1.4vw,8px);width:32%;z-index:4}#webhealer #headline header #webhealerLogo,.webhealer #headline header #webhealerLogo{left:0;position:absolute;top:0;transition:all .3s ease-out;z-index:5}#webhealer #headline header:hover #webhealerLogo,.webhealer #headline header:hover #webhealerLogo{opacity:0}#webhealer #headline header #webhealerlogohover,.webhealer #headline header #webhealerLogoHover{left:0;position:absolute;top:0;z-index:4}#creation #headline header{font-size:min(12px);max-width:356px;position:relative;text-align:left;width:max(280px,calc(25vw + 84px))}#creation #headline header svg{height:44%;min-width:56px;padding-right:11px;width:44%}.creation #headline header{font-size:min(12px);max-width:356px;position:relative;text-align:left;width:max(200px,calc(18vw + 60px))}.creation #headline>header svg{height:44%;min-width:40px;padding-right:8px;width:44%}#creation #headline header svg path,.creation #headline>header svg path{fill:var( --creation-color )}#creation #headline header .catTitle{color:#ff94bc;font-size:min(24px,calc(1.4vw + 12px));line-height:min(28px,calc(1.4vw + 17px))}.creation #headline header .catTitle{color:#ff94bc;font-size:min(24px,calc(1vw + 8px));line-height:min(28px,calc(1vw + 12px))}.creation #headline>.body{align-content:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin:2.8vw auto 0;max-width:calc(2% + 1180px);max-width:1680px;max-width:112%;position:static;transform:translateZ(-1000px);width:calc(111% + 200px)}.creation main{background:hsla(0,0%,100%,.7);margin-top:-18vw}#creation #headline header svg,.creation #headline header svg{overflow:visible}#creation #headline header #creationsornament,.creation #headline header #creationsornament{transform-origin:64px 64px;transition:all .3s ease-out}#creation #headline header:hover #creationsornament,.creation #headline header:hover #creationsornament{transform:rotate(-1turn);fill:var(--key-color)}#primary .column1 article,#primary .multiImages article{width:100%}.creation .column1.labo article .rightblock ul li p.body,.creation .multiImages.labo article .rightblock ul li p.body{margin-bottom:32px;width:100%}.creation #primary #contents section.column1 article div.rightblock,.creation #primary #contents section.multiImages article div.rightblock,.creation #primary .column1 article .rightblock,.creation #primary .column1 article .rightblock li:last-child,.creation #primary .multiImages article .rightblock,.creation #primary .multiImages article .rightblock li:last-child,.creation .column1.labo article .rightblock,.creation .column1.labo article .rightblock ul li p.body:last-child,.creation .multiImages.labo article .rightblock,.creation .multiImages.labo article .rightblock ul li p.body:last-child{margin-bottom:0}#primary #contents .column1 article .rightblock p.imgbox,#primary .multiImages article .rightblock .imgbox{margin-bottom:12px}#primary #contents .column1 article .rightblock p.imgbox,#primary .column1 article .rightblock .image_credit,#primary .multiImages article .rightblock .image_credit,#primary .multiImages article .rightblock .imgbox{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between}#primary .column1 article .rightblock .image_credit p,#primary .multiImages article .rightblock .image_credit p{line-height:1.4rem}#primary .column1 article .rightblock .imgbox .multi,#primary .multiImages article .rightblock .imgbox .multi{border:1px solid var(--border-color-img);border-radius:8px;flex:0 1 auto;margin-right:4px;max-width:48%;position:relative}#primary .column1 article .rightblock .imgbox .multi:after,#primary .multiImages article .rightblock .imgbox .multi:after{background:var(--pager-color-basegray);border-radius:50%;color:#fff;content:counter(imgnum);counter-increment:imgnum;font-family:.6rem;font-family:var(--font-display-min-jp);height:16px;left:4px;line-height:90%;position:absolute;text-align:center;top:4px;width:16px}#primary .column1 article .rightblock .imgbox img,#primary .multiImages article .rightblock .imgbox img{border-radius:8px;height:auto;width:100%}#primary .column1 article .rightblock .imgbox .multi:last-child img,#primary .multiImages article .rightblock .imgbox .multi:last-child img{margin-right:0}@media only screen and (max-width:768px) and (min-width:501px){.creation #primary .column1 article .rightblock .imgbox,.creation #primary .multiImages article .rightblock .imgbox{flex-flow:row wrap}.creation #primary .column1 article .rightblock .imgbox img,.creation #primary .multiImages article .rightblock .imgbox img{margin-bottom:8px}.creation #primary .column1 article .rightblock .imgbox img:last-child,.creation #primary .multiImages article .rightblock .imgbox img:last-child{margin-bottom:0}}@media only screen and (max-width:768px){#creation #headline header,#devilsworkshop #headline header,.devilsworkshop #headline header,.information #headline header{left:8px;top:8px}#primary #contents .column1 article .rightblock p.imgbox,#primary .column1 article .rightblock .image_credit,#primary .multiImages article .rightblock .image_credit,#primary .multiImages article .rightblock .imgbox{align-content:center;align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:12px}#primary .column1 article .rightblock .image_credit p,#primary .multiImages article .rightblock .image_credit p{flex:0 1 auto;flex:0 0 100%!important;margin-bottom:20px;margin-right:0;max-width:48%;max-width:100%!important;position:relative;width:100%!important}#primary .column1 article .rightblock .imgbox .multi,#primary .multiImages article .rightblock .imgbox .multi{border:1px solid var(--border-color-img);border-radius:8px;flex:0 1 auto;flex:0 0 100%!important;margin-bottom:20px;margin-right:0;max-width:48%;position:relative;width:100%!important}}@media only screen and (max-width:500px){#primary #contents .column1 article .rightblock p.imgbox em,#primary .multiImages article .rightblock .imgbox em,.creation #primary .column1 article .rightblock .imgbox em,.creation #primary .multiImages article .rightblock .imgbox em{max-width:48%!important;width:48%!important}.creation #primary .column1 article .rightblock .imgbox img,.creation #primary .multiImages article .rightblock .imgbox img{flex:0 1 100%;height:auto;width:100%}#primary .creation.column1 article:nth-child(2) .imgbox,#primary .creation.multiImages article:nth-child(2) .imgbox{width:100%}.creation #headline>svg{mix-blend-mode:color-dodge;top:44px}}.tagbox{align-content:center;align-items:stretch;display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:24px;padding:8px}.tagbox li{font-size:max(.4vw,12px);margin:2px;padding:0}.tagbox a{align-content:center;align-items:center;border:1px solid #ece7e7;border-radius:16px;display:flex;flex-flow:row wrap;height:32px;justify-content:center;padding:0 16px}.tagbox a:hover{background:var(--creation-color);color:#fff}@media only screen and (min-width:768px){#happydeveloper.page #headline header,.happydeveloper #headline header{left:clamp(4px,2vw,20px);top:clamp(0px,1vw,10px);width:clamp(142px,20vw,286px)}}@media only screen and (max-width:767px){#happydeveloper.page #headline header,.happydeveloper #headline header{left:clamp(4px,.2vw,20px);top:clamp(0px,1vw,10px);width:clamp(52px,11vw,86px)}}#happydeveloper.page #headline header svg,.happydeveloper #headline header svg{height:100%;width:100%}@media only screen and (max-width:480px){.news #headline header svg{left:4px;top:0;transform:scale(.5);transform-origin:top left}#primary .column1 article .rightblock .imgbox .multi,#primary .multiImages article .rightblock .imgbox .multi{max-width:100%!important}}@media only screen and (max-width:390px){.page #headline header,.single #headline header{left:4px;top:4px}#pageTitle #currentpage #parent{margin-left:-8px}#pageTitle #currentpage #current{margin-top:-8px}}.creation #primary .column1 header h4,.creation #primary .multiImages header h4{background:transparent}.creation #primary .column1 header h4 svg,.creation #primary .multiImages header h4 svg{height:100%;width:100%}.creation #primary .column1 header h4 span
.creation #primary .column1 header h4 span{left:8px;position:relative;top:0}.creation #primary .column1 article:first-child header h4 svg path,.creation #primary .multiImages article:first-child header h4 svg path{fill:#cbb7f9}.creation #primary .column1 article:nth-child(2) header h4 svg path,.creation #primary .multiImages article:nth-child(2) header h4 svg path{fill:#e7be81}.creation #primary .column1 article:nth-child(3) header h4 svg path,.creation #primary .multiImages article:nth-child(3) header h4 svg path{fill:#8dc6be}.creation #primary .column1 article:nth-child(4) header h4 svg path,.creation #primary .multiImages article:nth-child(4) header h4 svg path{fill:#e9b4bd}.creation #primary .column1 article:nth-child(5) header h4 svg path,.creation #primary .multiImages article:nth-child(5) header h4 svg path{fill:#fd93c6}.lower.page #container main #primary #bgimg picture{text-align:center}@media only screen and (max-width:390px){.underW375,.underW400{display:inline}}@media only screen and (min-width:900px){body.lower #secondary{position:static}body.lower :not(.demo) :not(.fetch) #primary{flex:0 1 auto;margin-right:2%;width:min(72%,980px)}}#primary>#pageTitle,#primary>#pageTitle>#currentpage{pointer-events:none}#primary>#pageTitle>#currentpage>#parent{pointer-events:auto}#primary>#pageTitle{color:var(--cat-color-pageTitle);font-family:var(--font-def-alp);font-size:min(10vw,64px);font-weight:lighter;left:0;line-height:min(10vw,64px);margin:0 auto;max-width:auto;position:absolute;top:clamp(-12px,-4vw,-56px);top:max(-16vw,-120px);width:100%}#primary>#pageTitle #parent{align-content:start;align-items:center;box-sizing:border-box;display:flex;flex-flow:row nowrap;font-size:16px;font-size:max(1.6vw,18px);height:20px;justify-content:start;line-height:20px;margin-left:-4px;max-width:1217px;width:auto}#primary>#pageTitle #parent a,#primary>#pageTitle #parent span{box-sizing:content-box;color:unset;height:20px;letter-spacing:8px;margin-left:4px;margin-right:4px;padding:8px 4px 8px 10px;width:auto}#primary>#pageTitle #parent a:first-child{margin-left:0}#primary>#pageTitle #parent span{color:unset;display:block;height:20px;padding:2px 4px;position:relative;top:0;width:auto}#primary>#pageTitle>div#currentpage{align-content:start;align-items:start;display:flex;flex-flow:column;justify-content:flex-end;max-width:1217px;width:calc(74% + 176px)}#search #primary>#pageTitle>div#currentpage{margin:0}.imgbox,body#digitalsculpture,body#restart_digitalsculpture{counter-reset:imgnum}@media only screen and (max-width:390px){.underW375,.underW400{display:inline}#pageTitle #currentpage #parent{margin-left:-8px}#pageTitle #currentpage #current{margin-top:-8px}}#container footer h2.description .description.company{display:block;font-family:var(--font-sub-alp);font-size:.8rem;margin-bottom:12px}#container footer h2.description .works{display:block;margin-bottom:8px}#container footer h2.description .address{font-style:normal;text-decoration:none}#container footer h2.description{font-size:.7rem;font-weight:100;line-height:.84rem;margin-bottom:12px;text-align:center}#container>footer,.shvtest #container footer.shv{background:rgba(0,0,0,.66);background-blend-mode:multiply;background-size:cover;box-sizing:border-box;color:#fff;padding:8px 0 12px;width:100%}#container>footer>nav{margin-bottom:12px}#container>footer p.cp,.shvtest #container footer p.cp{font-size:10px;line-height:14px;text-align:center}#container #footerNav{display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:0}#container #footerNav li{border-right:1px solid #999;height:18px;margin-right:0;padding:0 4px}#container #footerNav li:last-child{border:0;margin:0;padding:0}#container #footerNav a{display:block;font-family:var(--font-sub-alp);font-size:var(--fontsize-1);font-size:12px;height:100%;line-height:1.6;margin-bottom:12px;padding:0 4px}#container #footerNav a,#container #footerNav a:link,#container #footerNav a:visited{color:#f3f3f3}#container #footerNav li:last-child{border:none}#container #footerNav a:hover{background:rgba(212,218,225,.6);border-radius:2px;color:#fff}#footerSymbol{height:24px;margin:6px;text-align:center}#footerSymbol svg{fill:#fff;height:24px;width:auto}#container>footer p{font-size:.7rem}@media only screen and (max-width:768px){#container #footerNav li,#container #footerNav li:last-child{box-sizing:content-box;display:inline-block;margin:4px 0;padding:0 8px}#container footer h2.description .description.company{margin-bottom:8px}#container footer h2.description .description.company i.kana{font-size:.9rem}#container footer h2.description .address,#container footer h2.description .works{line-height:1.2rem;margin-bottom:16px}#container>footer{box-sizing:border-box;padding:8px}#container #footerNav a{box-sizing:content-box;display:block;font-size:.7rem;height:.8rem;line-height:.8rem;margin-bottom:0;padding:4px 0}#container>footer ul{align-content:center;align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;justify-content:center}#container>footer p a,#container>footer p a:link,#container>footer p a:visited{font-size:10px;line-height:12px;margin:0 auto;width:auto}#container footer h2.description .address{font-size:.7rem;font-style:normal;line-height:1.2rem;text-decoration:none}#container>footer p.cp{font-size:10px;margin:0 auto 4px;text-align:center;width:100%}#container>footer p,#container>footer ul{margin:0 auto;text-align:center;width:100%}#container #footerNav{margin-bottom:0}#container>footer h2.description,#container>footer nav{margin-bottom:20px}}@media only screen and (max-width:374px){#container>footer{background:unset;background:rgba(38,63,102,.66);background:#565c66;box-sizing:border-box;color:#fff;padding:8px 8px 12px;width:100%}#container footer h2.description .description.company{margin-bottom:24px}}#container .bgimg.centerFix{background-attachment:fixed;background-position:50%;background-size:100% auto;transition:none}#container .bgimg.bottom2top{background-position:bottom;background-size:100% auto}#container .bgimg.bottom2top.on{background-position:top}#container .bgimg.bottom2center{background-position:bottom;background-size:100% auto}#container .bgimg.bottom2center.on{background-position:50%}#container .bgimg.top2bottom{background-position:top;background-size:100% auto}#container .bgimg.top2bottom.on{background-position:bottom}.downme{padding-top:calc(60px + 5rem)}@keyframes parallax{0%{transform:translateZ(-356px)}to{transform:translateZ(-360px)}}@keyframes up{0%{bottom:-400px;line-height:76%}50%{bottom:0;line-height:76%}80%{bottom:0;line-height:76%}to{bottom:0;line-height:20%}}@keyframes drop{0%{line-height:76%;top:-400px}50%{line-height:76%;top:0}80%{line-height:76%;top:0}to{line-height:20%;top:0}}@keyframes left{0%{line-height:76%;right:-800px}50%{line-height:76%;right:0}80%{line-height:76%;right:0}to{line-height:20%;right:0}}@keyframes right{0%{left:-800px;line-height:76%}50%{left:0;line-height:76%}80%{left:0;line-height:76%}to{left:0;line-height:20%}}@keyframes dense{0%{line-height:76%}50%{line-height:76%}80%{line-height:76%}to{line-height:20%}}@keyframes exprosion{0%{opacity:0;transform:scale(.7)}50%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}#container.on div.headline h1 .jp{animation-delay:2.2s;animation-duration:3.8s;animation-fill-mode:forwards;animation-name:exprosion;animation-timing-function:ease-out;opacity:0;transform:scale(0)}#container.on div.headline h1 em:first-child{animation-delay:.6s;animation-duration:3.2s;animation-fill-mode:forwards;animation-name:drop;animation-timing-function:ease-out;top:-400px}#container.on div.headline h1 em:nth-child(2){animation-delay:.2s;animation-duration:3.2s;animation-fill-mode:forwards;animation-name:dense;animation-timing-function:ease-out;line-height:76%}#container.on div.headline h1 em:nth-child(3){animation-delay:.2s;animation-duration:3.2s;animation-fill-mode:forwards;animation-name:up;animation-timing-function:ease-out;bottom:-400px}#container.on div.headline h1 em i:first-child{animation-delay:.2s;animation-duration:3.2s;animation-fill-mode:forwards;animation-name:right;animation-timing-function:ease-out;left:-800px}#container.on div.headline h1 em i:nth-child(2){animation-delay:.6s;animation-duration:3.2s;animation-fill-mode:forwards;animation-name:left;animation-timing-function:ease-out;right:-1000px}#information{overflow:hidden}#frame4scroll{position:relative;z-index:3}.card>#frame4scroll>#scrollItem>article.spade>header h3{padding:0 32px}section.base.card>header{position:relative;z-index:1}#scrollItem{align-content:center;align-items:stretch;border-radius:8px;box-sizing:border-box;display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:0}@media only screen and (min-width:916px){#frame4scroll,.containerItem{overflow:hidden}#frame4scroll{cursor:grab;height:380px}#scrollItem{bottom:0;display:flex;flex-flow:row nowrap;justify-content:start;left:0;position:absolute!important;top:unset;width:100%;width:auto;z-index:1}}#recommends #scrollItem{top:0}a{position:relative;z-index:1}#contents article.construction a em,#contents article.preInfo a em,#contents article.ready a em,#information article.construction a em,#information article.preInfo a em,#information article.ready a em{display:block;font-size:.8rem;height:0;overflow:hidden;position:absolute;z-index:3}#contents article.onmenu a em,#information article.onmenu footer a em{background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#555001;font-family:var(--font-got-jp);font-size:.9rem;height:auto;left:50%;line-height:1.2rem;margin-left:-100px;overflow:visible;padding:8px;position:absolute;text-align:center;top:-64px;width:200px;word-break:break-all;z-index:4}#contents article.onmenu a em:after,#information article.onmenu footer a em:after{border:11px solid transparent;border-bottom-color:#fff;bottom:100%;content:"";height:0;left:50%;margin-bottom:0;margin-left:-11px;pointer-events:none;position:absolute;width:0;z-index:10}#contents article.onmenu a em:before,#information article.onmenu footer a em:before{border:12px solid transparent;border-bottom-color:#e6e6e6;bottom:100%;content:"";height:0;left:50%;margin-bottom:0;margin-left:-12px;pointer-events:none;position:absolute;width:0;z-index:9}.card>#frame4scroll>#scrollItem>article{align-content:center;align-items:center;background:hsla(0,0%,100%,0);box-sizing:border-box;display:flex;flex:0 1 aoto;flex-flow:column;justify-content:center;margin:0 4px;min-width:180px;padding:28px;width:228px;width:23%}.card>#frame4scroll>#scrollItem>article.navidown,.card>#frame4scroll>#scrollItem>article.naviup{align-content:center;align-items:center;display:flex;flex-flow:row wrap;justify-content:center}.card>#frame4scroll>#scrollItem>article.naviup,.lower .card>#frame4scroll>#scrollItem>article.navidown{display:none}.card>#frame4scroll>#scrollItem>article.navidown .message,.card>#frame4scroll>#scrollItem>article.naviup .message{align-content:center;align-items:center;border-radius:50%;color:#fff;display:flex;flex-flow:row wrap;height:152px;justify-content:center;position:relative;text-align:center;width:152px;z-index:3}.card>#frame4scroll>#scrollItem>article.navidown .message{background:#ee96bd;background:transparent}.card>#frame4scroll>#scrollItem>article.link{cursor:pointer;cursor:grab}.card>#frame4scroll>#scrollItem>article>.contents{align-content:center;align-items:center;display:flex;flex-flow:column;justify-content:space-between;order:2}.card>#frame4scroll>#scrollItem>article>header{align-content:center;align-items:center;display:flex;flex-flow:column;height:94px;justify-content:center;order:1;position:relative;width:100%;z-index:2}.card>#frame4scroll>#scrollItem>article>header svg{left:0;position:absolute;top:0;z-index:-1}.card>#frame4scroll>#scrollItem>article>header h3{align-content:center;align-items:center;color:#fff;display:flex;flex-flow:row wrap;font-family:var(--font-mar-jp);font-size:.9rem;font-style:normal;font-weight:200;height:40px;height:auto;height:calc(100% - 8px);justify-content:center;line-height:1.2rem;max-height:84px;overflow:hidden;position:relative;text-align:center;top:-4px;width:100%}.card>#frame4scroll>#scrollItem>article>header h3 span{font-size:80%}.card>#frame4scroll>#scrollItem>article.clover>header{height:88px;top:8px;width:160px}.card>#frame4scroll>#scrollItem>article.spade>header{height:92px;top:0;width:156px}.card>#frame4scroll>#scrollItem>article.diamond>header{height:96px;width:144px}.card>#frame4scroll>#scrollItem>article.heart>header{height:100px;width:144px}.card>#frame4scroll>#scrollItem>article.creation>header,.card>#frame4scroll>#scrollItem>article.developer>header,.card>#frame4scroll>#scrollItem>article.entertament>header,.card>#frame4scroll>#scrollItem>article.fantasy>header,.card>#frame4scroll>#scrollItem>article.musical>header,.card>#frame4scroll>#scrollItem>article.news>header,.card>#frame4scroll>#scrollItem>article.science>header,.card>#frame4scroll>#scrollItem>article.sports>header{height:100px;width:152px}section.card>div#scrollItem>article>header{position:relative}.card>#frame4scroll>#scrollItem>article.fantasy>a>header svg path,.card>#frame4scroll>#scrollItem>article.fantasy>header svg path{fill:var(  --creation-color-fantasy10 )}.card>#frame4scroll>#scrollItem>article.science>a>header svg path,.card>#frame4scroll>#scrollItem>article.science>header svg path{fill:var( --creation-color-science10 )}.card>#frame4scroll>#scrollItem>article.musical>a>header svg path,.card>#frame4scroll>#scrollItem>article.musical>header svg path{fill:var( --creation-color-musical10 )}.card>#frame4scroll>#scrollItem>article.entertament>a>header svg path,.card>#frame4scroll>#scrollItem>article.entertament>header svg path{fill:var( --creation-color-entertament10 )}.card>#frame4scroll>#scrollItem>article.sports>a>header svg path,.card>#frame4scroll>#scrollItem>article.sports>header svg path{fill:var( --key-color)}.card>#frame4scroll>#scrollItem>article.developer>a>header svg path,.card>#frame4scroll>#scrollItem>article.developer>header svg path{fill:var( --card-color-developer10 )}.card>#frame4scroll>#scrollItem>article.clover>header h3{left:21px;left:0;padding:0 8px}.card>#frame4scroll>#scrollItem>article.diamond>header h3,.card>#frame4scroll>#scrollItem>article.entertament>header h3,.card>#frame4scroll>#scrollItem>article.fantasy>header h3,.card>#frame4scroll>#scrollItem>article.heart>header h3,.card>#frame4scroll>#scrollItem>article.musical>header h3,.card>#frame4scroll>#scrollItem>article.news>header h3,.card>#frame4scroll>#scrollItem>article.science>header h3,.card>#frame4scroll>#scrollItem>article.spade>header h3,.card>#frame4scroll>#scrollItem>article.sports>header h3{left:0}.card>#frame4scroll>#scrollItem>article.spade>header h3{padding:0 24px}.card>#frame4scroll>#scrollItem>article.bubble>header h3,.card>#frame4scroll>#scrollItem>article.diamond>header h3,.card>#frame4scroll>#scrollItem>article.entertament>header h3,.card>#frame4scroll>#scrollItem>article.fantasy>header h3,.card>#frame4scroll>#scrollItem>article.heart>header h3,.card>#frame4scroll>#scrollItem>article.musical>header h3,.card>#frame4scroll>#scrollItem>article.news>header h3,.card>#frame4scroll>#scrollItem>article.science>header h3,.card>#frame4scroll>#scrollItem>article.sports>header h3{padding:0 16px}.card>#frame4scroll>#scrollItem>article>h3{color:var(--key-color);font-family:var(--font-def-alp);font-size:1.2rem;font-weight:200;line-height:1.6rem;text-align:center}.card>#frame4scroll>#scrollItem>article.longestheader>header h3{font-size:.8rem;line-height:1rem}.card>#frame4scroll>#scrollItem>article.clover>.contents,.card>#frame4scroll>#scrollItem>article.entertament>.contents,.card>#frame4scroll>#scrollItem>article.fantasy>.contents,.card>#frame4scroll>#scrollItem>article.musical>.contents,.card>#frame4scroll>#scrollItem>article.science>.contents,.card>#frame4scroll>#scrollItem>article.sports>.contents{margin-top:-8px}.card>#frame4scroll>#scrollItem>article.heart>.contents,.card>#frame4scroll>#scrollItem>article.spade>.contents{margin-top:-12px}.card>#frame4scroll>#scrollItem>article.entertament>.contents img,.card>#frame4scroll>#scrollItem>article.fantasy>.contents img,.card>#frame4scroll>#scrollItem>article.musical>.contents img,.card>#frame4scroll>#scrollItem>article.science>.contents img,.card>#frame4scroll>#scrollItem>article.sports>.contents img{position:relative}.card>#frame4scroll>#scrollItem>article.bubble>.contents,.card>#frame4scroll>#scrollItem>article.creation>.contents,.card>#frame4scroll>#scrollItem>article.diamond>.contents,.card>#frame4scroll>#scrollItem>article.news>.contents{margin-top:-16px}.card>#frame4scroll>#scrollItem>article>.contents img{border-radius:50%;box-sizing:content-box;height:152px;object-fit:cover;object-position:top;width:152px}.card>#frame4scroll>#scrollItem>article.heart>.contents img{border:2px solid #ff96bd}.card>#frame4scroll>#scrollItem>article.fantasy>.contents img{border:2px solid var( --creation-color-fantasy10 )}.card>#frame4scroll>#scrollItem>article.science>.contents img{border:2px solid var( --creation-color-science10 )}.card>#frame4scroll>#scrollItem>article.musical>.contents img{border:2px solid var( --creation-color-musical10 )}.card>#frame4scroll>#scrollItem>article.sports>.contents img{border:2px solid var( var(--key-color) )}.card>#frame4scroll>#scrollItem>article.entertament>.contents img{border:2px solid var( --creation-color-entertament10 )}.card>#frame4scroll>#scrollItem>article.bubble>.contents img{border:2px solid var(--key-color)}.card>#frame4scroll>#scrollItem>article.developer>.contents img{border:var( --card-color-developer10 )solid 2px}.card>#frame4scroll>#scrollItem>article.diamond>.contents img{border:2px solid var(--card-color-diamond)}.card>#frame4scroll>#scrollItem>article.clover>.contents img{border:2px solid #caafe8}.card>#frame4scroll>#scrollItem>article.spade>.contents img{border:2px solid #71d1bf}.card>#frame4scroll>#scrollItem>article>.contents .date{font-family:var(--font-sunserif);font-size:.6rem;font-weight:600;letter-spacing:1px;margin-top:-8px;order:3;width:80px}.card>#frame4scroll>#scrollItem>article>.contents .category,.card>#frame4scroll>#scrollItem>article>.contents .date{align-content:center;align-items:center;display:flex;flex-flow:column;height:32px;justify-content:center;position:relative;z-index:1}.card>#frame4scroll>#scrollItem>article>.contents .category{background:#feffd9;border:2px solid #95c4d9;border-radius:4px;box-sizing:border-box;color:#000;font-size:1rem;min-width:100px;padding:0 8px;top:-8px;width:auto}.card>#frame4scroll>#scrollItem>article.devilsworkshop>.contents .category{border:1px solid var(--cat-color-devilsworkshop);color:var(--cat-color-devilsworkshop)}.card>#frame4scroll>#scrollItem>article.labo>.contents .category{border:1px solid var(--cat-color-labo);color:var(--cat-color-labo)}@media only screen and (max-width:390px){.card>#frame4scroll>#scrollItem>article.devilsworkshop>.contents .category{border:1px solid var(--cat-color-devilsworkshop);color:var(--cat-color-devilsworkshop-sp);display:none}.card>#frame4scroll>#scrollItem>article.labo>.contents .category{border:1px solid var(--cat-color-labo);color:var(--cat-color-labo-sp);display:none}}.card>#frame4scroll>#scrollItem>article.webhealer>.contents .category{border:1px solid var(--cat-color-webhealer);color:var(--cat-color-webhealer)}.card>#frame4scroll>#scrollItem>article.creation>.contents .category{border:1px solid var(--cat-color-creation);color:var(--cat-color-creation)}.card>#frame4scroll>#scrollItem>article.happydeveloper>.contents .category{border:1px solid var(--cat-color-happydeveloper);color:var(--cat-color-happydeveloper)}.card>#frame4scroll>#scrollItem>article.news>.contents .category{border:1px solid var(--cat-color-news);color:var(--cat-color-news)}.card>#frame4scroll>#scrollItem>article.diamond header svg #bubbleDiamond_mark path,.card>#frame4scroll>#scrollItem>article.diamond header svg #diamond_mark path{fill:var(--card-color-diamond)}.card>#frame4scroll>#scrollItem>article>footer{order:3}.card>#frame4scroll>#scrollItem>article>footer a{align-content:center;align-items:center;background:var(--key-color);border-radius:50%;box-shadow:0 2px 4px rgba(26,26,26,.2);color:#fff;display:flex;display:block;flex-flow:row nowrap;font-family:var(--font-slid-number);font-size:.8rem;font-style:italic;font-weight:800;height:32px;justify-content:center;letter-spacing:-.1em;text-align:center;width:32px;word-break:keep-all}.card>#frame4scroll>#scrollItem>article.heart>a>header svg path{fill:#ff96bd}.card>#frame4scroll>#scrollItem>article.heart>footer a{background:#ff96bd;border-color:#ff96bd}.card>#frame4scroll>#scrollItem>article.diamond>a>header svg path{fill:var(--card-color-diamond)}.card>#frame4scroll>#scrollItem>article.diamond>footer a{background:var(--card-color-diamond);border-color:var(--card-color-diamond)}.card>#frame4scroll>#scrollItem>article.news>a>header svg path{fill:var(--cat-color-news)}.card>#frame4scroll>#scrollItem>article.clover>a>header svg path{fill:#caafe8}.card>#frame4scroll>#scrollItem>article.spade>a>header svg path{fill:#71d1bf}.card>#frame4scroll>#scrollItem>article.science>footer a{background:var(--creation-color-science10);border-color:var(--creation-color-science10)}.card>#frame4scroll>#scrollItem>article.fantasy>footer a{background:var(--creation-color-fantasy10);border-color:var(--creation-color-fantasy10)}.card>#frame4scroll>#scrollItem>article.entertament>footer a{background:var(--creation-color-entertament10);border-color:var(--creation-color-entertament10)}.card>#frame4scroll>#scrollItem>article.musical>footer a{background:var(--creation-color-musical10);border-color:var(--creation-color-musical10)}.card>#frame4scroll>#scrollItem>article.sports>footer a{background:var(var(--key-color));border-color:var(var(--key-color))}.card>#frame4scroll>#scrollItem>article.clover>footer a{background:#caafe8;border-color:#caafe8}.card>#frame4scroll>#scrollItem>article.spade>footer a{background:#71d1bf;border-color:#71d1bf}.card>#frame4scroll>#scrollItem>article.color>footer a{background:var(--key-color);border-color:var(--key-color)}#information.card>#frame4scroll>#scrollItem>article.noframe>.contents{position:relative;top:-40px;z-index:1}#information.card>#frame4scroll>#scrollItem>article.noframe>.contents img{border-radius:86px;box-sizing:content-box;height:auto;width:100%}#information.card>#frame4scroll>#scrollItem>article.noframe>.contents .date{background:#fff;border-radius:12px;bottom:24px;height:20px;position:absolute}#information.card>#frame4scroll>#scrollItem>article.noframe>.contents img{border:none}#information.card>#frame4scroll>#scrollItem>article.noframe>footer{bottom:28px;position:absolute;z-index:2}#information.card>#frame4scroll>#scrollItem>article.noframe{background:hsla(0,0%,100%,0);border-radius:8px;box-sizing:content-box;margin:20px 4px 0;min-width:212px;padding:6px 12px 4px;position:relative;width:228px;width:23%;z-index:4}#scrollItem article>footer>em{display:none}@media only screen and (max-width:768px){.card>#frame4scroll>#scrollItem>article{width:46%}}@media only screen and (max-width:414px){#scrollItem{justify-content:space-between}header.top{position:fixed}#container{padding-top:44px}.card>#frame4scroll>#scrollItem>article>.contents{margin-top:4px!important}.card>#frame4scroll>#scrollItem>article.creation>.contents,.card>#frame4scroll>#scrollItem>article.spade>.contents{margin-top:-4px!important}.card>#frame4scroll>#scrollItem>article{margin:0 0 20px;min-width:140px;padding:0;width:46%}.card>#frame4scroll>#scrollItem>article>header{width:100%!important}.card>#frame4scroll>#scrollItem>article>header h3{padding:0 16px!important}.card>#frame4scroll>#scrollItem>article>header svg{height:auto;left:unset;position:absolute;top:0;width:100%;z-index:-1}.card #frame4scroll #scrollItem article.clover header svg{aspect-ratio:160/88}.card #frame4scroll #scrollItem article.heart header svg{aspect-ratio:144/100}.card #frame4scroll #scrollItem article.spade header svg{aspect-ratio:156/90}.card #frame4scroll #scrollItem article.diamond header svg{aspect-ratio:144/96}.card>#frame4scroll>#scrollItem>article>.contents .category{display:flex!important}.card>#frame4scroll>#scrollItem>article>footer{margin-top:-4px;order:3}}@media only screen and (max-width:390px){#scrollItem{justify-content:space-between}.card>#frame4scroll>#scrollItem>article{flex-flow:wrap;min-width:clamp(140px,42.7vw,180px);padding:8px 0;width:44%}.card>#frame4scroll>#scrollItem>article.display{display:flex}.card>#frame4scroll>#scrollItem>article.naviup.display{display:none}.card>#frame4scroll>#scrollItem>article>.contents img{border-radius:50%;box-sizing:border-box;height:auto;width:100%}}.card>header>svg{position:absolute;right:0}.card>header.on>svg{transform:rotate(90deg)}.card>header.on>svg circle#ss_outer,.card>header.on>svg polyline{stroke:#ff96bd;fill-opacity:1}.card>header.on>svg circle#ss_inner{fill:#ff96bd}.card>header>svg circle#ss_outer,.card>header>svg polyline{stroke:#3fa9f5;stroke-width:1px;fill-opacity:.6}.card>header>svg circle#ss_inner{fill:#3fa9f5}@media only screen and (min-width:916px){#scrollItem.off{justify-content:center;width:100%}}#contents article.construction.on a:before,#contents article.preInfo.on a:before,#contents article.ready.on a em,#information article.construction.on a:before,#information article.preInfo.on a:before,#information article.ready.on a em{background:#fff;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#666;content:"";font-size:12px;height:auto;line-height:18px;padding:4px;position:absolute;text-align:center;top:-64px;width:auto;width:200px;word-break:break-all;z-index:4}#information article.construction.on a:before{content:"制作中！\aもうちょっと待ってね。"}#information article.construction.on a:after,#information article.preInfo.on a:after,#information article.ready.on a:after{background:#fff;border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6;content:"";display:block;height:8px;position:absolute;top:-68px;transform:rotate(45deg);width:8px;z-index:5}#secondary a.on.construction h2:before{content:"制作中！\aもうちょっと待ってね。"}#secondary a.on.construction h2:before,#secondary a.on.preInfo h2:before{background:#fff;border:1px solid #e6e6e6;border-radius:4px;box-sizing:border-box;color:#666;font-size:12px;left:0;line-height:18px;padding:4px;position:absolute;text-align:center;top:0;white-space:pre;width:198px;z-index:4}#secondary a.on.preInfo h2:before{content:"PDFファイルがDLされます！\a約5MB。"}#secondary a.on.construction h2:after,#secondary a.on.preInfo h2:after{background:#fff;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;content:"";display:block;height:8px;left:50%;margin-left:-4px;position:absolute;top:41px;transform:rotate(45deg);width:8px;z-index:5}.card>#frame4scroll>#scrollItem>article.navidown .message svg,.card>#frame4scroll>#scrollItem>article.naviup .message svg{height:44px;position:absolute;width:48px}.card>#frame4scroll>#scrollItem>article.naviup .message{background:var(--key-color)}.card>#frame4scroll>#scrollItem>article.naviup .message svg{top:-56px}.card>#frame4scroll>#scrollItem>article.navidown .message svg{bottom:-56px}@media only screen and (max-width:915px){.card>#frame4scroll>#scrollItem>article.navidown .message{background:#ee96bd;background:transparent;display:none}}#recommends{background:#efefefc6;border-radius:16px;height:auto;padding:12px 0}#recommends #frame4scroll{height:auto}#recommends #frame4scroll #scrollItem{flex-flow:row wrap;position:static!important}#recommends.card>#frame4scroll>#scrollItem>article{box-sizing:content-box;flex-flow:column;height:176px;justify-content:start;min-width:120px;padding:12px;width:120px}#recommends article header img{border-radius:50%;height:auto;left:24px;left:25px;position:absolute;top:28px;top:27px;width:84px}#recommends header{padding:4px 0;position:relative;text-align:center}#recommends article a{width:120px}#recommends article header svg{height:124px;width:120px}#recommends article a h3{font-feature-settings:"palt";font-size:12px;font-weight:400;line-height:16px;text-align:center;word-break:break-all}#recommends article:not(.current) a h3{color:var(--link-color-b)}#recommends article a h3 span{display:block}#recommends article a header{left:-6px;position:relative}#recommends article a .catslug_wrapper{background:transparent;border-radius:10px;bottom:0;color:#fff;display:block;font-size:12px;left:6px;padding:0;position:absolute;width:100%;z-index:3}#recommends article a .catslug_wrapper em{border-radius:8px;bottom:-4px;box-sizing:content-box;color:#fff;display:inline-block;font-size:12px;height:12px;line-height:12px;padding:2px 8px;position:static;width:auto}#recommends article a .catslug_wrapper.happydeveloper em{background:var(--cat-color-happydeveloper)}#recommends article a .catslug_wrapper.labo em{background:var(--cat-color-labo)}#recommends article a .catslug_wrapper.creation em{background:var(--cat-color-creation)}#recommends article a .catslug_wrapper.webhealer em{background:var(--cat-color-webhealer)}#recommends article a .catslug_wrapper.devilsworkshop em{background:var(--cat-color-devilsworkshop)}#recommends article a .catslug_wrapper.news em{background:var(--cat-color-news)}@media only screen and (max-width:768px){.card>#frame4scroll>#scrollItem>article{width:46%}#recommends{background:#efefefc6;height:auto}#recommends header{padding:4px 0;text-align:center}#recommends article a{width:120px}#recommends article header svg{height:124px;padding:0;width:120px}#recommends #scrollItem article a>header{align-content:center;align-items:center;display:flex;flex-flow:column;justify-content:center;margin-bottom:4px}#recommends article a h3{font-size:12px;line-height:16px;text-align:center;word-break:break-all}aside.ranking{display:none}aside.creation{margin-right:8px;width:96px}aside.creation,aside.creation a{box-sizing:border-box;height:140px}aside.creation a{background:transparent;border:none;border-radius:8px;padding:4px;width:100%}aside.creation .wrapper.banner{box-sizing:border-box;display:flex;flex:1 0 200px;flex-flow:column;font-size:var(--font-size-base);height:100%;justify-content:start;line-height:18px;margin-bottom:0;margin-right:0;position:static;width:140px;word-break:break-all}aside.creation picture{height:80px;margin-top:-16px;width:80px}aside.creation img{border-radius:50%;height:100%;width:100%}aside.creation header svg{height:60px;transform:scale(1);width:96px}aside.creation header h2{font-size:10px;font-weight:400;line-height:14px;margin-top:-18px}.card>#frame4scroll>#scrollItem>article.navidown,.card>#frame4scroll>#scrollItem>article.naviup{display:none}aside.creation header{height:60px;width:96px}aside:first-child{border:none}}@media only screen and (max-width:390px){.card>#frame4scroll>#scrollItem>article.naviup.display{display:none}.card>#frame4scroll>#scrollItem>article>.contents img{border-radius:50%;box-sizing:content-box;height:auto;width:100%}.card>#frame4scroll>#scrollItem>article>.contents .category,div#scrollItem>article.ready>div.contents>div.category{background:#000!important;border:2px solid #000!important;color:#fff!important;display:none;font-size:.8rem;font-weight:600}}aside.banner,aside.creation,aside.ranking{margin-bottom:4px}aside.creation:last-child,aside:last-child{margin-bottom:0}aside.banner div,aside.creation a{align-content:center;align-items:center;background:hsla(0,0%,100%,0);border:1px solid #e6e6e6;border-radius:8px;box-sizing:border-box;display:flex;flex-flow:column;justify-content:start;padding:8px 0;width:200px}aside:first-child a{background:radial-gradient(#fff 36%,hsla(0,0%,100%,.8) 56%,hsla(0,0%,100%,.4) 64%,hsla(0,0%,100%,.7))}aside.creation header,aside.ranking header{align-content:center;align-items:center;display:flex;flex-flow:column;height:96px;justify-content:center;order:1;position:relative;z-index:3}aside.creation header h2,aside.ranking header h2{color:#fff;font-family:var(--font-mar-jp);font-size:.9rem;font-weight:200;line-height:1.2rem;margin-bottom:4px;margin-top:-24px;position:absolute;text-align:center;top:50%;width:100%;z-index:3}aside.creation picture{height:200px;margin-bottom:4px;margin-top:-16px;order:2;width:172px}aside.creation picture img{border:0;border-radius:86px;height:100%;object-fit:cover;object-position:top;width:100%}aside.creation p.description{margin-top:-16px;order:3;text-align:center}aside.creation p.date{background:#fff;border:1px solid #e6e6e6;border-radius:10px;font-family:var(--font-sunserif);font-size:.6rem;font-weight:600;height:20px;letter-spacing:1px;line-height:1rem;order:3;position:relative;text-align:center;top:-36px;width:88px;z-index:3}@media only screen and (min-width:769px){aside.ranking{background:linear-gradient(hsla(0,0%,100%,0) 4%,hsla(0,0%,100%,.92) 88px,#fff);border:1px solid #e6e6e6;border-radius:8px;box-sizing:border-box;height:auto;padding:0 8px 8px;position:relative;z-index:1}}aside.ranking header{height:72px;margin-bottom:12px;overflow:hidden;position:relative}aside.ranking header svg{position:absolute;top:-32px}aside.ranking header svg path{fill:rgba(255,150,189,.7)}aside.ranking header h2{top:28px}#secondary #ranking_wrapper{margin-bottom:24px;max-height:308px}aside.ranking a{background:transparent;border:none;box-sizing:content-box;cursor:pointer;display:block;margin-bottom:4px;max-height:48px;overflow:hidden;padding:2px 0;width:100%}aside.ranking a:last-child{margin-bottom:0}aside.ranking ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-bottom:0;max-height:48px;width:100%}aside.ranking ul li:first-child{flex:0 0 20px;height:20px;margin-right:4px;width:20px}aside.ranking ul li:first-child div{background:#c3cdf2;border-radius:4px;color:#fff;font-family:var(--font-slid-number);font-size:.7rem;font-style:italic;letter-spacing:-2px;line-height:20px;text-align:center;text-indent:-4px}aside.ranking a:hover ul li:first-child div{background:transparent}aside.ranking ul li:nth-child(2){margin-right:2px}aside.ranking figure{flex:0 0 40px;height:40px;width:40px}aside.ranking figure img{border-radius:50%;height:auto;width:100%}aside.ranking ul li:nth-child(3){flex:0 0 96px;line-height:16px;margin-right:2px;word-break:break-all}aside.ranking a:hover ul li:nth-child(3){color:#fff}aside.ranking #ranking_wrapper ul li:nth-child(4):hover{background:#b2d9ff;cursor:pointer;flex:0 0 16px;pointer-events:all;text-align:center}aside.ranking ul li:last-child{align-content:center;align-items:center;border:none;display:flex;flex:0 0 16px;flex-flow:row wrap;height:48px;justify-content:center;max-height:48px;overflow:hidden;width:100%}aside.ranking p.date{background:#fff;border:1px solid #e6e6e6;border-radius:10px;font-family:var(--font-sunserif);font-size:.6rem;font-weight:600;height:54px;letter-spacing:1px;line-height:1rem;position:static;text-align:center;width:96px}aside.ranking p.date:hover{background:var(--key-color);color:#fff;cursor:pointer}.sidebar aside.ranking p.date:hover span svg path{fill:#fff}.sidebar aside.ranking p.date span{display:block}#secondary .ranking_box{transition:all .3s ease-out}.sidebar aside.ranking p.date span svg path{fill:var(--key-color);transform:rotate(90deg);transform-origin:center}aside.ranking a svg{fill:#3fa9f5}aside.ranking a:hover{background:var(--key-color);border-radius:4px}aside.ranking a:hover svg{fill:#fff}#ranking_wrapper{overflow:hidden;transition:all .3s ease-out}#ranking_wrapper.exp{cursor:move}#ranking_wrapper .targetLink{display:none}#ranking_wrapper.on .targetLink{display:block}#ranking_end{display:none}#ranking_end li div{background:#3fa9f3 5px;border-radius:50%;height:8px;margin:0 auto;width:8px}#dateboxWrapper{display:flex;gap:4px;justify-content:center;margin:0;position:relative}#dateboxWrapper #ranking_report{color:#6aacfc;position:absolute;top:-28px}#period,#rank_limit{border:1px solid #efefef;border-radius:50%;height:36px;line-height:36px;position:relative;text-align:center;top:17px;width:36px}#period:after{content:"期間"}#period:after,#rank_limit:after{left:50%;margin-left:-50%;position:absolute;top:-28px;width:100%}#rank_limit:after{content:"順位"}@media only screen and (max-width:768px){.card>#frame4scroll>#scrollItem>article.navidown .message,aside.ranking{display:none}aside.creation{margin-right:8px;width:96px}aside.creation,aside.creation a{box-sizing:border-box;height:140px}aside.creation a{background:transparent;border:none;border-radius:8px;padding:4px;width:100%}aside.creation picture{height:80px;margin-top:-16px;width:80px}aside.creation img{border-radius:50%;height:100%;width:100%}aside.creation header svg{height:60px;transform:scale(1);width:96px}aside.creation header h2{font-size:10px;font-weight:400;line-height:14px;margin-top:-18px}.card>#frame4scroll>#scrollItem>article.navidown,.card>#frame4scroll>#scrollItem>article.naviup{display:none}aside.creation header{height:60px;width:96px}aside:first-child{border:none}}@media only screen and (max-width:1199px){section.labo.column1 article .rightblock ul li p span.imgblock{flex-flow:column}section.labo.column1 article .rightblock ul li p span.imgblock.column1 span,section.labo.column1 article .rightblock ul li p span.imgblock.column2 span,section.labo.column1 article .rightblock ul li p span.imgblock.column3 span,section.labo.column1 article .rightblock ul li p span.imgblock.column4 span{max-width:100%}}*{box-sizing:border-box;margin:0;outline:none;padding:0;text-decoration:none}main{box-sizing:content-box;position:relative;z-index:1}a,a:link,a:visited{color:#666;outline:none;text-decoration:none}@media only screen and (min-width:391px){.underW375,.underW400{display:none}}body{background:#fff;font-size:var(--font-size-base);line-height:var(--line-height-base)}#headline{min-height:68vw;position:relative;transform:translateZ(0);z-index:1}#confirm #headline,#conplete #headline,#contact #headline,#error #headline{height:clamp(240px,48vw,700px);height:clamp(480px,60vw,600px);min-height:0}#confirm main,#conplete main,#contact main,#error main{padding-top:20px}#headline #keyvisual img{height:auto;max-width:100%;width:100%}body.creation #headline #keyvisual img{border-radius:32px}#headline #keyvisual:after{background:linear-gradient(0deg,#fff .4%,hsla(0,0%,100%,.6) 2%,hsla(0,0%,100%,0) 4%);content:"";display:block;height:100%;position:absolute;top:0;width:100%;z-index:3}#headline #keyvisual picture source{display:block;width:100vw}#top section article h4,section article p{font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base);margin-bottom:16px}@media only screen and (min-width:769px){#secondary{flex:0 0 auto;max-width:200px;right:217px;transition:all .3s ease-out;width:100%;z-index:3}}#secondary h2.root{color:var(--key-color);font-family:var(--font-def-alp);font-size:1.2rem;font-weight:200;line-height:1.6rem;margin-bottom:4px;text-align:center}@media only screen and (max-width:390px){.item_body .imgblock .column_img{align-items:center;flex-flow:column;gap:1rem;justify-content:start;margin-bottom:1.4rem}}.item_body .imgblock .column_img img{height:auto;width:100%}@media only screen and (min-width:917px){#secondary{position:relative}}@media only screen and (min-width:769px){#secondary>.wrapper{display:flex;flex-flow:column;justify-content:start;margin-bottom:20px;max-width:200px;position:sticky;top:60px;width:100%;z-index:1}#topNav .sub-menu{background:hsla(0,0%,100%,0);border:1px solid transparent;border-radius:8px;box-sizing:content-box;display:flex;flex-flow:column;height:0;overflow:hidden;padding:0 8px;position:absolute;right:0;top:36px;transition:all .3s ease-out;visibility:hidden;width:auto}#topNav #menu-item-3722 a:hover .sub-menu,#topNav .sub-menu.slidedown{background:#fff;border:1px solid #e7e7e7;box-shadow:var(--shadow);padding:8px;visibility:visible}}@media only screen and (max-width:916px) and (min-width:769px){body:not(.demo) #primary{flex:0 1 auto;flex:0 0 auto;margin-right:2%;width:72%;z-index:1}#secondary{position:static}#confirm main,#error main{margin-top:-16vw}}@media only screen and (min-width:429px){section.labo.column1 article .rightblock ul li .imgblock.column2,section.labo.column1 article .rightblock ul li .imgblock.column3{display:flex}a.has-label.floating-button span.floating-button-label,div.docsbot-wrapper div.docsbot-chat-container div.docsbot-chat-inner-container div.docsbot-chat-header div div.docsbot-chat-header-background-wrapper{display:none}}aside img{border:1px solid #efefef;border-radius:4% 4% 50% 50%;height:100px;margin-bottom:0;object-fit:cover;width:100px}.rdCircle{border-radius:50%}.rdU{border-radius:4% 4% 50% 50%}.rdDome{border-radius:50% 50% 4% 4%}.rdTwistL{border-radius:4% 50% 4% 50%}.rdTwistR{border-radius:50% 4% 50% 4%}.rdSquea{border-radius:4%}aside p{color:var(--creation-color-science10);font-size:12px;font-weight:400;line-height:18px}aside:hover p{color:#333}.wrapper.banner#banner1{background:#abf5e2}.wrapper.banner#banner2{background:rgba(220,189,253,.8)}.wrapper.banner#banner3{background:#f9f4d5}.wrapper.banner#banner4{background:#ffbdbf}.wrapper.banner#banner5{background:#d2f4f9}#topNav{font-family:var(--font-got-jp);font-size:max(1.1vw,13px);font-size:13px;position:relative;z-index:3}#topNav a i{font-size:1.8em;line-height:26px;margin-left:4px}#topNav .sub-menu li{align-content:center;align-items:center;border-bottom:1px dotted #cfcfcf;box-sizing:content-box;display:block;flex-flow:row nowrap;height:auto;justify-content:start;line-height:var(--line-height-base);width:auto}#topNav .sub-menu li:last-child{border-bottom:none}#topNav .sub-menu li a{display:block;padding:8px;-ms-word-break:keep-all;word-break:keep-all}@media only screen and (max-width:960px){.creation #headline{align-content:center;align-items:start;display:flex;flex-flow:column!important;justify-content:center;padding:1.2vw}}@media only screen and (max-width:768px){#recommends header h2{font-size:min(5.6vw,18px);line-height:min(6.8vw,24px)}#secondary.display{position:static;top:unset}#secondary h2.root{color:var(--key-color);display:none;font-family:var(--font-def-alp);font-size:1.2rem;font-weight:200;line-height:1.6rem;margin-bottom:4px;position:relative;text-align:center;top:-28px}body:not(.demo) main{margin:-32vw auto 0}body.column1 #primary #contents .column1 article .rightblock p.imgbox{justify-content:center}body.labo section.column3.advance article header,section.column1 article header,section.multiImages article header{margin:0 auto;padding-right:0}section.column1 article .rightblock,section.multiImages article .rightblock{order:2;padding-top:4px;width:100%}}@media only screen and (max-width:390px){body:not(.demo) main{margin:-40vw auto 0}}#search #main #primary>header h2,.lower #contents.advanced>header h2{align-content:center;align-items:center;background:none;display:flex;flex-flow:row wrap;justify-content:start;margin:0;width:100%}@media only screen and (min-width:768px){#search #main #primary>header h2{box-sizing:content-box;max-width:min(72vw,980px);padding-left:0;width:calc(100% - 240px)}}#information h2 span:nth-child(2)>em,#search #main #primary>header h2 em,.lower #contents.advanced>header h2 em{align-content:center;align-items:center;background:rgba(237,234,242,.8);border-radius:50%;display:flex;flex:0 1 40px;flex-flow:row wrap;height:40px;justify-content:center;margin-bottom:4px;margin-right:4px}#information h2>span{display:flex;flex-flow:row wrap;justify-content:start}#information h2 span:first-child>em{align-content:center;align-items:center;background:rgba(237,234,242,.7);border-radius:50%;display:flex;flex:0 1 48px;flex-flow:row wrap;height:48px;justify-content:center;margin-bottom:4px;margin-right:4px;width:48px}#information h2 span:nth-child(2) em{width:40px}.lower #contents.advanced>header h2 em:last-child{margin-right:20px}@media only screen and (min-width:1362px){.lower #contactform.advanced>header h2,.lower #contents.advanced>header h2{box-sizing:content-box;padding-left:0}}@media only screen and (min-width:769px) and (max-width:1361px){.lower #contactform.advanced>header h2,.lower #contents.advanced>header h2{box-sizing:content-box;max-width:min(72vw,980px);padding-left:0;width:calc(100vw - 240px)}}@media only screen and (max-width:768px){.lower #contactform.advanced>header h2,.lower #contents.advanced>header h2{width:100%}}#creation #container main,body.creation #container main{margin:max(-6vw,-260px) auto 0;padding:0}#primary{flex:0 1 auto;flex:0 0 auto;margin-right:0;max-width:980px;max-width:100%;width:72%;width:100%;z-index:1}.single #primary{margin-bottom:0}@media only screen and (min-width:916px){#primary>#pageTitle{padding-left:calc(49vw - min(72vw, 980px)/2 - 100px)}}@media only screen and (max-width:915px){#primary{flex:0 1 auto;margin-bottom:32px;margin-right:0;width:100%}#primary,#primary>#pageTitle{padding:0 16px}}@media only screen and (max-width:915px) and (min-width:769px){#primary{flex:0 1 auto}}#headline .textArea h1 .ff2{padding-right:4vw;position:relative}#headline .textArea h1 .nosub{padding-right:0;position:relative}#headline .textArea h1 .tag{font-size:clamp(14px,4vw,60px);line-height:3vw;padding:8px .4vw 8px .8vw;position:absolute;right:0;width:4.4vw}.verticalmode{font-feature-settings:"pkna" 1;text-orientation:upright;writing-mode:vertical-rl}#headline .textArea{position:absolute;right:clamp(8px,1vw,12px);text-orientation:mixed;top:clamp(8px,1vw,12px);z-index:3}#top #headline .textArea.verticalmode{text-orientation:upright}#top #headline .textArea h1{font-size:clamp(40px,11vw,96px);line-height:clamp(44px,12vw,112px)}@media only screen and (max-width:1470px){#top #headline .textArea h1,#top #headline .textArea h1 span,#top #headline .textArea.verticalmode{filter:drop-shadow(0 0 4px rgb(255,255,255))}}#headline .textArea h1{color:var(--key-color);font-family:var(--font-display-min-jp);font-size:clamp(24px,6.6vw,96px);font-style:normal;font-weight:300;line-height:clamp(26px,7vw,112px);margin-left:clamp(8px,1.4vw,14px)}#headline .textArea h1 span{display:block}#headline .textArea h1>span:first-child{margin-left:clamp(8px,1.4vw,14px)}#headline .textArea .lead{color:#441515;font-family:var(--font-min-jp);font-size:clamp(14px,2.4vw,36px);line-height:clamp(16px,3.2vw,52px);padding-top:clamp(4px,1.2vw,12px)}@media only screen and (max-width:440px){#works #headline .textArea h1{font-size:6vw;line-height:7vw}}@media only screen and (max-width:400px){#headline .textArea{align-items:stretch;display:flex;flex-flow:column;justify-content:start}.underW399{display:none}}@media only screen and (min-width:769px){.creation #headline.parallax .textArea{color:#000;flex:0 1 auto;height:100%;order:2;width:auto}}#creation #headline h1,.creation #headline h1{font-size:6.6vw;font-size:5.6vw;line-height:7vw;line-height:6.4vw}#headline h1 .ind1vw{position:relative;top:-1vw}#search #headline .textArea .lead{text-indent:-1.2vw}@media only screen and (max-width:916px) and (min-width:769px){#confirm #headline h1,#error #headline h1{font-size:5.6vw;height:18vw;line-height:6vw}#confirm #headline .textArea,#eerror #headline .textArea{top:2vw}}body.catgpt #headline header.webhealer{height:auto;min-width:32.5vw;width:min(32.5vw,288px)}body.webhealer.catgpt #headline .textArea .lead,body.webhealer.catgpt #headline .textArea h1{color:#fd4c7a}body.catgpt.webhealer #headline header.webhealer svg{fill:#fd4c7a}body.catgpt.webhealer #headline .lead>em{background:#fd4c7a;color:#fff;display:inline-block;font-size:max(2vw,10px);margin-left:.8vw;padding:.8vw .2vw}#polkadot #headline header svg{position:relative;z-index:6}#upcard #headline header svg{fill:#f2d0be}#levenshtein_distance #headline header svg{fill:#600}#masking_with_svg #headline header svg{fill:#fcfa6a}#master_css_grid #headline header svg{fill:#d6fff6}#paragraph_column_automatic_generation #headline header svg{fill:#c79f62}#pager #keyvisual picture{padding-top:5vh}#aboutus #headline h1{font-size:5.6vw;line-height:7vw}#polkadot #headline .textArea .lead,#polkadot #headline .textArea h1 .ff2{color:#fff}#masterminfncandmaxfnc #headline .textArea h1,#zoominout_around_themouse #headline .textArea h1{color:#0a2fd5}#zoominout_around_themouse #headline svg{fill:#d3ff00;filter:drop-shadow(0 0 16px #0058ff)}#masterminfncandmaxfnc #headline svg{fill:#0a2fd5}#implementing_simulations_freely_with_javascript #headline svg{fill:#41d7b4}#implementing_simulations_freely_with_javascript #headline .textArea h1{color:#173a7a}#wipeeffect_switch_display #headline .textArea h1{color:#ff758e}#script_to_manipulatetime #headline .textArea{color:#a9e8d8}#levenshtein_distance #headline .textArea h1,#multi_images_carousel #headline .textArea h1,#speeding_enforcement #headline .textArea h1,#speeding_enforcement #pageTitle #currentpage{color:#600}#how_to_keyboad_wizard #pageTitle #currentpage{color:#f7cffb}header.devilsworkshop.catlogo svg g#title1,header.devilsworkshop.catlogo svg g#title2{fill:#fff}#how_to_keyboad_wizard #headline .textArea h1,#how_to_keyboad_wizard #headline .textArea h1 .lead{color:#fff}#levenshtein_distance #pageTitle #currentpage{color:#fbfbfb;filter:drop-shadow(0 0 4px #372f00)}#levenshtein_distance #headline .textArea h1 span.tag{background:#600;color:#fff;line-height:2.5vw}#speeding_enforcement #headline .textArea h1 span.tag{background:#600;box-sizing:content-box;color:#fff;display:inline-flex;flex-flow:column;justify-content:start;line-height:clamp(14px,5vw,80px);padding:unset;padding-top:4px;position:relative}#inspection_lazyloading #headline .textArea,#inspection_lazyloading #headline header svg #text_top,#master_boxmodel_and_percentage_value #headline .textArea,#script_to_manipulateTime #headline .textArea .lead{fill:#fd7575;color:#fd7575}#mastering_parallax #headline .textArea{color:#f9f4d5;filter:drop-shadow(0 0 44px #6db339)}#mastering_parallax #headline .textArea .lead{color:#fd7575}#mastering_parallax #primary>#pageTitle{color:#f9f4d5}#wipeeffect_switch_display #primary>#pageTitle{color:#630011}#mastering_parallax #primary>#pageTitle #parent a:hover{background-color:#f9f4d5}#master_css_grid #primary>#pageTitle{color:#ffe8bb}#master_css_grid #primary>#pageTitle #parent a:hover{background-color:#ffe8bb}#mastering_parallax #headline .textArea h1{filter:drop-shadow(0 0 8px #121e09d9)}#mastering_parallax #headline header.devilsworkshop.catlogo svg g#title1,#mastering_parallax #headline header.devilsworkshop.catlogo svg g#title2{fill:#ff5f2e}#accesslog_eventdetails_record_in_analytics #headline .textArea h1,#shuffle_playingcards_with_js #headline .textArea h1,#spinner_button #headline .textArea{color:#7a1c31}#exploring_video_playback_on_websites #headline .textArea h1{color:#bd151b}#garbage_collection_explore #headline .textArea h1{background:hsla(0,0%,100%,.7);color:#c30d23}#exploring_video_playback_on_websites #headline .textArea .lead{color:#000}#exploring_video_playback_on_websites #headline header svg{fill:#addad0}#swing_on_a_swing_with_js #headline header svg{fill:var(--key-color)}#exercise_for_website #headline .textArea h1{color:#ff7bac}#shuffle_playingcards_with_js p.body .blue{color:#0063e3}#accesslog_eventdetails_record_in_analytics #headline .textArea p{display:inline-block;line-height:3.6vw}#paragraph_column_automatic_generation #headline .textArea h1{color:#600}#paragraph_column_automatic_generation #headline .textArea p.lead{color:#1e1e1e}#evolving_vertical_writing #headline .textArea{color:var(--key-color);display:flex;flex-flow:row wrap}#evolving_vertical_writing #headline .textArea h1{margin:0 0 1.2vw}#devilsworkshop #headline .textArea,#good_tobelate #headline .textArea{color:#ca80e6}#restart_digitalsculpture #headline .textArea{color:#a5fbf9}body.single #headline .textArea.verticalmode h1 span.en,body.single #headline .textArea.verticalmode h1 span.sub{display:block;font-size:4vw;line-height:5vw}#fix_mwwpform_bugs #headline .textArea h1 .en{font-family:var(--font-min-jp);letter-spacing:-.4vw}#script_to_manipulatetime #headline .textArea .lead{color:#fff}#error #headline .textArea *,#export_the_font_list_using_jsx #headline .textArea *,#headline.easy_convert_images .textArea *,#headline.firsttime .textArea *,#headline.labo .textArea *,#headline.masking_with_svg .textArea *,#headline.master_css_grid .textArea *,#headline.notfound .textArea *,#headline.peoplegraph .textArea *,#headline.privacy .textArea *,#headline.searchgl .textArea *,#headline.set_the_bubble_with_css .textArea *,#headline.thouartgod .textArea *,#headline.upcard .textArea *,#headline.webhealer .textArea *,#headline.webtarot .textArea *,#mastering_parallax #headline .textArea *,#search #headline .textArea *{color:unset;color:#fff}#developing_reminder2 #headline .textArea *{color:#fff;filter:drop-shadow(0 0 8px #06ffff)}#developing_reminder2 #headline .textArea h1 .tag,#developing_reminder3 #headline .textArea h1 .tag{font-size:clamp(10px,2.8vw,42px);line-height:4vw;padding:6px .28vw 56px .56vw;position:absolute;right:0;width:3.2vw}@media only screen and (max-width:610px){#developing_reminder2 #primary>#pageTitle,#developing_reminder3 #primary>#pageTitle,#developing_reminder4 #primary>#pageTitle{position:static}#primary>#pageTitle>div#currentpage{margin-bottom:24px}}#developing_reminder3 #headline .textArea .lead,#developing_reminder3 #headline .textArea h1 .ff2,#developing_reminder3 #headline .textArea h1 .tag{color:#0039a3}#developing_reminder2 #contents header .notice,#developing_reminder2 #contents header .notice a{color:#ff7800;font-size:.86em;font-weight:600}#developing_reminder2 #contents header h2 span{padding:0}#developing_reminder2 #contents header .notice a:hover{color:#e66c00}#developing_reminder2 #headline header svg{fill:#fff;filter:drop-shadow(0 0 8px #06ffff)}#developing_reminder2 #headline header svg g g g{filter:drop-shadow(0 0 8px #06ffff)}#headline.set_the_bubble_with_css .textArea h1{filter:drop-shadow(4px 4px 22px #dd0072)}#headline.set_the_bubble_with_css .textArea .nosub{color:#fff}#headline.set_the_bubble_with_css .textArea .lead{color:#fff;filter:drop-shadow(0 0 22px #dd0072)}#highlight_search_words #headline .textArea,#highlight_search_words #headline .textArea .lead{color:unset;color:#fff;mix-blend-mode:difference}#convert_functions_into_a_plugin #headline .textArea h1{color:#600}#convert_functions_into_a_plugin #headline .textArea h1 .tag{background:#600;color:#fff}#error #headline .textArea{height:80vh}#fix_mwwpform_bugs #headline .textArea{color:#d1449a}#master_of_accordion_effects #contents article b.contentsHeader,#master_of_accordion_effects #headline .textArea{color:#600;font-weight:700}#master_of_accordion_effects #headline .textArea p.lead{color:#143c5c}#probrem_passing_null_to_parameter #primary>#pageTitle{color:#bb6f6f}#probrem_passing_null_to_parameter #primary>#pageTitle #parent a:hover{background-color:#bb6f6f}#probrem_passing_null_to_parameter #headline .textArea h1{color:#400}#probrem_passing_null_to_parameter #headline .textArea .lead{color:#666}#garbage_collection_explore #primary>#pageTitle{color:#630011}#convert_functions_into_a_plugin #primary>#pageTitle{color:#600}#convert_functions_into_a_plugin #headline header svg{fill:#ff7b97}.webhealer #headline .textArea{color:#dd2638}#set_the_bubble_with_css #primary>#pageTitle{color:#990202}#set_the_bubble_with_css #primary>#pageTitle #parent a:hover{background-color:#990202}#append_objects #headline .textArea h1 span,#countclicks #headline .textArea h1 span,#handles_return_types #headline .textArea h1 span.ff2,#weekly_ranking #headline .textArea h1 span{color:#fff}#handles_return_types #headline .textArea h1 span.ff2{filter:drop-shadow(0 0 8px #fdb8b8)}#weekly_ranking #headline .textArea h1 span{filter:drop-shadow(0 0 4px #ffef06)}#append_objects #headline .textArea h1 span,#countclicks #headline .textArea h1 span.ff2,#polkadot #headline .textArea h1 span{filter:drop-shadow(0 0 8px #06ffff)}#handles_return_types #headline .textArea h1 .en{color:#ffdef2}#handles_return_types #headline .textArea .lead{color:#000}body#handles_return_types.catgpt.webhealer #headline header.webhealer svg{fill:#ffc0f8}body#garbage_collection_explore #headline header svg{fill:#8a4954}#clearedsidebar #primary #contents section.column3>div:last-child img{width:80px}#swing_on_a_swing_with_js #headline .textArea .lead{color:var(--key-color)}#clickorscroll #headline h1{font-family:var(--font-display-min-jp);font-size:5.6vw;font-style:normal;font-weight:100;line-height:6.2vw;margin-left:0}#search .textArea.verticalmode h1 .ff2 .en{display:inline-block;font-family:var(--font-got-jp);letter-spacing:.4vw;position:relative;text-combine-upright:all;top:-.4vw;transform:scaleY(1.12);transform-origin:top}#swipeslider #headline{height:100vw;position:relative;transform:translateZ(0);z-index:1}#swipeslider #headline .textArea{color:#0866bb}#developing_reminder #headline .textArea h1 .nosub{color:#1407ac}#developing_reminder #pageTitle #currentpage{color:#7266ff}#developing_reminder #headline header svg{fill:#1407ac}#control_animation_with_scrolling #headline .textArea h1 .ff2{color:#0541bb}#control_animation_with_scrolling #primary>#pageTitle{color:#e63665}#control_animation_with_scrolling #primary>#pageTitle #parent a:hover{background-color:#e63665}#swipeslider #headline h1{font-family:var(--font-display-min-jp);font-style:normal;font-weight:300;margin-left:0}#swipeslider #headline .textArea .lead{font-size:2.4vw;line-height:3.2vw;padding-top:.4vw}#primary #contents section.column1>div.mediaarea img{margin-top:0}#threelines_revolution_to_chat .lead>em{background:var(--key-color-transparent);color:#fff;display:inline-block;font-size:max(2vw,10px);margin-left:.8vw;padding:.2vw}#implement_an_iterator h1#main em{background:rgba(57,121,249,.4);color:#fff;display:block;margin-left:8px}#jsonsite_with_excel h1#main em{background:hsla(0,0%,100%,.8);color:#e48862;display:block;margin-left:8px}#smooth_scroll_to_an_anchor_across_pages .textArea h1 .nosub{color:#ff9e9e}#smooth_scroll_to_an_anchor_across_pages .textArea .lead{color:#e7c5ff}#headline.firsttime h1{font-style:normal;font-weight:300;margin-left:1.2vw}#clickorscroll #headline .textArea .lead{font-size:2vw;line-height:2.4vw;padding-top:.4vw}#electric #headline .textArea .lead{background:#fafafa;border-radius:8px;box-shadow:0 0 12px 12px #fafafa;color:#3fa9f5;display:inline-block;height:auto}#devilsworkshop #headline .textArea{box-sizing:border-box;padding:0 20px 0 0}#happydeveloper #headline #keyvisual header,#happydeveloper #headline .catlogo svg{fill:#886000;top:4px}#jsonsite_with_excel #headline #keyvisual header,#jsonsite_with_excel #headline .catlogo svg{fill:#ff5c17;top:4px}#spinner_button #headline .catlogo svg{fill:#bba103}#probrem_passing_null_to_parameter #headline .catlogo svg{fill:#400}#firsttime #headline .catlogo svg{fill:#150eff}#search #headline .catlogo svg{fill:#ff5c17}#threelines_revolution_to_chat .catlogo svg{fill:var(--key-color)}#swipeslider #headline .catlogo svg{fill:#8c3399;transform:scale(.75);transform-origin:top left}#swipeslider #headline header svg g#e,#swipeslider #headline header svg g#f{fill:#0866bb}#swipeslider #contents header>span{display:none}#firsttime #headline .catlogo svg,#webtarot #headline .catlogo svg{fill:#136fc0}#export_the_font_list_using_jsx #headline header svg{fill:#fff}#wipeeffect_switch_display #headline header svg{fill:#ff758e}#thouartgod #headline header{filter:drop-shadow(0 0 8px #0087ff)}#thouartgod #headline header svg{fill:#fff;filter:drop-shadow(0 0 4px #0087ff)}#generate_events_at_regular_intervals.labo #headline header:hover svg #labostar{fill:#ff0}#generate_events_at_regular_intervals.labo #headline header svg{fill:#fc9e2c}#renewal #headline .catlogo svg path{fill:var(--cat-color-news-blue)}#restart_digitalsculpture #headline .catlogo svg path{fill:#a5fbf9}#weekly_ranking #headline h1{margin-left:min(1.2vw,10px)}#weekly_ranking #headline .textArea .lead{position:relative;right:max(-8vw,-96px);top:min(14vw,196px)}#mousetracer_with_achilles_tortoise #headline{position:relative;width:min(100vw,2000px);z-index:1}#show_thisplace_on_googlemapcenter #headline .textArea,#show_thisplace_on_googlemapcenter #headline .textArea h1{color:#0257ff}#show_thisplace_on_googlemapcenter #headline header svg #title1,#show_thisplace_on_googlemapcenter #headline header svg #title2{fill:#0257ff}#show_thisplace_on_googlemapcenter #primary>#pageTitle{color:#0257ff}#generate_events_at_regular_intervals #headline .textArea h1,#mousetracer_with_achilles_tortoise #headline .textArea h1{color:var(--color-orange)}#display_as_two-page_spreads #headline header svg g#f,#master_of_accordion_effects #headline header svg g#f{fill:#976504}#display_as_two-page_spreads #headline .textArea h1{color:#976504}#mousetracer_with_achilles_tortoise #headline svg #title1,#mousetracer_with_achilles_tortoise #headline svg #title2{fill:var(--color-orange)}#set_the_bubble_with_css #headline svg{fill:#fff}#accesslog_eventdetails_record_in_analytics #headline header svg g#title1,#accesslog_eventdetails_record_in_analytics #headline header svg g#title2{fill:#b4a7cc}#images_thouartgod #headline .textArea h1 span.ff2{text-orientation:upright}#purify_the_greeddriven_website .textArea h1 span.ff2{color:#ff0018}@media only screen and (max-width:768px){#devilsworkshop #headline h1{line-height:7.4vw}#weekly_ranking #headline h1{font-size:7vw;line-height:7.8vw}#weekly_ranking #primary>#pageTitle{font-size:max(5vw,36px);left:0;margin-left:1.4vw;top:min(-7vw,-80px);transform:scale(.8);transform-origin:left}#threelines_revolution_to_chat #keyvisual{padding-top:max(10vw,12px)}}@media only screen and (max-width:600px){#threelines_revolution_to_chat #keyvisual{padding-top:max(10vw,12px)}}@media only screen and (max-width:400px){#threelines_revolution_to_chat .lead>em{padding-top:max(4vw,20px);text-indent:max(-6vw,-20px)}}#devilsworkshop #headline h1>span{padding-right:min(4vw,44px);position:relative}#devilsworkshop #headline h1>span:before{content:"ひまじん";display:block;font-size:max(1.8vw,10px);height:120%;letter-spacing:3.6vw;line-height:max(1.8vw,10px);position:absolute;right:min(2vw,12px);text-align:left;top:min(1.2vw,4px);width:1.8vw}#top #information article.developer.update header h3{padding:0 20px}#search.lower main{margin:-16vw auto 0}@media only screen and (min-width:1473px){#levenshtein_distance main{margin-top:max(-100px,calc(200vw - 3046px))}}@media only screen and (min-width:768px){#search main #primary>header{left:0;padding-bottom:34px;padding-left:calc(50vw - min(72vw, 980px)/2 - 1% - 100px);padding-top:34px;position:absolute;width:var(--100nvw)}}#contact .grecaptcha-badge{bottom:84px!important}@media only screen and (min-width:900px){#search main #primary>#searchresault{padding-top:136px}#solving_wp_problem_in_php8 #primary #contents section.column3 div p.imgbox{max-width:40vw}}#weekly_ranking #headline header svg g#title1,#weekly_ranking #headline header svg g#title2{fill:#fff}@media only screen and (max-width:899px){#search main #searchresault{padding:12px}#search main #primary>header{position:static}#swipeslider #contents.advanced>header h2{margin:0 auto}}@media only screen and (min-width:616px){#good_tobelate span.imgbox.pc,span.autoDivide.imgbox.pc{display:block}#good_tobelate span.imgbox.mobile,span.autoDivide.imgbox.mobile{display:none}}@media only screen and (max-width:615px){#good_tobelate span.imgbox.pc,span.autoDivide.imgbox.pc{display:none}#good_tobelate span.imgbox.mobile,span.autoDivide.imgbox.mobile{display:block}}@media only screen and (max-width:428px){#search main #searchresault .entry-title{font-size:16px}#image_devilsworkshop.creation #headline svg.titlebg path{fill:rgba(191,186,246,.3)}#append_objects #headline header svg g path,#append_objects #headline header svg g polygon{fill:var(--color-brilliantBlue)}#swipeslider #headline.page.aboutus .textArea h1{font-size:7vw;line-height:8vw}#swipeslider #headline .textArea .lead{font-size:3vw;line-height:3.6vw;padding-top:1vw}}@media only screen and (min-width:2000px){#devilsworkshop #headline h1>span:before{font-size:max(3.2vh,10px);letter-spacing:6vh;right:min(-4vh,-12px)}#devilsworkshop #headline h1{line-height:12.4vh}#error #headline .textArea,#headline.easy_convert_images .textArea,#headline.firsttime .textArea,#headline.labo .textArea,#headline.notfound .textArea,#headline.peoplegraph .textArea,#headline.privacy .textArea,#headline.searchgl .textArea,#headline.upcard .textArea,#headline.webhealer .textArea,#headline.webtarot .textArea,#search #headline .textArea{color:var(--key-color)}}@media only screen and (min-width:813px){#fix_mwwpform_bugs #contents>section div:nth-child(2) .imgbox{width:80%}}@media only screen and (max-width:667px){#clickorscroll #headline h1{font-size:max(5.6vw,24px);font-weight:100;line-height:max(6.2vw,28px);margin-left:0}#clickorscroll #headline .textArea .lead{font-size:max(2vw,14px);line-height:max(2.4vw,16px);padding-top:.4vw}#fix_mwwpform_bugs #headline .textArea .lead,#levenshtein_distance #headline .textArea .lead{display:none}}@media only screen and (max-width:428px){#clickorscroll #headline .textArea .lead{font-size:max(2vw,14px);line-height:max(2.4vw,16px);padding-top:.4vw}#weekly_ranking #primary>#pageTitle{left:0;margin-left:1.4vw;top:min(-7vw,-72px);transform:scale(.8);transform-origin:left}#implementing_simulations_freely_with_javascript #headline .textArea h1 .lead{display:none}}.webhealer #container main.webhealer #primary.webhealer #contents.advanced header h2{padding-left:0}#handles_return_types #contents section.column3 div p .code{color:#957000}#handles_return_types #contents section.column3 div p .notice{color:#de015f}#handles_return_types #primary>#pageTitle{color:#022f91}#handles_return_types #primary>#pageTitle #parent a:hover{background-color:#022f91}#purify_the_greeddriven_website #primary>#pageTitle{color:#fd7700}#purify_the_greeddriven_website #primary>#pageTitle #parent a:hover{background-color:#fd7700}#docsbotai-root{bottom:8px!important;left:16px!important;position:absolute}.docsbot-chat-bot-avatar-icon img{display:inline-block}p.docsbot-chat-bot-avatar-icon{width:100%!important}#postdivrich{display:block!important}#sequel_notice_wrapper{background:hsla(0,0%,100%,.86);border:1px solid #016288;border-radius:30px;box-sizing:border-box;color:#016288;display:inline-block;font-size:.7rem;line-height:28px;min-height:60px;padding:16px 32px;pointer-events:auto}#sequel_notice_wrapper a{color:#017bfd;font-weight:700;letter-spacing:2px;padding:4px 8px}#sequel_notice_wrapper a:hover{background:#a2f3ff;color:#01babe}#continue_notice{background:hsla(0,0%,100%,.86);border:1px solid #016288;border-radius:30px;box-sizing:border-box;color:#016288;display:inline-block;font-size:.8rem;line-height:28px;min-height:60px;padding:16px 32px;pointer-events:auto}#continue_notice_wrapper{align-content:center;align-items:center;display:flex;flex-flow:row wrap;justify-content:center;padding:40px 0}#continue_notice_wrapper a{color:#017bfd;font-weight:700;letter-spacing:2px;padding:4px 8px}#continue_notice_wrapper a:hover{background:#a2f3ff;color:#01babe}#newyear2026 #primary>section>header,#top section.area>article{padding:32px 0}#newyear2026 #primary #information header h2{align-content:center;align-items:center;display:flex;font-family:var(--font-def-alp);font-size:2rem;font-weight:100;justify-content:center;left:unset;line-height:2rem;position:relative;text-align:center}#newyear2026 #primary #information header h2 em{align-items:center;aspect-ratio:52/52;background:#edeaf2;border-radius:50%;display:inline-flex;font-style:normal;font-weight:400;height:52px;justify-content:center;text-decoration:none}#greeting2026 #headline .textArea,#newyear2026 #headline .textArea{height:100vw;position:absolute;right:clamp(8px,1vw,12px);text-orientation:mixed;top:clamp(8px,1vw,12px);width:94vw;z-index:3}#greeting2026 #headline .textArea h1,#newyear2026 #headline .textArea h1{color:#fff;line-height:clamp(32px,8.5vw,112px)}#greeting2026 #headline .textArea h1>span:first-child,#newyear2026 #headline .textArea h1>span:first-child{padding-right:0}#greeting2026 #headline .textArea .lead,#newyear2026 #headline .textArea .lead{color:#fff;font-family:var(--font-min-jp);font-size:clamp(14px,2.4vw,24px);left:0;line-height:clamp(24px,4vw,52px);padding-top:clamp(4px,1.2vw,12px);position:absolute}#greeting2026.news #headline header{top:calc(min(8px,1vw) + 44vw);width:min(16vw,196px);z-index:-1}#greeting2026.news #headline header svg path{fill:#288ca4}#newyear2026 main{background:linear-gradient(hsla(0,0%,100%,0) .4%,hsla(0,0%,100%,.6) 1.4%,#fff 3.9%);display:flex;flex-flow:row nowrap;justify-content:start;width:100%}.card>#frame4scroll>#scrollItem>article.heart>footer a{background:#c72157;border-color:#c72157}.card>#frame4scroll>#scrollItem>article.fantasy>footer a{background:#4e00c1;border-color:#4e00c1}.card>#frame4scroll>#scrollItem>article.entertament>footer a{background:#cc000e;border-color:#cc000e}.card>#frame4scroll>#scrollItem>article.musical>footer a{background:#007349;border-color:#007349}