/* ==================== #jc-column/@.css ==================== */

#jc-column {
  display: grid;
  /* reset */
  /* vars */
  --color-red: #de0000;
  --color-blue: #174396;
  --color-gray: #5e5e5e;
  --color-hokkaido: #3994e3;
  --color-hokkaido-border: #cde4f8;
  --color-autumn: #bd3c00;
  --color-autumn-border: #eecebf;
  --color-winter: #5f63cf;
  --color-winter-border: #d7d8f3;
  --color-noodles: #6f8500;
  --color-noodles-border: #dbe0bf;
}
@media (max-width: 640px) {
  #jc-column {
    background: no-repeat left top/contain;
  }
  #jc-column.hokkaido {
    background-image: url(../images/title_back_hokkaido_sp.jpg);
  }
  #jc-column.autumn {
    background-image: url(../images/title_back_autumn_sp.jpg);
  }
  #jc-column.noodles {
    background-image: url(../images/title_back_noodles_sp.jpg);
  }
  #jc-column.winter {
    background-image: url(../images/title_back_winter_sp.jpg);
  }
}
@media (min-width: 641px) {
  #jc-column {
    position: relative;
    min-width: 42em;
  }
  #jc-column::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 15em;
    background: no-repeat right 50% top/auto 100%;
  }
  #jc-column.hokkaido::before {
    background-image: url(../images/title_back_hokkaido_pc.jpg);
  }
  #jc-column.autumn::before {
    background-image: url(../images/title_back_autumn_pc.jpg);
  }
  #jc-column.noodles::before {
    background-image: url(../images/title_back_noodles_pc.jpg);
  }
  #jc-column.winter::before {
    background-image: url(../images/title_back_winter_pc.jpg);
  }
}
#jc-column h1,
#jc-column h2,
#jc-column h3,
#jc-column h4,
#jc-column h5,
#jc-column h6 {
  margin: 0;
  font-size: inherit;
}
#jc-column ol,
#jc-column ul,
#jc-column p,
#jc-column figure,
#jc-column dl,
#jc-column dd {
  margin: 0;
}
#jc-column hr {
  margin: 0;
  border: 0;
}
@media (min-width: 641px) {
  #jc-column div::after,
  #jc-column dl::after,
  #jc-column ul::after {
    content: none;
  }
}
@media (max-width: 640px) {
  #jc-column h1 {
    display: flex;
    box-sizing: border-box;
    height: 18em;
  }
  #jc-column h1 img {
    margin-top: 10em;
    margin-left: 1em;
    height: 7em;
  }
}
@media (min-width: 641px) {
  #jc-column h1 {
    justify-self: center;
    position: relative;
    height: 15em;
  }
  #jc-column h1 img {
    position: absolute;
    left: -8em;
    top: 50%;
    max-width: none;
    height: 7.3em;
    transform: translate(-50%, -50%);
  }
}



/* ==================== #jc-column/@reset.css ==================== */

#jc-column h1,
#jc-column h2,
#jc-column h3,
#jc-column h4,
#jc-column h5,
#jc-column h6 {
	margin: 0;
	font-size: inherit;
}

#jc-column ol,
#jc-column ul,
#jc-column p,
#jc-column figure,
#jc-column dl,
#jc-column dd {
	margin: 0;
}

#jc-column hr {
	margin: 0;
	border: 0;
}

@media (min-width: 641px) {
	#jc-column div::after,
	#jc-column dl::after,
	#jc-column ul::after {
		content: none;
	}
}



/* ==================== #jc-column/@vars.css ==================== */

#jc-column {

	--color-red: #de0000;
	--color-blue: #174396;
	--color-gray: #5e5e5e;

	--color-hokkaido: #3994e3;
	--color-hokkaido-border: #cde4f8;
	--color-autumn: #bd3c00;
	--color-autumn-border: #eecebf;
	--color-noodles: #6f8500;
	--color-noodles-border: #dbe0bf;

}



/* ==================== #jc-column/<h1>.css ==================== */

@media (max-width: 640px) {

	#jc-column h1 {
		display: flex;
		box-sizing: border-box;
		height: 18em;
	}

	#jc-column h1 img {
		margin-top: 10em;
		margin-left: 1em;
		height: 7em;
	}

}


@media (min-width: 641px) {

	#jc-column h1 {
		justify-self: center;
		position: relative;
		height: 15em;
	}

	#jc-column h1 img {
		position: absolute;
		left: -8em;
		top: 50%;
		max-width: none;
		height: 7.3em;
		transform: translate(-50%, -50%);
	}

}



/* ==================== #jc-column/jc-column-contents/@.css ==================== */

#jc-column .jc-column-contents {
	display: grid;
	grid-gap: 4em;
}



/* ==================== #jc-column/jc-column-contents/<section>/@.css ==================== */

#jc-column .jc-column-contents section {
	display: grid;
	grid-gap: 2em;
}

#jc-column .jc-column-contents section:first-child {
	font-weight: bold;
}

.hokkaido#jc-column .jc-column-contents section:first-child, .hokkaido#jc-column .jc-column-contents section:last-child { color: var(--color-hokkaido); }
.autumn#jc-column .jc-column-contents section:first-child, .autumn#jc-column .jc-column-contents section:last-child { color: var(--color-autumn); }
.noodles#jc-column .jc-column-contents section:first-child, .noodles#jc-column .jc-column-contents section:last-child { color: var(--color-noodles); }
.winter#jc-column .jc-column-contents section:first-child, .winter#jc-column .jc-column-contents section:last-child { color: var(--color-winter); }


@media (max-width: 640px) {

	#jc-column .jc-column-contents section {
		padding: 0 1.5em;
	}

	#jc-column .jc-column-contents section p,
	#jc-column .jc-column-contents section dl {
		font-size: 90%;
	}
}


@media (min-width: 641px) {
	#jc-column .jc-column-contents section {
		width: 42em;
		margin: 0 auto;
	}

	#jc-column .jc-column-contents section:first-child,
	#jc-column .jc-column-contents section:last-child {
		justify-items: center;
	}

	#jc-column .jc-column-contents section p,
	#jc-column .jc-column-contents section dl {
		font-size: 70%;
	}

}



/* ==================== #jc-column/jc-column-contents/<section>/<h2>.css ==================== */

#jc-column .jc-column-contents section h2 {
	border: solid;
	border-width: 1px 0;
	padding: 0.5em 1em;
	justify-self: center;
	font-weight: normal;
	font-size: 1.1em;
}

#jc-column.hokkaido .jc-column-contents section h2 { color: var(--color-hokkaido); border-color: var(--color-hokkaido-border); }
#jc-column.autumn .jc-column-contents section h2 { color: var(--color-autumn); border-color: var(--color-autumn-border); }
#jc-column.noodles .jc-column-contents section h2 { color: var(--color-noodles); border-color: var(--color-noodles-border); }
#jc-column.winter .jc-column-contents section h2 { color: var(--color-winter); border-color: var(--color-winter-border); }



/* ==================== #jc-column/jc-column-foot/@.css ==================== */

#jc-column .jc-column-foot {
	display: grid;
	grid-gap: 1em;
	margin-top: 3em;
	padding-top: 2em;
	background: linear-gradient(#cfdae3, #cfdae3) no-repeat center top;
}


@media (max-width: 640px) {
	#jc-column .jc-column-foot {
		background-size: calc(100% - 2em) 1px;
	}
}


@media (min-width: 641px) {
	#jc-column .jc-column-foot {
		background-size: 42em 1px;
	}
	#jc-column .jc-column-foot::after {
		content: none;
	}
}



/* ==================== #jc-column/jc-column-foot/logo.css ==================== */

#jc-column .jc-column-foot .logo {
	justify-self: center;
}

#jc-column .jc-column-foot .logo img {
	height: 7em;
}



/* ==================== #jc-column/jc-column-foot/profile.css ==================== */

#jc-column .jc-column-foot .profile {
	display: grid;
	grid-template-columns: max-content 1fr;
	justify-self: center;
	background: #ecf0f4;
	border-radius: 0.5em;
}

#jc-column .jc-column-foot .profile figure { grid-area: figure; }
#jc-column .jc-column-foot .profile h3 { grid-area: h3; }
#jc-column .jc-column-foot .profile p { grid-area: p; }


#jc-column .jc-column-foot .profile h3 {
	border-bottom: 1px solid #cfdae3;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	color: #de0000;
	line-height: 1.3;
}
#jc-column .jc-column-foot .profile h3 small {
	font-weight: normal;
	font-size: 77%;
}

#jc-column .jc-column-foot .profile p a {
	color: var(--color-red);
	text-decoration: underline;
}


@media (max-width: 640px) {
	#jc-column .jc-column-foot .profile {
		grid-template-columns: 1fr auto;
		grid-template-areas:
		'h3 figure'
		'p p';
		grid-gap: 0 1em;
		padding: 1.5em;
		margin: 0 1.5em;
	}

	#jc-column .jc-column-foot .profile figure {
		margin-bottom: -4.5em;
	}

	#jc-column .jc-column-foot .profile figure img {
		width: 8em;
	}

	#jc-column .jc-column-foot .profile h3 {
		align-self: center;

		display: grid;
		justify-items: start;
		grid-gap: 0.1em;

		font-size: 130%;
		text-align: center;
	}
	#jc-column .jc-column-foot .profile p {
		font-size: 90%;
	}

	#jc-column .jc-column-foot .profile p::before {
		content: '';
		display: block;
		float: right;
		width: 10.5em;
		height: 5em;
	}
}



@media (min-width: 641px) {

	#jc-column .jc-column-foot .profile {
		grid-template-areas:
		'figure blank1'
		'figure h3'
		'figure p'
		'figure blank2';
		grid-gap: 0 1em;
		padding: 1.25em;
		align-items: center;
		width: 35em;
	}
	#jc-column .jc-column-foot .profile::after {
		content: none;
	}

	#jc-column .jc-column-foot .profile figure img {
		width: 7.1em;
	}

	#jc-column .jc-column-foot .profile h3 {
		display: flex;
		align-items: center;
		font-size: 0.9em;
	}
	#jc-column .jc-column-foot .profile h3 small {
		margin-right: 0.5em;
	}
	#jc-column .jc-column-foot .profile p {
		font-size: 0.65em;
	}

}



/* ==================== #jc-column/jc-column-foot/references.css ==================== */

#jc-column .jc-column-foot .references {
	display: grid;
	grid-gap: 1em;
}

#jc-column .jc-column-foot .references dl {
	color: var(--color-gray);
}

#jc-column .jc-column-foot .references dt::before { content: '〈'; }
#jc-column .jc-column-foot .references dt::after { content: '〉'; }

#jc-column .jc-column-foot .references dd {
	text-indent: -1em;
	margin-left: 1em;
}
#jc-column .jc-column-foot .references dd::before {
	content: '・';
}


@media (max-width: 640px) {
	#jc-column .jc-column-foot .references {
		padding: 0 1em;
	}
	#jc-column .jc-column-foot .references dl {
		font-size: 0.8em;
	}
}


@media (min-width: 641px) {

	#jc-column .jc-column-foot .references {
		justify-self: center;
		max-width: 42em;
	}
	#jc-column .jc-column-foot .references::after {
		content: none;
	}

	#jc-column .jc-column-foot .references dl {
		font-size: 0.6em;
	}
}



/* ==================== #jc-column/jc-column-map/@.css ==================== */

#jc-column .jc-column-map .scroll-body {
	overflow-y: hidden;
}

#jc-column .jc-column-map .map-body {
	position: relative;
	width: 47em;
	aspect-ratio: 1;
	background: no-repeat left top / contain;
}

#jc-column .jc-column-map ul {
	padding: 0;
	list-style-type: none;
}

#jc-column .jc-column-map li {
	position: absolute;
}


@media (max-width: 640px) {

	#jc-column .jc-column-map {
		position: relative;
	}

	#jc-column .jc-column-map .scroll-body {
		width: 100vw;
		margin: 0 -1.5em;
		overflow-x: scroll;
	}

	#jc-column .jc-column-map .scroll-guide {
		position: absolute;
		left: 50%;
		top: 50%;
		display: grid;
		grid-gap: 0.5em;
		grid-auto-flow: column;
		align-items: center;
		height: 2.5em;
		border-radius: 1.25em;
		padding: 0 1em;
		transform: translate(-50%, -50%);
		background: rgba(0,0,0,0.3);
		color: white;
		white-space: nowrap;
		font-weight: bold;
		line-height: 1;
	}

	#jc-column .jc-column-map .scroll-guide::before,
	#jc-column .jc-column-map .scroll-guide::after {
		content: '';
		display: block;
		width: 1em;
		aspect-ratio: 1;
		background: url(../images/map_scroll_arrow.svg) no-repeat center center / contain;
	}
	#jc-column .jc-column-map .scroll-guide::after {
		transform: scaleX(-1);
	}

}


@media (min-width: 641px) {

	#jc-column .jc-column-map .scroll-body {
		margin: 0 -2.5em;
	}

	#jc-column .jc-column-map .scroll-guide {
		display: none;
	}

}



/* ==================== #jc-column/jc-column-map/&_autumn/@.css ==================== */

#jc-column .jc-column-map_autumn .scroll-body {
	height: 29.7em;
}

#jc-column .jc-column-map_autumn .map-body {
	background-image: url(../../autumn/images/map_base.jpg);
}

#jc-column .jc-column-map_autumn li {
	display: flex;
	width: 8em;
	height: 2.7em;
	border-radius: 0.25em;
}

#jc-column .jc-column-map_autumn li[data-id="1"] { background-color: var(--color-area1); }
#jc-column .jc-column-map_autumn li[data-id="2"] { background-color: var(--color-area2); }
#jc-column .jc-column-map_autumn li[data-id="3"] { background-color: var(--color-area3); }
#jc-column .jc-column-map_autumn li[data-id="4"] { background-color: var(--color-area4); }
#jc-column .jc-column-map_autumn li[data-id="5"] { background-color: var(--color-area5); }
#jc-column .jc-column-map_autumn li[data-id="6"] { background-color: var(--color-area6); }
#jc-column .jc-column-map_autumn li[data-id="7"] { background-color: var(--color-area7); }

#jc-column .jc-column-map_autumn li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}


	#jc-column .jc-column-map_autumn li[data-id="4"] { left: 33.6%; top: 18.1%; }
	#jc-column .jc-column-map_autumn li[data-id="3"] { left: 53.4%; top: 35.4%; }
	#jc-column .jc-column-map_autumn li[data-id="5"] { left: 40.4%; top: 42.6%; }
	#jc-column .jc-column-map_autumn li[data-id="7"] { left: 11.8%; top: 46%; }
	#jc-column .jc-column-map_autumn li[data-id="1"] { left: 37.1%; top: 2.8%; }
	#jc-column .jc-column-map_autumn li[data-id="6"] { left: 19.5%; top: 25.4%; }
	#jc-column .jc-column-map_autumn li[data-id="2"] { left: 60%; top: 20.7%; }



/* ==================== #jc-column/jc-column-map/&_autumn-2/@.css ==================== */

#jc-column .jc-column-map_autumn-2 .scroll-body {
	height: 29.7em;
}

#jc-column .jc-column-map_autumn-2 .map-body {
	background-image: url(../../autumn/images/map_base.jpg);
}

#jc-column .jc-column-map_autumn-2 li {
	display: flex;
	width: 8em;
	height: 2.7em;
	border-radius: 0.25em;
}

#jc-column .jc-column-map_autumn-2 li[data-id="1"] { background-color: var(--color-area1); }
#jc-column .jc-column-map_autumn-2 li[data-id="2"] { background-color: var(--color-area2); }
#jc-column .jc-column-map_autumn-2 li[data-id="3"] { background-color: var(--color-area3); }
#jc-column .jc-column-map_autumn-2 li[data-id="4"] { background-color: var(--color-area4); }
#jc-column .jc-column-map_autumn-2 li[data-id="5"] { background-color: var(--color-area5); }
#jc-column .jc-column-map_autumn-2 li[data-id="6"] { background-color: var(--color-area6); }
#jc-column .jc-column-map_autumn-2 li[data-id="7"] { background-color: var(--color-area7); }

#jc-column .jc-column-map_autumn-2 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}


	#jc-column .jc-column-map_autumn-2 li[data-id="4"] { left: 33.6%; top: 18.1%; }
	#jc-column .jc-column-map_autumn-2 li[data-id="3"] { left: 53.4%; top: 35.4%; }
	#jc-column .jc-column-map_autumn-2 li[data-id="5"] { left: 40.4%; top: 42.6%; }
	#jc-column .jc-column-map_autumn-2 li[data-id="7"] { left: 11.8%; top: 46%; }
	#jc-column .jc-column-map_autumn-2 li[data-id="1"] { left: 37.1%; top: 2.8%; }
	#jc-column .jc-column-map_autumn-2 li[data-id="6"] { left: 19.5%; top: 25.4%; }
	#jc-column .jc-column-map_autumn-2 li[data-id="2"] { left: 60%; top: 20.7%; }

#jc-column .jc-column-map_autumn-2 .map-body {
	background-image: url(../../autumn/images/map_base_2.jpg);
}



/* ==================== #jc-column/jc-column-map/&_noodle/@.css ==================== */

#jc-column .jc-column-map_noodle .scroll-body {
	height: 32.5em;
}

#jc-column .jc-column-map_noodle .map-body {
	background-image: url(../../noodles/images/map_base.png);
}

#jc-column .jc-column-map_noodle li img {
	width: 4.4em;
	mix-blend-mode: multiply;
}

#jc-column .jc-column-map_noodle li a {
	display: block;
}

#jc-column .jc-column-map_noodle li[data-categoryid="1"] a { color: var(--color-category1); }
#jc-column .jc-column-map_noodle li[data-categoryid="2"] a { color: var(--color-category2); }
#jc-column .jc-column-map_noodle li[data-categoryid="3"] a { color: var(--color-category3); }
#jc-column .jc-column-map_noodle li[data-categoryid="4"] a { color: var(--color-category4); }

#jc-column .jc-column-map_noodle li .name {
	position: absolute;
	left: 105%;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
	font-size: 0.65em;
	font-size: 70%;
	white-space: nowrap;
	text-decoration: underline;
}

/* 左 */
#jc-column .jc-column-map_noodle li[data-id="1_3"] .name,
#jc-column .jc-column-map_noodle li[data-id="1_7"] .name,
#jc-column .jc-column-map_noodle li[data-id="2_4"] .name,
#jc-column .jc-column-map_noodle li[data-id="3_2"] .name,
#jc-column .jc-column-map_noodle li[data-id="3_3"] .name,
#jc-column .jc-column-map_noodle li[data-id="3_4"] .name,
#jc-column .jc-column-map_noodle li[data-id="3_5"] .name {
	left: auto;
	right: 105%;
}

/* 下左 */
#jc-column .jc-column-map_noodle li[data-id="1_5"] .name {
	left: 0;
	top: 105%;
	transform: none;
}

/* 下中央 */
#jc-column .jc-column-map_noodle li[data-id="1_6"] .name,
#jc-column .jc-column-map_noodle li[data-id="2_5"] .name {
	left: 50%;
	top: 105%;
	transform: translateX(-50%);
}

/* そうめん */
#jc-column .jc-column-map_noodle li[data-id="4_2"] .name {
	left: auto;
	top: auto;
	right: 100%;
	bottom: 100%;
	transform: none;
}
#jc-column .jc-column-map_noodle li[data-id="4_3"] .name {
	left: 0;
	top: 0;
	transform: none;
}



#jc-column .jc-column-map_noodle li .name small {
	font-weight: normal;
	font-size: 84%;
}


	#jc-column .jc-column-map_noodle li[data-id="1_3"] { left: 34.7%; top: 13.9%; }
	#jc-column .jc-column-map_noodle li[data-id="2_4"] { left: 16%; top: 41.1%; }
	#jc-column .jc-column-map_noodle li[data-id="3_1"] { left: 75.2%; top: 24.2%; }
	#jc-column .jc-column-map_noodle li[data-id="3_4"] { left: 13.5%; top: 26%; }
	#jc-column .jc-column-map_noodle li[data-id="3_2"] { left: 45%; top: 6.5%; }
	#jc-column .jc-column-map_noodle li[data-id="1_6"] { left: 33.8%; top: 49.2%; }
	#jc-column .jc-column-map_noodle li[data-id="4_3"] { left: 53.8%; top: 61.5%; }
	#jc-column .jc-column-map_noodle li[data-id="4_1"] { left: 60.2%; top: 51%; }
	#jc-column .jc-column-map_noodle li[data-id="2_2"] { left: 67.7%; top: 18.8%; }
	#jc-column .jc-column-map_noodle li[data-id="1_1"] { left: 71.2%; top: 9.4%; }
	#jc-column .jc-column-map_noodle li[data-id="4_2"] { left: 38.9%; top: 25%; }
	#jc-column .jc-column-map_noodle li[data-id="1_7"] { left: 17%; top: 49.3%; }
	#jc-column .jc-column-map_noodle li[data-id="3_3"] { left: 24.2%; top: 8.7%; }
	#jc-column .jc-column-map_noodle li[data-id="2_5"] { left: 9.2%; top: 57%; }
	#jc-column .jc-column-map_noodle li[data-id="1_5"] { left: 50%; top: 42.6%; }
	#jc-column .jc-column-map_noodle li[data-id="2_6"] { left: 29.8%; top: 61.5%; }
	#jc-column .jc-column-map_noodle li[data-id="1_4"] { left: 65.1%; top: 45.7%; }
	#jc-column .jc-column-map_noodle li[data-id="3_5"] { left: 14.3%; top: 33.8%; }
	#jc-column .jc-column-map_noodle li[data-id="2_1"] { left: 59.5%; top: 0.7%; }
	#jc-column .jc-column-map_noodle li[data-id="1_2"] { left: 72.2%; top: 37.1%; }
	#jc-column .jc-column-map_noodle li[data-id="2_3"] { left: 61.5%; top: 30.5%; }



/* ==================== #jc-column/jc-column-map/&_winter/@.css ==================== */

#jc-column .jc-column-map_winter .scroll-body {
	height: 29.7em;
}

#jc-column .jc-column-map_winter .map-body {
	background-image: url(../../winter/images/map_base.jpg);
}

#jc-column .jc-column-map_winter li {
	display: flex;
	width: 8em;
	height: 2.7em;
	border-radius: 0.25em;
}

#jc-column .jc-column-map_winter li[data-id="1"] { background-color: var(--color-area1); }
#jc-column .jc-column-map_winter li[data-id="2"] { background-color: var(--color-area2); }
#jc-column .jc-column-map_winter li[data-id="3"] { background-color: var(--color-area3); }
#jc-column .jc-column-map_winter li[data-id="4"] { background-color: var(--color-area4); }
#jc-column .jc-column-map_winter li[data-id="5"] { background-color: var(--color-area5); }
#jc-column .jc-column-map_winter li[data-id="6"] { background-color: var(--color-area6); }
#jc-column .jc-column-map_winter li[data-id="7"] { background-color: var(--color-area7); }

#jc-column .jc-column-map_winter li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}


	#jc-column .jc-column-map_winter li[data-id="4"] { left: 33.6%; top: 18.1%; }
	#jc-column .jc-column-map_winter li[data-id="3"] { left: 53.4%; top: 35.4%; }
	#jc-column .jc-column-map_winter li[data-id="5"] { left: 40.4%; top: 42.6%; }
	#jc-column .jc-column-map_winter li[data-id="7"] { left: 11.8%; top: 46%; }
	#jc-column .jc-column-map_winter li[data-id="1"] { left: 37.1%; top: 2.8%; }
	#jc-column .jc-column-map_winter li[data-id="6"] { left: 19.5%; top: 25.4%; }
	#jc-column .jc-column-map_winter li[data-id="2"] { left: 60%; top: 20.7%; }



/* ==================== #jc-column/jc-column-map/&_winter-2/@.css ==================== */

#jc-column .jc-column-map_winter-2 .scroll-body {
	height: 29.7em;
}

#jc-column .jc-column-map_winter-2 .map-body {
	background-image: url(../../winter/images/map_base.jpg);
}

#jc-column .jc-column-map_winter-2 li {
	display: flex;
	width: 8em;
	height: 2.7em;
	border-radius: 0.25em;
}

#jc-column .jc-column-map_winter-2 li[data-id="1"] { background-color: var(--color-area1); }
#jc-column .jc-column-map_winter-2 li[data-id="2"] { background-color: var(--color-area2); }
#jc-column .jc-column-map_winter-2 li[data-id="3"] { background-color: var(--color-area3); }
#jc-column .jc-column-map_winter-2 li[data-id="4"] { background-color: var(--color-area4); }
#jc-column .jc-column-map_winter-2 li[data-id="5"] { background-color: var(--color-area5); }
#jc-column .jc-column-map_winter-2 li[data-id="6"] { background-color: var(--color-area6); }
#jc-column .jc-column-map_winter-2 li[data-id="7"] { background-color: var(--color-area7); }

#jc-column .jc-column-map_winter-2 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}


	#jc-column .jc-column-map_winter-2 li[data-id="4"] { left: 33.6%; top: 18.1%; }
	#jc-column .jc-column-map_winter-2 li[data-id="3"] { left: 53.4%; top: 35.4%; }
	#jc-column .jc-column-map_winter-2 li[data-id="5"] { left: 40.4%; top: 42.6%; }
	#jc-column .jc-column-map_winter-2 li[data-id="7"] { left: 11.8%; top: 46%; }
	#jc-column .jc-column-map_winter-2 li[data-id="1"] { left: 37.1%; top: 2.8%; }
	#jc-column .jc-column-map_winter-2 li[data-id="6"] { left: 19.5%; top: 25.4%; }
	#jc-column .jc-column-map_winter-2 li[data-id="2"] { left: 60%; top: 20.7%; }

#jc-column .jc-column-map_winter-2 .map-body {
	background-image: url(../../winter/images/map_base_2.jpg);
}



/* ==================== #jc-column/jc-column-notes/@.css ==================== */

#jc-column .jc-column-notes {
	margin-top: 4em;
}

#jc-column .jc-column-notes p {
	color: var(--color-gray);
	text-align: center;
}


@media (max-width: 640px) {
	#jc-column .jc-column-notes p {
		font-size: 90%;
	}
}


@media (min-width: 641px) {
	#jc-column .jc-column-notes p {
		font-size: 60%;
	}
}



/* ==================== #jc-column/jc-column-recipe/@.css ==================== */

#jc-column .jc-column-recipe {
  display: grid;
  padding: 1.25em;
  border-radius: 0.5em;
}
#jc-column .jc-column-recipe .btn {
  display: flex;
  align-items: center;
  height: 2.25em;
  border: 1px solid;
  border-radius: 0.25em;
  padding: 0 1em;
  background: white;
  text-decoration: none;
}
#jc-column .jc-column-recipe .btn::before {
  content: "";
  display: block;
  aspect-ratio: 1;
  width: 1.1em;
  border-radius: 50%;
  margin-right: 0.25em;
  background: url(../images/recipe_btn_arrow.svg) no-repeat center center/contain;
}
@media (max-width: 640px) {
  #jc-column .jc-column-recipe .btn {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe .btn {
    align-self: end;
    font-size: 60%;
  }
}
#jc-column .jc-column-recipe .thum img {
  aspect-ratio: 4/3;
  object-fit: cover;
}
#jc-column .jc-column-recipe_list {
  display: grid;
  grid-gap: 1em;
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list {
    grid-template-columns: 6.5em auto;
    grid-template-areas: "h5 ul" "comment ul";
  }
  #jc-column .jc-column-recipe_list h5 {
    grid-area: h5;
  }
  #jc-column .jc-column-recipe_list ul {
    grid-area: ul;
  }
  #jc-column .jc-column-recipe_list .comment {
    grid-area: comment;
  }
}
@media (max-width: 640px) {
  #jc-column .jc-column-recipe_list h5 {
    justify-self: center;
    font-size: 110%;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list h5 {
    display: grid;
    justify-items: center;
    align-content: center;
    aspect-ratio: 1;
    border-radius: 50%;
    background: white;
    line-height: 1.3;
    text-align: center;
  }
  #jc-column .jc-column-recipe_list h5 span {
    font-size: 90%;
  }
  #jc-column .jc-column-recipe_list h5 span small {
    display: block;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list_autumn h5 span:nth-of-type(n+2), #jc-column .jc-column-recipe_list_winter h5 span:nth-of-type(n+2), #jc-column .jc-column-recipe_list_noodle h5 span:nth-of-type(n+3) {
    font-weight: normal;
    font-size: 66%;
  }
}
#jc-column .jc-column-recipe_list ul {
  padding: 0;
  list-style-type: none;
}
@media (max-width: 640px) {
  #jc-column .jc-column-recipe_list ul {
    display: grid;
    grid-gap: 1em;
  }
  #jc-column .jc-column-recipe_list ul .thum {
    grid-area: thum;
  }
  #jc-column .jc-column-recipe_list ul .title {
    grid-area: title;
  }
  #jc-column .jc-column-recipe_list ul .btn {
    grid-area: btn;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list ul {
    display: flex;
  }
}
#jc-column .jc-column-recipe_list ul li {
  display: grid;
  align-items: center;
}
@media (max-width: 640px) {
  #jc-column .jc-column-recipe_list ul li {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr auto;
    grid-template-areas: "thum title" "thum btn";
    grid-gap: 0.5em 0.75em;
    justify-items: center;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list ul li {
    width: 100%;
    max-width: 9em;
    grid-template-rows: auto 1fr auto;
    grid-gap: 0.5em;
    justify-items: center;
  }
  #jc-column .jc-column-recipe_list ul li:nth-of-type(n+2) {
    margin-left: 0.75em;
  }
}
#jc-column .jc-column-recipe_list ul .title {
  line-height: 1.3;
}
@media (max-width: 640px) {
  #jc-column .jc-column-recipe_list ul .title {
    font-size: 85%;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list ul .title {
    font-size: 65%;
  }
}
#jc-column .jc-column-recipe_list .comment {
  line-height: 1.4;
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_list .comment {
    text-align: justify;
    font-size: 60%;
  }
}
#jc-column .jc-column-recipe_list_autumn[data-id="1"], #jc-column .jc-column-recipe_list_winter[data-id="1"] {
  background-color: var(--bg-color-area1);
}
#jc-column .jc-column-recipe_list_autumn[data-id="1"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="1"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="1"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="1"] .comment {
  color: var(--color-area1);
}
#jc-column .jc-column-recipe_list_autumn[data-id="1"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="1"] .btn {
  border-color: var(--border-color-area1);
  color: var(--color-area1);
}
#jc-column .jc-column-recipe_list_autumn[data-id="1"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="1"] .btn::before {
  background-color: var(--color-area1);
}
#jc-column .jc-column-recipe_list_autumn[data-id="2"], #jc-column .jc-column-recipe_list_winter[data-id="2"] {
  background-color: var(--bg-color-area2);
}
#jc-column .jc-column-recipe_list_autumn[data-id="2"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="2"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="2"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="2"] .comment {
  color: var(--color-area2);
}
#jc-column .jc-column-recipe_list_autumn[data-id="2"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="2"] .btn {
  border-color: var(--border-color-area2);
  color: var(--color-area2);
}
#jc-column .jc-column-recipe_list_autumn[data-id="2"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="2"] .btn::before {
  background-color: var(--color-area2);
}
#jc-column .jc-column-recipe_list_autumn[data-id="3"], #jc-column .jc-column-recipe_list_winter[data-id="3"] {
  background-color: var(--bg-color-area3);
}
#jc-column .jc-column-recipe_list_autumn[data-id="3"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="3"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="3"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="3"] .comment {
  color: var(--color-area3);
}
#jc-column .jc-column-recipe_list_autumn[data-id="3"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="3"] .btn {
  border-color: var(--border-color-area3);
  color: var(--color-area3);
}
#jc-column .jc-column-recipe_list_autumn[data-id="3"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="3"] .btn::before {
  background-color: var(--color-area3);
}
#jc-column .jc-column-recipe_list_autumn[data-id="4"], #jc-column .jc-column-recipe_list_winter[data-id="4"] {
  background-color: var(--bg-color-area4);
}
#jc-column .jc-column-recipe_list_autumn[data-id="4"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="4"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="4"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="4"] .comment {
  color: var(--color-area4);
}
#jc-column .jc-column-recipe_list_autumn[data-id="4"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="4"] .btn {
  border-color: var(--border-color-area4);
  color: var(--color-area4);
}
#jc-column .jc-column-recipe_list_autumn[data-id="4"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="4"] .btn::before {
  background-color: var(--color-area4);
}
#jc-column .jc-column-recipe_list_autumn[data-id="5"], #jc-column .jc-column-recipe_list_winter[data-id="5"] {
  background-color: var(--bg-color-area5);
}
#jc-column .jc-column-recipe_list_autumn[data-id="5"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="5"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="5"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="5"] .comment {
  color: var(--color-area5);
}
#jc-column .jc-column-recipe_list_autumn[data-id="5"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="5"] .btn {
  border-color: var(--border-color-area5);
  color: var(--color-area5);
}
#jc-column .jc-column-recipe_list_autumn[data-id="5"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="5"] .btn::before {
  background-color: var(--color-area5);
}
#jc-column .jc-column-recipe_list_autumn[data-id="6"], #jc-column .jc-column-recipe_list_winter[data-id="6"] {
  background-color: var(--bg-color-area6);
}
#jc-column .jc-column-recipe_list_autumn[data-id="6"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="6"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="6"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="6"] .comment {
  color: var(--color-area6);
}
#jc-column .jc-column-recipe_list_autumn[data-id="6"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="6"] .btn {
  border-color: var(--border-color-area6);
  color: var(--color-area6);
}
#jc-column .jc-column-recipe_list_autumn[data-id="6"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="6"] .btn::before {
  background-color: var(--color-area6);
}
#jc-column .jc-column-recipe_list_autumn[data-id="7"], #jc-column .jc-column-recipe_list_winter[data-id="7"] {
  background-color: var(--bg-color-area7);
}
#jc-column .jc-column-recipe_list_autumn[data-id="7"] h5,
#jc-column .jc-column-recipe_list_autumn[data-id="7"] .comment, #jc-column .jc-column-recipe_list_winter[data-id="7"] h5,
#jc-column .jc-column-recipe_list_winter[data-id="7"] .comment {
  color: var(--color-area7);
}
#jc-column .jc-column-recipe_list_autumn[data-id="7"] .btn, #jc-column .jc-column-recipe_list_winter[data-id="7"] .btn {
  border-color: var(--border-color-area7);
  color: var(--color-area7);
}
#jc-column .jc-column-recipe_list_autumn[data-id="7"] .btn::before, #jc-column .jc-column-recipe_list_winter[data-id="7"] .btn::before {
  background-color: var(--color-area7);
}
#jc-column .jc-column-recipe_list_noodle[data-id="1"] {
  background-color: var(--bg-color-category1);
}
#jc-column .jc-column-recipe_list_noodle[data-id="1"] h5 {
  color: var(--color-category1);
}
#jc-column .jc-column-recipe_list_noodle[data-id="1"] .btn {
  border-color: var(--border-color-category1);
  color: var(--color-category1);
}
#jc-column .jc-column-recipe_list_noodle[data-id="1"] .btn::before {
  background-color: var(--color-category1);
}
#jc-column .jc-column-recipe_list_noodle[data-id="2"] {
  background-color: var(--bg-color-category2);
}
#jc-column .jc-column-recipe_list_noodle[data-id="2"] h5 {
  color: var(--color-category2);
}
#jc-column .jc-column-recipe_list_noodle[data-id="2"] .btn {
  border-color: var(--border-color-category2);
  color: var(--color-category2);
}
#jc-column .jc-column-recipe_list_noodle[data-id="2"] .btn::before {
  background-color: var(--color-category2);
}
#jc-column .jc-column-recipe_list_noodle[data-id="3"] {
  background-color: var(--bg-color-category3);
}
#jc-column .jc-column-recipe_list_noodle[data-id="3"] h5 {
  color: var(--color-category3);
}
#jc-column .jc-column-recipe_list_noodle[data-id="3"] .btn {
  border-color: var(--border-color-category3);
  color: var(--color-category3);
}
#jc-column .jc-column-recipe_list_noodle[data-id="3"] .btn::before {
  background-color: var(--color-category3);
}
#jc-column .jc-column-recipe_list_noodle[data-id="4"] {
  background-color: var(--bg-color-category4);
}
#jc-column .jc-column-recipe_list_noodle[data-id="4"] h5 {
  color: var(--color-category4);
}
#jc-column .jc-column-recipe_list_noodle[data-id="4"] .btn {
  border-color: var(--border-color-category4);
  color: var(--color-category4);
}
#jc-column .jc-column-recipe_list_noodle[data-id="4"] .btn::before {
  background-color: var(--color-category4);
}
#jc-column .jc-column-recipe_try {
  justify-items: center;
}
#jc-column .jc-column-recipe_try h5 span {
  padding-right: 0.1em;
  font-size: 115%;
}
#jc-column .jc-column-recipe_try h5 {
  position: relative;
  padding-left: 1em;
  padding-right: 0.5em;
}
#jc-column .jc-column-recipe_try h5::before,
#jc-column .jc-column-recipe_try h5::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 0;
  height: 80%;
  border: 0 solid black;
  font-weight: normal;
}
#jc-column .jc-column-recipe_try h5::before {
  right: 100%;
  border-left-width: 1px;
  transform: rotate(-25deg);
}
#jc-column .jc-column-recipe_try h5::after {
  left: 100%;
  border-right-width: 1px;
  transform: rotate(25deg);
}
#jc-column .jc-column-recipe_try h6 {
  font-weight: normal;
}
#jc-column .jc-column-recipe_try h6 a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 640px) {
  #jc-column .jc-column-recipe_try {
    grid-gap: 0.75em;
  }
  #jc-column .jc-column-recipe_try h5 {
    display: grid;
    justify-items: center;
    padding-left: 1.5em;
    padding-right: 1em;
  }
  #jc-column .jc-column-recipe_try .thum {
    width: 16em;
  }
  #jc-column .jc-column-recipe_try h6 {
    font-size: 110%;
  }
}
@media (min-width: 641px) {
  #jc-column .jc-column-recipe_try {
    grid-template-columns: 7.5em auto;
    grid-template-rows: repeat(3, auto) 1fr;
    grid-template-areas: "h5 h5" "thum h6" "thum p" "thum btn";
    grid-gap: 0.25em 1em;
    align-items: center;
  }
  #jc-column .jc-column-recipe_try h5 {
    grid-area: h5;
  }
  #jc-column .jc-column-recipe_try .thum {
    grid-area: thum;
  }
  #jc-column .jc-column-recipe_try h6 {
    grid-area: h6;
  }
  #jc-column .jc-column-recipe_try p {
    grid-area: p;
  }
  #jc-column .jc-column-recipe_try .btn {
    grid-area: btn;
  }
  #jc-column .jc-column-recipe_try h6,
  #jc-column .jc-column-recipe_try p,
  #jc-column .jc-column-recipe_try .btn {
    justify-self: start;
  }
  #jc-column .jc-column-recipe_try h5,
  #jc-column .jc-column-recipe_try h6 {
    font-size: 70%;
  }
  #jc-column .jc-column-recipe_try p {
    font-size: 60%;
  }
  #jc-column .jc-column-recipe_try h5 {
    margin-bottom: 0.25em;
  }
}
#jc-column .jc-column-recipe_try_hokkaido {
  background-color: #fee8e8;
}
#jc-column .jc-column-recipe_try_hokkaido h6,
#jc-column .jc-column-recipe_try_hokkaido .btn {
  color: #f76666;
}
#jc-column .jc-column-recipe_try_hokkaido .btn {
  border-color: #fdd9d9;
}
#jc-column .jc-column-recipe_try_hokkaido .btn::before {
  background-color: #f76666;
}
#jc-column .jc-column-recipe_try_noodle.noodle1 {
  background-color: var(--bg-color-category1);
}
#jc-column .jc-column-recipe_try_noodle.noodle1 h6,
#jc-column .jc-column-recipe_try_noodle.noodle1 .btn {
  color: var(--color-category1);
}
#jc-column .jc-column-recipe_try_noodle.noodle1 .btn {
  border-color: var(--border-color-category1);
}
#jc-column .jc-column-recipe_try_noodle.noodle1 .btn::before {
  background-color: var(--color-category1);
}
#jc-column .jc-column-recipe_try_noodle.noodle2 {
  background-color: var(--bg-color-category2);
}
#jc-column .jc-column-recipe_try_noodle.noodle2 h6,
#jc-column .jc-column-recipe_try_noodle.noodle2 .btn {
  color: var(--color-category2);
}
#jc-column .jc-column-recipe_try_noodle.noodle2 .btn {
  border-color: var(--border-color-category2);
}
#jc-column .jc-column-recipe_try_noodle.noodle2 .btn::before {
  background-color: var(--color-category2);
}
#jc-column .jc-column-recipe_try_noodle.noodle3 {
  background-color: var(--bg-color-category3);
}
#jc-column .jc-column-recipe_try_noodle.noodle3 h6,
#jc-column .jc-column-recipe_try_noodle.noodle3 .btn {
  color: var(--color-category3);
}
#jc-column .jc-column-recipe_try_noodle.noodle3 .btn {
  border-color: var(--border-color-category3);
}
#jc-column .jc-column-recipe_try_noodle.noodle3 .btn::before {
  background-color: var(--color-category3);
}
#jc-column .jc-column-recipe_try_noodle.noodle4 {
  background-color: var(--bg-color-category4);
}
#jc-column .jc-column-recipe_try_noodle.noodle4 h6,
#jc-column .jc-column-recipe_try_noodle.noodle4 .btn {
  color: var(--color-category4);
}
#jc-column .jc-column-recipe_try_noodle.noodle4 .btn {
  border-color: var(--border-color-category4);
}
#jc-column .jc-column-recipe_try_noodle.noodle4 .btn::before {
  background-color: var(--color-category4);
}



/* ==================== #jc-column/jc-column-recipe/btn.css ==================== */

#jc-column .jc-column-recipe .btn {
	display: flex;
	align-items: center;
	height: 2.25em;
	border: 1px solid;
	border-radius: 0.25em;
	padding: 0 1em;
	background: white;
	text-decoration: none;
}

#jc-column .jc-column-recipe .btn::before {
	content: '';
	display: block;
	aspect-ratio: 1;
	width: 1.1em;
	border-radius: 50%;
	margin-right: 0.25em;
	background: url(../images/recipe_btn_arrow.svg) no-repeat center center / contain;
}


@media (max-width: 640px) {
	#jc-column .jc-column-recipe .btn {
		font-size: 90%;
	}
}


@media (min-width: 641px) {

	#jc-column .jc-column-recipe .btn {
		align-self: end;
		font-size: 60%;
	}

}



/* ==================== #jc-column/jc-column-recipe/thum.css ==================== */

#jc-column .jc-column-recipe .thum img {
	aspect-ratio: 4/3;
	object-fit: cover;
}



/* ==================== #jc-column/jc-column-recipe/&_list/@.css ==================== */

#jc-column .jc-column-recipe_list {
	display: grid;
	grid-gap: 1em;
}


@media (min-width: 641px) {

	#jc-column .jc-column-recipe_list {
		grid-template-columns: auto auto;
	}

}



/* ==================== #jc-column/jc-column-recipe/&_list/<h5>.css ==================== */

@media (max-width: 640px) {

	#jc-column .jc-column-recipe_list h5 {
		justify-self: center;
		font-size: 110%;
	}

}


@media (min-width: 641px) {

	#jc-column .jc-column-recipe_list h5 {
		display: grid;
		justify-items: center;
		align-content: center;
		width: 6.5em;
		aspect-ratio: 1;
		border-radius: 50%;
		background: white;
		line-height: 1.3;
	}

	#jc-column .jc-column-recipe_list h5 span {
		font-size: 90%;
	}

	#jc-column .jc-column-recipe_list_autumn h5 span:nth-of-type(n+2),
	#jc-column .jc-column-recipe_list_noodle h5 span:nth-of-type(n+3) {
		font-weight: normal;
		font-size: 66%;
	}

}



/* ==================== #jc-column/jc-column-recipe/&_list/<ul>.css ==================== */

#jc-column .jc-column-recipe_list ul {
	padding: 0;
	list-style-type: none;
}

#jc-column .jc-column-recipe_list ul li {
	display: grid;
	align-items: center;
}

#jc-column .jc-column-recipe_list ul .title {
	line-height: 1.3;
}


@media (max-width: 640px) {

	#jc-column .jc-column-recipe_list ul {
		display: grid;
		grid-gap: 1em;
	}

	#jc-column .jc-column-recipe_list ul li {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr auto;
		grid-template-areas:
		'thum title'
		'thum btn';
		grid-gap: 0.5em 0.75em;
		justify-items: center;
	}

	#jc-column .jc-column-recipe_list ul .thum { grid-area: thum; }
	#jc-column .jc-column-recipe_list ul .title { grid-area: title; }
	#jc-column .jc-column-recipe_list ul .btn { grid-area: btn; }

	#jc-column .jc-column-recipe_list ul .title {
		font-size: 85%;
	}

}


@media (min-width: 641px) {

	#jc-column .jc-column-recipe_list ul {
		display: flex;
	}

	#jc-column .jc-column-recipe_list ul li {
		width: 100%;
		max-width: 9em;
	}

	#jc-column .jc-column-recipe_list ul li:nth-of-type(n+2) {
		margin-left: 0.75em;
	}

	#jc-column .jc-column-recipe_list ul li {
		grid-template-rows: auto 1fr auto;
		grid-gap: 0.5em;
		justify-items: center;
	}

	#jc-column .jc-column-recipe_list ul .title {
		font-size: 65%;
	}

}



/* ==================== #jc-column/jc-column-recipe/&_list/&_autumn/@.css ==================== */

#jc-column .jc-column-recipe_list_autumn[data-id="1"] { background-color: var(--bg-color-area1); }
#jc-column .jc-column-recipe_list_autumn[data-id="2"] { background-color: var(--bg-color-area2); }
#jc-column .jc-column-recipe_list_autumn[data-id="3"] { background-color: var(--bg-color-area3); }
#jc-column .jc-column-recipe_list_autumn[data-id="4"] { background-color: var(--bg-color-area4); }
#jc-column .jc-column-recipe_list_autumn[data-id="5"] { background-color: var(--bg-color-area5); }
#jc-column .jc-column-recipe_list_autumn[data-id="6"] { background-color: var(--bg-color-area6); }
#jc-column .jc-column-recipe_list_autumn[data-id="7"] { background-color: var(--bg-color-area7); }

#jc-column .jc-column-recipe_list_autumn[data-id="1"] h5 { color: var(--color-area1); }
#jc-column .jc-column-recipe_list_autumn[data-id="2"] h5 { color: var(--color-area2); }
#jc-column .jc-column-recipe_list_autumn[data-id="3"] h5 { color: var(--color-area3); }
#jc-column .jc-column-recipe_list_autumn[data-id="4"] h5 { color: var(--color-area4); }
#jc-column .jc-column-recipe_list_autumn[data-id="5"] h5 { color: var(--color-area5); }
#jc-column .jc-column-recipe_list_autumn[data-id="6"] h5 { color: var(--color-area6); }
#jc-column .jc-column-recipe_list_autumn[data-id="7"] h5 { color: var(--color-area7); }

#jc-column .jc-column-recipe_list_autumn[data-id="1"] .btn {
	border-color: var(--border-color-area1);
	color: var(--color-area1);
}
#jc-column .jc-column-recipe_list_autumn[data-id="2"] .btn {
	border-color: var(--border-color-area2);
	color: var(--color-area2);
}
#jc-column .jc-column-recipe_list_autumn[data-id="3"] .btn {
	border-color: var(--border-color-area3);
	color: var(--color-area3);
}
#jc-column .jc-column-recipe_list_autumn[data-id="4"] .btn {
	border-color: var(--border-color-area4);
	color: var(--color-area4);
}
#jc-column .jc-column-recipe_list_autumn[data-id="5"] .btn {
	border-color: var(--border-color-area5);
	color: var(--color-area5);
}
#jc-column .jc-column-recipe_list_autumn[data-id="6"] .btn {
	border-color: var(--border-color-area6);
	color: var(--color-area6);
}
#jc-column .jc-column-recipe_list_autumn[data-id="7"] .btn {
	border-color: var(--border-color-area7);
	color: var(--color-area7);
}


#jc-column .jc-column-recipe_list_autumn[data-id="1"] .btn::before { background-color: var(--color-area1); }
#jc-column .jc-column-recipe_list_autumn[data-id="2"] .btn::before { background-color: var(--color-area2); }
#jc-column .jc-column-recipe_list_autumn[data-id="3"] .btn::before { background-color: var(--color-area3); }
#jc-column .jc-column-recipe_list_autumn[data-id="4"] .btn::before { background-color: var(--color-area4); }
#jc-column .jc-column-recipe_list_autumn[data-id="5"] .btn::before { background-color: var(--color-area5); }
#jc-column .jc-column-recipe_list_autumn[data-id="6"] .btn::before { background-color: var(--color-area6); }
#jc-column .jc-column-recipe_list_autumn[data-id="7"] .btn::before { background-color: var(--color-area7); }



/* ==================== #jc-column/jc-column-recipe/&_list/&_noodle/@.css ==================== */

#jc-column .jc-column-recipe_list_noodle[data-id="1"] { background-color: var(--bg-color-category1); }
#jc-column .jc-column-recipe_list_noodle[data-id="2"] { background-color: var(--bg-color-category2); }
#jc-column .jc-column-recipe_list_noodle[data-id="3"] { background-color: var(--bg-color-category3); }
#jc-column .jc-column-recipe_list_noodle[data-id="4"] { background-color: var(--bg-color-category4); }

#jc-column .jc-column-recipe_list_noodle[data-id="1"] h5 { color: var(--color-category1); }
#jc-column .jc-column-recipe_list_noodle[data-id="2"] h5 { color: var(--color-category2); }
#jc-column .jc-column-recipe_list_noodle[data-id="3"] h5 { color: var(--color-category3); }
#jc-column .jc-column-recipe_list_noodle[data-id="4"] h5 { color: var(--color-category4); }

#jc-column .jc-column-recipe_list_noodle[data-id="1"] .btn {
	border-color: var(--border-color-category1);
	color: var(--color-category1);
}
#jc-column .jc-column-recipe_list_noodle[data-id="2"] .btn {
	border-color: var(--border-color-category2);
	color: var(--color-category2);
}
#jc-column .jc-column-recipe_list_noodle[data-id="3"] .btn {
	border-color: var(--border-color-category3);
	color: var(--color-category3);
}
#jc-column .jc-column-recipe_list_noodle[data-id="4"] .btn {
	border-color: var(--border-color-category4);
	color: var(--color-category4);
}

#jc-column .jc-column-recipe_list_noodle[data-id="1"] .btn::before { background-color: var(--color-category1); }
#jc-column .jc-column-recipe_list_noodle[data-id="2"] .btn::before { background-color: var(--color-category2); }
#jc-column .jc-column-recipe_list_noodle[data-id="3"] .btn::before { background-color: var(--color-category3); }
#jc-column .jc-column-recipe_list_noodle[data-id="4"] .btn::before { background-color: var(--color-category4); }



/* ==================== #jc-column/jc-column-recipe/&_try/@.css ==================== */

#jc-column .jc-column-recipe_try {
	justify-items: center;
}

#jc-column .jc-column-recipe_try h5 span {
	padding-right: 0.1em;
	font-size: 115%;
}

#jc-column .jc-column-recipe_try h5 {
	position: relative;
	padding-left: 1em;
	padding-right: 0.5em;
}
#jc-column .jc-column-recipe_try h5::before,
#jc-column .jc-column-recipe_try h5::after {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	width: 0;
	height: 80%;
	border: 0 solid black;
	font-weight: normal;
}
#jc-column .jc-column-recipe_try h5::before {
	right: 100%;
	border-left-width: 1px;
	transform: rotate(-25deg);
}
#jc-column .jc-column-recipe_try h5::after {
	left: 100%;
	border-right-width: 1px;
	transform: rotate(25deg);
}



#jc-column .jc-column-recipe_try h6 {
	font-weight: normal;
}

#jc-column .jc-column-recipe_try h6 a {
	color: inherit;
	text-decoration: underline;
}


@media (max-width: 640px) {

	#jc-column .jc-column-recipe_try {
		grid-gap: 0.75em;
	}

	#jc-column .jc-column-recipe_try h5 {
		display: grid;
		justify-items: center;
		padding-left: 1.5em;
		padding-right: 1em;
	}

	#jc-column .jc-column-recipe_try .thum {
		width: 16em;
	}

	#jc-column .jc-column-recipe_try h6 {
		font-size: 110%;
	}

}


@media (min-width: 641px) {

	#jc-column .jc-column-recipe_try {
		grid-template-columns: 7.5em auto;
		grid-template-rows: repeat(3, auto) 1fr;
		grid-template-areas:
		'h5 h5'
		'thum h6'
		'thum p'
		'thum btn';
		grid-gap: 0.25em 1em;
		align-items: center;
	}

	#jc-column .jc-column-recipe_try h5 { grid-area: h5;}
	#jc-column .jc-column-recipe_try .thum { grid-area: thum;}
	#jc-column .jc-column-recipe_try h6 { grid-area: h6;}
	#jc-column .jc-column-recipe_try p { grid-area: p;}
	#jc-column .jc-column-recipe_try .btn { grid-area: btn;}

	#jc-column .jc-column-recipe_try h6,
	#jc-column .jc-column-recipe_try p,
	#jc-column .jc-column-recipe_try .btn {
		justify-self: start;
	}

	#jc-column .jc-column-recipe_try h5,
	#jc-column .jc-column-recipe_try h6 {
		font-size: 70%;
	}

	#jc-column .jc-column-recipe_try p {
		font-size: 60%;
	}

	#jc-column .jc-column-recipe_try h5 {
		margin-bottom: 0.25em;
	}

}



/* ==================== #jc-column/jc-column-recipe/&_try/&_hokkaido/@.css ==================== */

#jc-column .jc-column-recipe_try_hokkaido {
	background-color: #fee8e8;
}

#jc-column .jc-column-recipe_try_hokkaido h6,
#jc-column .jc-column-recipe_try_hokkaido .btn {
	color: #f76666;
}

#jc-column .jc-column-recipe_try_hokkaido .btn {
	border-color: #fdd9d9;
 }

#jc-column .jc-column-recipe_try_hokkaido .btn::before {
	background-color: #f76666;
}



/* ==================== #jc-column/jc-column-recipe/&_try/&_noodle/@.css ==================== */

#jc-column .jc-column-recipe_try_noodle.noodle1 { background-color: var(--bg-color-category1); }

#jc-column .jc-column-recipe_try_noodle.noodle1 h6,
#jc-column .jc-column-recipe_try_noodle.noodle1 .btn { color: var(--color-category1); }

#jc-column .jc-column-recipe_try_noodle.noodle1 .btn { border-color: var(--border-color-category1); }

#jc-column .jc-column-recipe_try_noodle.noodle1 .btn::before { background-color: var(--color-category1); }

#jc-column .jc-column-recipe_try_noodle.noodle2 { background-color: var(--bg-color-category2); }

#jc-column .jc-column-recipe_try_noodle.noodle2 h6,
#jc-column .jc-column-recipe_try_noodle.noodle2 .btn { color: var(--color-category2); }

#jc-column .jc-column-recipe_try_noodle.noodle2 .btn { border-color: var(--border-color-category2); }

#jc-column .jc-column-recipe_try_noodle.noodle2 .btn::before { background-color: var(--color-category2); }

#jc-column .jc-column-recipe_try_noodle.noodle3 { background-color: var(--bg-color-category3); }

#jc-column .jc-column-recipe_try_noodle.noodle3 h6,
#jc-column .jc-column-recipe_try_noodle.noodle3 .btn { color: var(--color-category3); }

#jc-column .jc-column-recipe_try_noodle.noodle3 .btn { border-color: var(--border-color-category3); }

#jc-column .jc-column-recipe_try_noodle.noodle3 .btn::before { background-color: var(--color-category3); }

#jc-column .jc-column-recipe_try_noodle.noodle4 { background-color: var(--bg-color-category4); }

#jc-column .jc-column-recipe_try_noodle.noodle4 h6,
#jc-column .jc-column-recipe_try_noodle.noodle4 .btn { color: var(--color-category4); }

#jc-column .jc-column-recipe_try_noodle.noodle4 .btn { border-color: var(--border-color-category4); }

#jc-column .jc-column-recipe_try_noodle.noodle4 .btn::before { background-color: var(--color-category4); }



/* ==================== #jc-column-menu/@.css ==================== */

#jc-column-menu {
	position: relative;
	display: grid;
	grid-gap: 1em;
	justify-items: center;
}

.Jc.index #jc-column-menu,
.Jc.washoku #jc-column-menu {
	margin-top: 4em;
}

#jc-column-menu::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 0.5em);
	background: #f5f8f9;
}

#jc-column-menu > * {
	position: relative;
}


@media (max-width: 640px) {

	#jc-column-menu {
		padding: 0 2em 2.5em;
	}

}


@media (min-width: 641px) {

	#jc-column-menu::after {
		content: none;
	}

	#jc-column-menu {
		padding-bottom: 1.5em;
	}

	.Jc.index #jc-column-menu::before {
		width: calc(100% + 3em);
	}

}



/* ==================== #jc-column-menu/<h3>.css ==================== */

#jc-column-menu h3 {
	margin: 0;
	font-size: inherit;
}

@media (min-width: 641px) {

	#jc-column-menu h3 img {
		width: 17em;
	}

}



/* ==================== #jc-column-menu/<p>.css ==================== */

@media (max-width: 640px) {

	#jc-column-menu p {
		font-size: 90%;
	}


}

@media (min-width: 641px) {

	#jc-column-menu p {
		font-size: 70%;
	}

}



/* ==================== #jc-column-menu/<ul>.css ==================== */

#jc-column-menu ul {
	display: grid;
	padding: 0;
	list-style-type: none;
}

#jc-column-menu ul li {
	background: white;
	border: 1px solid #CFDAE3;
	border-radius: 0.5em;
}
#jc-column-menu ul li.on {
	opacity: 0.4;
}

#jc-column-menu ul li a {
	color: inherit;
	text-decoration: none;
}

#jc-column-menu ul li figure {
	display: grid;
	align-content: start;
	margin: 0;
}


@media (max-width: 640px) {

	#jc-column-menu ul {
		grid-gap: 0.75em;
	}

	#jc-column-menu ul li {
		padding: 1em;
	}

	#jc-column-menu ul li figure {
		grid-gap: 0.75em;
	}

	#jc-column-menu ul li figcaption {
		font-size: 80%;
	}

}

@media (min-width: 641px) {

	#jc-column-menu ul::after {
		content: none;
	}

	#jc-column-menu ul {
		grid-template-columns: repeat(4, 11em);
		grid-gap: 0.5em;
	}

	#jc-column-menu ul li {
		padding: 0.75em;
	}

	#jc-column-menu ul li figure {
		grid-gap: 0.5em;
	}

	#jc-column-menu ul li figcaption {
		font-size: 60%;
	}

}