/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional &amp; lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, 
YouTube &amp; self-hosted video background, 
Page Builder integration, 
Inspiro is perfect for showing off your photography and video portfolio. Moreover, 
the theme is compatible with WooCommerce and popular Page Builders such as Elementor, 
Beaver Builder. Learn more and check out our powerful premium version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles
Version: 1.4.1.1631167551
Updated: 2021-09-09 06:05:51
*/





/*検索入力*/
.sb-search .sb-search-input {
	font-size: 30px;
}

/*モバイル 横余白*/
@media (max-width: 64em) {
	.wrap, 
	.inner-wrap, 
	.page .entry-content, 
	.page:not(.inspiro-front-page) .entry-footer, 
	.single .entry-wrapper, 
	.single.has-sidebar.page-layout-sidebar-right .entry-header .inner-wrap, 
	.wp-block-group > .wp-block-group__inner-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/*------------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------------*/
.headroom--not-top .navbar, 
.has-header-image.home.blog .headroom--not-top .navbar, 
.has-header-image.inspiro-front-page .headroom--not-top .navbar, 
.has-header-video.home.blog .headroom--not-top .navbar, 
.has-header-video.inspiro-front-page .headroom--not-top .navbar {
	background-color: rgba(0,0,0,0.8);
}

.navbar-nav > li > ul::before {
	border-bottom: 8px solid #fff;
}

  @media (min-width: 64.0625em) {
	.navbar-nav ul {
		width: 220px;
		border-top: 2px solid #fff;
		background: #101010;
	}
}

.navbar-nav > li > ul li a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 10px;
}

.navbar-nav > li > ul li a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 10px;
}

/*------------------------------------------------------------------------------
フッター
------------------------------------------------------------------------------*/
.site-footer {
	background: #f9f9f9;
}

.site-footer .widget .title, 
.site-footer .widget .wp-block-group__inner-container > h2, 
.site-footer .widget .wp-block-search__label, 
.site-footer .widget_block .title, 
.site-footer .widget_block .wp-block-group__inner-container > h2, 
.site-footer .widget_block .wp-block-search__label {
	color: #000;
}

.site-footer .menu {
	display: flex;
	flex-wrap: no-wrap;
}

.site-footer .menu li a {
	display: block;
	text-align: center;
	color: #777;
}

.site-footer .menu li a:hover {
	color: var(--wp--preset--color--secondary);
	color: #000;
}

.site-footer .menu > li {
	width: 16.66%;
	padding: 5px 10px;
}

.site-footer .menu > li > a {
	padding: 5px;
}

.site-footer .menu li .sub-menu {
	margin-top: 15px;
	padding-top: 15px;
	border-top: dotted 1px #777;
	font-size: 14px;
}

.site-footer .menu li .sub-menu li a {
	text-align: left;
}

.site-footer .menu li .sub-menu a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 11px;
}

.site-footer .site-info .copyright span:first-child {
	flex: 0 0 100%;
	text-align: center;
}

.site-footer .site-info .copyright a {
	color: var(--wp--preset--color--secondary);
}

/*------------------------------------------------------------------------------
サイドバー
------------------------------------------------------------------------------*/
.side-nav__scrollable-container {
	border-left: solid 1px rgba(255,255,255,0.05);
}

/*検索ボタンの変更*/
.side-nav .search-form .search-submit, 
.side-nav .wp-block-search__button, 
.site-footer .search-form .search-submit, 
.site-footer .wp-block-search__button {
	color: #fff;
	border: 2px solid #fff;
	transition: color .2s ease,border-color .2s ease,background-color .2s ease;
}

/*検索ボタンのfocus枠変更*/
.side-nav .search-form .search-field, 
.side-nav .wp-block-search__input, 
.site-footer .search-form .search-field, 
.site-footer .wp-block-search__input {
	outline: none;
}

.side-nav .widget .title, 
.side-nav .widget .wp-block-group__inner-container > h2, 
.side-nav .widget .wp-block-search__label, 
.side-nav .widget_block .title, 
.side-nav .widget_block .wp-block-group__inner-container > h2, 
.side-nav .widget_block .wp-block-search__label {
	margin-bottom: 10px;
	font-family: sans-serif;
}

.side-nav .widget h4 {
	font-size: 1.125rem;
}

.side-nav .wp-block-latest-posts {
	margin-top: 10px;
}

/*新着記事*/
.side-nav .wp-block-latest-posts li {
	padding: 5px;
}

.side-nav .wp-block-latest-posts li a {
	padding: 5px;
	display: block;
	color: #ddd;
}

.side-nav .wp-block-latest-posts li a:hover {
	color: var(--wp--preset--color--secondary);
}

/*モバイル menu枠*/
@media screen and (max-width: 64em) {
	.navbar-nav li a {
		display: block;
		font-family: 'Onest', sans-serif;
		font-size: 16px !important;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 1.8;
	}

	.navbar-nav li a span {
		display: inline-block;
		margin-left: 10px;
		font-size: 10px;
	}
}

/*contents枠*/
.side-nav .widget_nav_menu li a {
	display: block;
	padding: 5px;
	line-height: 1.8;
	font-size: 15px;
	color: #ddd;
}

.side-nav .widget_nav_menu li a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 11px;
}

.side-nav .widget_nav_menu li a:hover {
	color: var(--wp--preset--color--secondary);
}

/*モバイル contents枠の非表示*/
@media (max-width: 64em) {
	.side-nav .widget_nav_menu {
		display: none;
	}
}


/*------------------------------------------------------------------------------
フロントページ
------------------------------------------------------------------------------*/
/*新着情報 */
.home #post-39 .entry-header .entry-title {
	display: none;
}

.home #post-39 .entry-content .wp-block-heading {
	margin-top: 40px;
}

.home main .wp-block-latest-posts {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.home main  .wp-block-latest-posts li {
	width: 33.33%;
	padding: 5px;
	line-height: 150%;
}
@media (max-width: 64em) {
	.home main .wp-block-latest-posts li {
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}
}

.home .wp-block-latest-posts__featured-image img {
	border-radius: 3px;
}

.home .wp-block-latest-posts li time {

}




/*------------------------------------------------------------------------------
投稿ページ
------------------------------------------------------------------------------*/
.wp-singular .entry-meta {
	text-align: right;
}

.wp-singular .entry-meta .entry-categories {
	display: inline-block;
	margin-left: 10px;
	padding: 5px 10px;
	background: #000;
	line-height: 100%;
	color: fff;
}

.wp-singular .entry-meta .entry-categories a {
	color: #fff;
}

.wp-singular .entry-meta .entry-categories::before {
	display: none;
}

.wp-singular .entry-meta .entry-date::before {
	display: none;
}


.wp-singular .post-author {
	display: none;
}





