@charset "utf-8";
/* お悔やみ情報ページ (/okuyami/) */
#main { float: right; width: 770px; text-align: left; }
#pankuzu { margin: 0 0 15px; }
h1.page-tit {
  margin: 0 0 15px; padding: 0 0 0 22px; height: 35px; line-height: 35px;
  font-size: 16px; font-weight: bold; background: #f6f6f6; border-left: 6px solid #666;
}

.ok-date { margin: 0 0 16px; font-size: 24px; font-weight: bold; }

.ok-list { margin: 0; padding: 0; list-style: none; }
.ok-item { margin: 0 0 8px; padding: 10px 10px 6px; border: 1px solid #333; background: #fff; }
.ok-name { margin: 0 0 4px; font-size: 16px; font-weight: bold; line-height: 1.4; }
.ok-zoku { margin: 0 0 2px; font-size: 12px; }
.ok-shibou { margin: 0 0 10px; font-size: 12px; }

.ok-tbl { border-collapse: collapse; margin: 0 0 0 10px; }
.ok-tbl th, .ok-tbl td { padding: 2px 4px; vertical-align: top; line-height: 1.6; border: none; background: none; }
.ok-tbl th { width: 4em; font-size: 12px; font-weight: bold; text-align: center; white-space: nowrap; padding-top: 4px; }
.ok-tbl td { font-size: 14px; word-break: break-word; }
.ok-tbl .ok-mosyu td { font-size: 16px; font-weight: bold; }

.ok-none { padding: 14px; text-align: center; color: #888; border: 1px dotted #ccc; }

@media screen and (max-width: 768px) {
  body #main { float: none; width: 100%; }
  body h1.page-tit { height: auto; line-height: 1.5; padding: 6px 10px; }
  .ok-date { font-size: 20px; }
  .ok-tbl { margin-left: 0; }
}