@charset "utf-8";

/*===============================================
●マルシェ
===============================================*/
.marcheImageMain {background-image: url("../../images/marche/marche_image01.jpg");}
.marcheImageVegetables {background-image: url("../../images/marche/marche_image02.jpg");}
.marcheImageMarket {background-image: url("../../images/marche/marche_image03.jpg");}
.marche .mainImageS .bgImage {background-position: center 60%;}
.marche .imageContents .textBox p {
	margin-top: 1em;
	font-family: "aktiv-grotesk", "FOT-筑紫ゴシック Pr5 M";
	letter-spacing: 0.08em;
}
.marcheInfo {border-bottom: #17234D 1.5em solid;}
.marcheInfo .inner {max-width: 820px;}
.marcheInfo .tit02 {text-align: center;}
.marcheInfo .tit02 p {font-family: "FOT-筑紫明朝 Pr6 M";}
.marcheInfo .tit02 h3 {margin-top: 1em;}
.marcheInfo table {width: 100%;}
.marcheInfo th,
.marcheInfo td {
	padding-bottom: 1em;
	line-height: 1.7em;
	vertical-align: top;
}
.marcheInfo th {width: 5em;}
.marcheInfo a,
#marcheSchedule a {color: #17234d;}
#marcheSchedule .inner {max-width: 900px;}
.scheduleLead {
	text-align: center;
	line-height: 1.8em;
}
.scheduleLead .icon-instagram {margin-right: 0.4em;}
.scheduleList {margin-top: 3em;}
.scheduleItem + .scheduleItem {margin-top: 1em;}
.scheduleToggle {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 1em 1.2em;
	color: #fff;
	font: inherit;
	text-align: left;
	background: #17234d;
	border: 0;
	cursor: pointer;
}
.scheduleTitle {
	padding-right: 1em;
	line-height: 1.5em;
}
.scheduleArrow {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 0.8em;
	height: 0.8em;
	margin: -0.4em 0.3em 0 0;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	transform: rotate(45deg);
	transition: transform 0.2s ease, margin 0.2s ease;
}
.scheduleToggle[aria-expanded="true"] .scheduleArrow {
	margin-top: 0.4em;
	transform: rotate(225deg);
}
.schedulePanel {
	position: relative;
	padding: 1.2em 1.2em 2em;
}
.schedulePanel[hidden] {display: none;}
.scheduleUpdated {
	margin-bottom: 1em;
	text-align: right;
}
.scheduleDescription {line-height: 1.9em;}
.scheduleImage {margin-top: 1.5em;}
.scheduleImage img {
	display: block;
	width: 100%;
	height: auto;
}
.scheduleEmpty {
	padding: 3em 0;
	text-align: center;
	border-top: #c8c5bb 1px solid;
	border-bottom: #c8c5bb 1px solid;
}
.vendorEntry {
	margin-top: 4em;
	text-align: center;
}
.vendorEntry .btn02 a {
	box-sizing: border-box;
	max-width: 260px;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.vendorEntry .btn02 + .btn02 {margin-top: 1.2em;}
.scheduleContact {
	margin-top: 3em;
	text-align: left;
}
.vendorEntry h4 {
	margin-bottom: 1.5em;
	font-family: "FOT-筑紫明朝 Pr6 L";
	font-size: 1.6em;
	letter-spacing: 0.08em;
}
.imageContents .textBox h3 {
	margin-bottom: unset;
	line-height: 1.5;
}
.marcheEn .imageContents .textBox h3 {
	font-family: "aktiv-grotesk", sans-serif;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	.marcheInfo {padding: 4em 1.5em;}
	.marcheInfo .tit02 {margin-bottom: 2.5em;}
	.marcheInfo th {width: 4em;}
	#marcheSchedule {padding: 5em 1.5em;}
	.scheduleToggle {padding: 0.9em 1em;}
	.vendorEntry h4 {font-size: 1.35em;}
	.marcheEn .imageContents .textBox h3 {font-size: 1.15em;}
	.marcheEn .marcheInfo th {width: 6em;}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	.scheduleContent {
		display: flex;
		align-items: flex-start;
		gap: 3em;
	}
	.scheduleDescription {
		flex: 1;
		min-width: 0;
	}
	.scheduleImage {
		flex: 0 0 42%;
		margin-top: 0;
	}	.marcheInfo {padding: 7em 2em;}
	.marcheInfo .tit02 {margin-bottom: 3.5em;}
	.marcheInfo .tit02,
	.marcheInfo .tit02 p,
	.marcheInfo .tit02 h3 {text-align: center;}
	#marcheSchedule {padding: 7em 2em;}
}