@charset "UTF-8";

#page_content{flex:auto;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(180deg,hsl(var(--CPT-THM-H) 15% 50%/50%),transparent) no-repeat center/cover;}
#page_content::after{content:'';display:block;position:absolute;inset:0;z-index:0;width:min(1920px,100%);max-height:var(--VHeight);margin-inline:auto;background:url('../images/art/page_bg-d41d8cd98f.svg') no-repeat top center;-webkit-mask-image:linear-gradient(180deg,rgba(0 0 0 / 75%),rgba(0 0 0 / 0));mask-image:linear-gradient(180deg,rgba(0 0 0 / 75%),rgba(0 0 0 / 0));}
#page_content>.inner{width:min(var(--MaxContentWidth),100%);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;position:relative;z-index:1;}
@media only screen and (max-width:480px){
	#page_content{background:var(--body-background-color,#fff);}
	#page_content::after{content:unset;}
}


/* site_upgrade */
#site_upgrade{max-width:60em;margin-inline:auto;padding:var(--spacing);box-sizing:border-box;background-color:var(--background-color-L0,#fff);border-radius:1em;text-align:center;display:flex;flex-direction:column;gap:var(--spacing);}
#site_upgrade>div{width:min(30em,calc(100% - var(--spacing) * 2));margin-inline:auto;}
#site_upgrade .img{width:min(25em,100%);}
#site_upgrade .img img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;}
#site_upgrade .msg{display:flex;flex-direction:column;gap:1em;}
#site_upgrade .msg h1{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
#site_upgrade .msg p{margin:unset;}
#site_upgrade .btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
#site_upgrade .sns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
#site_upgrade .sns h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#site_upgrade .sns_list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1px;--CPT-US:3em;}
#site_upgrade .sns_list .btw:not(:hover){--color:var(--body-text-color-a50,rgba(0 0 0/50%));--background-color:transparent;--border-color:transparent;}
@media only screen and (max-width:480px){
	#site_upgrade{padding:unset;border-radius:unset;background-color:unset;}
}


/* 404 & error page */
#message_box{max-width:50em;margin-inline:auto;padding:calc(var(--spacing) * 1.5);box-sizing:border-box;background-color:var(--background-color-L0,#fff);border-radius:1em;text-align:center;display:flex;flex-direction:column;gap:var(--spacing);}
#message_box>div{width:min(30em,calc(100% - var(--spacing) * 2));margin-inline:auto;}
#message_box .img{width:min(25em,100%);}
#message_box .img img{display:block;width:100%;height:100%;aspect-ratio:5/3;object-fit:contain;}
#message_box .msg{display:flex;flex-direction:column;gap:1em;}
#message_box .msg h2{font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);}
#message_box .msg p{margin:unset;}
#message_box .btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
@media only screen and (max-width:480px){
	#message_box{padding:unset;border-radius:unset;background-color:unset;}
}
/* loading page */
.img_loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing);}
.img_loading::before{content:'';display:block;width:var(--W);height:var(--H);--size:8em;--W:var(--size);--H:var(--size);background:url('../images/placeholder/logopic-7aa90073c3.svg') no-repeat center/contain;filter:invert(var(--brightness-filter,0));}