/* ============================================
   01sns.net ターコイズテーマ 最終完成版 v31
   （v30から変更：ヘッダー画像URLに版数 ?v=2 を付与。
     画像差し替え時にこの数字を+1すると全端末で
     キャッシュを無視して即時反映される）
   ============================================ */

/* --- ①「ホーム・日記…」の帯（全ページ共通ターコイズ） --- */
#localNav {
  background: #009e96 !important;
  background-image: none !important;
  border-radius: 6px;
  filter: none !important;
}

#localNav ul,
#localNav ul li,
#localNav ul li a {
  background: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* --- ② 見出しバー（ターコイズ・角丸・文字は上下中央） --- */
.partsHeading {
  background: #009e96 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px;
  filter: none !important;
  padding: 0 !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
}

.partsHeading h3 {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  font-size: 100% !important;
}

.partsHeading h3,
.partsHeading h3 a,
.partsHeading a {
  color: #ffffff !important;
}

.partsInfo {
  border-top: none !important;
}

/* --- ③ 一番上のヘッダーとメニュー --- */
#Header {
  background: #00655f !important;
  background-image: none !important;
}

#globalNav {
  background: #00655f !important;
  background-image: none !important;
}

#globalNav a {
  color: #ffffff !important;
}

/* --- ④ 左上のOpenPNEロゴを削除 --- */
#Header h1 {
  display: none !important;
}

/* --- ⑤ フッターを濃い緑に --- */
#Footer,
#FooterContainer,
#Footer .inner {
  background: #00655f !important;
  background-image: none !important;
}

#Footer a,
#Footer p,
#FooterContainer a,
#FooterContainer p {
  color: #ffffff !important;
}

/* --- ⑥ 上部メニューの縦の区切り線を削除 --- */
#globalNav ul li,
#globalNav ul li a,
#globalNav li,
#globalNav a {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  background-image: none !important;
}

div#header a,
div#header li,
#header_area a,
#header_area li,
.header a,
.header li {
  margin-left: 15px !important;
  padding-left: 8px !important;
}

/* --- ⑨ フォーム部品の高さ統一（全体） --- */
#Body input[type="text"],
#Body select,
#Body input[type="submit"],
#Body input[type="button"] {
  height: 28px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

#Body input[type="submit"],
#Body input[type="button"] {
  line-height: 1 !important;
  padding: 0 12px !important;
}

/* --- ⑩ 週間カレンダーの予定フォーム --- */
.weeklyCalendarTable form {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-bottom: 0 !important;
}

/* 「予定」ラベル：上下中央＋右に小さな余白 */
.weeklyCalendarTable form label,
.weeklyCalendarTable form label[for="weekly_schedule_title"] {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  line-height: 28px !important;
  flex: 0 0 auto !important;
}

.weeklyCalendarTable input[type="text"],
.weeklyCalendarTable input.input_text,
.weeklyCalendarTable #weekly_schedule_title {
  height: 28px !important;
  box-sizing: border-box !important;
  padding: 0 8px !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 100px !important;
}

.weeklyCalendarTable select {
  height: 28px !important;
  box-sizing: border-box !important;
  padding: 0 4px !important;
  margin: 0 !important;
  width: 110px !important;
  flex: 0 0 auto !important;
}

/* 追加ボタン：上下左右センター＋ラベルと同じ文字サイズ（v19） */
#Body div.dparts.weeklyCalendarTable div.block.formBox form input.input_submit,
#Body .weeklyCalendarTable form input.input_submit,
#Body .weeklyCalendarTable form input[type="submit"],
.weeklyCalendarTable input.input_submit {
  height: 28px !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 10px !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 100% !important;
  font-family: inherit !important;
  text-align: center !important;
  text-indent: 0 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  background-image: none !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* --- ⑪ 週送りボタン（span.pager）：現状維持（完成済み） --- */
.weeklyCalendarTable form span.pager {
  flex-basis: 100% !important;
  display: block !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}

.weeklyCalendarTable table.calendar,
.weeklyCalendarTable table {
  margin-top: 2px !important;
}

/* --- ⑫ ヘッダー画像（950×150）v29 ---
   画像の上下を10pxずつ切り込み、領域を130pxに圧縮。
   ※さらに詰めたい場合は height の数値を下げ、
     -10px の数値をさらにマイナス方向へ（例：-15px） --- */
#topBanner {
  display: none !important;
}

#Container::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 130px !important;
  background: #00655f url('https://01sns.net/images/header.png?v=2') no-repeat center -10px !important;
  background-size: 950px 150px !important;
}

/* --- ⑬ ヘッダー帯の余白削減（v30） ---
   標準スキンはロゴ（高さ80px）に合わせてメニューと
   通知アイコンに上40pxの余白を設けている。ロゴは
   最上部の画像に移したため、この余白を削除し
   帯の高さを80px→40pxに詰める。 --- */
#Header {
  height: 40px !important;
}

#globalNav {
  padding-top: 0 !important;
}

#notificationCenter {
  padding-top: 0 !important;
}

/* 通知アイコンをクリックした時に開くパネルの位置も
   帯の新しい高さ(40px)に合わせて調整 */
#notificationCenterDetail {
  top: 40px !important;
}