@charset "UTF-8";
/*
	Theme Name: Cikichat Creator theme
	Theme URI: https://twitter.com/CIKI_1105
	Author: CIKI
	Author URI: https://twitter.com/CIKI_1105
	Description: Cikichatのクリエイター用ページ
	Version: 1.11
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/*----------------------------------------
    normalize.css v8.0.1
----------------------------------------*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*----------------------------------------
    Tailwind
----------------------------------------*/
.p-0{padding:0}.p-px{padding:1px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.p-11{padding:2.75rem}.p-12{padding:3rem}.p-14{padding:3.5rem}.p-16{padding:4rem}.p-20{padding:5rem}.p-24{padding:6rem}.p-28{padding:7rem}.p-32{padding:8rem}.p-36{padding:9rem}.p-40{padding:10rem}.p-44{padding:11rem}.p-48{padding:12rem}.p-52{padding:13rem}.p-56{padding:14rem}.p-60{padding:15rem}.p-64{padding:16rem}.p-72{padding:18rem}.p-80{padding:20rem}.p-96{padding:24rem}.px-0{padding-left:0;padding-right:0}.px-px{padding-left:1px;padding-right:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-12{padding-left:3rem;padding-right:3rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-28{padding-left:7rem;padding-right:7rem}.px-32{padding-left:8rem;padding-right:8rem}.px-36{padding-left:9rem;padding-right:9rem}.px-40{padding-left:10rem;padding-right:10rem}.px-44{padding-left:11rem;padding-right:11rem}.px-48{padding-left:12rem;padding-right:12rem}.px-52{padding-left:13rem;padding-right:13rem}.px-56{padding-left:14rem;padding-right:14rem}.px-60{padding-left:15rem;padding-right:15rem}.px-64{padding-left:16rem;padding-right:16rem}.px-72{padding-left:18rem;padding-right:18rem}.px-80{padding-left:20rem;padding-right:20rem}.px-96{padding-left:24rem;padding-right:24rem}.py-0{padding-top:0;padding-bottom:0}.py-px{padding-top:1px;padding-bottom:1px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-36{padding-top:9rem;padding-bottom:9rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-44{padding-top:11rem;padding-bottom:11rem}.py-48{padding-top:12rem;padding-bottom:12rem}.py-52{padding-top:13rem;padding-bottom:13rem}.py-56{padding-top:14rem;padding-bottom:14rem}.py-60{padding-top:15rem;padding-bottom:15rem}.py-64{padding-top:16rem;padding-bottom:16rem}.py-72{padding-top:18rem;padding-bottom:18rem}.py-80{padding-top:20rem;padding-bottom:20rem}.py-96{padding-top:24rem;padding-bottom:24rem}.pt-0{padding-top:0}.pt-px{padding-top:1px}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-10{padding-top:2.5rem}.pt-11{padding-top:2.75rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-40{padding-top:10rem}.pt-44{padding-top:11rem}.pt-48{padding-top:12rem}.pt-52{padding-top:13rem}.pt-56{padding-top:14rem}.pt-60{padding-top:15rem}.pt-64{padding-top:16rem}.pt-72{padding-top:18rem}.pt-80{padding-top:20rem}.pt-96{padding-top:24rem}.pr-0{padding-right:0}.pr-px{padding-right:1px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-16{padding-right:4rem}.pr-20{padding-right:5rem}.pr-24{padding-right:6rem}.pr-28{padding-right:7rem}.pr-32{padding-right:8rem}.pr-36{padding-right:9rem}.pr-40{padding-right:10rem}.pr-44{padding-right:11rem}.pr-48{padding-right:12rem}.pr-52{padding-right:13rem}.pr-56{padding-right:14rem}.pr-60{padding-right:15rem}.pr-64{padding-right:16rem}.pr-72{padding-right:18rem}.pr-80{padding-right:20rem}.pr-96{padding-right:24rem}.pb-0{padding-bottom:0}.pb-px{padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-11{padding-bottom:2.75rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-32{padding-bottom:8rem}.pb-36{padding-bottom:9rem}.pb-40{padding-bottom:10rem}.pb-44{padding-bottom:11rem}.pb-48{padding-bottom:12rem}.pb-52{padding-bottom:13rem}.pb-56{padding-bottom:14rem}.pb-60{padding-bottom:15rem}.pb-64{padding-bottom:16rem}.pb-72{padding-bottom:18rem}.pb-80{padding-bottom:20rem}.pb-96{padding-bottom:24rem}.pl-0{padding-left:0}.pl-px{padding-left:1px}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-16{padding-left:4rem}.pl-20{padding-left:5rem}.pl-24{padding-left:6rem}.pl-28{padding-left:7rem}.pl-32{padding-left:8rem}.pl-36{padding-left:9rem}.pl-40{padding-left:10rem}.pl-44{padding-left:11rem}.pl-48{padding-left:12rem}.pl-52{padding-left:13rem}.pl-56{padding-left:14rem}.pl-60{padding-left:15rem}.pl-64{padding-left:16rem}.pl-72{padding-left:18rem}.pl-80{padding-left:20rem}.pl-96{padding-left:24rem}.m-0{margin:0}.m-px{margin:1px}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-7{margin:1.75rem}.m-8{margin:2rem}.m-9{margin:2.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-40{margin:10rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-72{margin:18rem}.m-80{margin:20rem}.m-96{margin:24rem}.m-auto{margin:auto}.-m-0{margin:0}.-m-px{margin:-1px}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.-m-3{margin:-.75rem}.-m-4{margin:-1rem}.-m-5{margin:-1.25rem}.-m-6{margin:-1.5rem}.-m-7{margin:-1.75rem}.-m-8{margin:-2rem}.-m-9{margin:-2.25rem}.-m-10{margin:-2.5rem}.-m-11{margin:-2.75rem}.-m-12{margin:-3rem}.-m-14{margin:-3.5rem}.-m-16{margin:-4rem}.-m-20{margin:-5rem}.-m-24{margin:-6rem}.-m-28{margin:-7rem}.-m-32{margin:-8rem}.-m-36{margin:-9rem}.-m-40{margin:-10rem}.-m-44{margin:-11rem}.-m-48{margin:-12rem}.-m-52{margin:-13rem}.-m-56{margin:-14rem}.-m-60{margin:-15rem}.-m-64{margin:-16rem}.-m-72{margin:-18rem}.-m-80{margin:-20rem}.-m-96{margin:-24rem}.mx-0{margin-left:0;margin-right:0}.mx-px{margin-left:1px;margin-right:1px}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-11{margin-left:2.75rem;margin-right:2.75rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-14{margin-left:3.5rem;margin-right:3.5rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-20{margin-left:5rem;margin-right:5rem}.mx-24{margin-left:6rem;margin-right:6rem}.mx-28{margin-left:7rem;margin-right:7rem}.mx-32{margin-left:8rem;margin-right:8rem}.mx-36{margin-left:9rem;margin-right:9rem}.mx-40{margin-left:10rem;margin-right:10rem}.mx-44{margin-left:11rem;margin-right:11rem}.mx-48{margin-left:12rem;margin-right:12rem}.mx-52{margin-left:13rem;margin-right:13rem}.mx-56{margin-left:14rem;margin-right:14rem}.mx-60{margin-left:15rem;margin-right:15rem}.mx-64{margin-left:16rem;margin-right:16rem}.mx-72{margin-left:18rem;margin-right:18rem}.mx-80{margin-left:20rem;margin-right:20rem}.mx-96{margin-left:24rem;margin-right:24rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-0{margin-left:0;margin-right:0}.-mx-px{margin-left:-1px;margin-right:-1px}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.-mx-9{margin-left:-2.25rem;margin-right:-2.25rem}.-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.-mx-11{margin-left:-2.75rem;margin-right:-2.75rem}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-mx-14{margin-left:-3.5rem;margin-right:-3.5rem}.-mx-16{margin-left:-4rem;margin-right:-4rem}.-mx-20{margin-left:-5rem;margin-right:-5rem}.-mx-24{margin-left:-6rem;margin-right:-6rem}.-mx-28{margin-left:-7rem;margin-right:-7rem}.-mx-32{margin-left:-8rem;margin-right:-8rem}.-mx-36{margin-left:-9rem;margin-right:-9rem}.-mx-40{margin-left:-10rem;margin-right:-10rem}.-mx-44{margin-left:-11rem;margin-right:-11rem}.-mx-48{margin-left:-12rem;margin-right:-12rem}.-mx-52{margin-left:-13rem;margin-right:-13rem}.-mx-56{margin-left:-14rem;margin-right:-14rem}.-mx-60{margin-left:-15rem;margin-right:-15rem}.-mx-64{margin-left:-16rem;margin-right:-16rem}.-mx-72{margin-left:-18rem;margin-right:-18rem}.-mx-80{margin-left:-20rem;margin-right:-20rem}.-mx-96{margin-left:-24rem;margin-right:-24rem}.my-0{margin-top:0;margin-bottom:0}.my-px{margin-top:1px;margin-bottom:1px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-9{margin-top:2.25rem;margin-bottom:2.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-20{margin-top:5rem;margin-bottom:5rem}.my-24{margin-top:6rem;margin-bottom:6rem}.my-28{margin-top:7rem;margin-bottom:7rem}.my-32{margin-top:8rem;margin-bottom:8rem}.my-36{margin-top:9rem;margin-bottom:9rem}.my-40{margin-top:10rem;margin-bottom:10rem}.my-44{margin-top:11rem;margin-bottom:11rem}.my-48{margin-top:12rem;margin-bottom:12rem}.my-52{margin-top:13rem;margin-bottom:13rem}.my-56{margin-top:14rem;margin-bottom:14rem}.my-60{margin-top:15rem;margin-bottom:15rem}.my-64{margin-top:16rem;margin-bottom:16rem}.my-72{margin-top:18rem;margin-bottom:18rem}.my-80{margin-top:20rem;margin-bottom:20rem}.my-96{margin-top:24rem;margin-bottom:24rem}.my-auto{margin-top:auto;margin-bottom:auto}.-my-0{margin-top:0;margin-bottom:0}.-my-px{margin-top:-1px;margin-bottom:-1px}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.-my-3{margin-top:-.75rem;margin-bottom:-.75rem}.-my-4{margin-top:-1rem;margin-bottom:-1rem}.-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem}.-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem}.-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem}.-my-8{margin-top:-2rem;margin-bottom:-2rem}.-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem}.-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem}.-my-11{margin-top:-2.75rem;margin-bottom:-2.75rem}.-my-12{margin-top:-3rem;margin-bottom:-3rem}.-my-14{margin-top:-3.5rem;margin-bottom:-3.5rem}.-my-16{margin-top:-4rem;margin-bottom:-4rem}.-my-20{margin-top:-5rem;margin-bottom:-5rem}.-my-24{margin-top:-6rem;margin-bottom:-6rem}.-my-28{margin-top:-7rem;margin-bottom:-7rem}.-my-32{margin-top:-8rem;margin-bottom:-8rem}.-my-36{margin-top:-9rem;margin-bottom:-9rem}.-my-40{margin-top:-10rem;margin-bottom:-10rem}.-my-44{margin-top:-11rem;margin-bottom:-11rem}.-my-48{margin-top:-12rem;margin-bottom:-12rem}.-my-52{margin-top:-13rem;margin-bottom:-13rem}.-my-56{margin-top:-14rem;margin-bottom:-14rem}.-my-60{margin-top:-15rem;margin-bottom:-15rem}.-my-64{margin-top:-16rem;margin-bottom:-16rem}.-my-72{margin-top:-18rem;margin-bottom:-18rem}.-my-80{margin-top:-20rem;margin-bottom:-20rem}.-my-96{margin-top:-24rem;margin-bottom:-24rem}.mt-0{margin-top:0}.mt-px{margin-top:1px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-40{margin-top:10rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-72{margin-top:18rem}.mt-80{margin-top:20rem}.mt-96{margin-top:24rem}.mt-auto{margin-top:auto}.-mt-0{margin-top:0}.-mt-px{margin-top:-1px}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.-mt-4{margin-top:-1rem}.-mt-5{margin-top:-1.25rem}.-mt-6{margin-top:-1.5rem}.-mt-7{margin-top:-1.75rem}.-mt-8{margin-top:-2rem}.-mt-9{margin-top:-2.25rem}.-mt-10{margin-top:-2.5rem}.-mt-11{margin-top:-2.75rem}.-mt-12{margin-top:-3rem}.-mt-14{margin-top:-3.5rem}.-mt-16{margin-top:-4rem}.-mt-20{margin-top:-5rem}.-mt-24{margin-top:-6rem}.-mt-28{margin-top:-7rem}.-mt-32{margin-top:-8rem}.-mt-36{margin-top:-9rem}.-mt-40{margin-top:-10rem}.-mt-44{margin-top:-11rem}.-mt-48{margin-top:-12rem}.-mt-52{margin-top:-13rem}.-mt-56{margin-top:-14rem}.-mt-60{margin-top:-15rem}.-mt-64{margin-top:-16rem}.-mt-72{margin-top:-18rem}.-mt-80{margin-top:-20rem}.-mt-96{margin-top:-24rem}.mr-0{margin-right:0}.mr-px{margin-right:1px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-7{margin-right:1.75rem}.mr-8{margin-right:2rem}.mr-9{margin-right:2.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-40{margin-right:10rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-72{margin-right:18rem}.mr-80{margin-right:20rem}.mr-96{margin-right:24rem}.mr-auto{margin-right:auto}.-mr-0{margin-right:0}.-mr-px{margin-right:-1px}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mr-3{margin-right:-.75rem}.-mr-4{margin-right:-1rem}.-mr-5{margin-right:-1.25rem}.-mr-6{margin-right:-1.5rem}.-mr-7{margin-right:-1.75rem}.-mr-8{margin-right:-2rem}.-mr-9{margin-right:-2.25rem}.-mr-10{margin-right:-2.5rem}.-mr-11{margin-right:-2.75rem}.-mr-12{margin-right:-3rem}.-mr-14{margin-right:-3.5rem}.-mr-16{margin-right:-4rem}.-mr-20{margin-right:-5rem}.-mr-24{margin-right:-6rem}.-mr-28{margin-right:-7rem}.-mr-32{margin-right:-8rem}.-mr-36{margin-right:-9rem}.-mr-40{margin-right:-10rem}.-mr-44{margin-right:-11rem}.-mr-48{margin-right:-12rem}.-mr-52{margin-right:-13rem}.-mr-56{margin-right:-14rem}.-mr-60{margin-right:-15rem}.-mr-64{margin-right:-16rem}.-mr-72{margin-right:-18rem}.-mr-80{margin-right:-20rem}.-mr-96{margin-right:-24rem}.mb-0{margin-bottom:0}.mb-px{margin-bottom:1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-40{margin-bottom:10rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-72{margin-bottom:18rem}.mb-80{margin-bottom:20rem}.mb-96{margin-bottom:24rem}.mb-auto{margin-bottom:auto}.-mb-0{margin-bottom:0}.-mb-px{margin-bottom:-1px}.-mb-1{margin-bottom:-.25rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.-mb-4{margin-bottom:-1rem}.-mb-5{margin-bottom:-1.25rem}.-mb-6{margin-bottom:-1.5rem}.-mb-7{margin-bottom:-1.75rem}.-mb-8{margin-bottom:-2rem}.-mb-9{margin-bottom:-2.25rem}.-mb-10{margin-bottom:-2.5rem}.-mb-11{margin-bottom:-2.75rem}.-mb-12{margin-bottom:-3rem}.-mb-14{margin-bottom:-3.5rem}.-mb-16{margin-bottom:-4rem}.-mb-20{margin-bottom:-5rem}.-mb-24{margin-bottom:-6rem}.-mb-28{margin-bottom:-7rem}.-mb-32{margin-bottom:-8rem}.-mb-36{margin-bottom:-9rem}.-mb-40{margin-bottom:-10rem}.-mb-44{margin-bottom:-11rem}.-mb-48{margin-bottom:-12rem}.-mb-52{margin-bottom:-13rem}.-mb-56{margin-bottom:-14rem}.-mb-60{margin-bottom:-15rem}.-mb-64{margin-bottom:-16rem}.-mb-72{margin-bottom:-18rem}.-mb-80{margin-bottom:-20rem}.-mb-96{margin-bottom:-24rem}.ml-0{margin-left:0}.ml-px{margin-left:1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-40{margin-left:10rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-72{margin-left:18rem}.ml-80{margin-left:20rem}.ml-96{margin-left:24rem}.ml-auto{margin-left:auto}.-ml-0{margin-left:0}.-ml-px{margin-left:-1px}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-ml-5{margin-left:-1.25rem}.-ml-6{margin-left:-1.5rem}.-ml-7{margin-left:-1.75rem}.-ml-8{margin-left:-2rem}.-ml-9{margin-left:-2.25rem}.-ml-10{margin-left:-2.5rem}.-ml-11{margin-left:-2.75rem}.-ml-12{margin-left:-3rem}.-ml-14{margin-left:-3.5rem}.-ml-16{margin-left:-4rem}.-ml-20{margin-left:-5rem}.-ml-24{margin-left:-6rem}.-ml-28{margin-left:-7rem}.-ml-32{margin-left:-8rem}.-ml-36{margin-left:-9rem}.-ml-40{margin-left:-10rem}.-ml-44{margin-left:-11rem}.-ml-48{margin-left:-12rem}.-ml-52{margin-left:-13rem}.-ml-56{margin-left:-14rem}.-ml-60{margin-left:-15rem}.-ml-64{margin-left:-16rem}.-ml-72{margin-left:-18rem}.-ml-80{margin-left:-20rem}.-ml-96{margin-left:-24rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}
/*----------------------------------------
	Color root
----------------------------------------*/
:root {
	--white: #ffffff;
	--gr-fa: #fafafa;
	--gr-f3: #f3f3f3;
	--gr-e0: #e0e0e0;
	--gr-ee: #eeeeee;
	--gr-e9: #e9e9e9;
	--gr-dd: #dddddd;
	--gr-cc: #cccccc;
	--gr-aa: #aaaaaa;
	--bl-99: #999999;
	--bl-88: #888888;
	--bl-68: #686868;
	--bl-52: #525252;
	--bl-41: #414141;
	--bl-22: #222222;
	--black: #000000;
	--link: rgb(123,54,180);
	--ovarlay: rgba(0, 0, 0, 0.4);
	--ovarlay-a: rgba(225, 225, 225, 0.8);
	--ovarlay-b: rgba(0, 0, 0, 0.8);
	--fb: rgb(27,116,228);
	--dc: rgb(64,78,237);
	--pk: rgb(238,64,86);
	--brand-a: rgb(92,86,231);
	--brand-b: rgb(123,54,180);
	--brand-white: #f6f8f9;

    --line-a: rgb(147 170 187 / 20%);
	--line-b: rgb(147 170 187 / 40%);

	--txt-gr: #9faab1;
	--bg-grid: #f5f5f7;
}
/*----------------------------------------
    General Setting
----------------------------------------*/
* > div {
    box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	font-size: 16px;
    -webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width: 100%;
	height: 100%;
	background-color: var(--white);
}
body.fixed {
	overflow-y: hidden;
}
body {
    overflow-y: scroll;
	margin: 0;
	padding: 0;
	font-size: 16px;
    -webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background-color: transparent;
	color: var(--bl-33);
    overflow-x: hidden;
	text-rendering: optimizeLegibility;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif
}
/*----------------------------------------
    Typography
----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
    margin: 0;
}
h1 {
	font-size: inherit;
}
hgroup {
    padding: 0 1rem;
    margin-bottom: 2rem;
}
hgroup h2 {
    font-weight: bold;
}
blockquote {
	margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 1.5rem;
	margin-right: 0;
    padding-left: 1.25rem;
    border-left: 5px solid var(--line-b);
}
/*----------------------------------------
    List
----------------------------------------*/
ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul ul {
	margin-left: 1rem;
}
/*----------------------------------------
    Link
----------------------------------------*/
a {
	border-bottom: 1px solid #000;
	color: #000;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px solid var(--link);
	color: var(--link);
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
/*----------------------------------------
    Images
----------------------------------------*/
figure {
	margin: 0;
}
img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
/*----------------------------------------
    Layout
----------------------------------------*/
#__layout {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
header {
    height: 53px;
    width: 100%;
	backdrop-filter: saturate(180%) blur(15px);
    -webkit-backdrop-filter: saturate(180%) blur(15px);
	background-color: rgba(255,255,255,0.8);
    border-bottom: 1px solid var(--bg-grid);
    position: fixed;
    z-index: 3;
}
main {
    padding-top: 54px;
}
article {
    padding: 0 1rem;
}
footer {
	height: 53px;
	padding: 0.41rem;
	color: var(--bl-52);
}
/*----------------------------------------
    Wrapper
----------------------------------------*/
.wrapper{}
.global-wrapper__1180 { max-width: 1180px; }
.global-wrapper__1020 { max-width: 1020px; }
.global-wrapper__960 { max-width: 960px; }
.global-wrapper__800 { max-width: 800px; }
.global-wrapper__600 { max-width: 600px; }
/*----------------------------------------
    Flex
----------------------------------------*/
.row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
    box-sizing: border-box;
}
.align-center {
	align-items: center;
}
.row-center {
	align-items: center;
	justify-content: space-between;
}
.row-center-center {
	align-items: center;
	justify-content: center;
}
.row-evenly {
    align-items: center;
    justify-content: space-evenly;
}
.row-2col-item {
	width: calc(100% / 2 - 3%);
}
.row-3col-item {
	width: calc(100% / 3 - 3%);
}
/*----------------------------------------
    Width
----------------------------------------*/
.col-mx-100{flex-basis: 100%;max-width: 100%;}
.col-mx-95{flex-basis: 95%;max-width: 95%;}
.col-mx-90{flex-basis: 90%;max-width: 90%;}
.col-mx-85{flex-basis: 85%;max-width: 85%;}
.col-mx-80{flex-basis: 80%;max-width: 80%;}
.col-mx-75{flex-basis: 75%;max-width: 75%;}
.col-mx-70{flex-basis: 70%;max-width: 70%;}
.col-mx-65{flex-basis: 65%;max-width: 65%;}
.col-mx-60{flex-basis: 60%;max-width: 60%;}
.col-mx-55{flex-basis: 55%;max-width: 55%;}
.col-mx-50{flex-basis: 50%;max-width: 50%;}
.col-mx-45{flex-basis: 45%;max-width: 45%;}
.col-mx-40{flex-basis: 40%;max-width: 40%;}
.col-mx-35{flex-basis: 35%;max-width: 35%;}
.col-mx-30{flex-basis: 30%;max-width: 30%;}
.col-mx-25{flex-basis: 25%;max-width: 25%;}
.col-mx-20{flex-basis: 20%;max-width: 20%;}
.col-mx-15{flex-basis: 15%;max-width: 15%;}
.col-mx-10{flex-basis: 10%;max-width: 10%;}
.col-mx-05{flex-basis: 5%;max-width: 5%;}
/*----------------------------------------
    Header
----------------------------------------*/
#logo a {
	border: none;
}
#logo {
    width: 97.5px;
}
/*----------------------------------------
    Navigation
----------------------------------------*/
nav.header-gnav {
	z-index: 3;
	position: relative;
}
nav.header-gnav .menu {
	position: relative;
}
nav.header-gnav .menu li {
	position: relative;
	width: 100%;
}
nav.header-gnav .menu li a {
	position: relative;
    font-weight: bold;
    font-size: 0.9rem;
    display: block;
    padding: 1.25rem 2rem;
    color: var(--white);
	border-bottom: none;
}
nav.header-gnav .menu li a:hover {
	color: var(--link);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
nav.header-gnav .menu > li.current_page_item a,
nav.header-gnav .menu > li.current_page_parent a {
    color: var(--link);
}

nav.footer-gnav {
	margin-top: 1rem;
	z-index: 3;
	position: relative;
}
nav.footer-gnav .menu {
	position: relative;
}
nav.footer-gnav .menu li {
	position: relative;
	width: 100%;
}
nav.footer-gnav .menu li a {
    position: relative;
    font-size: 0.6rem;
    display: block;
    padding: 1rem 2rem;
    color: var(--gr-ee);
    border-bottom: none;
}
nav.footer-gnav .menu li a:hover {
	color: var(--link);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
nav.footer-gnav .menu > li.current_page_item a,
nav.footer-gnav .menu > li.current_page_parent a {
    color: var(--link);
}
/* grand menu */
.g-menu {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0.9rem 1rem;
    width: 1em;
    height: 1em;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 4;
}
.line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.07em;
    border-radius: 0.125em;
    background-color: var(--black);
    transition: inherit;
}
.line:nth-child(1) {
    top: 0.125em;
}
.g-menu.is-active .line:nth-child(1), .w-nav-button.w--open .line:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotateZ(-135deg);
}
.line:nth-child(2) {
    top: 0.438em;
}
.g-menu.is-active .line:nth-child(2), .w-nav-button.w--open .line:nth-child(2) {
    left: 50%;
    width: 0;
}
.line:nth-child(3) {
    top: 0.75em;
    width: 0.625em;
}
.g-menu.is-active .line:nth-child(3), .w-nav-button.w--open .line:nth-child(3) {
    top: 50%;
    width: 100%;
    transform: translateY(-50%) rotateZ(135deg);
}
.menu-left-panel {
    display: none;
}
.menu-left-panel.active {
	display: block;
    position: fixed;
    width: 300px;
    height: calc(100dvh - 54px);
    z-index: 3;
    background-color: var(--bl-22);
    overflow: hidden;
    top: 54px;
    overflow-y: scroll;
}
.panel-layer.active {
	backdrop-filter: saturate(180%) blur(15px);
    -webkit-backdrop-filter: saturate(180%) blur(15px);
	background-color: var(--ovarlay);
    width: 100%;
    height: 100%;
    position: fixed;
    content: '';
    top: 54px;
    left: 0;
    z-index: 3;
}
/* user menu */
nav.header-unav {
    text-align: center;
    z-index: 3;
    position: relative;
}
.u-menu {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0.55rem 1rem;
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 4;
    border-radius: 50%;
    overflow: hidden;
}
.line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.07em;
    border-radius: 0.125em;
    background: var(--black);
    transition: inherit;
}
.line:nth-child(1) {
    top: 0.125em;
}
.u-menu.is-active .line:nth-child(1), .w-nav-button.w--open .line:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotateZ(-135deg);
}
.line:nth-child(2) {
    top: 0.438em;
}
.u-menu.is-active .line:nth-child(2), .w-nav-button.w--open .line:nth-child(2) {
    left: 50%;
    width: 0;
}
.line:nth-child(3) {
    top: 0.75em;
    width: 0.625em;
}
.u-menu.is-active .line:nth-child(3), .w-nav-button.w--open .line:nth-child(3) {
    top: 50%;
    width: 100%;
    transform: translateY(-50%) rotateZ(135deg);
}
.menu-right-panel {
    display: none;
}
.menu-right-panel.active {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 60px;
    max-width: 240px;
    right: 6px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);
}
.user-profile-contents {
	position: relative;
    border-radius: 8px;
    overflow: hidden;
    z-index: 3;
}
.user-profile-background {
	position: relative;
	width: 100%;
    height: 80px;
	background-color: #8157dc;
}
.user-profile-avater {
	border-radius: 50%;
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5rem;
    border: 3px solid var(--ovarlay-a);
    overflow: hidden;
}
.user-profile-status {
    background-color: var(--white);
    padding: 2.5rem 0 0.5rem;
}
.user-profile-name {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0.5rem;
}
.user-posts-cotents {
    margin-top: 1rem;
}
.user-posts-cotents ul li a {
	position: relative;
    padding: 0.85rem 5rem;
    border-bottom: none;
    display: block;
    font-size: 0.8rem;
    color: var(--bl-41);
    text-align: left;
}
.un-logged-in-contents {
    background-color: var(--white);
    padding: 1rem;
    border-radius: 8px;
}
.un-logged-in-contents p {
    margin: 0;
    font-size: 0.8rem;
    position: relative;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: var(--bl-99);
}
.un-logged-in-contents button {
    min-width: inherit!important;
    width: 100%!important;
}
#navigation-bottom {
    margin-top: 2rem;
    border-top: 1px solid #303030;
    padding-top: 2rem;
    margin-bottom: 1rem;
}
#navigation-bottom a {
    margin: 0 auto;
    width: 200px;
    display: block;
    position: relative;
    padding: 1rem;
}
/*----------------------------------------
    Main
----------------------------------------*/
main .post,
main .page {
	overflow: hidden;
}
/*----------------------------------------
    archive
----------------------------------------*/
/*----------------------------------------
    Footer
----------------------------------------*/
footer p {
    font-size: 0.8rem;
    color: #888;
}
/*----------------------------------------
    Form
----------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,select {
    margin: 0;
    padding: 0.5rem 0.75rem;
	max-width: 100%;
	width: 100%;
	border: none;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	border: 1px solid #F7F7F7;
	background-color: #F7F7F7;
	color: #777;
	vertical-align: bottom;
	font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.02rem;
}
textarea {
	min-height: 8rem;
	overflow: auto;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
textarea,select:hover {
	border: 1px solid #F7F7F7;
	background-color: #F7F7F7;
	-webkit-box-shadow: 0 0 0 2px var(--link);
 	-moz-box-shadow: 0 0 0 2px var(--link);
	box-shadow: 0 0 0 2px var(--link);
	-webkit-transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea,select:focus {
	border: 1px solid #F7F7F7;
	background-color: #F7F7F7;
	outline: none;
 	color: #444;
	-webkit-box-shadow: 0 0 0 2px var(--link);
 	-moz-box-shadow: 0 0 0 2px var(--link);
	box-shadow: 0 0 0 2px var(--link);
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    padding: 0.5rem 0.75rem;
	border: none;
	-webkit-border-radius: 0.75rem;
	-moz-border-radius: 0.75rem;
	border-radius: 0.75rem;
	background-color: var(--link);
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  	border: none;
	background: var(--link);
	color: #fff;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	position: relative;
}
button.discord-login-button {
	position: relative;
	padding: 1.15rem;
    min-width: 240px;
    border-radius: 2rem;
	background-color: var(--black);
	padding-left: 3rem
}

button.discord-login-button.ico-brands.ico-discord:after{
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 2rem;
	font-size: 1rem;
}
button.discord-login-button:hover {
    background-color: var(--bl-41);
}
/*----------------------------------------
    Icon
----------------------------------------*/
i.fa-regular {
    margin-right: 0.25rem;
}
.ico:after {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 13px;
	font-size: 1rem;
}
.ico-sticker:after {
	font-family: "Font Awesome 6 Free";
	content: "\f118";
    font-weight: 400;
}
.ico-audio:after {
	font-family: "Font Awesome 6 Free"; /* Font Awesome 6 Free ファミリーを指定 */
    font-weight: 900; /* Solidスタイルには weight 900 を指定 */
    content: "\f028";
}
.ico-discord:after {
	font-family: "Font Awesome 6 Brands";
	content: "\f392";
    font-weight: 400;
}
/*----------------------------------------
    Form
----------------------------------------*/
.nav-form-tab {
    padding: 0 1rem;
    margin-bottom: 2rem;
}
.form-item a {
	position: relative;
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    background-color: #f1f4f5;
    border-radius: 2rem;
    margin-right: 0.5rem;
    font-size: 0.6rem;
    border: none;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}
.form-item a.active  {
	background-color: var(--bl-22);
    color: var(--white);
}
.form-item a:hover  {
	background-color: var(--bl-22);
    color: var(--white);
    transition: all .3s;
}
#sticker-form,
#audio-form {
    padding: 0 1rem;
}
#sticker-form h3,
#audio-form h3 {
    margin: 0;
    text-align: left;
    display: block;
    box-sizing: border-box;
    padding: 0 0 0.25rem;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 25px;
    position: relative;
}
.feild {
    margin-bottom: 2rem;
}
.note p {
    font-size: 0.6rem;
	color: var(--bl-88);
}
.conv {
    text-align: center;
}
button.btn-main {
    width: 100%;
    max-width: 190px;
    padding: 1rem;
    border-radius: 2rem;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,select {
    font-size: 16px;
	border: 1px solid #f6f8f9;
	background-color: #f6f8f9;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
	box-sizing: border-box;
	border-radius: 8px;
}
textarea {
	overflow: auto;
    min-height: 100px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea,select:focus {
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
/* iOS */
input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    color: #a9a9a9;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
/*----------------------------------------
    Radio / Checkbox
----------------------------------------*/
.radio {
	display: block;
	position: relative;
}
.radio  ul{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}
.radio ul li{
	color: var(--gr-aa);
    display: block;
    position: relative;
    width: 100%;
}
.radio ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}
.radio ul li label {
	display: block;
    position: relative;
    font-size: 1rem;
    padding: 1rem 0 1rem 2.5rem;
    z-index: 2;
    cursor: pointer;
}
.radio ul li .check{
	display: block;
    position: absolute;
    border: 1px solid var(--gr-dd);
    border-radius: 100%;
	height: 1.75rem;
    width: 1.75rem;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
.radio ul li .check i {
	position: absolute;
    color: var(--white);
    opacity: 0;
    top: 50%;
    left: 50%;
	font-size: 0.75rem;
    transform: translate(-50%, -50%);
}
.radio ul li:hover .check {

}
.radio ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: auto;
}
input[type=radio]:checked ~ .check {
	border: none;
}
input[type=radio]:checked ~ .check i {
    opacity: 1;
}
input[type=radio]:checked ~ .check::before{
	background: var(--link);
}

input[type=radio]:checked ~ label{
	color: var(--link);
}
/*----------------------------------------
    Checkbox / Switch
----------------------------------------*/
.checkbox input[type=checkbox] {
	outline : none;
	background-color: var(--white);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid var(--gr-dd);
	border-radius: 2rem;
	width: 3.8rem;
    height: 2rem;
	vertical-align:middle;
	position: relative;
	transition: all 0.2s ease;
}
.checkbox input[type=checkbox]:before {
	content:"";
	display:block;
	width:26px;
	height:26px;
	border-radius: 28px;
	background-color: var(--white);
	border: 1px solid var(--gr-ee);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(0.1rem);
	transition: all 0.2s ease;
}
.checkbox input[type=checkbox]:checked {
	background-color: var(--link);
	border: 1px solid var(--link);
}
.checkbox input[type=checkbox]:checked:before {
	background-color: var(--white);
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(1.9rem);
}
/*----------------------------------------
    Select
----------------------------------------*/
.select {
    position: relative;
}
select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
}
.select:after {
	position: absolute;
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    border-bottom: 2px solid var(--bl-99);
    border-right: 2px solid var(--bl-99);
    content: "";
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    margin-right: 20px;
}
/*----------------------------------------
    File Upload
----------------------------------------*/
.file-upload {
	position: relative;
}
.file-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}
.upload-wrap,
.upload-content {
    position: relative;
    background-color: #f4f6f7;
	border: 1px solid #f4f6f7;
	border-radius: 8px;
	overflow: hidden;
}
.upload-content {
	display: none;
}
.file-dropping,
.upload-wrap:hover {
	-webkit-box-shadow: 0 0 0 2px var(--link);
 	-moz-box-shadow: 0 0 0 2px var(--link);
	box-shadow: 0 0 0 2px var(--link);
	-webkit-transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	transition: background-color 0.2s ease, outline 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.file-dropping .drag-text .text-meta,
.upload-wrap:hover .text-meta {
	color: var(--link);
	transition: 0.2s ease;
}
.drag-text {
    text-align: center;
    padding: 6rem 1rem;
}
.text-meta {
	font-weight: 100;
	color: #bdc6cb;
}
.text-meta i {
    font-size: 4rem;
}
.text-meta h4 {
	margin-top: 1rem;
    line-height: 1.7;
    font-size: 0.8rem;
	font-weight: bold;
}
.file-check.audio {
	padding: 1rem;
}
.file-check.image {
    background: url(data:image/gif;base64,R0lGODlhEAAQAPEBAAAAAL+/v////wAAACH5BAAAAAAALAAAAAAQABAAAAIfjG+iq4jM3IFLJipswNly/XkcBpIiVaInlLJr9FZWAQA7) fixed;
	max-width: 100%;
}
audio.file-upload,
img.file-upload {
    width: 100%;
}
.file-upload {
    max-height: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.file-meta-data > div {
    display: inline-block;
}
.file-meta {
    position: relative;
    margin: 1rem 1rem;
    padding: 0;
}
.file-title {
    font-size: 0.8rem;
}
.file-size {
	font-size: 0.5rem;
    background-color: #dde3e6;
    padding: 0.25rem 0.5rem;
    border-radius: 2rem;
    font-weight: 600;
	margin-left: 0.25rem;
    vertical-align: middle;
}
.file-clear {
	position: absolute;
    right: -1rem;
    top: 0;
}
.remove-file {
    margin: 0;
    color: var(--bl-88);
    border: none;
    transition: all .2s ease;
    outline: none;
    background-color: transparent;
    padding: 0.25rem 1rem;
}
.remove-file:hover {
    color: var(--bl-22);
    transition: all .2s ease;
    cursor: pointer;
    background-color: transparent;
}
.remove-file:active {
	border: 0;
    background-color: transparent;
	transition: all .2s ease;
}
.ico-animation i {
	animation: scale 1s ease-in infinite;
}
@keyframes scale {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(1.025);
	}
	50% {
		transform: scale(1.05);
	}
	80% {
		transform: scale(1.025);
	}
	100% {
		transform: scale(1);
	}
}
/*--------------------------------------------------------------
    Pages / Post Error / Post Success
--------------------------------------------------------------*/
.page-head {
    padding: 0 1rem;
}
hgroup.pages {
	position: relative;
    aspect-ratio: 2 / 1;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
    margin: 0 0 1rem;
}
hgroup.pages img {
	width: 200px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	animation: bounce 1.5s linear both;
}
hgroup.pages:after {
    content: '';
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/images/img_repeat_bg.jpg);
    background-repeat: repeat;
    background-size: 200px;
    animation: bg-animation 10s linear infinite;
    will-change: background-position;
}
.page-contents {
    padding: 0.5rem 1rem;
}
h2.contents-text {
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1rem;
}
.page-contents .messages {
	margin-top: 1rem;
}
p.success-message, p.error-message {
    line-height: 1.6;
    font-size: 0.9rem;
    text-align: center;
}
p.success-message {
    color: var(--bl-88);
    font-size: 0.8rem;
}
.page-contents p.error-message {
	padding: 0.5rem 1rem;
    background-color: #f7d2d2;
    margin-bottom: 1rem;
    border-radius: 8px;
	font-size: 0.7rem;
    font-weight: bold;
    color: #dd6464;
}
.page-contents a.button {
    display: block;
    width: 180px;
    margin: 2rem auto 0;
    padding: 1rem;
    border-radius: 2rem;
    background-color: var(--black);
}
.page-nav-bottom {
	max-width: 280px;
    margin: 2rem auto;
}
.tabs {
    margin: 2.5rem auto 0;
    padding-bottom: 2.5rem;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}
.tab-item {
	width: calc(100% / 2);
	height: 50px;
	line-height: 50px;
	background-color: rgb(212 205 228);
	color: var(--white)!important;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 0.7rem;
	transition: all 0.2s ease;
}
.tab-item:hover {
	cursor: pointer;
}

input[name="tab-item"] {
	display: none;
}
.tab-content {
	display: none;
	padding: 0.5rem 0 0;
	clear: both;
	overflow: hidden;
}
#a:checked ~ #a-content,
#b:checked ~ #b-content {
	display: block;
}
.tabs input:checked + .tab-item {
	background-color: rgb(128 88 217);
    color: var(--white);
}

#tab-content__description h3 {
	color: var(--bl-41);
    font-weight: bold;
	margin: 1rem 0 0.5rem;
	font-size: 0.9rem;
}
#tab-content__description h3.article-index {
    position: relative;
    padding-left: 0.7rem;
}
h3.article-index:after {
    position: absolute;
    top: 25%;
    left: 0;
    width: 4px;
    height: 50%;
    content: '';
    border-radius: 3px;
    opacity: .2;
    background: #5f7276;
}
#tab-content__description {
    font-size: 0.9rem;
    color: var(--bl-68);
	line-height: 1.7;
}
#tab-content__description p {
	margin-bottom: 2rem;
}
#tab-content__description .images {
    box-sizing: border-box;
	padding: 0.5rem;
    border: 1px solid #eee;
    border-radius: 8px;
}
#tab-content__description .tab-list {
    margin: 0 0 2rem;
    background-color: #f8f9fb;
    padding: 2rem;
    box-sizing: border-box;
    border-radius: 8px;
}
#tab-content__description .tab-list ul.list-style-a {
    list-style: disc;
    padding-left: 1rem;
    margin: -1rem;
}
#tab-content__description .tab-list ul li {
    font-size: 0.7rem;
    margin: 0.5rem 0;
    font-weight: bold;
}
/*--------------------------------------------------------------
    Sticker Archive
--------------------------------------------------------------*/
.sticker-post {
    margin-bottom: 1.8rem;
    border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 10px var(--gr-e0);
}
.sticker-cotnents {
    position: relative;
	background: url(data:image/gif;base64,R0lGODlhEAAQAPEBAAAAAL+/v////wAAACH5BAAAAAAALAAAAAAQABAAAAIfjG+iq4jM3IFLJipswNly/XkcBpIiVaInlLJr9FZWAQA7) fixed;
    max-width: 100%;
}
.sticker-meta-contents {
    background-color: var(--white);
	padding: 0 12px;
    margin: 0.75rem 0;
}
a.sticker-meta-link {
    border: none;
}
.sticker-thumbnail-image {
    aspect-ratio: 4 / 3;
}
.sticker-author-meta a {
    border: none;
}
.user-meta {
    display: inline-block;
}
.user-avatar {
    width: 24px;
    height: 24px;
}
.user-avatar img {
    border-radius: 50%;
}
.user-name {
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: bold;
    text-align: left;
	margin-left: 5px;
}
/*--------------------------------------------------------------
    Audio Archive
--------------------------------------------------------------*/
.audio-post {
    margin-bottom: 1.8rem;
    border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 10px var(--gr-e0);
}
.audio-post-contents {
    position: relative;
    background-color: var(--brand-white);
}
.audio-content {
	width: 85%;
    padding: 0 1rem;
}
.audio-artwork {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
}
@media only screen and (max-width: 560px) {
	.audio-content {
	    width: 81%;
	}
	.audio-artwork {
	    width: 19%;
	}
}
.audio-thumbnail-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 4 / 3;
}
.audio-play-btn {
	width: 45px;
    margin-right: 1rem;
    position: relative;
}
.audio-waveform {
	position: relative;
    width: calc(100% - 45px - 1rem);
	height: 80px;
}
.play-content {
	width: 45px;
	height: 45px;
	position: relative;
	border-radius: 50%;
}
.play-btn {
	position: absolute;
	appearance: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	outline: none;
}
.play-btn::before {
	content: "";
	position: absolute;
	width: 93%;
	height: 93%;
	background-color: var(--brand-b);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.play-icon {
	position: absolute;
	width: 15px;
	height: 15px;
	left: 60%;
	top: 50%;
	background-color: var(--white);
	transform: translate(-60%, -50%) rotate(90deg);
	clip-path: polygon(50% 15%, 0% 100%, 100% 100%);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.play-btn:checked + .play-icon {
	clip-path: polygon(0 100%, 0% 100%, 100% 100%);
}
.pause-icon {
	position: absolute;
	width: 15px;
	height: 15px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.pause-icon::before {
	content: "";
	position: absolute;
	width: 0%;
	height: 100%;
	background-color: var(--white);
	left: 0;
}
.pause-icon::after {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	background-color: var(--white);
	right: 0;
}
.play-btn:checked ~ .pause-icon::before {
	animation: reveal 0.1s ease-in-out 0.1s 1;
	animation-fill-mode: forwards;
}
.play-btn:checked ~ .pause-icon::after {
	animation: reveal 0.1s ease-in-out 0.1s 1;
	animation-fill-mode: forwards;
}
@keyframes reveal {
	0% {width: 0;}
	100% {width: 35%;}
}
.audio-meta-contents {
    background-color: var(--white);
    padding: 0 1rem;
    margin: 0.75rem 0;
}
a.audio-meta-link {
    border: none;
}
.audio-title {
	font-size: 0.9rem;
	font-weight: bold;
}
.waveform-inner {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.waveform-inner.visible {
    opacity: 1;
	z-index: 1;
    position: relative;
}
.waveform-loading {
    text-align: center;
	margin-top: 37px;
}
/*----------------------------------------
0.0 Front
----------------------------------------*/
.bg-contents {
	position: relative;
	width: 100%;
	height: calc(100dvh - 53px);
}
.bg-contents:after {
	content: '';
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/images/img_repeat_bg.jpg);
    background-repeat: repeat;
    background-size: 200px;
	animation: bg-animation 10s linear infinite;
    will-change: background-position;
}
.caption-layer {
    text-align: center;
    z-index: 1;
    width: 100%;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.caption-txt {
    max-width: 400px;
	width: 80%;
	margin: 0 auto 0;
}
.caption-txt h1 {
	line-height: 1.6;
    margin: 1rem 0 0;
    font-weight: bold;
    color: var(--white);
    font-size: 0.8rem;
}
.caption-image_front {
	position: relative;
    bottom: -30px;
    max-width: 220px;
    width: 80%;
	margin: 0 auto 0;
	animation: bounce 1.5s linear both;
}
.front-upload-btn,
.custom-btn {
	position: relative;
	padding: 0.75rem;
    border-radius: 2rem;
    display: block;
    background-color: var(--black);
    width: 100px;
}
.front-upload-btn:hover,
.custom-btn:hover {
	background-color: var(--bl-41);
}
.main .front-upload-btn,
.main .custom-btn {
    position: relative;
    padding: 0.75rem;
    border-radius: 2rem;
    display: block;
	background: var(--brand-a);
	background: linear-gradient(90deg, var(--brand-a) 0%, var(--brand-b) 100%);
    width: 100px;
}
.login-bg-contents {
	position: relative;
	width: 100%;
	height: calc(100dvh - 53px);
}
.login-bg-contents:after {
	content: '';
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: var(--brand-a);
	background: linear-gradient(90deg, var(--brand-a) 0%, var(--brand-b) 100%);
}
.login-caption-layer {
    text-align: center;
    z-index: 1;
    width: 100%;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.login-caption-txt {
    margin: 0 auto;
    width: calc(100% - 2rem);
    max-width: 420px;
}
.description_panel {
	text-align: left;
    margin-bottom: 1.5rem;
	border-radius: 8px;
	padding: 1rem;
	background-color: var(--white);
	box-shadow: 0 0 10px var(--ovarlay);
}
.description_panel h4 {
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    padding-left: 0.5rem;
}
.description_panel h4:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 1.1rem;
    display: block;
    background-color: var(--brand-b);
    top: 0;
    left: 0;
    border-radius: 2rem;
}
.description_panel p {
    line-height: 1.6;
    font-size: 0.8rem;
    color: var(--bl-88);
}
.steps {
    background-color: var(--brand-b);
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 2rem;
	margin-bottom: 0.85rem;
    color: var(--white);
    font-size: 0.6rem;
    font-weight: bold;
}
@media (max-height: 700px) {
	.login-bg-contents {
	    height: 100%;
	}
	.login-caption-layer {
	    position: relative;
	    top: 0;
	    transform: inherit;
	    padding: 2rem 0 1rem;
	}
}
@media (orientation: landscape) and (max-height: 500px) {
	.bg-contents {
	    height: 100%;
	}
	.caption-layer {
	    position: relative;
	    top: 0;
	    transform: inherit;
	    padding: 2rem 0;
	}
	.login-bg-contents {
	    height: 100%;
	}
	.login-caption-layer {
	    position: relative;
	    top: 0;
	    transform: inherit;
	    padding: 2rem 0 1rem;
	}
}
@keyframes bounce {
	0% { transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.7% { transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	9.41% { transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.11% { transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.72% { transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	24.32% { transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.93% { transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.54% { transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.04% { transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.15% { transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	63.26% { transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@keyframes bg-animation {
    0% {background-position: 0 0}
    100% {background-position: -200px 200px}
}
/*--------------------------------------------------------------
	Loading
--------------------------------------------------------------*/
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 42px;
}
.loader:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.loader-small {
	width: 35px;
    position: absolute;
    top: 9px;
    right: 28%;
}
.loader-small:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.circular {
	animation: --rotate 2s linear infinite;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: --dash 1.5s linear infinite, loading--color 1.5s ease-in-out infinite;
}
@keyframes --rotate{
	100%{transform: rotate(360deg);}
}
@keyframes --dash{
	0%{stroke-dasharray: 1, 200;stroke-dashoffset: 0;}
	50%{stroke-dasharray: 89, 200;stroke-dashoffset: -35;}
	100%{stroke-dasharray: 89, 200;stroke-dashoffset: -124;}
}
@keyframes loading--color{
	100%, 0%{stroke: var(--brand-b);}
	40%{stroke: var(--brand-b);}
	66%{stroke: var(--brand-b);}
	80%, 90%{stroke: var(--brand-b);}
}
.audio-loader {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: block;
	margin:15px auto;
	position: relative;
	background: #FFF;
	box-shadow: -24px 0 #FFF, 24px 0 #FFF;
	box-sizing: border-box;
	animation: shadowPulse 1s linear infinite;
}
@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 var(--brand-b), 24px 0 #FFF;
  }
  66% {
    background: var(--brand-b);
    box-shadow: -24px 0 var(--brand-b), 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 var(--brand-b), 24px 0 var(--brand-b);
  }
}
/*----------------------------------------
    Layer
----------------------------------------*/
#layer {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	visibility: hidden;
	background-color: var(--ovarlay-b);
	z-index: 5;
	opacity:0;
}
.layer-wrap {
	position: relative;
    min-height: 50dvh;
	height: auto;
	width: 90%;
    max-width: 420px;
	margin: 10vh auto;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	overflow: hidden;
	background-color: var(--white);
	transform: translate3d(0, 0, 0);
	will-change: transform;
}
#layer.open {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#layer.open .layer-wrap {
    animation-name: layer_open;
    animation-duration: 0.3s;
	animation-fill-mode: forwards;
}
.block-header {
	padding: 12px;
    overflow: hidden;
    background-color: var(--white);
    border-bottom: 1px solid var(--line-a);
	position: relative;
    width: 100%;
}
.block-main {
    box-sizing: border-box;
    width: 100%;
    max-height: calc(100vh - 95px);
    overflow: auto;
}
#block-wrapper {
    overflow-y: scroll;
    max-height: 70dvh;
}
.block-contents p {
	line-height: 2;
    text-align: justify;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
.block-contents figure {
    border-radius: 20px;
    overflow: hidden;
    margin: 10px 0 20px;
}
button.btn__block {
	margin: 2rem auto 1rem;
    width: 100%;
    display: block;
    padding: 1.5rem 1rem;
    border-radius: 50px;
}
/* Animation */
@-webkit-keyframes layer_open{
	0%{bottom: -100vh;}
	100%{bottom: 0;}
}
@keyframes layer_open{
	0%{bottom: -100vh;}
	100%{bottom: 0;}
}
@-webkit-keyframes layer_close{
	0%{bottom: 0;}
    100%{bottom: -100vh;}
}
@keyframes layer_close{
	0%{bottom: 0;}
	100%{bottom: -100vh;}
}
.header-close__btn{
	width: 24px;
    height: 24px;
    padding: 6px;
    display: block;
	position: relative;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0.5px solid var(--white);
    background-color: var(--gr-f5);
	cursor: pointer;
	box-sizing: content-box;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	-webkit-touch-callout:none;
    -webkit-user-select:none;
}
.header-close__btn:hover{
    background-color: var(--gr-ee);
    border: 0.5px solid var(--gr-ee);
}
.header-close__btn:active{
    border: 0.5px solid var(--gr-cc);
    background-color: var(--gr-cc);
}
.header-close__btn:before,
.header-close__btn:after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.5%;
    height: 19px;
    background-color: var(--bl-41);
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.header-close__btn:before{
	transform: translate(-50%,-50%) rotate(45deg);
}
.header-close__btn:after{
	transform: translate(-50%,-50%) rotate(-45deg);
}
p.error-message {
    margin: 0;
    line-height: 1.6;
}
/*----------------------------------------
    Responsive
----------------------------------------*/
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 560px) {
	body {
	    font-size: 0.95rem;
	}
	.main-container {
	    max-width: 100%;
	    flex-basis: 100%;
	}
	.main-container__inner {
	    padding: 0;
	}
	/*----------------------------------------
		Layer
	----------------------------------------*/
	.layer-wrap{
		height: calc(100dvh - 54px);
		width: 100%;
		max-width: 100%;
		margin: 54px auto 0;
		border-radius: 0;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
	}
	#block-wrapper {
	    overflow-y: scroll;
	    max-height: 100dvh;
	}
}

/*--------------------------------------------------------------
    PC
--------------------------------------------------------------*/
.pc {
	display: block;
}
.sp {
	display: none;
}
@media only screen and (max-width: 560px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}