/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 3.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.
*/

/* フォントファミリークラス */
.font-notoserif{
	font-family: 'Noto Serif JP', serif;
}

/* ヘッダー表示定義 */
.site-header{
	font-family: 'Noto Serif JP', serif;
	position:relative;
	border-bottom:#870000 solid 5px;
}

/* ヘッダーロゴ表示 */

.header__branding {
	padding:40px 0 20px;
}

/* ヘッダーグローバルメニュー表示 */
.nav_pc{
	display:none;
}

.hamburger span {
    background-color: #ffffff;
}

.pc-head{
	font-family: 'Noto Serif JP', serif;
}

.h-nav__btn {
	top: 10%;
}

/* h1、パンくず設定*/
.breadcrumbs-style{
	background-color:#d6cbcb;
	font-family: 'Noto Serif JP', serif;
}

.hedder-style{
	padding:15px;
	background-color:#eee4e4;
}

.hedder-style h1{
	margin:0;
	padding:20px;
	background-image:url('https://wakura-omatsuri.com/wp-content/themes/ystandard-child/images/common/h1-background.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-family: 'Noto Serif JP', serif;
	text-align:center;
}

/* フッター設定*/
.has-mobile-footer .site__footer {
	position:relative;
	padding-bottom:0;
	font-family: 'Noto Serif JP', serif;
}

.footer01{
	padding: 0 1rem 2rem;
}

.footer01 figure.footer-logo{
	padding:20px;
}

.footer-nav ul li.menu-item{
	width: calc( calc( 100% - 0.5rem) / 2) ;
	margin-right:0;
}

.footer-nav ul li.menu-item:first-child{
	width:100%;
}

.footer-nav ul li.menu-item:nth-child(even){
	margin-right:.5rem;
}

.footer-nav ul li.menu-item > a{
	display:block;
	padding:15px 0;
	text-align:center;
	border:#3a3a3a 1px solid;
}

.foot-navis .sw-lang{
	width:100%;
}

.foot-navis .sw-lang a{
	display:block;
	padding:15px 0;
	background-color:#3a3a3a;
	font-size: .8rem;
	text-align:center;
}

.footer02{
	background-color:#000000;
	border-top:#870000 solid 5px;
}

.footer02 .footer-widget .widget {
    margin-bottom: 0;
	font-size:0.8rem;
	text-align:center;
}

.copy-right{
	padding-bottom:10px;
	color:#9f9f9f;
	font-size:0.5rem;
	text-align:center;
}

/* トップページメイン画像 */
.main-image{
	border-bottom:#222 solid 5px;
}

.main-image img{
	width:100%;
}

/* 新着情報 */
.top-news .wp-show-posts-inner:hover{
	opacity:0.8;
}

/* トップページ新着記事抜粋のフォントサイズ */
.top-news .wp-show-posts .wp-show-posts-entry-title {
    font-size: 1.2rem;
}

.top-news .wp-show-posts-entry-content, .wp-show-posts-entry-summary {
    font-size: 0.8em;
}

/* h2表示設定 */
h2{
	padding-left: 10px;
	border-left:#870000 5px solid ;
}

.page-id-34 h2{
	border-left:#870000 5px solid !important;
	font-family: 'Noto Serif JP', serif !important;
}

h2.no-line{
	padding:0;
	border-left:none;
}

h2.experience{
	border-left:none;
	padding:0;
	line-height:0;
}

h2.experience > img{
	max-height:230px;
}

/* オフィシャルサポーター表示 */
.page-id-46 figure{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	height:150px;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}

.page-id-46 figure img{
	max-height:150px;
	width: auto;
	margin:0 auto;
}

.page-id-825 figure{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	height:150px;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}

.page-id-825 figure img{
	max-height:150px;
	width: auto;
	margin:0 auto;
}

/* アーカイブ表示 */
.item-list__item:first-child {
    border-top: none;
}

/* IEのみ適用 */
@media all and (-ms-high-contrast: none) and (min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: 30%;
    margin-right: 1em;
}

.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item{
	width: 10%;
	margin-right: 1em;
}
}

@media screen and (min-width: 1025px){
	/* 画面幅設定 */
	.container{
		max-width:initial;
	}

	.archive__main{
		max-width:960px;
		margin: 0 auto;
	}

	.breadcrumbs ol{
		max-width:960px;
		margin: 0 auto;
	}

	/* ヘッダー表示定義 */
	.site-header{
		border-bottom:none;
	}

	/* ヘッダーロゴ表示 */
	.header__branding.-center{
		padding:40px 0 35px;
	}

	/* グローバルメニュー表示設定*/
	.nav_sp{
		display:none;
	}

	.nav_pc{
		display:block;
	}

	div.h-nav.rwd nav.h-nav__main{
		border-top:#870000 solid 10px;
		border-bottom:#870000 solid 10px;
	}

	.h-nav.rwd li a {
		border-bottom: none!important;
	}

	.h-nav.-center .h-nav__main>ul li a {
		position:relative;
		padding:20px 25px 25px 25px;
	}

	.h-nav.rwd li:not(.menu-item-has-children) a::after {
		content:"";
		display:block;
		position:absolute;
		right:0;
		left:0;
		bottom:15px;
		width: calc( 100% - 46px ) ;
		height:5px;
		margin:0 auto;
		background-color: #870000;
		opacity:0;
		transition: all .3s;
	}

	.h-nav.rwd li:hover:not(.menu-item-has-children) a::after {
		opacity:1;
	}

	.site-header .container{
		padding:0;
	}

	/* ヘッダーのリンク表示設定（ホーム、アクセス等）*/
	.nav_pc ul.home_nav{
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		position:absolute;
		top:10px;
		right:20px;

		-ms-flex-align:center;
		-webkit-align-items:center;
		align-items:center;

		list-style-type:none;
	}

	.nav_pc ul.home_nav li{
		margin:0 5px 0 0;
		font-size:12px;
	}

	.nav_pc ul.home_nav li a{
		position:relative;
		display:block;
		padding:5px 12px 8px;
		color:#fff;
		text-decoration:none;
	}

	.nav_pc ul.home_nav li a:hover{
		opacity:0.5;
	}

	.nav_pc ul.home_nav li a::before{
		content:"";
		display:block;
		position:absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 6px solid #fff;
	}

	.nav_pc ul.home_nav li:last-child a::before{
		display:none;
	}

	.nav_pc ul.home_nav li:last-child{
		margin:0;
	}

	.nav_pc ul.home_nav li:last-child a{
		padding:5px 30px 8px;
		background-color:#3a3a3a;
		text-align:center;
	}

	/* フッターナビ設定*/
	.footer01{
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		width:960px;
		padding:30px 0;
		margin:0 auto;

		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}

	.footer-section{
		margin-top:0;
	}

	.footer01 figure.footer-logo{
		width:336px;
		padding:20px 0 0 0;
	}

	.footer01 .foot-navis{
		position:relative;
	}

	.footer01 .footer-nav{
		width:570px;
		padding-bottom:50px;
	}

	.footer-nav ul li.menu-item{
		position:relative;
		width:180px;
		margin:0 10px 0 0;
		text-align:left;
	}

	.footer-nav ul li.menu-item:first-child{
		width:180px;
	}

	.footer-nav ul li.menu-item:nth-child(even){
		margin-right:10px ;
	}

	.footer-nav ul li.menu-item::before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:5px;
		height:100%;
		background:#3a3a3a;
	}

	.footer-nav ul li.menu-item > a{
		padding:10px 0 10px 20px;
		border:none;
		text-align:left;
	}

	.footer-nav ul li.menu-item:nth-child(-n+3) > a{
		padding-top:0;
	}

	.footer-nav ul li.menu-item > a:hover{
		opacity:0.5;
	}

	.foot-navis .sw-lang{
		position:absolute;
		right:0;
		bottom:0;
		width:190px;
	}

	.foot-navis .sw-lang a{
		padding:10px 0;
	}

	.foot-navis .sw-lang a:hover{
		opacity:0.5;
	}

	.footer02{
		width:100%;
		border-top: #870000 solid 10px;
	}

	.footer02 > div{
		width:960px;
		margin:0 auto;
	}

	.footer02 .footer-widget .widget {
		text-align:left;
	}

	.copy-right{
		text-align:right;
	}

	/* h1表示設定 */
	.hedder-style h1{
		margin:0;
		padding:34px;
		font-size:32px;
	}

	/* トップページメイン画像 */
	.main-image{
		border-bottom:#222 solid 10px;
	}

	/* 体験コーナータイトル表示設定 */
	h2.experience > img{
		max-height: initial;
		max-height: auto;
	}
}