/*
Theme Name: Chronus-Rikemaga
Template: chronus
Theme URI: https://themezee.com/themes/chronus/
Author: ThemeZee
Author URI: https://themezee.com
Description: Chronus-Rikemaga is a fast and lightweight WordPress Theme created for magazines, news websites and personal blogs. The Featured Content section and flexible Magazine Widgets give you the ability to highlight your most important posts on the home page. The minimalistic and responsive design focuses on your content and looks great on any screen size.
Version: 2.1.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 5.6
AMP: true
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chronus
Tags: two-columns, blog, news, custom-background, custom-logo, custom-header, custom-menu, grid-layout, entertainment, editor-style, block-styles, rtl-language-support, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Chronus is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import url("../chronus/style.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body,
.site-title, .archive-title, h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Sans JP', sans-serif !important;
}

/* header  */
.main-navigation ul a{
	font-size: 16px;
}

/* パンくずリスト */
.bread_box{
    width: 100%;
    padding: 0;
    margin: 0;
}
.bread{
    list-style-type: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.bread li{
    display: inline;
}
/* arcive  */
.widget-title a.category-archive-link {
    color: #Ffff;
}
h1.archive-title {
    padding: 0.5em;
    background: #ff8500;
    color: #fff;
}
/* contents  */
.entry-content h2 {
    padding: 0.5em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ff8500;
}
.entry-content h3{
	padding: 0.25em 0.5em;
	color: #494949;
	background: transparent;
	border-left: solid 5px #ff8500;
}
/* sidebar  */
h3.widget-title {
    padding: 0.5em;
    background: #ff8500;
    color: #fff;
}
.new_article_thumb a{
    display: flex;
    flex-wrap: nowrap;
}
.new_article_thumb a:hover{
	opacity: 0.7;
}
.new_article_thumb .new_thumb{
    width: 30%;
}
.new_article_thumb .new_title{
    width: 70%;
    color: #131313;
}
.cat-item a {
    color: #131313;
}
.cat-item a:hover{
	opacity: 0.7;
}

/* footer  */
.site-footer{
	background-color: #db8787;
	color: #fff;
}
.credit-link a {
    color: #fff;
}
.credit-link a:hover{
	text-decoration: underline;
}

@media only screen and (min-width: 960px){
	.main-navigation ul li.current-menu-item > a{
		border-bottom: 2px solid orange;
		text-decoration: none;
	}
	.current-post-ancestor a {
		border-bottom: 2px solid orange;
		text-decoration: none;
	}
}
@media only screen and (max-width: 480px){
  .bread_box{
    overflow: scroll;
    white-space: nowrap;
  }
  .entry-content p {
  	line-height: 2;
  	font-size: 1.2em;
  }
}