/*\*/
html {margin: 0; padding: 0; background-color: #eaeaea; font: 16px/1.2 Verdana, sans-serif;}
body {width: 950px; margin: auto; padding: 1em; background: #fff; min-height: 100vh;}
/*\*/
div#head {
width: fit-content; margin: 1em auto; padding: 1em 14px; border-radius: 1em;
background-image: linear-gradient(to bottom right,#304352,#afc1d0);
font-family: Comic Sans MS, cursive; text-align: center;
}
#head h2 {margin: 5px 0 8px; color: #fcf2ab;}
#head h3 {margin: 0 0 5px; color: #fff;}
/*\*/
p.bsub::first-line{font-size: 1.1em; color: #048;}
/*\*/
p#plate {font-size: 15px; text-align: center;}
#plate img {border: 1px solid #999;}
/*\*/
div#g-box2 {
display: grid;
width: calc(300px + 20px + 1px + 20px + 300px); margin: 1em auto;
grid-template-columns: 320px 320px;
grid-gap: 1px;
background: #999; padding: 1px;
}
#g-box2 div {background: #fbfbfb;}
#g-box2 img {display: block; margin: 10px auto; outline: 1px solid #999;}
#g-box2 p {margin: 5px; font-size: 15px;}
/*\*/
footer {width: 75%; margin: 1em auto; padding-top: 8px; border-top: 1px solid #c0c0c0;}
/*\*/
p.tie {margin: 0; text-align: center;}
.tie a {text-decoration: none;}
.tie a:link, a:visited {color: #36c;}
.tie a:hover {padding-bottom: 1px; border-bottom: 1px solid #36c;}