/* Shared responsive components. Device-specific adjustments live in the
   tablet and mobile stylesheets loaded with media attributes. */
.site-header__bar { width: 1200px; min-height: 96px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.site-header__message { font-size: 12px; }
.site-header__logo { grid-column: 2; }
.site-header__logo img { width: 250px; }
.site-header__toggle { display: none; }
.site-navigation { border-top: 1px solid #262626; }
.site-navigation ul { width: 1200px; margin: 0 auto; display: flex; justify-content: center; }
.site-navigation li { flex: 1 1 0; text-align: center; }
.site-navigation a { display: block; padding: 14px 10px; color: #fff; font-family: YuMincho, 'Yu Mincho', serif; font-size: 16px; }
.site-navigation a:hover { background: #211a15; opacity: 1; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.content02 .con2-newsbox ul li article { display: grid; grid-template-columns: 94px 1fr; align-items: center; width: 100%; }
.content02 .con2-newsbox ul li article > img { width: 94px; }
.content02 .con2-newsbox ul li article > div { position: relative; padding: 10px; }
.content02 .con2-newsbox time { color: #666; }