/*
Theme Name: Generic-child
Template: generic
Theme URI: https://generic.tools/
Author: Web Guy
Author URI: https://webguy.io/
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/webguyio/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://webguy.io/donate). Thank you and enjoy!
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Version: 2.0.2
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: generic

Generic WordPress Theme © 2015-2025 GenericTools
Generic is distributed under the terms of the GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
*,html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: 'Noto Sans JP', sans-serif;
}
@media(prefers-color-scheme:light){body, #container{background:#fff}#header{background:#111}}
@media(prefers-color-scheme:dark){body, #container{background:#fff}}
#header{
	padding:10px;
	position:fixed;
	width:100%;
	top:5px;
	background-color:rgba(255,255,255,0.7);
	z-index:50;
}
#content{
	width:100%;
}
#content article .header{
	display:none;
}
#footer{
	background-color:#fff;
}
#header::before{
	content:"";
	display:inline-block;
	position:fixed;
	background-color:#333;
	height:5px;
	width:100vw;
	top:0;
	left:0;
}
#menu a,.menu-icon{
	color:#333;
}
#container{
		z-index:5;
}
@media (max-width: 768px){
	p{
		margin:0;
	}
	#container{
		background-color:#fff;
		padding:55px 0 0 0;
	}
	.for_pc{
		display:none;
	}
	.for_mobile{
		display:inline-block;
	}
	#header{
		padding:5px;
		height:50px;
	}
	.entry-content{
		position:relative;
	}
	.top_reel{
		width:100%;
	}
	#menu{
		position:fixed;
		top:45px;
		left:0;
		width:100%;
		height:auto;
		display:inline-block;
	}
	#menu.toggled{
		height:auto;
		//overflow-y:unset;
		//overflow-x:unset;
		background-color:rgba(255,255,255,0.7);
	}
	#menu.toggled a{
		color:#333;
	}
	#menu .menu-toggle{
		position:fixed;
		top:0;
		right:5px;
		height:50px;
		padding:5px;
	}
	#menu .menu-toggle span{
		font-size:35px;
	}
	#menu #search{
		display:none;
		background-color:rgba(255,255,255,0.7);
	}
	#menu.toggled #search{
		display:block;
	}
	#branding{
		box-sizing:border-box;
		display:inline-block;
		height:40px;
		padding:5px
	}
	#site-title{
		box-sizing:border-box;
		height:30px;
	}
	#site-title a{
		box-sizing:border-box;
		display:inline-block;
		height:30px;
		vertical-align:top;
		font-size:30px;
		padding:5px;
	}
	#logo-container{
		display:inline-block;
		height:20px;
		margin:0;
	}
	#logo{
		vertical-align:top;
	}
	#site-description{
		display:none;
	}
}
@media (min-width: 769px){
	.for_pc{
		display:inline-block;
	}
	.for_mobile{
		display:none;
	}
	#header{
		box-sizing:border-box;
		height:50px;
		display:inline-block;
	}
	.top_reel{
		width:100%;
	}
	#branding{
		box-sizing:border-box;
		display:inline-block;
		height:30px;
		margin-left:10px;
	}
	#site-title{
		box-sizing:border-box;
		display:inline-block;
		width:120px;
		height:30px;
	}
	#site-title a{
		box-sizing:border-box;
		display:inline-block;
		width:120px;
		height:30px;
		padding:5px
	}
	#site-description{
		display:inline-block;
		font-size:0.8em;
		height:30px;
		line-height:30px;
		vertical-align:top;
	}
	#logo-container{
		display:inline-block;
		width:120px;
		height:20px;
		margin:0;
	}
	#logo{
		vertical-align:top;
	}
	#menu{
		margin:0;
		
	}
}