 /* index_capitals */ #nav_capital_list, #capital_list_main { width: 100%; word-spacing:0; } #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) { #nav_capital_list, #capital_list_main { display: flex; flex-wrap: wrap; } #capital_list_main h2 { width: 100%; } #main table td a, #main p a, #main nav a { display: block; width: auto; text-align: left; text-indent: 0; margin-right: 1rem; margin-top: 0.5rem; margin-left: 0; min-width: 3rem; min-height: 3rem; line-height:1.5; padding-top:0.84375rem; padding-bottom:0.84375rem; 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; } } 