/*
Theme Name:stork19 child
Theme URI:
Description:WordPressテーマ「stork19 」の自作子テーマです。
Template:jstork19
Author:Michiko Fujino
Author URI:https://clip-web.com
Version:3.15.6 
*/
/* 共通 */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	max-width:100% !important;
}
figure {
	max-width: 100% !important;
}	
form select ,form input {
	display: inline !important;
}
form span[data-name="num01"]:after ,
form span[data-name="num02"]:after {
	display: inline-block;
	content: '　';
}
form span[data-name="num02"]:before {
	display: inline-block;
	content: '　';
}


/* サイドバー */
#menu-brand_pr ,
#menu-brand ,
#menu-ibk {
	display: none;
}
.page-id-25 #menu-brand_pr,
.parent-pageid-25 #menu-brand_pr {
	display: block;
}

.page-id-21 #menu-brand,
.parent-pageid-21 #menu-brand {
	display: block;
}

.page-id-2 #menu-ibk,
.parent-pageid-11 #menu-ibk,
.parent-pageid-2 #menu-ibk {
	display: block;
}

/* 投稿 */
.single-post .stk_post_main_thum {
	display: none;
}

/* 店舗ページ */
.page-template-page-lp .is-layout-flex.shops:not(:last-child) {
	border-bottom: #f8b300 2px dotted;
	padding-bottom: 1.5em;
}
.page-template-page-lp .is-layout-flex.shops > .is-layout-flow:nth-of-type(1n) {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.page-template-page-lp .is-layout-flex.shops > .is-layout-flow:nth-of-type(2n) {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.page-template-page-lp .is-layout-flex.shops > .is-layout-flow:nth-of-type(3n) {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}


/* トップ */
.home #container #content #inner-content {
	padding-top: 0;
}
.home #container #content #inner-content {
	margin-top: 0;
}


.home .wp-block-latest-posts__list li a ,
.home .wp-block-latest-posts__list li a img {
	width: 100%;
}


/* 会社案内トップ＆FC加盟のご案内トップ */
.page-id-2 .is-layout-flex .wp-block-column ,
.page-id-21 .is-layout-flex .wp-block-column {
	padding: 1em;
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}

.page-id-2 .is-layout-flex .wp-block-column:not(:empty) ,
.page-id-21 .is-layout-flex .wp-block-column:not(:empty) {
	border: 1px solid #f8b300;
	border-radius: 1em;
}

.page-id-2 .is-layout-flex .wp-block-column p.has-text-align-center ,
.page-id-21 .is-layout-flex .wp-block-column p.has-text-align-center {
	line-height: 1 !important;
	padding: 0;
}

/* PC */
@media only screen and (min-width: 764px) {
	form dl ,
	form dl div[data-class="wpcf7cf_group"] {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		flex-basis: 100%;
		width: 100%;
	}

	form dl dt ,
	form dl div[data-class="wpcf7cf_group"] dt {
		-webkit-flex-basis: 11em;
		flex-basis: 11em;
		max-width: 11em;
	}

	form dl dd ,
	form dl div[data-class="wpcf7cf_group"] dd {
		-webkit-flex-basis: calc( 100% - 11em);
		flex-basis: calc( 100% - 11em);
		max-width: calc( 100% - 11em);
	}
	/* トップ */
	.home .wp-block-latest-posts__list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

	}

	.home .wp-block-latest-posts__list li {
		-webkit-flex-basis: 30%;
		flex-basis: 30%;
		max-width: 30%;
		margin-right: 5%;
	}

	.home .wp-block-latest-posts__list li:nth-child(3n) {
		margin-right: 0;
	}
	.home .block-center figure {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

/* PC用CSS/981px以上 */
@media only screen and (min-width: 981px) {
	.mb ,
	.tb ,
	.tbMb {
		display: none !important;
	}
	form span[data-name="date"]:after {
		display: inline-block;
		content: '　';
	}
}

/* タブレット用CSS/782px以上、980px以下 */
@media only screen and (min-width:782px) and (max-width:980px) {
	.pc ,
	.mb ,
	.pcMb {
		display: none !important;
	}
}
/* タブレット&スマートフォン用CSS/1100px以下 */
@media only screen and (max-width:1100px) {
	.page-template-page-lp #container #content #inner-content {
		padding-right: 5% !important;
		padding-left: 5% !important;
	}
	form input[name="date"] {
		display: block !important;
		width: 100% !important;
	}
	form span[data-name="date"] {
		display: block !important;
	}
	form span[data-name="date"]:before {
		content: '日付を選択してください↓\A';
	}
	form span[data-name="date"]:after {
		content: '\A\A';
	}

}

/* スマートフォン用CSS/781px以下 */
@media only screen and (max-width:781px) {
	.pc ,
	.tb ,
	.pcTb {
		display: none !important;
	}
	
	/* トップ */
	.home #main .is-layout-flex .wp-block-column figure {
		margin: 0 !important;
	}

}