*{box-sizing:border-box}html:has(dialog[open]){overflow:hidden}hr,button,input[readonly],select[readonly],textarea[readonly],input[type=button],#calendar select{appearance:none;background:0 0;border:none;outline:none}#pageBack{border-bottom:.1rem dashed #ddd}dialog form fieldset,fieldset#option{border-style:none;border-color:currentColor}hr{clear:both}h1 select{display:block}a,dialog button#by,h1 button code,dialog ruby b,dialog form nav button[type=submit],#pageBack{display:inline-block}h1 ruby,h1 ruby rt,dialog[open],dialog h2,dialog ruby,dialog form nav{display:flex}dialog[open],dialog h2{gap:.5rem 1rem}h1 ruby{flex-flow:column-reverse}dialog{flex-flow:row-reverse}dialog h2{justify-content:space-between;align-items:start}h1 ruby rt,dialog ruby,dialog form nav{gap:0 .5rem}h1 ruby rt,dialog form nav{justify-content:space-between}dialog ruby{flex-wrap:wrap;align-items:baseline}dialog .close{float:right}dialog h2{position:sticky;top:0;right:0}body,h1,textarea[readonly],dialog form fieldset,dialog .close,dialog form nav button{padding:0}h1 select{padding:0 .25rem}dialog form label,dialog form legend{padding:.25rem}h1 button,h1 button b,input[type=button]{padding:0 .5rem}h1 ruby,article section#calendar h3{padding:0 1rem}body,h1,h1 button,h1 ruby,dialog h2{margin:0}h1 select{margin:0 .5rem}dialog button#by{margin:.5rem 0 1rem}dialog h2 b{margin:0 1rem .5rem}dialog form nav{margin-top:1rem}#pageBack{float:right;margin:.5rem .5rem 1rem}h1,h1 button,h1 ruby,h1 ruby rt,hr,form input[type=text],form .video select,form#login input[type=text],form#login button[type=submit],#resetPassword input{width:100%}h1 select{width:calc(100% - 1rem)}form#login input[type=email],form#login input[type=password]{width:20rem;max-width:100%}body{font-family:var(--zen-maru-gothic), sans-serif}#calendar,h1 button code,fieldset#region legend{font-family:var(--zen-kaku-gothic), sans-serif}h1,dialog h2 b,dialog form nav button[type=submit],fieldset#region label,input[type=button].addIndex,#pageBack{font-family:var(--zen-mincho), serif}button,form input,form textarea,h1 select{font-family:inherit}html,input[type=url],form input[type=file]{font-size:16px}input[type=text]:not(#id),input[type=number],form select,form input[type=month],form input[type=email],form input[type=password],#resetPassword input,textarea{font-size:18px}dialog .close{font-size:200%}h1 ruby{font-size:150%}h1,h1 button,h1 select,h2,h3,dialog ruby,dialog button#by{font-size:125%}h1 b,a,dialog form nav button[type=submit]{font-size:111%}#pageBack{font-size:100%}h3 small{font-size:75%}h1 button code{font-size:55%}a,dialog button#by,dialog ruby b,dialog form nav button[type=submit],fieldset#region legend,input[type=button].addIndex,#pageBack{transform:scaleY(1.25)}dialog h2 b{transform:scaleX(1.25)}h1 button,h1 ruby b,h1 select{transform:scaleY(.75)}form#login button[type=submit]{text-align:justify;text-align-last:justify;border-radius:2rem;padding:.25rem .75rem}dialog h2,fieldset#region span{writing-mode:vertical-rl}@media screen and (max-width:1000px){dialog{flex-flow:column}dialog h2 b{margin:1rem 0 1.5rem;transform:scaleY(1.5)}dialog h2{writing-mode:horizontal-tb}}@media screen and (max-width:750px){h1 ruby{font-size:125%}h1 b{font-size:100%}}@media screen and (max-width:550px){html{font-size:3.21vw}form input[type=text],form select#by,form .video select{width:100%}#eventInfo #fee{width:calc(100% - 2.5rem)}}dialog button#by,ruby rt{font-weight:900}small,sup,h3 label{font-weight:400}a[href]:hover{font-style:italic}h1 button,h1 ruby,h1 ruby rt,h1 select{text-align:center;text-align-last:justify}h1 button code{width:max-content;margin-left:auto}h1 ruby rt,h1 ruby b small{text-transform:uppercase}h1{color:#000;background:#fff}button,input,select,textarea{color:inherit}ruby rt{-webkit-text-stroke:.01rem}h1 button{-webkit-text-stroke:.025rem}