@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}}@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)}}#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}}.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:768px){#secondary.fixed{bottom:0;padding-top:0;position:fixed;z-index:111}#secondary.active #scrollItem2{display:flex;transform:translate(0)}}@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}#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%}}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}}#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}#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}}#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%}}@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}}@media only screen and (min-width:1473px){#ny2022 #headline #keyvisual img{margin-top:0}}#information h2 span:first-child>em{background:#f9fbfd;font-family:var(--font-def-alp);font-size:2rem;font-weight:400;line-height:2rem;text-align:center}