/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

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.
*/
/* アーカイブ No Imageの背景色 */
.archive__no-img,
.ys-post__no-image {
    background-color: #ddd;
}
/* カレンダータイトルの背景色 */
.wp-block-calendar table#wp-calendar thead {
    background: #cfc2ad;
}
/* フッターの高さ調整 */
.footer-main>* {
    margin-top: 1em;
}
.footer-main {
    padding-top: 1em;
}
/* クレジット */
.footer-poweredby {
    display: none;
}
/* グローバルナビ透過 */
@media screen and (min-width: 783px){
.admin-bar.has-fixed-header .site-header {
    opacity: 0.9;
}
	}
/* スマホだけの表示 */
.sp {
	display: none;
}
@media screen and (max-width: 599px){
.sp {
   display: block;
	}
}
/*グローバルナビメニュー囲み*/
.global-nav {
	padding: 5px 35px;
	border-radius: 30px;
	box-shadow: 3px 2px 10px -6px #1b222d;
}
.global-nav__menu>.menu-item>a:after {
	bottom: 5px;
}
@media (max-width: 768px){
	.global-nav {
		border-radius: 0;
		padding: var(--mobile-nav-container-padding) 2em 2em;
	}
}
/*ハンバーガーメニュー背景*/
@media (max-width: 840px){
/*.global-nav {
	border-radius:0;
	padding: var(--mobile-nav-container-padding) 2em 2em;
}*/
}
/*トップメイン画像*/
.top-main-slider div,.top-main-slider h1 {
	font-family: var(--font-family)!important;
}
/*トップメインが映像の場合*/
.header-media.is-video {
    max-width: calc(var(--ystd-container-width) + var(--ystd-container-gutter)*2);
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--ystd-container-gutter);
    padding-left: var(--ystd-container-gutter);
}
.header-media.is-video::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--site-bg);
	left: 0;
	top: 0;
}
.header-media.is-video .wp-custom-header video,
.header-media.is-video .wp-custom-header iframe {
	border-radius: 20px;
}
/*トップに固定ページのブロックで動画を載せる場合*/
.top-mp4 {
	border-radius: 20px;
	overflow: hidden;
	z-index: 1;
}
/*トップNEW画像*/
.top-new-list .ratio .ratio__image,.top-new-list .ratio .ratio__image .ys-post__no-image,.top-new-list .ratio .ratio__image .archive__no-img,
.archive__thumbnail .ratio .ratio__image,
.archive__thumbnail .ratio .ratio__image .archive__no-img,
.ys-posts__thumbnail .ratio .ratio__image,
.ys-posts__thumbnail .ratio .ratio__image .ys-post__no-image{
	border-radius: 8px;
	overflow: hidden;
}
/*下層コンテンツ囲み*/
.singular .site-main,
.archive .site-main,
.archive__main.site-main,
.site-main.not-found
{
	background: #fff;
	border-radius: 20px;
	padding: 50px 40px 30px 40px!important;
}
@media (max-width: 768px){
	.singular .site-main,
	.archive .site-main,
	.archive__main.site-main,.site-main.not-found{
		border-radius: 15px;
		padding: 30px 15px 20px 15px!important;
		margin: 0 -5px 40px;
	}
}
/* 下層一覧カード*/
.has-background .archive__item.is-card {
	padding-left: 0;
	padding-right: 0;
}
.has-background .archive__item.is-card .archive__thumbnail {
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
.archive__excerpt {
	font-size: .9em;
	line-height: 1.5;
}
/*下層h1タイトル*/
.singular-header__title,.archive__page-title {
	position: relative;
	margin: 20px 0;
	text-align: center;
	font-size: 26px;
}
.singular-header__title::after,
.archive__page-title::after {
	content: "";
	display: block;
	width: 85px;
	height: 2px;
	background: #000;
	margin: 10px auto;
}
.archive__container {
	padding-top: 30px;
}
@media (max-width: 768px){
	.singular-header__title,.archive__page-title{
		margin: 10px 0 0;
		font-size: 24px;
	}
	.archive__container {
		padding-top: 20px;
	}
}
@media (max-width: 599px){
	.singular-header__title,.archive__page-title{
		font-size: 22px;
	}
	.archive__container {
		padding-top: 10px;
	}
}
/*サイドメニュー*/
.widget_block {
	border-radius: 20px;
}
@media (max-width: 768px){
	.widget_block {
		border-radius: 15px;
	}
}
.wp-block-group__inner-container h3.wp-block-heading {
	position: relative;
	text-align: center;
}
.wp-block-group__inner-container h3.wp-block-heading::after {
	content: "";
	position: relative;
	display: block;
	margin: 8px auto 0;
	width: 45px;
	height: 1px;
	border-bottom: 2px dashed var(--font-color);
}
.wp-block-group__inner-container .wp-block-latest-posts,.wp-block-group__inner-container .wp-block-archives-list,.wp-block-group__inner-container .wp-block-categories-list {
	margin-top: 0.7em;
}
/*投稿ページ上部サムネイル表示*/
.site-header-thumbnail img {
	max-height: 200px;
	object-fit: cover;
}
/*投稿ページ下部カテゴリ表示*/
@media (max-width: 599px) {
	.post-taxonomy__container {
		display: block;
	}
	.post-taxonomy__title::after {
		content: none;
	}
}
/*投稿ページ　ページ前後*/
.paging__image {
	display: none;
}
/*カレンダー*/
.wp-calendar-nav {
	border: none;
}
/*サイドバーがある場合、2カラムの高さをそろえない*/
.has-sidebar .content__wrap {
	align-items: flex-start;
}
/*投稿見出し*/
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	margin: 2em 0 0.25em;
}
/*投稿サムネイル上部表示*/
.has-background .singular-header__thumbnail {
	width: 100%;
	margin: 0 auto;
}
/*更新情報リスト表示*/
.top-new {
	background: #fff;
	border-radius: 25px;
	padding-left: 70px!important;
	padding-right: 70px!important;
}
.archive__main.site-main {
	padding-left: 50px!important;
	padding-right: 50px!important;
}
.ys-posts__title,.archive__item .archive__title {
	font-size: 1.2em;
}
.ys-posts__meta,.ys-posts__dscr,.archive__meta,.archive__excerpt {
	font-size: .9em;
	line-height: 1.8;
}
@media (max-width: 768px){
	.top-new {
		padding-left: 40px!important;
		padding-right: 40px!important;
	}
	.archive .site-main, .archive__main.site-main {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.ys-posts__title,.archive__item .archive__title {
		font-size: 1em;
	}
}
@media (max-width: 599px){
	.top-new {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.archive .site-main, .archive__main.site-main {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.ys-posts__title,.archive__item .archive__title {
		font-size: 1em;
	}
	.ys-posts__meta,.ys-posts__dscr,.archive__meta,.archive__excerpt {
		font-size: .8em;
	}
}
.ratio.is-1-1:before{
	padding-top: 56%;
}
.ys-posts.is-list {
    --ystd-posts-thumbnail-width: min(30%,250px);
}
.has-background .archive__item.is-list {
	padding-bottom: var(--ystd-posts-item-gap);
    border-bottom: var(--ystd-posts-item-border);
}
/*no image*/
.ys-post__no-image,.archive__no-img {
	background: url('/wp-content/uploads/2023/09/1-noimage-photo.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ys-post__no-image .ys-icon,.archive__no-img .ys-icon {
	display: none;
}
/*バナーに枠線を付ける*/
.bnr-cmn img {
	border: 1px solid #ccc;
}
/*アクセスマップ*/
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
	padding-top: 50%;
}
@media (max-width: 768px){
	.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
	padding-top: 80%;
}
}
/*タブレット、スマホの時はテキスト左寄せ*/
@media (max-width: 768px){
	.tabsp-txtal-left {
		text-align: left!important;
	}
}
/*20261030 アプデによりiframe疑似要素がないため追加*/
.wp-block-embed__wrapper iframe.map-iframe {
  width: 100% !important;
	height: auto;
  aspect-ratio: 16 / 9;
}
@media (max-width: 768px){
	.wp-block-embed__wrapper iframe.map-iframe {
    aspect-ratio: 5 / 4;
  }
}