Template:PC 1/PC 1.css

.outer { border-radius: 10px; padding: 0px; width: 100%; min-width: 260px; max-width: 1080px; display: flex; flex-flow: row wrap; } .data { padding: .5em; }

1. left {

width: 260px; flex: 0 1 260px; }

1. right {

flex: 1; min-width: 260px; } .header { padding: 5px 0; display: block; width: 100%; text-align: center; font-weight: bold; }

1. header {

align-content: center; align-items: center; border-radius: 6px 6px 0 0; display: flex; flex: 2 1 100%; flex-flow: row wrap; font-size: 2.5em; font-weight: bold; justify-content: center; line-height: 2em; text-align: center; }

1. contents {

flex: 2 1 100%; padding: 5px; text-align: center; }

1. contents ul {

margin: 0; }

1. contents li {

display: inline-block; }

1. contents li::before{

content: ""; width: 2em; display: inline-block; }

1. contents li:first-of-type::before, .hide {

display: none; }

1. mainimg, #altimg {

text-align: center; padding: 10px; }

1. altimg, #also {

margin-bottom: -2px; } tr { vertical-align: top; } @media only screen and (max-width: 730px) { #left { min-width: 100%; border-right: 0; } }