@charset "utf-8";
html {  }
body {font-family:'HelveticaNeueW01-65Medi','AxisStd-Light','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;letter-spacing: .05em;line-height: 1.5;font-size: 1em;}
a:hover { opacity: .8; }

.core{background: #fff;width: 100vw;height: 100vh;display: grid;gap: 30px;justify-content: center;align-content: center;padding: 30px;box-sizing: border-box; container-type: inline-size; container-name: c-core;}

.core > header                                      {  }
.core > header > .title                             {  }
.core > header > .title > h1                        {  }
.core > header > .title > h1 > a                    {display: grid;grid-template-columns: max-content 1fr;gap: 10px;text-decoration: none;align-items: center;padding: 10px;background: #000000;color: #fff;}
.core > header > .title > h1 > a > div              {  }
.core > header > .title > h1 > a > div:nth-child(1) {  }
.core > header > .title > h1 > a > div:nth-child(2) {font-size: .5em;}
.core > main   {}
.core > main > .text { font-size: .85em; }
.core > main > .enter {}
.core > main > .enter > a { display: block;text-decoration: none;text-align: center;background: rgb(255, 195, 41);color: #000000;font-weight: 800;font-size: .8em;padding: .5em; }
.core > footer                               {  }
.core > footer > .copyright                 {  }
.core > footer > .copyright > p             { font-size: .7em; }
.core > footer > .copyright > p > small     {  }
.core > footer > .copyright > p > small > a { text-decoration: none; }


@container c-core (max-width: 640px) {
.core > header                                      {  }
.core > header > .title                             {  }
.core > header > .title > h1                        {  }
.core > header > .title > h1 > a                    {display: grid;grid-template-columns: 1fr;gap: 5px;}
.core > header > .title > h1 > a > div              {  }
.core > header > .title > h1 > a > div:nth-child(1) {text-align: center;}
.core > header > .title > h1 > a > div:nth-child(2) {text-align: center;}
.core > main   { padding:10px; }
}