/**
 * メインスタイルシート
 * このテーマのメインスタイルシートです。
 * 配色とレイアウトに関する記述が用意されています。
 * その他のスタイルは適宜追加してください。
 * -----------------------------------------------------------------------------
 */
/* settings.scssより配色とレイアウトの設定値を読み込み */
/**
 * 配色・レイアウト用設定ファイル
 * これらの設定は「main.scss」「ie.scss」に読み込まれます
 * -----------------------------------------------------------------------------
 */
/* メインカラー ( 記述例 $main-color: #069; ) */
/* アクセントカラー：通常時 ( 記述例 $accent-color: #F90; ) */
/* アクセントカラー：マウスオーバー時 ( 記述例 $accent-hover-color: #FA0; ) */
/* リンクカラー：通常時 ( 記述例 $link-color: #F90; ) */
/* リンクカラー：マウスオーバー時 ( 記述例 $link-hover-color: #FA0; ) */
/* 左サイドバーの幅 ( default時の初期値:可変 / 記述例 $left-sidebar-width: 300px; ) */
/* 左サイドバーの左右パディング ( default時の初期値:30px / 記述例 $left-sidebar-padding: 10px; ) */
/* 右サイドバーの幅 ( default時の初期値:可変 / 記述例 $right-sidebar-width: 300px; ) */
/* 右サイドバーの左右パディング ( default時の初期値:30px / 記述例 $right-sidebar-padding: 10px; ) */
/* コンテンツエリアの最大幅 ( default時の初期値:672px / 記述例 $entry-width: 700px; ) */
/* 記事エリアの最大幅 ( default時の初期値:474px / 記述例 $article-width: 600px;) */
/* 英字の大文字化解除 ( false / true ) */
/**
 * メインカラー
 * -----------------------------------------------------------------------------
 */
/**
 * アクセントカラー（通常時）
 * -----------------------------------------------------------------------------
 */
/**
 * アクセントカラー（マウスオーバー時）
 * -----------------------------------------------------------------------------
 */
/**
 * リンクカラー（通常時）
 * -----------------------------------------------------------------------------
 */
/**
 * リンクカラー（マウスオーバー時）
 * -----------------------------------------------------------------------------
 */
/**
 * 左サイドバー幅調整
 * -----------------------------------------------------------------------------
 */
/**
 * 右サイドバーの幅
 * -----------------------------------------------------------------------------
 */
/**
 * コンテンツエリアの幅
 * -----------------------------------------------------------------------------
 */
/**
 * 記事エリアの幅
 * -----------------------------------------------------------------------------
 */
/**
 * 英字大文字化の解除
 * -----------------------------------------------------------------------------
 */
.featured-content .entry-title,
.entry-title {
  text-transform: none;
}

/**
 * 各スタイルの記述
 * -----------------------------------------------------------------------------
 */
.site-navigation a {
  font-size: 13px;
}

h1 {
  font-size: 18px;
}

.catlist:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  text-decoration: inherit;
  vertical-align: text-bottom;
  content: '\f301';
  margin-right: 1px;
}

/* ----------------------------------------------- 
 シェアボタン サイドバー 設定
 ----------------------------------------------- */
.socialbutton {
  float: left;
  margin: 0 0 15px 10px;
}

.facebook-button {
  min-width: 70px;
  max-width: 115px;
}

.twitter-button {
  min-width: 87px;
  max-width: 90px;
  margin-top: 4px;
}

.line-button {
  min-width: 82px;
  max-width: 125px;
}

#publisher {
  padding: 10px;
  text-align: center;
}

#publisher a {
  text-decoration: none;
}

#publisher .Gen-publisher-fe {
  color: #F60;
}

.Gen-publisher-fe:before {
  content: "\f413";
  font: normal 30px Genericons;
  top: 10px;
  margin-right: 5px;
  position: relative;
}

.Gen-publisher-fe span {
  display: none;
}

/* ----------------------------------------------- 
 トップへ戻る
 ----------------------------------------------- */
.btn_top {
  float: right;
}

.top-toggle:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  text-decoration: inherit;
  vertical-align: text-bottom;
  content: '\f435';
}

/**
 * Media Queries
 * -----------------------------------------------------------------------------
 */
/**
 * Print
 * -----------------------------------------------------------------------------
 */