/**
 * メインスタイルシート
 * このテーマのメインスタイルシートです。
 * 配色とレイアウトに関する記述が用意されています。
 * その他のスタイルは適宜追加してください。
 * -----------------------------------------------------------------------------
 */
/* 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 ) */
/**
 * メインカラー
 * -----------------------------------------------------------------------------
 */
.site-header,
#secondary,
.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before,
.site-footer,
.featured-content,
.featured-content .entry-header,
.slider-control-paging,
.slider-direction-nav a,
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls,
.page-links a,
.ie8 .site-navigation li .current_page_item > a,
.ie8 .site-navigation li .current_page_ancestor > a,
.ie8 .site-navigation li .current-menu-item > a,
.ie8 .site-navigation li .current-menu-ancestor > a,
.ie8 .site:before,
.ie8 .grid .featured-content .entry-header,
.ie7 .slider-direction-nav a:hover {
  background-color: #333333;
}

@media screen and (min-width: 1008px) {
  .site:before {
    background-color: #333333;
  }
}
#secondary,
.page-links a,
.paging-navigation,
.content-sidebar .widget .widget-title,
.ie8 .grid .featured-content .entry-header {
  border-color: #333333;
}

@media screen and (min-width: 673px) {
  .grid .featured-content .entry-header {
    border-color: #333333;
  }
}
/**
 * アクセントカラー（通常時）
 * -----------------------------------------------------------------------------
 */
::selection {
  background-color: #ff3300;
}

::-moz-selection {
  background-color: #ff3300;
}

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before,
.slider-direction-nav a:hover,
.ie8 .primary-navigation ul ul,
.ie8 .primary-navigation li:hover > a,
.ie8 .primary-navigation li.focus > a,
.ie8 .secondary-navigation ul ul,
.ie8 .secondary-navigation li:hover > a,
.ie8 .secondary-navigation li.focus > a {
  background-color: #ff3300;
}

@media screen and (min-width: 783px) {
  .primary-navigation ul ul,
  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a {
    background-color: #ff3300;
  }
}
@media screen and (min-width: 1008px) {
  .secondary-navigation ul ul,
  .secondary-navigation li:hover > a,
  .secondary-navigation li.focus > a {
    background-color: #ff3300;
  }
}
.paging-navigation .page-numbers.current {
  border-color: #ff3300;
}

/**
 * アクセントカラー（マウスオーバー時）
 * -----------------------------------------------------------------------------
 */
button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.search-toggle:hover,
.search-toggle.active,
.search-box,
.entry-meta .tag-links a:hover,
.entry-meta .tag-links a:hover:before,
.page-links a:hover,
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus,
.widget_calendar tbody a:hover,
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus,
.slider-control-paging a:hover:before,
.ie8 .primary-navigation ul ul a:hover,
.ie8 .primary-navigation ul ul li.focus > a,
.ie8 .secondary-navigation ul ul a:hover,
.ie8 .secondary-navigation ul ul li.focus > a {
  background-color: #ff9999;
}

@media screen and (min-width: 783px) {
  .primary-navigation ul ul a:hover,
  .primary-navigation ul ul li.focus > a {
    background-color: #ff9999;
  }
}
@media screen and (min-width: 1008px) {
  .secondary-navigation ul ul a:hover,
  .secondary-navigation ul ul li.focus > a {
    background-color: #ff9999;
  }
}
.page-links a:hover,
.paging-navigation a:hover {
  border-color: #ff9999;
}

/**
 * リンクカラー（通常時）
 * -----------------------------------------------------------------------------
 */
a,
.content-sidebar .widget a {
  color: #999999;
}

.m_blog .site-navigation a {
  color: #999999;
  display: block;
  text-transform: uppercase;
}

/**
 * リンクカラー（マウスオーバー時）
 * -----------------------------------------------------------------------------
 */
a:active,
a:hover,
.site-navigation a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.cat-links a:hover,
.entry-content .edit-link a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.comment-reply-title small a:hover,
.widget a:hover,
.widget-title a:hover,
.widget_twentyfourteen_ephemera .entry-meta a:hover,
.content-sidebar .widget a:hover,
.content-sidebar .widget .widget-title a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
.site-info a:hover,
.featured-content a:hover,
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.ie7 .slider-control-paging .slider-active,
.ie7 .slider-direction-nav a:hover {
  color: #666666;
}

/**
 * 各スタイルの記述
 * -----------------------------------------------------------------------------
 */
/**
 * Media Queries
 * -----------------------------------------------------------------------------
 */
/**
 * Print
 * -----------------------------------------------------------------------------
 */