﻿
/* =======================================
 # スタンダード型デフォルト
 ======================================= */
/* ---------------------------------------
 カラー設定
 --------------------------------------- */
/* 基本 ------------------------- */
html {
  background-color: #ffffff;
  /* 全体背景 */
  color: #333333;
  /* 地色テキスト */
}

a {
  /* リンク色（基本） */
  color: #3970b5;
}

a:visited {
  /* リンク色（訪問済み） */
  color: #976697;
}

.skin-blogBody,
.skin-blogBodyInner {
  /* コンテンツ背景、ヘッダー以下の背景色 */
  background-color: #ffffff;
}

.skin-text {
  /* 通常テキスト */
  color: #333333;
}

.skin-textQuiet {
  /* 淡色テキスト */
  color: #757575;
}

.skin-textLoud {
  /* 強調色テキスト */
  color: #ff3399;
}

.skin-bgQuiet {
  /* 淡色背景, 自分のコメントエリアの背景色 */
  background-color: #f8f8f8;
}

.skin-borderLoud {
  /* 境界線（強） */
  border-color: #cccccc;
}

.skin-borderQuiet {
  /* 境界線（弱） */
  border-color: #e2e2e2;
}

/* ヘッダー ------------------------- */
.skin-bgHeader {
  /* ヘッダー背景 */
  background-color: #ffffff;
}

.skin-blogTitle {
  /* ブログタイトルエリア */
  z-index: -1;
  /* ヘッダー画像の下にテキストを隠す */
}

.skin-blogMainTitle {
  /* ブログタイトル */
  color: #333333;
}

.skin-blogSubTitle {
  /* ブログ説明文 */
  color: #757575;
}

/* ブログナビ（上部） ------------------------- */
.skin-blogHeaderNav {
  border-color: rgba(0, 0, 0, 0.2);
  /* 境界線 */
  background-color: #ffffff;
  /* 背景 */
}

.skin-blogHeaderNavInner {
  background-color: #ffffff;
  /* 背景 */
}

.skin-topNavText, .skin-topNavText:hover,
.skin-topNavText:visited {
  /* テキスト（訪問済み） */
  color: #757575;
}

.skin-topNavIcon {
  /* アイコン */
  color: #858585;
}

/* ブログナビ（下部） ------------------------- */
.skin-blogFooterNavInner {
  border-color: #cccccc;
  /* 境界線（上） */
  background-color: #ffffff;
  /* 背景 */
}

.skin-bottomNavText, .skin-bottomNavText:hover, .skin-bottomNavText:visited {
  /* テキスト（訪問済み） */
  color: #757575;
}

.skin-bottomNavIcon {
  /* アイコン */
  color: #858585;
}

/* アーカイブナビ ------------------------- */
.skin-archiveNavTabs a,
.skin-archiveNavTabs a:hover,
.skin-archiveNavTabs a:visited {
  color: #757575;
}

.skin-archiveNavTabs a.is-active,
.skin-archiveNavTabs a.is-active:hover,
.skin-archiveNavTabs a.is-active:visited {
  /* タブ選択時 */
  color: #333333;
}

/* メイン ------------------------- */
.skin-bgMain {
  /* メインエリア背景 */
  background-color: #ffffff;
}

.skin-mainWidgetTitle {
  /* 「画像付き記事」「同じテーマの記事」などの見出し */
  color: #333333;
}

.skin-entryTitle {
  /* 記事タイトル */
  color: #333333;
}

.skin-titleLink,
.skin-titleLink:hover,
.skin-titleLink:visited {
  /* リンク付き記事タイトル */
  color: #333333;
}

.skin-monthlyNavYearPrev a,
.skin-monthlyNavYearNext a {
  /* 月別表リンク色 */
  color: #757575;
}

/* サイド ------------------------- */
.skin-widgetTitle {
  /* サイドモジュールタイトル */
  color: #666666;
}

.skin-blogSubA, .skin-blogSubB, .skin-sideText {
  /* サイド基本テキスト */
  color: #757575;
}

.skin-calendar a,
.skin-linkListToggle,
.skin-linkList a,
.skin-linkChildList a,
.skin-rankingList a,
.skin-sideLink {
  /* リンク色（基本） */
  color: #757575;
}

.skin-calendar a:hover,
.skin-linkList a:hover,
.skin-linkChildList a:hover,
.skin-rankingList a:hover,
.skin-sideLink:hover {
  /* リンク色（マウスオーバー） */
  color: #858585;
}

.skin-calendar a:visited,
.skin-linkList a:visited,
.skin-linkChildList a:visited,
.skin-rankingList a:visited,
.skin-sideLink:visited {
  /* リンク色（訪問済み） */
  color: #757575;
}

.skin-sideBorder {
  /* 境界線 */
  border-color: #e2e2e2;
}

.skin-calendarDate.is-active {
  /* 記事が存在するカレンダー日付背景 */
  background-color: #e7f5e9;
  color: #237b31;
}

/* ---------------------------------------
 C: ボタンカラー設定
 --------------------------------------- */
.skin-btn {
  /* 通常ボタン */
  border-color: #e2e2e2;
  background-color: #ffffff;
  color: #757575;
}

.skin-btn:hover,
.skin-btn:visited {
  color: #757575;
}

.skin-btnPrimary {
  /* 強調ボタン */
  border-color: #404040;
  background-color: #505050;
  color: #ffffff;
}

.skin-btnPrimary:hover,
.skin-btnPrimary:visited {
  color: #ffffff;
}

.skin-btnPaging {
  /* 前後ページングボタン */
  border-color: #cccccc;
  background-color: #f8f8f8;
  color: #333333;
}

.skin-btnPaging:hover,
.skin-btnPaging:visited {
  color: #333333;
}

.skin-btnPagingIcon {
  /* ページングの矢印アイコン*/
  color: #858585;
}

.skin-entryPagingNext,
.skin-entryPagingNext:hover,
.skin-entryPagingNext:visited {
  color: #3970b5;
}

.skin-entryPagingPrev,
.skin-entryPagingPrev:hover,
.skin-entryPagingPrev:visited {
  color: #3970b5;
}

.skin-btnIndex {
  /* 目次ナビゲーション */
  border-color: #e2e2e2;
  background-color: #ffffff;
  color: #757575;
}

.skin-btnIndex:hover,
.skin-btnIndex:visited {
  color: #757575;
}

.skin-btnIndex.is-active {
  /* 目次ナビゲーション 選択時 */
  border-color: #cccccc;
  background-color: #e0edf7;
  color: #333333;
}

.skin-btnIndex.is-disabled {
  /* 目次ナビゲーション 無効時 */
  border-color: #cccccc;
  background-color: #f8f8f8;
  color: #979696;
}

.skin-btnSide {
  /* サイド通常ボタン */
  border-color: #e2e2e2;
  background-color: #ffffff;
  color: #757575;
}

.skin-btnSide:hover,
.skin-btnSide:visited {
  color: #757575;
}

.skin-btnSidePrimary {
  /* サイド強調ボタン */
  border-color: #404040;
  background-color: #505050;
  color: #ffffff;
}

.skin-btnSidePrimary:hover,
.skin-btnSidePrimary:visited {
  color: #ffffff;
}

.skin-btnArchive {
  /* 月別テーマ別ボタンテキスト */
  border-color: #e2e2e2;
  background-color: #ffffff;
  color: #757575;
}

.skin-btnArchive:hover,
.skin-btnArchive:visited {
  color: #757575;
}

.skin-btnArchive.is-active {
  background-color: #e0edf7;
  color: #333333;
}

.skin-btnArchive.is-disabled {
  background-color: #f0eff5;
  color: #cccccc;
}

/* ---------------------------------------
 カスタム設定
 --------------------------------------- */
/* ヘッダー ------------------------- */
.skin-headerTitle {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.skin-blogMainTitle {
  margin-bottom: 10px;
  font-size: 27px;
  color: #333333;
}

.skin-blogSubTitle {
  font-size: 16px;
  color: #757575;
}

/* メイン ------------------------- */
.skin-entryTitle {
  /* 記事タイトル */
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding-bottom: 15px;
  color: #333333;
}

/* サイド ------------------------- */
.skin-widgetTitle {
  /* サイドモジュールタイトル */
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 10px;
}

/* プロフィール ------------------------- */
#profile .skin-widgetTitle {
  border-bottom: 0;
  padding-bottom: 0;
}

/* カレンダー ------------------------- */
#calendar .skin-widgetTitle {
  border-bottom: 0;
  padding-bottom: 0;
}

/* 検索 ------------------------- */
#search .skin-widgetTitle {
  border-bottom: 0;
  padding-bottom: 0;
}
