/* index_capitals */ #main table { border: 0px solid transparent; margin-bottom: 2rem; } #main table + table { margin-top: 2rem; } #main table td a, #main p a, #main nav a { display: inline-block; color: var(--color-primary-textlink); text-decoration: underline; text-shadow: 0 1px 0 white, 1px 0 0 white, 0 -1px 0 white, -1px 0 0 white, 0 0 1px white ; min-width: 3rem; min-height: 2.25rem; padding: 0.5em; } /* スマホ向けタップターゲット領域確保（下層リスト） */ @media screen and (max-width:767.99px) { #main table td a, #main p a, #main nav a { /* margin-right: 1.5em; line-height: 3em; */ display: inline-block; vertical-align: middle; text-align: center; text-indent: 0; margin-right: 1rem; margin-top: 0.5rem; margin-left: 0; min-width: 3rem; min-height: 3rem; line-height: 3rem; box-sizing: border-box; border-right:none; } } #main table th { width: 11em; font-weight: normal; text-align: left; color: var(--color-mono-middle); } @media screen and (max-width:767.99px) { #main caption { text-align: left; padding-left: 1rem; } #main caption:before { content: "■"; color: var(--color-accent); } #main th, #main td { display: block; text-align: left; } #main th { border: none; padding-bottom: 0; width: 100%; } #main td { border: none; padding-top: 0; padding-left: calc(1rem + 1em); } #main table:last-of-type { margin-bottom: 0; } }