@charset "utf-8";
/* CSS Document */

/* ======================================================
	渥美半島菜の花まつり
	[original] nanohana/
	@import"../css/test_line.css";
====================================================== */
#Nanohana
{
	--color					: var(--bk) / 0.65;
	--color1				: 248 222 0;
	--color2				: 0 109 59;
	--color_dark			: var(--dark_brown);

	--color_r				: 211 71 23;
	--color_yellow			: 253 208 0;
	--color_gr				: 25 96 57;
	--color_ygr				: 157 201 58;
	--color_bl				: 0 104 183;
	--color_navy			: 0 57 144;
	--color_purple			: 116 49 142;

	--body_bg				: 254 248 204;
	--bg_color				: var(--color2);
	--border_w				: 3px;
	--border_color			: var(--color_dark);
	--border_color			: var(--color1);
	--border_r				: 2em;
	--blank_icon_color		: var(--color_dark);

	--shadow_w				: drop-shadow(0 0 0.1em rgb(var(--w))) drop-shadow(0 0 0.1em rgb(var(--w))) drop-shadow(0 0 0.5em rgb(var(--w)));
	--shadow_color1			: drop-shadow(0 0 0.1em rgb(var(--color1))) drop-shadow(0 0 0.1em rgb(var(--color1))) drop-shadow(0 0 0.5em rgb(var(--color1)));
	--shadow_color2			: drop-shadow(0 0 0.1em rgb(var(--color2))) drop-shadow(0 0 0.1em rgb(var(--color2))) drop-shadow(0 0 0.5em rgb(var(--color2)));
	--shadow_color_dark		: drop-shadow(0 0 0.1em rgb(var(--color_dark))) drop-shadow(0 0 0.1em rgb(var(--color_dark))) drop-shadow(0 0 0.5em rgb(var(--color_dark)));

	--mask_flower			: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='pass' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100.2 99.9' style='enable-background:new 0 0 100.2 99.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23005A34;%7D%0A%3C/style%3E%3Cpath id='mask_x5F_flower' class='st0' d='M47.9,0.4c0-0.7,1.4-0.4,1.4,0c0.3-0.2-0.1-0.1,0.2-0.3c0.3,0.2,2.2,0,2.2,0.5 c0,0,1-0.2,0.9-0.2c0-0.9,2.7,0,3.1-0.2c0,0.3,0.5,0.3,0.2,0.6c0.7,0,3.5-0.1,3.9,1.5c0.3,0.1,0.4,0,0.3-0.3 c0.3,0.2,3.4,0.6,2.9,1.7C63,3.9,63,3.8,63,3.7c0.8,0,1.3,0.5,1.8,0.8c0.4,0.2,1.4,1.4,1.9,0.9c0,0.7,0.8,1,1.2,0.8 c-0.1,0.2,0,0.2,0.2,0.2c-0.2,0.4,0.9,1.4,1.5,1.2c0.3,1.8,0.5,2.1,2.2,1.7c0.3,1.3,0.2,0.3,0,0.8c0.6,0,0.3,1.3,0.5,1.5 c0.1,0.2,0.6,0.4,0.8,0.6c0.3,0.4,0.8,1.4,1.2,1.4c0,0.2,0,0.3-0.3,0.3c-0.1,0.1,0.4,0.3,0.4,0.3c0.2,0.2,0.1,0.8,0.5,0 c0-0.1,0.1,1,0.1,1.3c0.1,0.6-0.6,0.4,0.3,0.7c-0.4-0.1,0.5,1.2,0.4,1c0.2,0.2,0.5,0.2,0.8,0.3c-0.3,0.3-0.5,0.9,0.3,0.6 c0,1.4,0.5,2.1,0.8,3.3c0,0.1,0,0.9,0.1,1c0.2,0.2,0.9,0.4,0.9-0.2c0.1,0.1,0.2,0.2,0.2,0.3c0.6-0.2,1.8,0.6,2.3,0.8 c0.3,0.1,0.6-0.1,0.8,0c0.5,0.2,0.3,0.6,0.3,0.6c0.6,0,0.1-0.2,0.5-0.2c0,0.5,0.9,0.2,1.5,0.6c0.4,0.3,1,1.1,1.3,1 c0,0.7,0.8,0.2,1.3,0.5c0.5,0.3,0.4,0.7,1,1c0.1,0.1,0.5,0,0.4,0c0.3,0.2,0.5,0.4,0.8,0.6c0.2,0.2,0.8,0.1,0.9,0.3 c0-0.1,0.6,2.7,0.6,1.2c0.1,0.1,0.1,0.2,0.2,0.3c1-0.6,0.8,0.1,1.1,0.6c0.2,0.2,0.4,0,0.4-0.1c0.3,0.6-0.8,0.2-0.3,0.8 c0.2,0.3,1.1,0.8,1.1,0.2c0.3,0.2,0.3,0,0.3,0.6c1.3,0,0.5,2.9,1.7,2.5c0,0.6,0,0.5,0,0.9c0.8,0,0.9,1.5,1.4,1.2 c0,0.5,1.2,2.8,2,2.8c-0.1,0.4-0.4,2.3,0.2,2.5c0,0.4-0.4,0.6-0.2,1.1c0.1,0.5,1,0.9,0.8,1.2c0.1,0,0.2-0.2,0.3-0.1 c0.2,0.6-0.4-0.4-0.1,0.7c1-0.5,1.5,1.5,0.6,1.5c0,1.1,0.4,2.5,0.4,3.6c-0.1,2-0.5,2.3-0.8,3.6c0.1,0,0.3-0.1,0.3-0.2 c0.2,0.3,0,0.4-0.3,0.4c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0,1.7-0.6,1.7c0.2,1.1-0.1,2.7-0.3,3.8c-0.1,1-0.7,1.9-0.5,2.5 c-0.6,0-0.8,0.8-0.8,1.2c-0.4,0-0.5-0.1-0.3-0.5c-0.8,0-0.6,1.1-0.7,1.5c-0.1,0.2-0.5,0.8-0.5,0.6c-0.3,1.2,0.5,0.3,0.5,0.9 c-0.9,0.1-1.8,0.9-1.8,1.7c-0.7-0.3,0,0-0.5,0c0.3,0.7,0,0,0,0.5c-0.4,0.2-0.6-0.1-0.6,0.6c-0.4,0-0.7,0.5-0.5,1.2 c-0.7,0-0.1,0.5-0.8,0c0,1.2-1.1,1.2-1.1,1.9c-0.3,0-0.5,0-0.8-0.2c0,0.4-0.3,0.6-0.4,0.9c0,0-0.4,0.9-0.4,0.9 c-0.5,0.2-1-0.3-1.6-0.1c-0.7,0.2,0.4,1.1-0.9,1.1c0,0.1,0.2,0.3,0.1,0.3c-0.1,0-0.3,0-0.4,0c0,2-3.2,1.2-3.2,2.3 c-0.4,0-2.1-0.4-1.7,0.5c-0.3,0-0.5,0.1-0.5,0.5c-0.5,0-0.8-0.6-1.4,0c0.4,0.3,0.2,0.1,0.2,0.5c-2.5-0.8-3.2,2.6-2.3,2.6 c-0.2,0.7-1.1,0.1-0.6,1.1c-0.3,0-0.6,0.1-0.3,0.5c-1,0-0.9,1.3-1.4,1.1c0,0.2,0.2,1.4,0.3,1.7c-0.5,0-0.9,0.2-0.9-0.2 c-0.7,0.7-0.5,1.6-0.5,2.5c-0.3,0,0-0.2-0.3-0.2c0,0.7-0.9,0.8-0.6,1.4c-0.4,0.4-0.5,0.2-0.3,0.8c-0.8,0-1,2-1.8,1.5 c0,0.7-1.7,2-2.3,1.7c0,1.1-1.4,1.2-1.1,2.2c-0.3,0-0.2,0-0.5,0c0,1.3-1.1,0.3-2,0.8c-0.6,0.3,0.1,0.5-0.3,0.8 c-0.4,0.4-1.2,0.9-1.7,1.1c0,0-0.8,0.4-1.1,0.5c-0.3,0.1-0.8,0.3-1.2,0c0,0.4-0.1,0.5-0.5,0.3c-0.3,1.3-3.2,1.2-4.3,1.4 c-0.8,0.2-0.3,0.2-1.1,0.3c-0.2,0-1.1-0.5-1.7-0.3c-1.3,0.4-0.7,0.8-2,0.8c0-0.2,0.1-0.4,0.2-0.6c0,0-0.5-0.1-0.4-0.2 c-0.2,0.3-0.4,0.3-0.4,0.7c-0.6-0.2-1.9-0.5-2.3-0.5c0,0.1,0,0.2,0,0.3c-0.2,0-0.2-0.1-0.1-0.3c-0.3-0.1-0.4,0-0.3,0.3 c-0.1-0.1-0.1-0.2-0.2-0.3c-0.4,0.2-0.3,0-1.1,0c0.1,0.4,0.1,0.1,0,0.5c-0.3,0.1-0.3-0.1-0.2-0.5c-0.4,0-0.2,0.5-0.6,0.4 c-0.9-0.1,0.8-0.1-1.2-0.1c0-0.2,0.2-0.3,0.3-0.5c-0.5,0.2-0.6,0-0.5-0.5c-1.2,0-0.3,1.6-1.9,0.8c0,0-0.1-0.6-0.2-0.7 C42,98.4,41,99.4,41,98.1c-0.4,0.1-0.8,0.3-0.8-0.3c-0.5,0.3-1.5,0.2-1.7-0.9c-0.9,0.6-3.3-1.2-4.1-1.6c0.2-0.1,0.2-0.3-0.1-0.5 c-0.8-0.4-1.1-0.3-1.1,0.2c-0.2-0.1-0.1,0-0.5-0.2c0.1-0.6-0.2-0.8-0.8-0.6c0-0.1-0.1-0.1-0.2-0.2c0,0-0.1-0.7,0-0.9 c-0.5-0.2-0.4-0.8-0.6-0.8c0,1.2-0.8-0.5-0.8-0.3c1.5,0-0.4-0.6-0.5-0.7c-0.4-0.4-0.6-0.2-0.4-0.9c-0.6,0-1.2-1.1-1.2-1.4 c-0.5,0.5-1,0-1.2-0.6c-0.7,0.2-1.3-0.8-0.5-1.1c0-0.7-0.6-0.3-0.2-1.1c-0.7,0-0.1-0.6-0.5-0.9c-0.6-0.6-0.5,0.4-0.9-0.3 c-0.2-0.4-0.5-0.8-0.7-1.5c0-0.2-0.4-0.8-0.4-0.8c-0.1-0.3,0.2-1.2,0.2-1.2c-0.1-0.5-0.5-0.7-0.6-0.9c-0.3-0.7-0.6-0.8-0.6-1.7 c-0.6,0.2-0.4,0-0.8-0.3c0.2-0.6,0-0.9-0.7-0.7c-0.7,0.2-0.9-0.1-0.7-0.8c-0.3,0-2.3,0-2.3-0.6c-0.4,0-1.4,1.1-0.9-0.6 c-0.9-0.1-1.6-0.7-2.3-0.9c-1-0.4-2.3-0.4-3.2-1.4c0,0,0.6-1.3-0.5-0.9c0-0.9-0.5,0.1-1.3-0.3c-0.3-0.2-0.2-1.5-0.6-1.5 c0,0.9-0.1,0-0.6-0.2c0,0.8-0.1-0.2-0.3-0.2c0,0.8-0.5,0.3-0.5-0.3c-0.2,0.1-0.4,0.2-0.6,0.3c-0.2-0.5,0.1-0.7,0.6-0.5 c0,0.6-0.9-0.9-0.9-0.9c-0.3-0.3-0.8-1.1-1.1-0.9c0-0.4-0.2-1.1-0.3-1.4c-0.2-0.6-0.3-1-1.4-0.8c0-0.6,0-2-0.6-2 c0-0.3,0.7-0.2,0-0.8c-0.4-0.3-0.8-0.6-1.1-0.5c0-1.2-0.8-1.9-0.8-2.8c-0.8,0.4-1.1-3.4-1.4-4c0.8,0,0.5-2.2,0.5-2.5 c-0.6,0-0.6-0.3,0-0.3c0-0.4-1.1-1.6-1.2-2.4c0-0.3,0.4-1.5,1.1-1.6c-0.1-0.5-0.5-0.2-0.5-0.8c0.6,0,0.5-1.1,0.2-1.1 c0.2,0.4,0.1,0.6-0.3,0.5c0-0.5,0-0.4-0.1-0.9c-0.1-0.8,0-0.9,0.5-1.7c0-0.1,0.3-0.6,0.3-0.9c0-0.2,0-0.5,0-0.9 c-0.4,0.1-0.6,0-0.6-0.5c0.3-0.1,0.5-0.3,0.5-0.6c0.6,0.3,0.2-0.5,1.1-0.5c0-0.5-0.3-0.8-0.2-1.3c0.1-0.6,0.5-0.5,0.6-0.8 C2.7,38.8,3,39,2.5,38c1.5,0,0.9-1.1,1.3-1.8c0.7-1.1-0.2,0.5,0.9-0.6c0.7,0.2,0.9-0.1,0.7-0.8c-0.3,0-0.3-0.2,0-0.6 c-1,0,0.1-0.7,0.1-0.7C5.9,32.8,6,34,6,32.9c0.9,0,3.2-3,3.4-3.7c0.3,0.2,1.3-0.4,1.1-0.8c0.4-0.1,1-0.9,1.4-1.2 c0.5-0.4,1.1-0.5,1.8-0.4c-0.2-0.4,0.6-0.9,0.6-1.5c0,0,1.7-0.5,1.1-1.1c0.4,0,0.7-0.1,0.9,0.5c0.4,0,0.2-0.6,0.5-0.6 c0.6-0.1,0.7,0.2,1.1,0c0.4-0.2,0.8-0.9,1.4-0.9c-0.2,0.6,0,0.8,0.6,0.6c-0.3-0.8,0-1,0.8-0.8c0.1-0.1,1.8-1.5,1.2-0.5 c0.5-0.1-0.7-0.4,0.6,0c0-0.6,0.3-0.7,0.9-0.5c0-0.1-0.3-0.9-0.5-1.1c0.4,0.1,0.4-0.3,0-0.9c0.7,0,0.8-1.6,0.6-2.2 c0.7,0,0.3-0.7,1.1-0.5c0-0.6-0.2-1.2,0.5-1.8c0-0.2,0.4-1.5,1.2-1.5c0-0.3-0.2-0.8,0.5-0.3c-0.1-0.6,0.1-2.2,0.9-1.8 c0-0.4,0.8-1.2,1.1-1.1c0-0.3,0.1-0.5,0.5-0.5C28.8,10,29,9.5,29.6,9.5c-0.2-0.4,0.2-1.1,0.8-0.9c0-0.4,0.3-0.7,0.3-0.3 C30.8,8.2,30.9,8.1,31,8c0.1,0.2,0.2,0.3,0.3,0.5c-0.1-0.5,0.2-0.7,0.9-0.5c-0.1-0.7-0.8-1.8,0.3-1.5c0-0.2-0.1-0.4-0.2-0.6 c1.2,0,1.1-0.9,2-0.9c0-0.1-0.1-0.3-0.2-0.3c0.5-0.2,0.8,0.4,1.1,0.6c0-0.6,0.4-1.3,0.8-1.6c0.7-0.4,0.5,0,1-0.3 c0.3-0.1,0.4-0.1,0.5-0.1c0.6-0.1,0.2-0.3,0.6-0.5c0,0.4,0.6,0,0.6-0.5c0.7,0,0.9,0.4,1.7,0c0.6-0.3,0.7-0.5,1.4-0.8 c0.3-0.2,1-0.4,1.2-0.5c0.5-0.2,4.2-1.3,3.8-0.5c0.2-0.1,0.2,0,0.2,0.2C47.4,0.5,47.6,0.4,47.9,0.4C47.9,0.3,47.5,0.5,47.9,0.4z'/%3E%3C/svg%3E%0A");
	--mask_flower_double		: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='pass' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100.1 99.9' style='enable-background:new 0 0 100.1 99.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23005A34;%7D%0A%3C/style%3E%3Cpath id='mask_x5F_flower_x5F_double' class='st0' d='M99.7,45.7c1.3,0-0.8-1.9-0.5-2c-0.7,0.2-1.2-2.5-1.2-3.1c0-0.9,0.1-1.4-0.2-2 c-0.4-0.7-1.1-1.6-1.6-2.3c-0.3-0.4-0.7-0.9-1.1-1.4c-0.2-0.3-0.4-0.8-0.6-1.1c-0.3-0.5-0.5-1-0.8-1.7c0-0.1-0.6-1.4-0.4-1.2 c0,0-0.5-0.2-0.4-0.3c0.4-0.4-0.2-1.7,0.5-2.6c-0.1-0.1-0.6,0.1-0.6,0.1c0-0.1-0.3-0.7-0.3-0.7c-0.3-0.3-1-1.8-0.7-2.1 c0.1,0.3,0.3,0.4,0.5,0.1c-0.3-0.3-0.4-0.6-0.5-0.9c-0.2-0.6,0-0.4-0.4-1.1c-0.5-1-1.1-1.9-1.8-2.8c-0.5-0.7-1.2-1.5-1.5-2 c-0.5-0.8-0.4-1.1-1.2-1.2c0.3-0.2,0.2-0.3-0.1-0.4c0,0.1,0,0.2,0,0.3c-0.5-0.8-0.8-1.7-1.4-2.5c-0.8-1.1-2-1.5-2.9-2.5 c-0.5-0.5-0.4-1.2-1.1-1.5c-0.3-0.1-1.5,0.7-1.1,0c-0.5,1-3.1-1.7-3.8-2.1c-0.5-0.3-0.4-0.3-0.8-0.5c-0.4-0.1-1,0-1.4-0.1 c-1-0.2-1.8-0.4-2.7-0.6c-1.4-0.3-2.4-0.4-3.9-1.3c-1.3-0.8-3.4-1.8-5.1-2.3c0.5-1.1-2.6-1.7-2.9-1.4c0.1-0.1-1.5-1.2-1.8-1.3 c-0.7-0.3-1.6-0.2-2.3-0.2C56.3,0.3,53.6,0,53.3,0c-1.1,0.1-1.2,0.4-2.3,0.2c-1.4-0.3-3.2-0.2-4.1-0.1c-2.7,0.2-4.5,1.4-7.1,2.3 c-0.3-0.1-0.7-0.1-1.1-0.2c0,0.3-0.2,0.5-0.5,0.6c0,0-0.5,0.2-0.8,0.3c-1.1,0.4-2.3,0.4-2.3,2c-0.3-0.2-0.7-0.8-1.1-0.6 c0.3-0.2-0.3,0.5-0.5,0.6c-0.8,0.4-1.1,0.4-1.1,1.2c-0.9-0.2-1.9,0.6-2.6,0.7c-1.4,0.3-2.4,0.7-3.4,1.2c-0.4-1.2-3,0.7-3,1.1 c0,0-1.9,0.3-2.2,0.4c-0.7,0.3-1.3,0.9-1.9,1.5c0-1.2-2.6,1.7-2.7,1.8c-0.6,0.7-2.1,1.6-2.2,2.4c-0.7-0.7-1.3,1.5-1.4,1.6 c-0.1,0.1-0.6,0-0.9,0.3c-0.9,1-1.8,2.7-2.2,4c-0.5,1.5-1.4,2.8-1.7,3.8c-0.3,1.2-1.6,2.3-0.3,3.5c-0.3,0.1-1-0.1-1.2,0.4 c0.1-0.3,0.1,0.5,0.1,0.7c-0.3,0.9-0.6,1.1,0.1,1.7c-0.5,0.3-0.4,0.6,0,0.8c-0.7,0.6-0.7,0.2-0.9,0.9c0-0.1-1.2,0.3-1,0.7 c0.1,0.2,0.7,1.1,0.2,1.6C5,35.8,4.1,36,4,35.8C4.2,36.4,3,38,2.4,38c0.7,1.3-0.3,1.3-0.5,2.4c0,0.5,0.1,0.9,0.2,1.3 c-0.2,0-0.3,0.1-0.5,0.1c-0.3,0.4-0.5,0.3-0.7,0.6c-0.6,1,0.4,0.8,0.1,2.1c-0.3,1.4-0.7,1.8-0.7,3.3c0.4,0.1,0.5-0.1,0.3-0.5 c0.7,0,0,1,0,1c-0.1,0.4,0.2,0.3,0.3,0.9c-1.2,0.1-1.1,1.7-0.8,2.4c0.1,0.3,1.6,2.4,0.2,1.8c1.2,0.5,0.6,1.2,0.5,2.4 c0,0.7-0.1,1.8,0.3,2.8C1.6,59.7,2,60,2.4,61.1c0.1,0.2,0.2,0.5,0.3,0.7c-0.2,0.7,0,1,0.6,0.9c0.7,1,0.6,0.3,0.6,1.2 c0.7,0,0.6,1.6,0.6,2c1.3-0.3,1.1,0.6,1.6,1.4c0.4,0.8,0.6,1.4,1,2.1c-0.1-0.1-0.7,1-0.2,1.2c0.2,0.1,1.3,0.2,1.3,0.9 c0,0.1-0.7,1.2-0.7,1c0,1.1,1.4,1.6,0.4,2.6c1.3,0.4,0.7,1,1.2,1.8c0.1,0.3,0.3,0.5,0.6,0.7c0.6,0.1,0.7,0.4,0.3,0.9 c0.1,0.5-0.2,0.4,0,0.9c0.4,1,0.2-0.1,0.7,0.3c0.4,0.4,0.7,0.7,0.9,1.2c0.6,1.2,0.6,1.5,1.7,2.5c0.3-0.2,0.3-0.4-0.1-0.5 c0.6-0.6,0.7,1,0.7,0.9c0.2,0.3,0.6,0,0.9,0.2c-0.8,1,0.5,1.9,1.2,2.2c0.1,0.1,2.6,0.7,1.6,1c1.4-0.3,1.2,1.2,1.8,1.8 c0.5,0.6,1.8,1.3,2.5,1.6c1,0.4,1.5,0.3,2.5,0.8c0.5,0.2,1,0.4,1.3,0.8c0.1-0.1,0.3-0.2,0.4-0.3c1.3,0.2,0.6-0.2,1.2,0.4 c0.5-0.5,1.6,0.7,1.9,1c0.8-1.4,2.6,0.2,3.3,0.6c0.5,0.3,0.1,0.7,0.8,0.8c0,0,0.7-0.2,1.2,0c-0.1,0,0.6,0.7,0.7,0.8 c0.6,0.5,1.4,0.8,2.1,1.1c0.3,0.1,0.6,0.2,0.9,0.2c0.4-0.2,0.6-0.1,0.5,0.5c0.6,0.2,0.7,0.7,1.5,0.4c0,0.1,0.9,0.9,0.9,0.9 c0.5,0.2,1.2,0.2,1.7,0.4c0.4,0.2,0.3,0.8,1.1,0.6c0.5-0.1,0.2-0.9,0.9-0.9c-0.2,0.5,0,0.6,0.5,0.5c-0.2,0.1-0.3,0.3-0.3,0.5 c-0.5,0,1,0,1,0c-0.4,0.2,1-0.3,0.8-0.3c-0.2,0.3-0.1,0.4,0.2,0.5c0.1-0.2,0.1-0.3,0-0.5c0.6,0,0.9,0,1.2,0.3 c-0.1-0.3,0-0.4,0.3-0.3c-0.1,0.2-0.1,0.3,0.1,0.3c0.2-0.7,1.7,0,2.3,0.1c0.3,0.1,0.7-1.5,0.6,0.2c1,0,1.6-0.7,2.7-0.8 c0.8,0,1.3,0.1,2.1,0c0.9-0.1,1.9-0.1,2.8-0.4c0.9-0.3,1.4-0.9,1.9-1.2c0.5-0.2,1.5-0.3,2.3-0.6c0.9-0.4,1.4-1.3,1.9-1.7 c0.2-0.2,0.1-0.4,0.6-0.6c0.3-0.1,0.7,0.3,0.9,0.2c0.5-0.3,0.6-1,1.1-1c-0.1-0.1-0.1-0.3,0-0.4c0.1,0.1,0.3,0.4,0.5,0.3 c-0.3,0,1.3-0.2,1.1-0.1c0.7-0.3,0.2-0.7,1.1-1.1c0.2-0.1,1.2,0.1,1.8,0c0.9-0.3,1.8-1,2.6-1.2c0.3-0.1,0.8,0.2,1.3,0 c0.4-0.1,0.6-0.6,0.8-0.7c0.6-0.2,0.9-0.1,1.5-0.3c0.3-0.1,0.4-0.6,0.8-0.7c0.4-0.1,0.5,0.6,0.9,0.2c0.9-0.7-0.2-1.1,0.5-1.8 c0.2,0.4,0.4,0.4,0.7,0c0,0.2,0,0.4,0.1,0.5C81.2,89,82.2,88,82.2,88c-0.1,0.4,0.5-1,0.3-0.8c0.1,0.3,0.2,0.4,0.4,0.2 c-0.2-0.3-0.1-0.1-0.3-0.3c0.4-0.4,0.6-0.6,1.1-0.7c-0.3-0.1-0.3-0.3,0-0.4c0.1,0.2,0.2,0.3,0.3,0.1c-0.4-0.6,1.2-1.2,1.7-1.6 c0.3-0.2-0.6-1.6,0.5-0.3c0.7-0.7,0.7-1.7,1.4-2.5c0.5-0.6,1-0.8,1.4-1.4c0.7-0.9,1.5-1.8,2-2.8c0.2-0.4-0.1-0.9,0-1.2 c0.2-0.6,0.3-0.3,0.7-0.9c0.4-0.7,0.7-1.4,0.9-2.2c0.3-1.2-0.2-1.7,0.1-2.7c0.3-0.9,0.6-0.7,0.7-1.6c0-0.4-0.3-0.8-0.2-1.4 c0,0,0.6-0.2,0.6-0.3c0,0-0.2-0.5,0-0.5c0.5,0,1.1-1.4,2.2-1.5c0-0.2-0.5-0.4-0.5-0.4c0-0.1,0.2-0.7,0.3-0.7c0-0.4,0.5-2,1-2 c-0.2,0.3-0.1,0.5,0.3,0.5c0-0.4,0.1-0.7,0.3-1c0.3-0.6,0.3-0.3,0.5-1c0.4-1,0.6-2.1,0.7-3.2c0.1-0.9,0.3-1.9,0.4-2.5 c0.2-0.9,0.5-1.1,0-1.7c0.3,0,0.4-0.1,0.3-0.4c-0.1,0.1-0.1,0.2-0.3,0.2c0.2-0.9,0.6-1.8,0.8-2.7C100.2,48.7,99.7,47.2,99.7,45.7 C100.6,45.7,99.7,46.8,99.7,45.7z'/%3E%3C/svg%3E%0A");
}


/* ------------------------------------------------------------------------------------------------------------
	<block>
*/
body
{
	background-color: rgb(var(--body_bg));
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-style: normal;

}
/*
	word-break: keep-all;
	overflow-wrap: break-word;
	letter-spacing: 0.01em;
*/

@media (480px <= width <= 1024px) {
	body
	{
		font-size: clamp(12px, 1.5vw, 18px);
	}
}

#Nanohana main .BG
{
	padding: var(--padding_tb) 0;
	color: inherit;
}



.id_nanohana .Notes
{
	border-radius: var(--border_r);
}

.id_nanohana .Notes .head>b
{
	padding-left: 1em;
	padding-right: 1em;
}


.id_nanohana .balloon
{
	--balloon_color				: var(--pk) / 0.8;
	--text_line_color				: var(--w);

	aspect-ratio: 4 / 3;
	
	position: absolute;
	right: calc(100% - 1.5em);
	bottom: calc(100% - 0.5em);

	display: grid;
	align-items: center;
	min-width: 5em;
	padding: 0.5em 1em;

	white-space: nowrap;
	color: rgb(var(--color_dark));
	color: rgb(var(--w));

	border-radius: 100em;

	rotate: -15deg;
}
/*
	width: fit-content;

	aspect-ratio: 1;
*/
.id_nanohana .balloon.balloonB::before
{
	left: 65%;
}

.id_nanohana .balloon b
{
	aspect-ratio: 4 / 3;

	display: grid;
	align-items: center;

	font-weight: 900;
	line-height: 1.5;
}



.id_nanohana .bg_flower
{
	--flower_color					: var(--pk) / 0.2;
}
.id_nanohana .bg_flower::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;

	background-color: rgb(var(--flower_color));

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: repeat-x;
	mask-repeat: space no-repeat;
	rotate: 5deg;
}

.id_nanohana .bg_flower_y
{
	--flower_color					: var(--y);
}


/* ------------------------------------------------------
	[翻訳]
	※[251204-1151]　別窓表示
*/
.id_nanohana .ClassLanguage
{
}


.id_nanohana .Header .ClassLanguage
{
}

.id_nanohana .Header .ClassLanguage .Child
{
}

.id_nanohana .Header .ClassLanguage .Child a
{
}

.id_nanohana .Header .ClassLanguage .Child a[target]>*::before
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;
}


.id_nanohana .Drawer .ClassLanguage .Child a[target]>*::before
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;
}




/* ------------------------------------------------------------------------------------------------------------
	<文字>
*/
/* <h1> */
.id_nanohana .pagetitle
{
	color: rgb(var(--color2));
}
.id_nanohana .pagetitle .before
{
	font-size: 0.9em;
	letter-spacing: normal;

	white-space: nowrap;
	padding-right: 0.5em;
}
.id_nanohana .pagetitle .logo
{
	margin-left: -0.75em;
}


.page_head
{
	--mask_size					: 2em;

	color: rgb(var(--color_dark));

	mask: 
		linear-gradient(0,#0000 var(--mask_size),#000 0),
		radial-gradient(var(--mask_size),#000 calc(100% - 1px),#0000) bottom/calc(var(--mask_size) * 1.85) calc(var(--mask_size) * 2)
	;
}
.page_head>.Wrap
{
	padding-bottom: calc(var(--mask_size) / 3);
	width: 100%;
}
.page_head .title
{
	font-size: 1.5em;
	font-weight: 900;

	filter: var(--shadow_w);
}


/* index以外　.page_head */
.id_nanohana .page_head
{
	--img_translate_num			: 1;
	--img_translate_max			: 8;

	overflow: unset;

	z-index: 10;
}

.id_nanohana .page_head .Img
{
	background-color: rgb(var(--body_bg));
	background-color: rgb(254 248 204);
	opacity: unset;
}
.id_nanohana .page_head .Img img
{
	opacity: 0.75;
}

/* [251209-1606/251210-1314]修正　イベントページ「<h1>の写真は、削除してください。可愛い柄やグリーン系の単色でも良いです。」　→リーン系の単色 */
:is(.type_design_nanohana_event_list, .type_design_event_index) .page_head
{
	background-color: rgb(var(--color_ygr));
}
:is(.type_design_nanohana_event_list, .type_design_event_index) .page_head .Img
{
	opacity: 0;
}



.id_nanohana :is(
	h2, .h2,
	h3,
	h4
)
{
}
.id_nanohana :is(
	h2, .h2,
	h3,
	h4
)::before
{
	height: initial;
	background-image: none;
}

.id_nanohana :is(
	h2, .h2,
	h3,
	h4
)>b
{
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.id_nanohana :is(
	h2, .h2
)
{
	color: rgb(var(--color2)) !important;

	z-index: 10;
}
/*
	top: calc(0em - var(--gap));
	line-height: 0;



	position: absolute;
	left: 50%;
	bottom: calc(100% - (var(--gap) / 2));
	translate: -50% -0%;

*/
.id_nanohana :is(
	h2, .h2
)>b
{
	--text_line_color				: var(--color_dark);
	--text_shadow_color				: var(--color_dark) / 0.05;

	font-size: 3.5em;
	color: rgb(var(--y) / 0.9);
	text-shadow:
		0.1em 0.1em 0 rgb(var(--text_shadow_color)),
		0em 0em 0 rgb(var(--w))
	;
	-webkit-text-stroke: 1px rgb(var(--text_line_color));

	filter:
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
	;
}
/*


	top: calc(0em - 1em);
	line-height: 1;

	min-width: 10em;

	padding: 0.5em;
	
	background-color: rgb(var(--color1));
	border-radius: 100em;
*/
.id_nanohana .Index .Ct :is(
	h2, .h2
)>b
{
	font-size: 4.5em;
}
.id_nanohana .Index .News :is(
	h2, .h2
)>b
{
	line-height: 1;
	font-size: 2.5em;
	filter:
		drop-shadow(0 0 1px rgb(var(--color_dark)))
	;
}


.Under
{
	--under_color		: var(--color1) / 0.4;
}
.Tape
{
	--tape_color		: var(--color1) / 0.3;
}


/* ------------------------------------------------------------------------------------------------------------
	<a>
*/
.id_nanohana .ColorBtn,
.id_nanohana .NewsDetail .footer :is(.Prev, .Next, .Back),
.id_nanohana .sort_navi>*
{
	--arrow_color			: var(--w);

	color: rgb(var(--w));
	background-color: rgb(var(--or));
	border-width: var(--border_w);
	border-color: transparent;
	border-radius: calc(var(--border_r) / 2);
}

.id_nanohana .ColorBtn::after
{
	border-radius: calc(var(--border_r) / 2);

	mask-image: var(--mask_arrow_line_r);
}

.id_nanohana .sort_navi .active
{
	border-color: rgb(var(--or));

	background-color: transparent;
	color: inherit;
}
.id_nanohana .sort_navi .active b
{
	font-weight: inherit;
}


.id_nanohana .ColorBtn.color_dark
{
	--arrow_color			: var(--color1);

	background-color: rgb(var(--color_dark));
	color: rgb(var(--w));
}

.id_nanohana .Icon .ColorBtn
{
	gap: 0.5em;
	padding-right: var(--padding_lr);
}
.id_nanohana .Icon .ColorBtn .icon
{
	width: 2em;
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}
/*
.id_nanohana .Icon .ColorBtn
{
	gap: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.id_nanohana .Icon .ColorBtn .icon
{
	width: 1.5em;
}
.id_nanohana .Icon .ColorBtn::after
{
	position: relative;
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;
	translate: unset;

	margin-right: -0.5em;
}
*/

a[target]:not(
	[href*=".pdf"],
	[href*=".doc"],
	[href*=".xlsx"]
)>*::before
{
	filter: brightness(0) invert(1);
}

/* パンフレットダウンロード */
.ClassPamphlet.PDF a[href*=".pdf"]>*::before
{
	filter: brightness(0) invert(1);
	opacity: 0.8;

	scale: 0.8;
}


/* ------------------------------------------------------------------------------------------------------------
	<img>
*/
.NoImg
{
	background-color: rgb(var(--color_ygr) / 0.5);
	background-image: url(character_set.png);
	background-size: 50%;

	opacity: unset;
}

.NanohanaSpot .NoImg
{
}


/* ------------------------------------------------------------------------------------------------------------
	<table>
*/
table
{
	width: auto;
	min-width: 75%;

	margin-left: auto;
	margin-right: auto;

	border-collapse: separate;
	border-spacing: 0.5em;
	border-radius: 0.5em;
}


table :is(th, td)
{
	padding: 1em;
	border-width: 0;
	border-radius: 0.5em;
}

table th
{
	background-color: rgb(var(--color1));
}

table td
{
	background-color: rgb(var(--w));
}


/* ------------------------------------------------------------------------------------------------------------
	<header>
*/
.Header
{
	position: fixed;
	top: 0;
	background-color: rgb(var(--color1));
}
/*
	position: sticky;

*/

html.scroll_Top_half .Header
{
}


.Header>.Wrap>.Wrap
{
	justify-content: space-around;
	gap: 0 0.5vw;
}


/* ------------------------------------------------------------------------------------------------------------
	<GlobalMenu>
*/
.GlobalMenu
{
}

.GlobalMenu>ul
{
	gap: 0.5vw;
}


.GlobalMenu :where(a, .a) [class*="title"]
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}


.GlobalMenu .Child :where(a, .a) [class*="title"]
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 0.25em 0.5em;
}
.GlobalMenu .Child :where(a, .a) [class*="title"]::before
{
	width: var(--href_icon_size);
}


.GlobalMenu .Child>ul>li.child_MenuOn>*
{
	background-color: rgb(var(--w) /0.2);
}
.GlobalMenu .ChildOn.PullDown .Child :where(a, .a):hover
{
	background-color: rgb(var(--color_ygr) / 0.5);
}


/* ------------------------------------------------------------------------------------------------------------
	<Drawer>
*/
#Nanohana .Drawer,
#Nanohana .Drawer *::before,
#Nanohana .Drawer *::after
{
	--border_color		: var(--color_dark);
	--bg_color			: var(--color1);
}

#Nanohana .Drawer .toggle .Btn>span,
.Drawer .List a:not([target="_blank"]) .title::before
{
	background-color: rgb(var(--color_dark));
}


#Nanohana .Drawer .List>.Wrap>ul
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17em, 1fr));
	text-align: left;
}
#Nanohana .Drawer .List>.Wrap>ul>li
{
	background-color: rgb(var(--w) / 0.65);
}


#Nanohana .Drawer .Change .details input + .summary
{
	aspect-ratio: 1;

	width: auto;
	height: calc(((1em * 2) + (1em * var(--line_height))) * 1.065);
}


#Nanohana .Drawer .List .Child
{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: var(--change_btn_padding);
}
/*
	padding-left: var(--gap);
*/


#Nanohana .Drawer .List .Child :where(a, .a) .title
{
	display: block;
}


#Nanohana .Drawer .List .Child .PDF :where(a, .a)
{
}
#Nanohana .Drawer .List .Child .PDF :where(a, .a) .title
{
	display: flex;
}
#Nanohana .Drawer .List .Child .PDF :where(a, .a) .title::before
{
	width: calc(var(--href_icon_size) * 1.2);
}


#Nanohana .Drawer .List .Child .child_Icon :where(a, .a)
{
	display: flex;
	align-items: center;
	gap: 0.5em;
}
#Nanohana .Drawer .List .Child .child_Icon :where(a, .a) .icon
{
	width: calc(var(--href_icon_size) * 1.2);
}
#Nanohana .Drawer .List .Child .child_Icon :where(a, .a) .icon img
{
	background-size: contain;
	object-fit: contain;
}
#Nanohana .Drawer .List .Child .child_Icon :where(a, .a) .title
{
	display: block;
}


#Nanohana .Drawer .List .MenuOn
{
}
#Nanohana .Drawer .List .child_MenuOn,
#Nanohana .Drawer .List .MenuOn .Child .child_MenuOn
{
	background-color: transparent;
}

#Nanohana .Drawer .List a:hover
{
	background-color: rgb(var(--color_ygr) / 0.5);
}

#Nanohana .Drawer .Change .details input + .summary:hover
{
	background-color: transparent;
}


#Nanohana .Drawer .List>.Wrap>ul>li:not(.ChildOn) .summary
{
	display: none;
}


/* ------------------------------------------------------------------------------------------------------------
	<main>
*/
main
{
}

#Nanohana main :is(section, .section, .article)
{
}
/*
	padding-top: var(--padding_tb);
	padding-bottom: var(--padding_tb);
	background-color: rgb(var(--w) / 1);

	padding: var(--gap);
	border-radius: var(--border_r);



#Nanohana main.Index :is(section, .section, .article),
#Nanohana .Index .News
{
	border-width: 2px;
	border-radius: var(--border_r);

	background-color: rgb(var(--w));

	padding: var(--gap);
}
*/

/* ------------------------------------------------------
	コンテンツ固定イラスト
*/
.page_illust,
.page_illust *,
.page_illust::before,
.page_illust::after
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page_illust
{
	--scale_rate					: 1;

	--page_illust_w					: 10em;
	--page_illust_w_max				: 15em;

	position: absolute;
	position: fixed;
	position: sticky;
	top: 20%;

	width: calc(var(--page_illust_w) * var(--scale_rate));
	height: 0;

	margin: 0;
	z-index: 10;
}
/*
	max-width: calc(var(--page_illust_w_max) * var(--scale_rate));
	margin-bottom: calc(0em - var(--padding_tb));
*/

.page_illust::before
{
	aspect-ratio: 1;

	content: "";
	display: block;
	
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	width: 10em;
	width: var(--page_illust_w);

	background-color: rgb(var(--w) / 0.8);

	mask-image: var(--mask_flower_double);
	mask-position: center;
	mask-repeat: no-repeat;
}

.page_illust>.Wrap
{
	text-align: center;
}

.page_illust img
{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	height: calc(var(--page_illust_w) * var(--scale_rate));
	max-height: calc(var(--page_illust_w_max) * var(--scale_rate));

	object-fit: contain;
}


/* [コンテンツ固定イラスト]　左寄せ */
.page_illust.l
{
	left: calc(var(--gap) * (var(--scale_rate) / 2));
}

/* [コンテンツ固定イラスト]　右寄せ */
.page_illust.r
{
	right: calc(var(--gap) * (var(--scale_rate) / 2));
	margin-left: auto;
	margin-right: 0;
}

/* [コンテンツ固定イラスト]　中心 */
.page_illust.c
{
	left: 50%;
	translate: -50% -0%;
}
.page_illust.c,
.page_illust.c *,
.page_illust.c::before,
.page_illust.c::after
{
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}


/* [コンテンツ固定イラスト]　スクロールしたら */
.scroll_h1 .page_illust
{
	opacity: 0.7;
}
.scroll_h1 .page_illust.l
{
	left: calc(var(--gap) / 3);
}
.scroll_h1 .page_illust.r
{
	right: calc(var(--gap) / 3);
}
.scroll_h1 .page_illust.c
{
	scale: 0.8;

	left: 100%;
	right: 0;
	translate: unset;

	margin-right: -1em;
}
/*
	scale: 0.8;
	left: 50%;
	top: calc(var(--padding_tb) * 1.25);
*/

/* [コンテンツイラスト]　個別 index・お知らせ */
.page_illust:is(.img_78197593_2, .img_78197593_4)
{
	--page_illust_w					: 6em;

	position: absolute;
	left: 0;
	top: 0;
}
.page_illust:is(.img_78197593_2, .img_78197593_4)::before
{
	background-color: transparent;
}

.page_illust.img_78197593_2,
.scroll_h1 .page_illust.img_78197593_2
{
	left: initial;
	right: calc(100% + var(--gap));
}
.page_illust.img_78197593_4,
.scroll_h1 .page_illust.img_78197593_4
{
	left: calc(100% + var(--gap));
	right: initial;
}
.scroll_h1 .page_illust:is(.img_78197593_2, .img_78197593_4)
{
	opacity: unset;
}


/* [コンテンツイラスト]　個別 104690870(ふたりで観光) */
.page_illust.img_104690870
{
	--page_illust_w					: 12em;
}
/* [コンテンツイラスト]　個別 78197593_1(おみやげ) */
.page_illust.img_78197593_1
{
	--page_illust_w					: 15em;
}
/* [コンテンツイラスト]　個別 78197593_1(親子キャリーケース) */
.page_illust[class*="img_74939095"]
{
	--page_illust_w					: 12em;
}
.page_illust.img_74939095_1
{
	left: 0;
}
.page_illust.img_74939095_2
{
	right: 0;
}
/* [コンテンツイラスト]　個別 78197593_1(バッグ) */
.page_illust.img_78197593_3
{
	--page_illust_w					: 7em;
}

/* [コンテンツイラスト]　個別 施設概要ページは「TOP」
	[251209-1606/251210-1314]修正　「画面の右に出ているお家マークを「団体予約特典」の部分に使われている菜の花マークにしてください。（ベース色は黄色・TOPと文字入れしてください）　また、サイズを下記の赤〇くらいの大きさにしてください(中央の掲載内容に被らないサイズが良いです)」
*/
.txt_type_TOP
{
	--page_illust_w					: calc(10em * 0.6);
}
.txt_type_TOP:before
{
	content: none;
}


/* ------------------------------------------------------------------------------------------------------------
	<footer contact>
*/
.footer_contact
{
	--footer_contact_logo_w			: 12em;

	padding-top: calc(var(--padding_tb) / 2);
	padding-bottom: calc(var(--padding_tb) / 2);

	background-color: rgb(var(--color1) / 0.2);
	background-color: rgb(var(--color_ygr));
	border-top-width: 0;
}


.footer_contact>.Wrap
{
	display: flex;
	justify-content: center;
	align-content: start;
	align-items: start;
	gap: calc(var(--gap) / 2) var(--gap);
}


.footer_contact .body
{
	display: grid;
	justify-content: start;
	justify-items: start;
	gap: calc(var(--gap) / 2);
}


.footer_contact .head_line
{
	top: -2em;

	width: 8em;
	color: rgb(var(--color_dark));
}
.footer_contact .head_line>.title
{
	aspect-ratio: 1;

	display: grid;
	align-items: center;

	background-color: rgb(var(--w) / 0.75);
	border-radius: 100em;
}
.footer_contact .head_line>.flower
{
	position: absolute;
	right: 0;
	top: calc(100% - 3em);

	width: 50%;
}


.footer_contact .head
{
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 1em;
	
	filter: var(--shadow_w);
}
/*
	display: grid;
	grid-template-columns: repeat(2, auto);
	--filter_color				: var(--w) / 0.75;

	filter:
		drop-shadow(0 1px 1px rgb(var(--filter_color)))
		drop-shadow(0 -1px 1px rgb(var(--filter_color)))
		drop-shadow(1px 0 1px rgb(var(--filter_color)))
		drop-shadow(-1px 0 1px rgb(var(--filter_color)))
	;
*/

.footer_contact .head .Img
{
	width: var(--footer_contact_logo_w);
}
.footer_contact .head .Img img
{
}

.footer_contact .tokusetsu_logo_set
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;

	line-height: 1;
}
.footer_contact .tokusetsu_logo_set>.tokusetsu_logo
{
	order: 2;
}
.footer_contact .tokusetsu_logo_set>.Caption
{
	order: 1;
}
.footer_contact .tokusetsu_logo_set>.Caption .before
{
	display: grid;

	font-size: calc(var(--footer_contact_logo_w) / 13);
	color: rgb(var(--color2));
}


.footer_contact .main
{
	text-align: left;

	display: grid;
	gap: 0;
}
.footer_contact .main>*
{
	display: flex;
	flex-direction: row;
	gap: 0 0.5em;

	font-size: 0.9em;
}

/* ------------------------------------------------------------------------------------------------------------
	<footer>
*/
/* [251212-0916/251215-1609]修正・新規　「⑥TOPのロゴが入った菜の花マークがボタンを押してもページ上部へいかないです。感知されていないようです。また、スマホ版はややサイズが小さい気がします。このTOPのアイコンは、施設概要以外のどのページでも表示されるようにしてください。」 */
.scroll_btn.pageTop
{
	bottom: var(--gap);
}

.scroll_btn.pageTop .Btn
{
	font-size: inherit;
	background-color: rgb(var(--color1));

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: no-repeat;

	rotate: 5deg;
}

.scroll_btn .Btn :where(a, .a)
{
	width: 5em;
}

.scroll_btn .Btn :where(a, .a)::before,
.scroll_btn .Btn :where(a, .a):after
{
	content: none;
}

.scroll_btn .Btn :is(a, .a)>.d
{
	font-size: inherit;

	display: block;
	width: auto;
	height: auto;
	opacity: unset;

	rotate: -5deg;
}

footer
{
	background-color: rgb(var(--color2));
	color: rgb(var(--w));
}

footer .Copy
{
	border-width: 0;
}


/* ------------------------------------------------------------------------------------------------------------
	共通
------------------------------------------------------------------------------------------------------------ */
.id_nanohana .catch
{
	font-size: 1.2em;
	font-weight: 700;
	color: rgb(var(--color_dark));

	letter-spacing: 0.25em;

	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1em;
	text-underline-offset: -0.5em;
	text-decoration-color: rgb(var(--color1) / 0.25);
}

.id_nanohana .Index .Top .catch
{
	text-decoration-color: rgb(var(--w) / 0.5);
}

.id_nanohana .Index .park .catch
{
	text-decoration-color: rgb(var(--w) / 0.5);
}



/* ------------------------------------------------------
	<Gallery>
*/
.Gallery
{
	margin: 0;
}


/* ------------------------------------------------------
	<Gallery>　スライダー
*/
.Gallery.Slider .slick-arrow,
.Gallery.Slider .slick-dots li.slick-active button:before
{
	background-color: rgb(var(--bg_color));
}

.Gallery.Slider .slick-dots li button::before
{
	background-color: rgb(var(--color_dark) / 0.25);
}


/* ------------------------------------------------------
	<Gallery>　一覧・テキストタイプ
*/
.id_nanohana .List.txt_list
{
}

.id_nanohana .List.txt_list>ul
{
}


.id_nanohana .List.txt_list .title>b
{
	font-weight: inherit;
}


.id_nanohana .List.txt_list .data
{
	grid-template-columns: 6em auto;
}


/* ------------------------------------------------------
	<Gallery>　一覧・サムネタイプ
*/
.id_nanohana .List.thumb_list
{
}

.id_nanohana .List.thumb_list .list_detail
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(var(--gap) * 2) var(--gap);
}


.id_nanohana .List.thumb_list .list_detail>*,
.id_nanohana .List.thumb_list .slick-track>*
{
	background-color: rgb(var(--color1) / 0.2);
	background-color: rgb(var(--color_ygr) / 0.2);
	border-radius: var(--border_r);
}

.id_nanohana .List.thumb_list .slick-track>*
{
}


.id_nanohana .List.thumb_list :is(a, .a),
.id_nanohana .List.thumb_list :is(a, .a):hover
{
	border-width: var(--border_w);
	border-radius: var(--border_r);
}


.id_nanohana .List.thumb_list .thumbnail
{
}
.id_nanohana .List.thumb_list .thumbnail img
{
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--border_r);
}

.id_nanohana .List.thumb_list .title
{
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0;

	text-align: inherit;
	text-decoration-line: underline;

	color: rgb(var(--color_dark));
}

.id_nanohana .List.thumb_list .title :is(.before, .after)
{
	font-size: 0.8em;
}
.id_nanohana .List.thumb_list .title :is(.before, .after) br
{
	display: none;
}
.id_nanohana .List.thumb_list .title>b
{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	filter: none;
}


.id_nanohana .List.thumb_list a>.data
{
	display: block;
	grid-template-areas: unset;
	grid-template-columns: unset;
}
.id_nanohana .List.thumb_list a>.data>*
{
	grid-area: unset;
}


.id_nanohana .List.thumb_list .Time
{
	line-height: 1;

	position: absolute;
	right: 0;
	top: 0;

	display: block;

	padding: 0.5em var(--border_r) 0.5em 1em;

	background-color: rgb(var(--color1) / 0.9);
	border-top-right-radius: var(--border_r);
}

.id_nanohana .List.thumb_list .list_main
{
	position: absolute;
	left: 50%;
	bottom: 0;
	translate: -50% -0%;

	display: block;

	width: 100%;
	max-height: 6.5em;

	padding: 0.5em 1em 0.75em;

	background-color: rgb(var(--w) / 0.85);

	border-bottom-left-radius: var(--border_r);
	border-bottom-right-radius: var(--border_r);

	text-align: left;
}
/*
[251017-1738]　gridだと、改行されない??????
	display: grid;
	justify-content: space-between;
	align-content: start;
	gap: 0;
	
*/

.id_nanohana .List.thumb_list .list_main .post-content
{
}
.id_nanohana .List.thumb_list .list_main .kikan
{
	font-size: 0.8em;
	text-align: right;
}


.id_nanohana .List.thumb_list a .news_icon
{
	font-size: inherit;
	z-index: 5;
}


/* ------------------------------------------------------
	<Gallery>　一覧・サムネタイプ　スライダー
*/
.id_nanohana .Gallery.Slider
{
}

.id_nanohana .Gallery.Slider .List.thumb_list .slick-list
{
	padding-top: 2em;
	padding-top: 5em;

	margin-top: -3em;
}
/*

	overflow: unset;
	overflow-y: hidden;

*/

.id_nanohana .Gallery.Slider .slider>.slick-dots
{
	flex-wrap: wrap;
}


/* ------------------------------------------------------
	<投稿記事>・detail
*/
.Spot.ArticleDetail article
{
}


.Spot.ArticleDetail article h1
{
	max-width: var(--max_width);
	max-width: calc(var(--max_width) - (var(--padding_tb) * 2));
	width: 100%;

	margin-left: auto;
	margin-right: auto;
}




/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　スポット　1段
*/
.spot_list
{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: var(--gap);
	gap: var(--padding_tb);
}


.spot_list .type
{
	position: absolute;
	left: 1em;
	top: 1em;

	z-index: 5;
}
.spot_list .type::before
{
	width: 6em;
}
.spot_list .type>*
{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: fit-content;
	white-space: nowrap;
}


.spot_list .title
{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.5em;
}


.spot_list .Gallery
{
	margin: 0;
}


.spot_list .item
{
	--photo_h					: 25em;

	width: 90%;

	padding: var(--gap);

	background-color: rgb(var(--w));
	border-width: calc(var(--border_w) * 2);
	border-style: dotted;
	border-radius: var(--border_r);
}

.spot_list .item.odd
{
}
.spot_list .item.even
{
	margin-left: auto;
	margin-right: 0;
}


.spot_list .photo
{
}
.spot_list .photo img
{
	max-height: var(--photo_h);
}


.spot_list .catch
{
	font-weight: inherit;
}


.spot_list .lead
{
	position: absolute;
	top: var(--gap);

	min-width: 10em;

	color: rgb(var(--color_dark));
}
.spot_list .lead::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 10em;

	background-color: rgb(var(--color1) / 0.95);
	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: no-repeat;
}
.spot_list .lead>*
{
	--filter_color				: var(--color1) / 0.9;

	filter:
		drop-shadow(0 1px 1px rgb(var(--filter_color)))
		drop-shadow(0 -1px 1px rgb(var(--filter_color)))
		drop-shadow(1px 0 1px rgb(var(--filter_color)))
		drop-shadow(-1px 0 1px rgb(var(--filter_color)))
		drop-shadow(0 0px 1px rgb(var(--w)))
	;
}


.spot_list .detail
{
	display: grid;
	gap: 1em;
}


.spot_list .menu
{
}

.spot_list .menu_title
{
}
.spot_list .menu_title>b
{
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.5em;
}
.spot_list .menu_title .sub
{
	font-weight: 500;
}

.spot_list .menu_photo
{
	margin: 0;
}
.spot_list .menu_photo .Img
{
	aspect-ratio: 1;
	border-radius: var(--border_r);
	background-color: rgb(var(--w));
}
.spot_list .menu_photo .Item .Img
{
}
.spot_list .menu_photo .Item .Img img
{
	aspect-ratio: 1;
	border-radius: var(--border_r);

}


.spot_list .menu_main
{
}

.spot_list .menu_main .menu_title
{
	font-size: 1.2em;
	font-weight: inherit;
	line-height: 1.5;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 0 0.5em;

	text-align: inherit;
	text-align: justify;
}
.spot_list .menu_main .menu_title b
{
	font-size: inherit;
	font-weight: inherit;
}
.spot_list .menu_main .menu_title>b
{
	font-weight: 900;
	text-align: left;
}
.spot_list .menu_main .menu_txt
{
	text-align: left;
}
.spot_list .menu_main .menu_fee
{
	margin-left: auto;
	margin-right: 0;
}
.spot_list .menu_main .menu_fee>.Wrap
{
	display: flex;
	align-items: baseline;

	font-size: 0.75em;
}
.spot_list .menu_main .menu_fee>.Wrap>b
{
	font-size: 1.5em;
}
.spot_list .menu_main .menu_fee .fee_before
{
	font-size: 1.2em;
	padding-right: 0.5em;
}


.spot_list .txt,
.NanohanaGourmet .hotel .spot_list .Caption>.Wrap
{
	--line_step					: 2.5em;

	text-align: justify;
	line-height: var(--line_step);

	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: calc(var(--line_step) / 3);
	text-decoration-style: dashed;
	text-decoration-color: rgb(var(--bk) / 0.25);
}

.NanohanaGourmet .hotel .spot_list .Caption
{
	font-size: inherit;
	padding-left: 1em;
	padding-right: 1em;
}

.spot_list .data
{
	font-size: 0.8em;
	text-align: left;
}
.spot_list .data .data_header
{
	width: fit-content;
	padding: 0 1em 0 0.5em;

	background-color: rgb(var(--color_ygr));
	color: rgb(var(--w));

	border-radius: 0 100em 100em 0;

	z-index: 5;
}
.spot_list .data .data_header>b
{
	font-weight: inherit;
}
.spot_list .data>.Wrap
{
	margin-top: -1em;
	padding: 1em;
	
	border-width: var(--border_w);
	border-style: dotted;
	border-radius: calc(var(--border_r) / 3);
	border-top-left-radius: 0;
}
.spot_list .data ul
{
	gap: 0;
}


.spot_list .coupon
{
	--mask_dot						: 0.4em;

	display: grid;
	grid-template-columns: calc(var(--href_icon_size) * 2) 1fr;
	align-items: center;
	gap: 0.5em;

	padding: calc(var(--mask_dot) * 2);
	padding-right: calc(var(--mask_dot) * 3);

	font-size: 0.9em;
	text-align: justify;
	line-height: 1.5;
}
.spot_list .coupon::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;

	border-radius: calc(var(--border_r) / 2);
	background-color: rgb(var(--color1) / 0.5);
	mask: 
		linear-gradient(#000 0 0) no-repeat
			50%/calc(100% - 2*var(--mask_dot)) calc(100% - 2*var(--mask_dot)), 
		radial-gradient(farthest-side,#000 97%,#0000) 
			0 0/calc(2*var(--mask_dot)) calc(2*var(--mask_dot)) round
	;
}

.spot_list .coupon .Img
{
}
.spot_list .coupon .Img::before
{
	font-size: 0.7em;

	content: "COUPON";
	display: block;

	position: absolute;
	left: 50%;
	bottom: 100%;
	translate: -50% -0%;

	width: fit-content;
	white-space: nowrap;

	padding: 0.3em 0.5em;

	background-color: rgb(var(--or));
	color: rgb(var(--w));
	border-radius: 100em;
	
	line-height: 1;
}
.spot_list .coupon img
{
	scale: 0.7;
}


/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　スポット　2段
*/
.spot_list.column2
{
	grid-template-columns: repeat(2, 1fr);
	gap: var(--padding_tb) var(--gap);

	margin-top: var(--gap);
}

.spot_list.column2 .item
{
	width: 100%;
}

.spot_list.column2 .title
{
	display: grid;
	align-content: center;
	align-items: center;

	height: 5em;

	padding: 0em 0.5em;

	background-color: rgb(var(--color1));

	line-height: 1.25;
	z-index: 5;
}
.spot_list.column2 .title>b
{
}
.spot_list.column2 .title .title_before
{
}
/*
	position: absolute;
	left: 50%;
	bottom: 100%;
	translate: -50% -0%;

	width: 100%;
*/
.spot_list.column2 .photo
{
}
.spot_list.column2 .photo img
{
	aspect-ratio: 4 / 3;
	aspect-ratio: 16 / 9;
}


.spot_list.column2 .detail
{
	padding: 1em;
}


/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　index
	nanohana/
*/
.id_nanohana .Index
{
}


.id_nanohana .Index .Ct
{
	padding-top: var(--padding_tb);
}


/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　index　Top
	nanohana/
*/
.id_nanohana .Index .Top
{
}

.id_nanohana .Index .Top .bg
{
}

.id_nanohana .Index .Top .bg img
{
	width: 100%;
	object-fit: cover;

	height: 80svh;
	height: 95svh;
}

.id_nanohana .Index .Top>.body
{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	display: grid;
	align-items: center;

	width: 100%;
	height: 100%;
}
/*
	grid-template-rows: 1fr 30%;
*/

.id_nanohana .Index .Top>.body .main
{
	font-size: 4vw;
}

.id_nanohana .Index .Top>.body .catch
{
	font-size: 0.6em;

	filter: var(--shadow_w);
	text-decoration-color: rgb(var(--color1) / 0.25);
}

.id_nanohana .Index .Top>.body h2
{
}

.id_nanohana .Index .Top>.body h2>.before
{
	font-size: inherit;
	font-weight: inherit;
}
.id_nanohana .Index .Top>.body h2>.event_date
{
	--mask_r_size					: 0.65em;
	--mask_r_size					: 30px;
	--mask_r_size					: 2vw;

	font-size: 0.5em;
	font-weight: 500;
	color: rgb(var(--w));

	display: inline-block;
	padding: 0.5em 1em;

	background-color: rgb(var(--color2) / 0.75);
	mask: 
		linear-gradient(-90deg,#0000 calc(var(--mask_r_size) * 2),#000 0) var(--mask_r_size),
		radial-gradient(var(--mask_r_size),#000 calc(100% - 1px),#0000) 50%/calc(var(--mask_r_size) * 2) calc(var(--mask_r_size) * 1.85) space repeat
	;

}

.id_nanohana .Index .Top .tokusetsu_logo_set
{
	display: grid;
	align-items: center;
	gap: 0;

	filter: var(--shadow_w);
}
.id_nanohana .Index .Top .tokusetsu_logo_set .tokusetsu_logo
{
	order: 2;
}
.id_nanohana .Index .Top .tokusetsu_logo_set .Caption
{
	order: 1;
}
.id_nanohana .Index .Top .tokusetsu_logo_set .Caption .before
{
	font-size: 0.8em;
}
.id_nanohana .Index .Top .tokusetsu_logo_set img
{
	object-fit: contain;
	width: auto;
	height: 20svh;
	width: 100%;
	height: auto;
}

.id_nanohana .Index .Top .tokusetsu_logo_set .Itemcharacter img
{
	aspect-ratio: 59 / 60;
	scale: 0.9;
}
.id_nanohana .Index .Top .tokusetsu_logo_set .Item1 img
{
	aspect-ratio: 352 / 74;
}

.id_nanohana .Index .Top .spot_name
{
	font-size: 0.8em;
	text-shadow:
		0.1em 0.1em 0 rgb(var(--text_shadow_color)),
		0em 0em 0 rgb(var(--w))
	;
	--text_line_color				: var(--w) / 0.75;
	--text_shadow_color				: var(--w) / 0.05;
	-webkit-text-stroke: 1px rgb(var(--text_line_color));
	filter:
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
	;
}
/*
	color: rgb(var(--w));

	--text_line_color				: var(--color_dark);
	--text_shadow_color				: var(--color_dark) / 0.05;
	text-shadow:
		0.1em 0.1em 0 rgb(var(--text_shadow_color)),
		0em 0em 0 rgb(var(--w))
	;
	-webkit-text-stroke: 1px rgb(var(--text_line_color));
	filter:
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
	;

*/


/* ------------------------------------------------------
	[index]
	[260331-1018]校正　『メッセージの文字の色を、『茶色＋白縁』から『赤色＋白縁』にしてください。』
	[260327-1020]3.31イベント終了　4.1(wed)～4.9(thu)は「(ご来場ありがとうございました。)」メッセージにする
*/
.id_nanohana .Index .Top .message
{
	font-size: 0.6em;
	color: rgb(var(--color));
	color: rgb(var(--r));

	--text_line_color				: var(--w) / 0.75;
	--text_shadow_color				: var(--w) / 0.05;
	-webkit-text-stroke: 1px rgb(var(--text_line_color));
	filter:
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
	;
}


/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　お知らせ・共通
*/
.id_nanohana .News
{
}

/* お知らせ・アイコン */
.id_nanohana .news_icon
{
	position: absolute;
	left: 0;
	bottom: 100%;

	display: flex;
	gap: 0.5em;

	font-size: 0.9em;
}

.id_nanohana .news_icon .NewMark
{
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;

	background-color: rgb(var(--or));
	border-radius: calc(var(--border_r) / 2);
}

/* お知らせ・アイコン「重要」 */
.id_nanohana .news_icon .icon_important
{
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;

	background-color: rgb(var(--pk));
}
.id_nanohana .news_icon .icon_important::after
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;
}


.id_nanohana .Index .News
{
	background-color: transparent;
}


.id_nanohana .Spot.ArticleDetail article .news_icon
{
	left: 50%;
	translate: -50% -0%;
}


/* ------------------------------------------------------
	[菜の花まつり]　お知らせ　index
*/
.id_nanohana .Index .Top .News
{
	font-size: 0.9em;
	padding: 0;

	position: absolute;
	right: 0;
	bottom: calc(var(--gap) * 2);

	display: grid;
	grid-template-areas:
		"h2 footer"
		"body body"
	;
	grid-template-columns: repeat(2, auto);
	justify-content: space-between;
	align-items: center;

	text-align: left;
}
.id_nanohana .Index .Top .News>h2
{
	grid-area: h2;
}
.id_nanohana .Index .Top .News>.body
{
	grid-area: body;
}
.id_nanohana .Index .Top .News>.footer
{
	grid-area: footer;
}


.id_nanohana .Index .Top .News::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% + (var(--gap) * 2));
	height: calc(100% + (var(--gap) * 2));

	background-color: rgb(var(--w) / 0.9);
	border-radius: var(--border_r);
}


.id_nanohana .Index .Top .News h2
{
	display: block;
}
.id_nanohana .Index .Top .News h2>b
{
}


.id_nanohana .Index .Top .News .body
{
}
.id_nanohana .Index .Top .News .body .List>ul
{
	gap: calc(var(--gap) / 2);
}

.id_nanohana .Index .Top .News .footer
{
	justify-self: end;
}
.id_nanohana .Index .Top .News .footer a
{
	margin: 0;
}


/* [251031-1206]校正　topの下に移動 */
.id_nanohana .List .news_icon
{
	position: absolute;
	right: calc(100% + 1em);
	top: 0%;
	translate: -0% -0%;
	left: initial;
	bottom: initial;
}
.id_nanohana .News .List ul
{
	gap: 1em;
}
.id_nanohana .News .NewMark::after
{
	background-color: transparent;
}


.id_nanohana .Index .Ct .News
{
	background-color: rgb(var(--w));
	border-radius: var(--border_r);
}

.id_nanohana .Index .Ct .News>.Wrap
{
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: start;

	max-width: calc(100% - (8em * 2));
	margin-left: auto;
	margin-right: auto;
	padding: var(--gap);
}
/*
	grid-template-areas:
		"h2 body"
		"footer footer"
	;
.id_nanohana .Index .Ct .News>.Wrap>h2
{
	grid-area: h2;
}
.id_nanohana .Index .Ct .News>.Wrap>.body
{
	grid-area: body;
}
.id_nanohana .Index .Ct .News>.Wrap>.footer
{
	grid-area: footer;
}
*/


.id_nanohana .Index .Ct .News h2
{
}

.id_nanohana .Index .Ct .News .body
{
}
/*
*/

.id_nanohana .Index .Ct .News .footer
{
}


/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　園内関連
*/

/* ------------------------------------------------------
	[菜の花まつり]　園内関連　index
*/
.Index .park
{
	background-color: rgb(var(--w));
}
.Index .park>.Wrap::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% - 5vw);
	height: calc(100% - var(--padding_tb));

	border-width: calc(var(--border_w) * 2);
	border-color: rgb(var(--w));
	border-radius: var(--border_r);

	background-color: rgb(var(--w) / 0.3);
}
.Index .park>.Wrap
{
	background-color: rgb(var(--bl) / 0.3);

	display: grid;
	gap: var(--padding_tb);
	gap: var(--gap);
}


/* ------------------------------------------------------
	[菜の花まつり]　園内関連　index　園内マップ
*/
.Index .park .map
{
}

.Index .park .map .head
{
	position: absolute;
	left: 50%;
	top: 0;
	translate: -50% -0%;

	text-align: left;

	z-index: 5;
}

.Index .park .map :is(h2, .h2)
{
	display: block;

}
.Index .park .map :is(h2, .h2)>b
{
	--text_line_color				: var(--w);
	--text_shadow_color				: var(--bl) / 0.25;
	color: rgb(var(--color_dark));
}


.Index .park .map .bg
{
	padding-left: 5vw;
	padding-right: 5vw;
}


/* [菜の花まつり]　園内関連　index　園内マップ・子 */
.Index .park .map .list
{
	position: absolute;
	left: 50%;
	bottom: 0;
	bottom: var(--gap);
	translate: -50% -0%;

	display: grid;
	justify-content: end;
	justify-items: start;
	gap: calc(var(--gap) / 2);
	gap: var(--gap);

	text-align: left;
}

.Index .park .map .list>*
{
	width: 100%;
}

.Index .park .map .list .ColorBtn
{
	min-width: initial;
	width: 100%;

	text-align: left;
}


.Index .park .map .list a
{
	text-decoration-line: none;

	display: grid;
	grid-template-columns: 3em 1fr;
	align-items: center;
	gap: 1em;
}

.Index .park .map .list a .Img
{
	display: block;
	width: 100%;

	height: 0;
}
.Index .park .map .list a .Img>.Wrap
{
	aspect-ratio: 1;

	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% + 1em);

	background-color: rgb(var(--color1));
	border-width: var(--border_w);
	border-color: rgb(var(--color_dark));
	border-radius: 100em;
}
.Index .park .map .list a .Img img
{
	aspect-ratio: 1;
	object-fit: contain;

	scale: 0.7;
}


.Index .park .map .list h3
{
	margin: 0;
	justify-content: start;

}
.Index .park .map .list h3>b
{
	font-size: 1.2em;
}


.Index .park .ClassHoka
{
	display: none;
}


/* ------------------------------------------------------
	[菜の花まつり]　園内関連　index　おすすめスポット&お土産
*/
.Index .park .banner
{
}

.Index .park .banner :is(h2, .h2)
{
	background-color: rgb(var(--color1) / 0.75);
}
.Index .park .banner :is(h2, .h2)>b
{
	font-size: 2em;

	--text_line_color				: var(--w);
	--text_shadow_color				: var(--w) / 0;
	color: rgb(var(--color_dark));
}

.Index .park .banner a
{
	text-decoration-line: none;

	display: block;
	border-width: var(--border_w);

	border-radius: var(--border_r);
	overflow: hidden;
}

.Index .park .banner a .image
{
	display: block;
	background-color: rgb(var(--color2));
}
.Index .park .banner a .image img
{
	aspect-ratio: 2 / 1;
}

.Index .park .banner a .title_set
{
	position: absolute;
	left: 50%;
	bottom: 0%;
	translate: -50% -0%;

	width: 100%;
	padding: 1em;

	color: rgb(var(--w)) !important;
}



/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　index　ct2
	nanohana/
*/
.Index .Ct2
{
	padding-top: 0 !important;
	padding-bottom: var(--padding_tb);
}

.Index .Ct2 .body
{
}


.Index .Ct2 .body a
{
	text-decoration-line: none;

	display: grid;
	gap: 1em;
}
.Index .Ct2 .body a::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	bottom: calc(0em - var(--gap));
	translate: -50% -0%;

	width: 100%;
	height: 100%;

	background-color: rgb(var(--w) / 0.75);
	border-radius: var(--border_r);

	z-index: -1;
}

.Index .Ct2 .body a .Img
{
	display: block;
	margin-bottom: calc(0em - (var(--gap) / 2));

	scale: 1.1;
}
/*
	filter:
		drop-shadow(0 0 1px rgb(var(--w)))
		drop-shadow(0 0 1px rgb(var(--w)))
	;
*/
.Index .Ct2 .body a .Img::before,
.Index .Ct2 .body a .Img img
{
	aspect-ratio: 1;

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-composite: exclude;
}
.Index .Ct2 .body a .Img::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;

	background-color: rgb(var(--color_ygr) / 0.75);
}
/*

	scale: 0.85;
	rotate: -10deg;
*/

.Index .Ct2 .body a .Img img
{
	display: block;
}

.Index .Ct2 .body a :is(
	.title_set,
	.catch,
	.Free
)
{
	padding-left: 1em;
	padding-right: 1em;
}

.Index .Ct2 .body a .title_set
{
}
/*
	position: absolute;
	left: 50%;
	bottom: -1em;
	translate: -50% -0%;

	width: 100%;

	background-color: rgb(var(--or) / 0.9);
	border-radius: calc(var(--border_r) / 2);
*/
.Index .Ct2 .body a .title_set>b
{
	--text_line_color				: var(--color_dark) / 0;
	--text_shadow_color				: var(--color_dark) / 0;

	font-size: 1.75em;
	color: rgb(var(--color_dark) / 0.9);
	filter:
		drop-shadow(0 1px 1px rgb(var(--w)))
		drop-shadow(0 -1px 1px rgb(var(--w)))
		drop-shadow(1px 0 1px rgb(var(--w)))
		drop-shadow(-1px 0 1px rgb(var(--w)))
	;
}
/*

	background-color: rgb(var(--w) / 0.65);
*/

/*
[251031-1206]校正　pic差し替えて、個別指定要らなくなった
.Index .Ct2 .body .ClassQa a .Img img
{
	object-fit: contain;
	mask-image: unset;

	scale: 0.8;
}
*/


.Index .Ct2 .body>*:nth-of-type(odd)
{
}

.Index .Ct2 .body>*:nth-of-type(even)
{
	margin-top: var(--padding_tb);
}


/* ------------------------------------------------------------------------------------------------------------
	[251212-0916/251215-1302]修正　<spot>「空いている部分に、「いちご狩り」と「どんぶり街道」の特集ページに飛ぶバナーを付けてください」で復活
	[251031-1440]校正・削除
	[菜の花まつり]　index　旬のいちおし情報バナー
	nanohana/
*/
.special_banner
{
	background-color: rgb(var(--w) / 0.5);
}


.special_banner .List
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	justify-content: center;
	gap: calc(var(--gap) * 2) var(--gap);
}
.special_banner .List>*
{
	--num				: 3;

	width: calc((100% - (var(--gap) * (var(--num) - 1))) / var(--num));
}


.special_banner .List .Item
{
}

.special_banner .List .Item a
{
	display: block;

	display: grid;
	justify-items: center;
	gap: 1em;

	width: 100%;

	text-decoration-line: none;
}

.special_banner .List .Item a[target]>*
{
	display: block;
	display: grid;
	grid-template-areas: unset;
	grid-template-columns: unset;
}
.special_banner .List .Item a[target]>*::before
{
	position: absolute;
	left: 0;
	top: 0;

	width: auto;
}


.special_banner .List .Item .head
{
	display: grid;
	gap: 0.5em;
}


.special_banner .List .Item .Img
{
	width: 100%;
}


.special_banner .List .Item .title
{
	margin: 0;
}
.special_banner .List .Item .title>b
{
	font-size: 1.2em;
	font-weight: 500;
}


.special_banner .List .Item .Time
{
	display: flex;
	justify-content: center;
	gap: 1em;
}
.special_banner .List .Item .Time b
{
	font-weight: inherit;
}


/* ------------------------------------------------------------------------------------------------------------
	[251031-1440]校正・新規　菜の花まつりに関連したインスタグラムを掲載
	[菜の花まつり]　index　
	nanohana/
*/
.Index .SNS
{
	display: grid;
	gap: var(--gap);
}

.Index .SNS :is(a, .a)
{
	gap: 1em;
	padding: 1em var(--padding_lr);
}
.Index .SNS :is(a, .a) .icon
{
	scale: 1.2;
	filter: brightness(0) invert(1);
}

.Index .SNS :is(a, .a) .Free
{
}

.Index .SNS :is(a, .a) .Free>*
{
	display: flex;
	gap: 0.5em;
}


/* ------------------------------------------------------------------------------------------------------------
	[251031-1440]校正・新規　ビューロー本体へのバナー
	[菜の花まつり]　index　渥美半島　田原市の観光情報はこちら
	nanohana/
*/
.bureau_banner
{
	background-color: rgb(var(--w) / 0.5);
}

.bureau_banner a[target]
{
	display: block;
}
.bureau_banner a[target]>*::before
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;
}
.bureau_banner a[target] .Img
{
	display: block;
}


.bureau_banner .body
{
	display: grid;
	grid-template-columns: auto 60%;
	grid-template-columns: 60%;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: calc(var(--gap) / 2) var(--gap);
}


.bureau_banner .head
{
	font-weight: 900;
}
.bureau_banner .head>*
{
	display: block;
	font-size: 1.2em;
}
.bureau_banner .head::before,
.bureau_banner .head::after,
.bureau_banner .head>*::before,
.bureau_banner .head>*::after
{
	--dott_w				: 2em;

	content: "";
	display: block;

	background-color: rgb(var(--or) / 0.5);

	position: absolute;
	top: calc(var(--dott_w) / 4);

	width: var(--dott_w);
	height: 0.5em;

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: repeat-x;
	mask-repeat: space no-repeat;
}
.bureau_banner .head::before
{
	margin-top: 0.5em;
	right: calc(100% + 1em);
	rotate: 65deg;
}
.bureau_banner .head::after
{
	margin-top: 0.5em;
	left: calc(100% + 1em);
	rotate: -65deg;
}
.bureau_banner .head>*::before
{
	right: calc(100% + 1.5em);
	rotate: 65deg;
}
.bureau_banner .head>*::after
{
	left: calc(100% + 1.5em);
	rotate: -65deg;
}


.bureau_banner .main
{
	width: 100%;
}



.bureau_banner a,
.bureau_banner a:after
{
	display: block;

	aspect-ratio: 16 / 3;
	border-radius: calc(var(--border_r) / 3);
}
.bureau_banner a
{
	overflow: hidden;
}
.bureau_banner a:after
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;
	width: calc(100% + (var(--border_w) / 2));
	height: calc(100% + (var(--border_w) / 2));
	
	border-width: var(--border_w);
	border-color: rgb(var(--color1));
}

.bureau_banner .bg
{
	position: absolute;
	left: 50%;
	top: -50%;
	translate: -50% -0%;

	width: 100%;
}
.bureau_banner .bg>.Wrap
{
}
.bureau_banner .bg img
{
}

.bureau_banner .data
{
	--shadow_color			: var(--w) / 0.85;

	display: grid;
	grid-template-columns: unset;
	justify-items: end;
	gap: 0.5em 0;

	position: absolute;
	right: 5%;
	top: 50%;
	translate: -0% -50%;

	font-weight: 700;
	letter-spacing: normal;

	filter:
		drop-shadow(0 0 1px rgb(var(--shadow_color)))
		drop-shadow(0 0 1px rgb(var(--shadow_color)))
	;
}
.bureau_banner .logo
{
	width: 40%;
	filter:
		drop-shadow(0 0 5px rgb(var(--shadow_color)))
		drop-shadow(0 0 5px rgb(var(--shadow_color)))
	;
}
.bureau_banner .txt
{
	font-size: 0.9em;
	filter:
		drop-shadow(0 0 1px rgb(var(--shadow_color)))
		drop-shadow(0 0 1px rgb(var(--shadow_color)))
	;
}

.bureau_banner .ColorBtn
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

/*
.bureau_banner .ColorBtn
{
	font-size: 0.8em;

	aspect-ratio: 1;

	width: 2em;
	min-width: initial;
	padding: 0;
}
.bureau_banner .ColorBtn::after
{
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	right: initial;
	bottom: initial;
}
*/


/* ============================================================================================================
	[菜の花まつり]　施設概要
============================================================================================================ */
.overview
{
}


/* ------------------------------------------------------------------------------------------------------------
	[251031-1206]校正　pic差し替えて、レイアウト変更
	[菜の花まつり]　施設概要　index
*/
.Index .overview
{
	--img_w					: 35em;
}


.Index .overview .body
{
}


.Index .overview .body .spot_img
{
	margin-left: auto;
	width: var(--img_w);
}
/*
	margin-right: 5vw;
*/
.Index .overview .body .spot_img img
{
	aspect-ratio: 1;
	display: block;

	border-radius: var(--border_r);
}


.Index .overview .body .main
{
	position: absolute;
	left: 0;
	top: 0;

	text-align: justify;
}
/*
	margin-top: calc(0em - calc(var(--img_w) / 1));

*/
.Index .overview .body .main>*
{
	display: grid;
	justify-content: start;
	justify-items: start;
	gap: 1em;

}

.Index .overview .body .main h2
{
	display: block;
}
.Index .overview .body .main h2>b
{
	font-size: 3em;
}

/*
[251031-1206]校正　pic差し替えて、レイアウト変更
.Index .overview .body .spot_img
{
	margin-left: 5vw;
	margin-right: 5vw;
}
.Index .overview .body .spot_img img
{
	display: block;
	width: 100%;
	height: 30em;

	border-radius: var(--border_r);
}

.Index .overview .body .main
{
	position: absolute;
	left: calc(5vw * 2);
	top: 50%;
	translate: -0% -50%;

	text-align: justify;
}

.Index .overview .body .main>.Wrap
{
	display: grid;
	justify-content: start;
	gap: 1em;
}

.Index .overview .body .main h2
{
	display: block;
}
.Index .overview .body .main h2>b
{
	font-size: 2.5em;
}
*/


.Index .overview .body .main .data
{
	display: grid;
	gap: 1em;

	background-color: rgb(var(--w) / 0.9);
	padding: var(--border_r);
	border-radius: var(--border_r);
}
.Index .overview .body .main .data>*
{
	display: grid;
	grid-template-columns: 6em auto;
	justify-content: start;
	gap: 0 1em;
}
.Index .overview .body .main .data .th
{
	text-align: center;
	white-space: nowrap;

	color: rgb(var(--color_dark));
}
.Index .overview .body .main .data .th b
{
	display: block;
	font-weight: inherit;
}
.Index .overview .body .main .data .th>b::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;

	background-color: rgb(var(--color1));
	border-radius: calc(var(--border_r) / 4);
}

.Index .overview .body .main .data .td
{
}
.Index .overview .body .main .data .memo
{
}


.Index .overview .body .main .footer
{
	display: flex;
	gap: 1em;
	justify-self: start;
}
.Index .overview .body .main .footer .ColorBtn
{
	min-width: initial;
	border-color: rgb(var(--w) / 0.25);
}


/* ------------------------------------------------------------------------------------------------------------
	[菜の花まつり]　施設概要
	overview.php
*/
.Overview
{
}


#Nanohana .Overview :is(
	h3, .h3,
	h4, .h4
)
{
	margin-bottom: 0;
}


#Nanohana .Overview :is(
	h3, .h3
)
{
	display: grid;
	justify-content: center;
}
#Nanohana .Overview :is(
	h3, .h3
)>b
{
	min-width: 10em;

	padding-left: 1em;
	padding-right: 1em;
	
	background-color: rgb(var(--color_ygr) / 0.5);
	border-radius: 100em;

	filter: unset;
}


.Overview article
{
	display: grid;
	gap: var(--gap);
}


.Overview table
{
}

.Overview table .ColorBtn,
.Overview table .ColorBtn:not([class*="Width"])
{
	margin-top: 0;
	margin-bottom: 0;
}


/* ------------------------------------------------------
	[菜の花まつり]　施設概要　施設案内
*/
.Overview .annai
{
}


.Overview .annai h2
{
	position: absolute;
	left: 50%;
	top: 0;
	translate: -50% -0%;
}


.Overview .annai .bg
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}


.Overview .annai .body
{
	display: grid;
	justify-content: center;
	gap: var(--gap);
}


.Overview .annai .Gallery
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.Overview .annai .Gallery img
{
	aspect-ratio: 1;
}


/* ------------------------------------------------------
	[菜の花まつり]　index　入場料
	// [251209-1606]修正　差し替え
*/
.Index .spot_riyo_price .list
{
	--fee_title_w				: 6em;
	display: grid;
	gap: 1em;
}

.Index .spot_riyo_price .item
{
	display: grid;
	grid-template-columns: var(--fee_title_w) auto;
	gap: 0.5em 1em;
}

.Index .spot_riyo_price .item .title
{
	margin: initial;
}
.Index .spot_riyo_price .item .title>*
{
	display: block;
	
	padding-left: 0.5em;
	padding-right: 0.5em;

	background-color: rgb(var(--color1) / 0.3);

	text-align: center;
	font-size: inherit;
	font-weight: inherit;

	filter: unset;
}


.Index .spot_riyo_price .item .fee_item>.Wrap
{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: baseline;
}

.Index .spot_riyo_price .item .fee_item .fee_num
{
}
.Index .spot_riyo_price .item .fee_item .fee_num::before
{
	content: "…";
	display: inline;
}

.Index .spot_riyo_price .item .fee_item .fee_num .smaller
{
	font-size: var(--font);
}

.Index .spot_riyo_price .item .fee_item .fee_num br
{
	display: none;
}


.Index .spot_riyo_price .item .txt
{
	grid-column: span 2;

	margin-left: calc(var(--fee_title_w) + 1em);
}
.Index .spot_riyo_price .item .txt>*,
.Index .spot_riyo_price .item .fee_txt
{
	font-size: smaller;
}


/* [菜の花まつり]　index　入場料　個別　「身障者割引」付き添いの方 */
.Index .spot_riyo_price .item .type_tsukisoi
{
}

.Index .spot_riyo_price .item .type_tsukisoi>.Wrap>.fee_num
{
}
/*
	width: 100%;
	padding-left: var(--fee_title_w);
*/
.Index .spot_riyo_price .item .type_tsukisoi>.Wrap>.fee_num::before
{
	content: "　";
}


/* ------------------------------------------------------
	[菜の花まつり]　施設概要　施設案内　入場料
*/
.Overview .spot_riyo_price
{
	display: grid;
	gap: var(--gap);
}
/*

	margin-top: calc(var(--gap) * 2);
*/


.Overview .spot_riyo_price h2
{
}
.Overview .spot_riyo_price .balloon
{
	font-size: inherit;
	left: calc(50% - (3.5em * 3));
	right: initial;
}
/*
.Overview .spot_riyo_price .balloon
{
	position: absolute;
	left: 40%;
	top: initial;
	bottom: calc(100% - (var(--gap) / 2));
	translate: -50% -0%;
}
*/

.Overview .spot_riyo_price .body
{
	display: grid;
	justify-content: center;
	gap: calc(var(--gap) * 1);
}


.Overview .spot_riyo_price .list
{
	display: grid;
	gap: var(--padding_tb);
}

.Overview .spot_riyo_price .list .item
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: start;
	justify-items: center;
	align-items: center;
	gap: 0;
}


.Overview .spot_riyo_price .list .item .title
{
}

.Overview .spot_riyo_price .list .item .title>b
{
	background-color: transparent !important;
}
.Overview .spot_riyo_price .list .item .title::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 10em;

	background-color: rgb(var(--color_ygr) / 0.5);
	border-radius: 100em;
}
/*
.Overview .spot_riyo_price .list .item .title::after
{
	content: "●●●";
	display: block;

	position: absolute;
	left: calc(100% - var(--gap));
	top: 50%;
	translate: -0% -50%;

	white-space: nowrap;

	letter-spacing: 0.25em;
}
*/

/* [260123-1202]修正　3.『施設案内のページが画面幅を超え動きます。ご調整ください』→身障者割引の3連がはみ出ていた */
.Overview .spot_riyo_price .list .item .fee
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-items: center;
	gap: 0 var(--gap);
}
/*
	grid-template-columns: repeat(2, auto);
*/

.Overview .spot_riyo_price .list .item .fee>*
{
}

.Overview .spot_riyo_price .list .item .fee_item
{
	display: flex;
	align-items: center;
	gap: 1em;
}
/*
	width: fit-content;
	width: 100%;
*/

.Overview .spot_riyo_price .list .item .fee_item>.Wrap
{
	display: grid;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;

	min-width: 9em;
	min-height: 9em;
}
.Overview .spot_riyo_price .list .item .fee_item>.Wrap::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	height: 9em;

	background-color: rgb(var(--color1));
	border-radius: var(--border_r);
}

.Overview .spot_riyo_price .list .item .fee_item>.Wrap>b
{
	display: block;
	font-size: 1.5em;

	line-height: 1;
}
/*
[251209-1606修正　「文字の背景色（白）は不要です」
	background-color: rgb(var(--w) / 0.8);
*/

.Overview .spot_riyo_price .list .item .fee_item .fee_num
{
	margin-top: 0.5em;
}
.Overview .spot_riyo_price .list .item .fee_item .fee_num>b
{
	font-size: 1.5em;
	line-height: 1;
}

.Overview .spot_riyo_price .list .item .fee_item .fee_num .smaller
{
	font-size: var(--font);
	font-weight: inherit;
}

.Overview .spot_riyo_price .list .item .fee_item .fee_num .mark
{
	display: none;
}

.Overview .spot_riyo_price .list .item .fee_txt
{
	text-align: left;
}

.Overview .spot_riyo_price .list .item .txt
{
	grid-column: span 2;

	display: grid;
	justify-content: center;
}



/*
	[251125-1932/251129-1838]校正・新規　身障者割引
	[菜の花まつり]　施設概要　施設案内　入場料・身障者割引
*/
.Overview .spot_riyo_price .ID_disability
{
	display: grid;
	justify-content: center;
	justify-items: center;
	gap: var(--gap);
}
.Overview .spot_riyo_price .ID_disability::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% + (var(--gap) * 1.5));
	height: calc(100% + (var(--gap) * 2));

	background-color: rgb(var(--w) / 0.8);

	border-width: 0.5em;
	border-style: dotted;
	border-color: rgb(var(--pk) / 0.2);

	border-radius: var(--border_r);
}

.Overview .spot_riyo_price .ID_disability .detail
{
	margin-top: var(--gap);

	display: flex;
	gap: var(--gap);
}

.Overview .spot_riyo_price .ID_disability .detail .item
{
	width: 100%;
	min-width: 10em;

	display: grid;
	gap: 0em;

	padding: 0;
}

.Overview .spot_riyo_price .list .ID_disability .fee_item>.Wrap::before
{
	background-color: rgb(var(--or) / 0.5);

	mask-image: var(--mask_flower_double);
	mask-position: center;
	mask-repeat: repeat-x;
	mask-repeat: space no-repeat;
}

.Overview .spot_riyo_price .ID_disability .detail .item>b
{
	text-align: center;
}
/*
	white-space: nowrap;
	background-color: rgb(var(--color1));
*/



/* [菜の花まつり]　施設概要　施設案内　支払方法 */
.Overview .spot_riyo_price .payment
{
	display: grid;
	justify-content: center;
	gap: var(--gap);
}



/* ------------------------------------------------------
	[菜の花まつり]　施設概要　施設案内　地図
*/
.Overview .annai .map
{
	display: grid;
	gap: var(--gap);

	margin-top: calc(var(--gap) * 2);
}

.Overview .annai .spot_biko
{
	display: grid;
	justify-self: center;
	gap: var(--gap);

	text-align: justify;
}


/* ------------------------------------------------------
	[菜の花まつり]　施設概要　団体予約
*/
#Nanohana .Overview .dantai
{
}


#Nanohana .Overview .dantai>.Wrap
{
	display: grid;
	gap: var(--padding_tb);
	gap: var(--gap);
}



/* [菜の花まつり]　施設概要　団体予約　step */
#Nanohana .Overview .dantai .Step
{
	--step_title_gap				: 1em;
	--step_num_w					: 3em;

	text-align: left;

	display: grid;
	gap: var(--padding_tb);
	gap: var(--gap);
}

#Nanohana .Overview .dantai .Step h3
{
}
#Nanohana .Overview .dantai .Step h3>b
{
	min-width: initial;
	padding: 0;

	background-color: transparent;
}


#Nanohana .Overview .dantai .Step>ol
{
	gap: 0;
	background-color: rgb(var(--w) / 0.5);

	border-radius: var(--border_r);
	overflow: hidden;
}
#Nanohana .Overview .dantai .Step>ol>li
{
	padding: calc(var(--gap) * 1.5) var(--gap);
}
#Nanohana .Overview .dantai .Step>ol>li:not(:last-of-type)
{
}
#Nanohana .Overview .dantai .Step>ol>li:not(:last-of-type)::after
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: calc(100% - (1em / 2));
	translate: -50% -0%;

	width: calc(100% - 2em);
	height: 0em;

	border-bottom-width: 1em;
	border-color: rgb(var(--w));
	border-color: rgb(254 248 204);
	border-style: dotted;

	z-index: 10;
}
#Nanohana .Overview .dantai .Step .step_1
{
	background-color: rgb(var(--or) / 0.25);
	background-color: rgb(var(--pk) / 0.15);
}
#Nanohana .Overview .dantai .Step .step_2
{
	background-color: rgb(var(--color1) / 0.3);
}
#Nanohana .Overview .dantai .Step .step_3
{
	background-color: rgb(var(--color_ygr) / 0.3);
}
#Nanohana .Overview .dantai .Step .step_4
{
	background-color: rgb(var(--w));
	background-color: rgb(var(--bl) / 0.2);
}


#Nanohana .Overview .dantai .Step .title
{
	display: grid;
	grid-template-columns: var(--step_num) auto;
	justify-content: start;
	align-items: center;
	gap: var(--step_title_gap);

	color: rgb(var(--color_dark));
}

#Nanohana .Overview .dantai .Step .num
{
	display: grid;

	line-height: 0;
	height: 0;
}
#Nanohana .Overview .dantai .Step .num::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 70%;

	background-color: rgb(var(--color1));
	border-radius: 100em;

	border-width: var(--border_w);
	border-color: rgb(var(--color_dark));
}
#Nanohana .Overview .dantai .Step .num>b
{
	font-size: 2em;
	font-weight: 900;
}


#Nanohana .Overview .dantai .Step .main
{
	margin-left: calc(var(--step_num) + var(--step_title_gap));
}

/* [菜の花まつり]　施設概要　団体予約　step 1.団体申込書の記入 */
#Nanohana .Overview .dantai .Step .application_document
{
}
#Nanohana .Overview .dantai .Step .application_document .main
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--padding_tb);
}
#Nanohana .Overview .dantai .Step .application_document .main :is(
	.Item,
	.btn
)
{
	display: grid;
	gap: calc(var(--gap) / 2);
}


/* [菜の花まつり]　施設概要　団体予約　step 2.お申込み */
#Nanohana .Overview .dantai .Step .application
{
}
#Nanohana .Overview .dantai .Step .application .main,
#Nanohana .Overview .dantai .Step .application .detail
{
	display: grid;
	align-items: center;
	gap: var(--gap);
}
#Nanohana .Overview .dantai .Step .application .detail .means
{
	display: flex;
	flex-wrap: wrap;
	gap: 1em;

	font-weight: 700;
}
#Nanohana .Overview .dantai .Step .application .detail .means>*
{
	display: grid;
	grid-template-columns: 6em 1fr;
	align-items: center;
	gap: 0em;

	background-color: rgb(var(--color1));
	border-width: var(--border_w);
	border-color: rgb(var(--color1));
	border-radius: 100em;
}
#Nanohana .Overview .dantai .Step .application .detail .means>*>span
{
	padding: 0.25em 1em;
	text-align: center;
}
#Nanohana .Overview .dantai .Step .application .detail .means>.fax
{
}
#Nanohana .Overview .dantai .Step .application .detail .means>.mail
{
}
#Nanohana .Overview .dantai .Step .application .detail .means>*>b
{
	font-size: 1.2em;
	font-weight: inherit;
	white-space: nowrap;

	padding: 0.25em 1em;
	
	border-radius: 0.5em 100em 100em 0.5em;
	background-color: rgb(var(--w));
}

#Nanohana .Overview .dantai .Step .application .detail .txt
{
}
#Nanohana .Overview .dantai .Step .application .detail .txt .Under
{
	--under_color			: var(--or) / 0.25;
	--under_weight				: 1.5em;
	--under_offset				: -1.1em;
}	
#Nanohana .Overview .dantai .Step .application .detail .txt .kome b
{
	font-weight: inherit;
}
#Nanohana .Overview .dantai .Step .application .detail .txt .kome>b>b
{
	--under_color				: var(--or) / 0.5;
}


/* [菜の花まつり]　施設概要　団体予約　特典 */
#Nanohana .Overview .dantai .tokuten
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--gap);
}

#Nanohana .Overview .dantai .tokuten h3
{
	color: rgb(var(--w));
}
#Nanohana .Overview .dantai .tokuten h3::before
{
	background-color: rgb(var(--pk));
}


#Nanohana .Overview .dantai .tokuten h3>b
{
	white-space: nowrap;
	padding-left: 1.5em;
	padding-right: 1.5em;

	line-height: 1.5;
}


#Nanohana .Overview .dantai .tokuten .main
{
	margin: 0;

	display: grid;
	justify-content: center;
	justify-items: center;
	gap: 1em;
}

#Nanohana .Overview .dantai .tokuten .main>ul
{
	margin: 0;
	list-style: none;

	display: grid;
	grid-template-columns: repeat(2, 1fr);

	text-align: center;
}

#Nanohana .Overview .dantai .tokuten .main>ul>li
{
	display: grid;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
	gap: 0.5em;

	padding: 1em;

	background-color: rgb(var(--pk) / 0.2);
	border-radius: var(--border_r);
}
#Nanohana .Overview .dantai .tokuten .main>ul>li>b
{
	font-size: 1.5em;
}

#Nanohana .Overview .dantai .tokuten .main .Img
{
	aspect-ratio: 1;

	display: grid;
	align-items: center;
	width: 6em;

	background-color: rgb(var(--w) / 0.9);
	border-radius: 100em;
}
#Nanohana .Overview .dantai .tokuten .main .Img img
{
	scale: 0.8;
}

#Nanohana .Overview .dantai .tokuten .main .catch
{
	letter-spacing: inherit;
	text-decoration-color: rgb(var(--w) / 0.5);
}

#Nanohana .Overview .dantai .tokuten .main .txt
{
}
#Nanohana .Overview .dantai .tokuten .main .txt>b
{
	font-size: 2em;
	font-weight: 900;

	color: rgb(var(--pk));
	line-height: 1;
}

/* [菜の花まつり]　施設概要　団体予約　特典・個別『ちょっぴりプレゼント』 */
/* [251121-1158]校正　「ちょっぴりプレゼント」のpic指定の物へ差し替えに伴う調整 */
#Nanohana .Overview .dantai .tokuten .Img.present img
{
	aspect-ratio: 1;
	scale: unset;
	border-radius: 100em;
}


/* [菜の花まつり]　施設概要　団体予約　注意事項 */
#Nanohana .Overview .dantai .Notes
{
	border-color: rgb(var(--color_ygr));
}

#Nanohana .Overview .dantai .Notes .head
{
	background-color: rgb(var(--color_ygr));
	color: rgb(var(--w));
}
#Nanohana .Overview .dantai .Notes .head>b
{
	font-size: inherit;
	background-color: transparent;

	white-space: nowrap;
}


/* ------------------------------------------------------
	[菜の花まつり]　施設概要　パンフレットダウンロード
*/
#Nanohana .Overview .pamphlet
{
	padding: var(--gap);
	background-color: rgb(var(--bl) / 0.15);

	margin-bottom: calc(0em - var(--padding_tb));
}
/*
	background-color: rgb(var(--or) / 0.25);
	background-color: rgb(var(--pk) / 0.15);
	background-color: rgb(var(--color_ygr) / 0.25);
*/

.Overview .pamphlet .body
{
	display: grid;
	grid-template-columns: 20% auto;
	justify-content: center;
	align-items: start;
	gap: var(--gap);
}

.Overview .pamphlet .ClassPamphlet.PDF.Image
{
}

.Overview .pamphlet .ClassPamphlet.PDF.Image a,
.Overview .pamphlet .ClassPamphlet.PDF.Image a *
{
	display: block;
}

.Overview .pamphlet .body .main
{
	display: grid;
	gap: var(--gap);
}


/* ============================================================================================================
	[菜の花まつり]　イベント
	event_***.php
============================================================================================================ */
.event
{
}


/* ------------------------------------------------------
	[菜の花まつり]　イベント　リスト
*/
:is(
	.Index .event,
	.NanohanaEventList
) .List
{
}


/* [菜の花まつり]　イベント　絞り込みボタン */
:is(
	.Index .event,
	.NanohanaEventList
) .NaviBtn
{
	flex-wrap: nowrap;
	z-index: 5;
}

:is(
	.Index .event,
	.NanohanaEventList
) .NaviBtn>*
{
	width: 100%;
}

:is(
	.Index .event,
	.NanohanaEventList
) .NaviBtn a
{
	display: flex;
	gap: 0.5em;
}

.Index .event .NaviBtn
{
	margin-bottom: var(--gap);
}
.NanohanaEventList .NaviBtn
{
	margin-bottom: var(--padding_tb);
}

/* [菜の花まつり]　イベント　絞り込みボタン・選択中 */
.NanohanaEventList .NaviBtn .mm_on
{
}
.NanohanaEventList .NaviBtn .mm_on .ColorBtn
{
	--arrow_color			: var(--color_dark);
	background-color: rgb(var(--color1));
	color: rgb(var(--arrow_color));
}


/* [菜の花まつり]　イベント　リスト・期間 */
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan
{
	aspect-ratio: 1;

	--flower_color			: var(--color1) / 0.9;

	position: absolute;
	left: 0;
	top: calc(0em - var(--gap));

	display: grid;
	align-items: center;

	min-width: 8em;
	width: fit-content;

	color: rgb(var(--color_dark));
	font-weight: 900;
	text-align: center;

	z-index: 5;
}
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan::before
{
	width: 8em;
}
/*
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% - 1em);
	max-width: 8em;

	background-color: rgb(var(--color_ygr) / 0.9);
	background-color: rgb(var(--color1) / 0.9);
	border-radius: 100em;
	
	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: no-repeat;

	rotate: 5deg;
*/
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan>.Wrap
{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: fit-content;
	width: 100%;

	--filter_color				: var(--color_ygr) / 0.9;
	--filter_color				: var(--color1) / 0.9;

	filter:
		drop-shadow(0 1px 1px rgb(var(--filter_color)))
		drop-shadow(0 -1px 1px rgb(var(--filter_color)))
		drop-shadow(1px 0 1px rgb(var(--filter_color)))
		drop-shadow(-1px 0 1px rgb(var(--filter_color)))
	;

}

/* [菜の花まつり]　イベント　リスト・期間・年 */
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan .yy
{
	font-size: 0.9em;
	font-weight: 700;

	margin-top: -1em;
}
/*
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.25em);
	translate: -50% -0%;

	width: fit-content;
	white-space: nowrap;

*/
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan .yy>*
{
	font-weight: inherit;
}


:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan .start_end
{
}

/* [菜の花まつり]　イベント　リスト・期間・開始 */
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan .start
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	white-space: nowrap;
}

/* [菜の花まつり]　イベント　リスト・期間・終了 */
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan .end
{
	display: flex;
	justify-content: center;

	white-space: nowrap;
}

/* [菜の花まつり]　イベント　リスト・期間・期間中開催 */
:is(
	.Index .event,
	.NanohanaEventList
) .List .kikan .during
{
}


/* [菜の花まつり]　イベント　リスト・catch */
:is(
	.Index .event,
	.NanohanaEventList
) .List .catch
{
	position: absolute;
	left: 50%;
	top: calc(100% - var(--gap));
	translate: -50% -0%;

	width: fit-content;
	white-space: nowrap;
	
	font-size: 0.9em;
	font-weight: 900;
	letter-spacing: normal;
	line-height: 1.2;

	text-decoration-line: none;

	--filter_color				: var(--w) / 0.9;
	--filter_color2				: var(--or) / 0.9;

	filter:
		drop-shadow(0 1px 1px rgb(var(--filter_color)))
		drop-shadow(0 -1px 1px rgb(var(--filter_color)))
		drop-shadow(1px 0 1px rgb(var(--filter_color)))
		drop-shadow(-1px 0 1px rgb(var(--filter_color)))

		drop-shadow(0 1px 0px rgb(var(--filter_color2)))
		drop-shadow(0 -1px 0px rgb(var(--filter_color2)))
		drop-shadow(1px 0 0px rgb(var(--filter_color2)))
		drop-shadow(-1px 0 0px rgb(var(--filter_color2)))
	;

	z-index: 5;
}
/*
	font-weight: 900;
	color: rgb(var(--or));
	color: inherit;

	--text_line_color				: var(--w);
	-webkit-text-stroke: 1px rgb(var(--text_line_color));

	filter:
		drop-shadow(0 0 1px rgb(var(--text_line_color)))
	;

	text-decoration-style: solid;
	text-decoration-thickness: 1.5em;
	text-decoration-color: rgb(var(--or) / 0.95);
	text-underline-offset: -1em;

	background-color: rgb(var(--or) / 0.9);

*/


/*
	[菜の花まつり]　イベント　リスト・個別
	[251218-1613/251219-1024]修正　「画像が見切れているので、画像の縦横サイズを縮小して配置してください。」
*/
:is(
	.Index .event,
	.NanohanaEventList
) .List :is(
	.event_id_event_14
) .Gallery .Item1 img
{
	object-fit: contain;
}
/*
	[菜の花まつり]　イベント　リスト・個別
	[251218-1613/251219-1024]修正　「キャベゾウが見切れているので、画像の縦横サイズを縮小して配置してください。」
*/
:is(
	.Index .event,
	.NanohanaEventList
) .List :is(
	.event_id_event_15
) .Gallery .Item1 img
{
	object-fit: contain;
	scale: 0.7;
}


/* ------------------------------------------------------
	[菜の花まつり]　イベント　index
*/
.Index .event .footer
{
	margin-top: var(--gap);
}


/* ------------------------------------------------------
	[菜の花まつり]　イベント　一覧
	event_list.php
*/
.NanohanaEventList
{
}


/* ------------------------------------------------------
	[菜の花まつり]　イベント　detail
	event_detail.php
*/
.id_nanohana :is(.EventDetail, .NanohanaEventDetail)
{
}


.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article
{
}

/* [菜の花まつり]　イベント　detail・Gallery */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .Gallery
{
}

.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .Gallery .slider .Caption
{

}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .Gallery .thumbnail .Caption
{
	font-size: 0.7em;
	text-align: justify;
	
	overflow: hidden;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .name
{
	gap: 0;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .name :is(.before, .after)
{
	font-size: 1.5em;
	color: rgb(var(--color_dark));
}


.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch
{
	text-align: center;
	min-width: 10em;

	margin-bottom: 0.5em;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch::before,
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch::after
{
	--dott_w				: 2.5em;

	content: "";
	display: block;

	background-color: rgb(var(--or) / 0.5);

	position: absolute;
	top: 50%;
	translate: -0% -50%;

	width: var(--dott_w);
	height: 0.65em;

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: repeat-x;
	mask-repeat: space no-repeat;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch::before
{
	right: 100%;
	rotate: 65deg;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch::after
{
	left: 100%;
	rotate: -65deg;
}

.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch span
{
	display: block;
}

.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .catch br:not([class])
{
	display: none;
}


#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .Gallery
{
}
#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .Gallery>.WrapM
{
	max-width: initial;

	padding: 0;
}
#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .Gallery img
{
}
/*
	aspect-ratio: 1;
*/

.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .txt
{
	--line_step					: 2.5em;

	text-align: justify;
	line-height: var(--line_step);

	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: calc(var(--line_step) / 3);
	text-decoration-style: dashed;
	text-decoration-color: rgb(var(--color_dark) / 0.5);

}


#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .spotname-wrapper
{
	justify-self: initial;
	justify-content: initial;
}

#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .spotname-wrapper>*
{
}

#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .spotname-wrapper .th
{
	min-width: 5em;
	background-color: rgb(var(--color_ygr) / 0.5);

	text-align: center;
}
#Nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .spotname-wrapper .td
{
}

/* [菜の花まつり]　イベント　detail・期間 */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .kikan
{
	flex-wrap: wrap;
	gap: 0 1em;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .kikan .td
{
	font-size: 1.2em;
	font-weight: 700;
	color: rgb(var(--color_dark));

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
	gap: 0 0.5em;
}
/*
*/
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .kikan .td .yy
{
	white-space: nowrap;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .kikan .td .start_end
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .kikan .td .start_end>*
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/* [菜の花まつり]　イベント　detail・時間 */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .time
{
}

/* [菜の花まつり]　イベント　detail・期間中開催 */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .during
{
	color: rgb(var(--color_dark));
}


/* [菜の花まつり]　イベント　detail・data */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .data
{
	display: block;
}


/* [菜の花まつり]　イベント　detail・<table> */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head table,
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head table td
{
	padding: 0;
	background-color: transparent;
}


/* [菜の花まつり]　イベント　detail・協力 */
.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .head .kyoryoku
{
}



.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article .main
{
}


.id_nanohana :is(.EventDetail, .NanohanaEventDetail) article:not(.image)
{
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail).NanohanaEventList article:not(.image) .head
{
	grid-template-areas: unset;
	grid-template-columns: unset;
	justify-content: center;

	min-width: 50%;
}
.id_nanohana :is(.EventDetail, .NanohanaEventDetail).NanohanaEventList article:not(.image) .head>*
{
	grid-area: unset;
}


/* ============================================================================================================
	[菜の花まつり]　おすすめスポット
	spot.php
	[251204-1110]　『園内のおすすめスポット』『お土産』は1つにまとめる
============================================================================================================ */
.id_nanohana .Spot
{
}


.id_nanohana .Spot .map_ennai
{
}
/*
[251212-0916/251215-1415]修正　「②イラストが左右に出る仕様ですが、こちらは不要です。」ので、上を詰めなくてもよくなった
	margin-top: calc(0em - var(--padding_tb));
*/

.id_nanohana .Spot .body
{
}

.id_nanohana .Spot .list
{
	align-items: start;
}

.id_nanohana .Spot .item
{
	display: grid;
	gap: 0;

	margin-left: auto;
	margin-right: auto;
	padding: 0;

	border-width: 0;
}

.id_nanohana .Spot .item.odd
{
}

.id_nanohana .Spot .item.even
{
}
.id_nanohana .Spot .item.even .photo
{
}
.id_nanohana .Spot .item.even .detail
{
}

.id_nanohana .Spot .item .type
{
	left: 25%;
	top: initial;
	bottom: calc(100% + 1em);
	translate: -50% -0%;

	z-index: 10;
}


.id_nanohana .Spot .item>.title
{
	justify-content: center;
	justify-items: center;
	width: 100%;
	text-align: center;
	border-radius: var(--border_r) var(--border_r) 0 0;
}
.id_nanohana .Spot .item>.title>b
{
	font-size: 2em;
	color: rgb(var(--color_dark));

	text-shadow: unset;
	-webkit-text-stroke: unset;
	filter: unset;

	margin-left: auto;
	margin-right: auto;
}

.id_nanohana .Spot .item .title .catch
{
	text-decoration-color: transparent;

	font-size: 1em;
	font-weight: 500;
	letter-spacing: inherit;
}
/*

	position: absolute;
	left: 50%;
	bottom: calc(100% - 1em);
	translate: -50% -50%;

	width: 100%;
*/

.id_nanohana .Spot .item .title .catch br
{
	display: none;
}

.id_nanohana .Spot .item>:is(.photo, .detail)
{
}

.id_nanohana .Spot .item .photo
{
}

.id_nanohana .Spot .item .photo img
{
	aspect-ratio: 1;
	object-fit: contain;
}
/*
	aspect-ratio: unset;
	object-fit: contain;
*/

.id_nanohana .Spot .item .photo li:not(.Item1)
{
	display: none;
}


.id_nanohana .Spot .item .detail
{
	display: grid;
	justify-content: center;
	align-items: start;
	align-content: start;

	padding: var(--gap);
}


/* [菜の花まつり]　おすすめスポット　個別　pic隙間埋める */
.id_nanohana .Spot :is(
	.ID_2,
	.ID_1,
	.ID_event_12,
	.ID_event_20,
	.ID_251212_01,
	.ID_251212_02,
	.ID_251212_04
) .photo img
{
	object-fit: cover;
}

/* [菜の花まつり]　おすすめスポット　個別『花＊花スポット』 */
.id_nanohana .Spot .ID_8
{
	grid-column: span 2;
	grid-template-columns: repeat(2, auto);
	gap: 0 var(--gap);

	width: 80%;

}
.id_nanohana .Spot .ID_8 .type
{
	color: rgb(var(--pk));
}
.id_nanohana .Spot .ID_8 .type::before
{
	width: 4em;
}
.id_nanohana .Spot .ID_8 .title
{
	grid-column: span 2;
}
.id_nanohana .Spot .ID_8 .photo
{
	max-width: 40em;
	padding: var(--gap);
	padding-right: 0;
}
.id_nanohana .Spot .ID_8 .detail
{
	padding-left: 0;
}

/*
[251204-1110]　『園内のおすすめスポット』『お土産』は1つにまとめる

[菜の花まつり]　おすすめスポット　お土産 
.id_nanohana .Spot .souvenir
{
}

.id_nanohana .Spot .souvenir .list .title
{
	margin-bottom: var(--gap);
}

.id_nanohana .Spot .souvenir .list .photo img
{
	object-fit: contain;
}
*/


/* ============================================================================================================
	[菜の花まつり]　グルメ&スイーツ
	gourmet.php
============================================================================================================ */
.id_nanohana .Gourmet
{
}


#Nanohana .Gourmet :is(h3, h4)
{
	font-weight: 700;
	margin: 0;
}
#Nanohana .Gourmet :is(h3, h4)>b
{
	font-weight: inherit;
	min-width: initial;
}


/* ------------------------------------------------------
	[菜の花まつり]　グルメ&スイーツ / 渥美半島　春のグルメ特集
*/
.id_nanohana .Gourmet .gourmet
{
}


.id_nanohana .Gourmet .gourmet .list:not(.column2) .item
{
	display: grid;
	grid-template-columns: var(--photo_h) 1fr;
	align-items: start;
	gap: var(--gap);
}

.id_nanohana .Gourmet .gourmet .list:not(.column2) .item.odd
{
}
.id_nanohana .Gourmet .gourmet .list:not(.column2) .item.even
{
	margin-left: auto;
	margin-right: 0;
}


.id_nanohana .Gourmet .gourmet .list .item .type
{
	color: rgb(var(--w));
}
.id_nanohana .Gourmet .gourmet .restaurant,
.id_nanohana .Gourmet .gourmet .restaurant .type
{
	--flower_color			: 0 105 52;
	--border_color			: var(--flower_color) / 0.3;
}
.id_nanohana .Gourmet .gourmet .sweets,
.id_nanohana .Gourmet .gourmet .sweets .type
{
	--flower_color			: 148 30 87;
	--border_color			: var(--flower_color) / 0.2;
}


/* [菜の花まつり]　グルメ&スイーツ / 渥美半島　春のグルメ特集　個別　切り抜きphoto */
.id_nanohana .Gourmet .gourmet .list :is(
	.ID_5,
	.ID_30
) .photo img
{
	object-fit: contain;
}


/* [251218-1613/251219-1024]修正　「この位置から上の段は広告料を沢山いただいている会員さんになるため、バロックから下の店舗様は、１段に２店舗掲載するスタイルへ変更することはできますか？下にくる店舗が、上の店舗より若干控えめになるようなイメージです。」 */
.id_nanohana .Gourmet .gourmet .list.column2
{
	margin-top: var(--padding_tb);
}

.id_nanohana .Gourmet .gourmet .list.column2 .data .title
{
	background-color: transparent;

	display: flex;
	flex-wrap: wrap;
	height: auto;
	line-height: inherit;
}



/* ------------------------------------------------------
	[菜の花まつり]　グルメ&スイーツ / 渥美半島　ホテル&レストラン
*/
.id_nanohana .Gourmet .hotel
{
}

.id_nanohana .Gourmet .hotel .spot_list .item
{
	padding: 0;

	background-color: rgb(var(--w));
	border-width: 0;
	border-radius: 0;
}

/* [菜の花まつり]　グルメ&スイーツ / 渥美半島　ホテル&レストラン　個別『伊良湖リゾート＆コンベンションホテル／ドリームマルシェ会場』 */
.id_nanohana .Gourmet .hotel .spot_list .ID_20
{
}
.id_nanohana .Gourmet .hotel .spot_list .ID_20 .photo
{
}
.id_nanohana .Gourmet .hotel .spot_list .ID_20 .photo .Item3
{
	position: absolute;
	right: 0;
	bottom: var(--gap);

	width: 30%;
}
.id_nanohana .Gourmet .hotel .spot_list .ID_20 .photo .Item3 img
{
	aspect-ratio: unset;
}
.id_nanohana .Gourmet .hotel .spot_list .ID_20 .photo .Item2 .Caption
{
	margin-right: 30%;
}


/* ============================================================================================================
	[菜の花まつり]　アクセス
	access.php
============================================================================================================ */
.id_nanohana .Access
{
}

.id_nanohana .Access>.Wrap
{
	padding-top: var(--padding_tb);
}


.id_nanohana .Access .map_access
{
	margin-top: calc(0em - var(--gap));
}
.id_nanohana .Access .map_access img
{
	width: 100%;
}



#Nanohana .Access :is(
	h2, .h2,
	h3, .h3,
	h4, .h4,
	h5, .h5
)
{
	margin: 0;
}


.id_nanohana .Access :is(
	h3, .h3
)
{
	display: grid;
	gap: 0.5em;
}
.id_nanohana .Access :is(
	h3, .h3
)>b
{
	padding: 0.25em 1em;
	filter: unset;
}


.id_nanohana .Access .guide
{
}
.id_nanohana .Access .guide :is(
	h3, .h3
)
{
	color: rgb(var(--color_dark));
}
.id_nanohana .Access .guide :is(
	h3, .h3
)>b
{
	background-color: rgb(var(--color_dark) / 0.15);
	border-radius: 100em;
}


.id_nanohana .Access .ticket
{
	background-color: rgb(var(--bl) / 0.1);
}
.id_nanohana .Access .ticket :is(
	h3, .h3
)>b
{
	background-color: rgb(var(--w) / 0.75);
}



/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『お車をご利用の場合』
*/
.my_own_cary
{
}


/* [251212-0916/251215-1302]修正・追加　「車でのアクセスは、ナビ入力の説明を入れていただきたいです。内容は、パンフレット１ページ目に掲載の情報でOKです。例年、電話番号でナビを設定される方が間違えてビューローの事務局へ来てしまうことがあるため、必ず住所を登録して来ていただきたいため、この部分が目立つようにお願いします。」 */
.my_own_cary .car_navigation_guide
{
	border-color: rgb(var(--pk));
}

.my_own_cary .car_navigation_guide .head
{
	background-color: rgb(var(--pk));
	color: rgb(var(--w));

	white-space: nowrap;
}

.my_own_cary .car_navigation_guide .txt
{
	display: grid;
	gap: var(--gap);
}

.my_own_cary .car_navigation_guide .txt .lead
{
	font-size: 2em;
}



.parking
{
	justify-self: center;

	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	justify-items: center;
	align-items: center;

	padding: var(--gap);

	background-color: rgb(var(--w));
	border-radius: var(--border_r);
}

.parking .bg_flower
{
}
.parking .bg_flower::before
{
	width: 10em;
}


.parking .head
{
	position: absolute;
	left: var(--gap);
	top: var(--gap);

	display: flex;
	align-items: center;

	z-index: 5;
}


.parking a
{
}

.parking a .ColorBtn
{
	position: absolute;
	right: 0;
	bottom: 0;
}

/*
.parking .Img
{
	aspect-ratio: 4 / 3;

	width: 35em;
	overflow: hidden;
}
.parking .Img>.Wrap
{
	position: absolute;
	left: -50%;
	bottom: 0;

	width: 300%;
}
.parking .Img img
{
	object-fit: cover;
}
*/

.parking .txt
{
	font-size: 1.2em;
}


/* [251212-0916/251215-1302]修正　「伊良湖菜の花ガーデンにピンを付けた、GoogleMapのリンクボタンを挿入できますか？」 */
.parking .btn
{
	position: absolute;
	right: 0;
	bottom: 0;

	display: grid;
	
	text-align: left;
}
.parking .btn>*
{
	width: 100%;
}

/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『公共交通機関の場合』
*/
#Nanohana .Access .timeline
{
	display: grid;
	gap: var(--padding_tb);

	padding: var(--gap);

	background-color: rgb(var(--w));
	border-radius: var(--border_r);
}


.id_nanohana .Access .timeline .data
{
	display: grid;
	gap: 1px;

	background-color: rgb(var(--color_dark) / 0.2);
	border-width: 1px;
	border-color: rgb(var(--color_dark) / 0.1);

	border-radius: calc(var(--border_r) / 2);
	overflow: hidden;
}

.id_nanohana .Access .timeline .data>.tr
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
}

.id_nanohana .Access .timeline .data>.tr>*
{
	background-color: rgb(var(--w));
}
.id_nanohana .Access .timeline .data>.tr>*>*
{
	display: grid;
	align-items: center;

	height: 100%;

	padding: 0.5em;
}


.id_nanohana .Access .timeline .data .thead
{
	font-weight: 700;
}
.id_nanohana .Access .timeline .data .thead::after
{
	--arrow_size				: 0.75em;
	--line_weight				: 3px;

	content: "";
	display: block;

	position: absolute;
	top: calc(50% + var(--arrow_size));
	left: 50%;
	translate: -50% -50%;

	width: 15%;
	height: calc(var(--arrow_size) * 1.5);

	background-color: rgb(var(--color));
	background-color: rgb(var(--color_dark));
	background-color: rgb(var(--pk));

	opacity: 0.5;

	clip-path: polygon(
		var(--arrow_size) 0,
		var(--arrow_size) calc(50% - (var(--line_weight) / 2)),
		calc(100% - var(--arrow_size)) calc(50% - (var(--line_weight) / 2)),
		calc(100% - var(--arrow_size)) 0,
		100% 50%,
		calc(100% - var(--arrow_size)) 100%,
		calc(100% - var(--arrow_size)) calc(50% + (var(--line_weight) / 2)),
		var(--arrow_size) calc(50% + (var(--line_weight) / 2)),
		var(--arrow_size) 100%,
		0 50%
	);
}

.id_nanohana .Access .timeline :is(.odd, .even) .thead::after
{
	--arrow_size				: 0.65em;

	top: 50%;
	left: 50%;
	translate: -50% -50%;

	width: 1.5em;

	clip-path: polygon(
		0% calc(50% - (var(--line_weight) / 2)),
		calc(100% - var(--arrow_size)) calc(50% - (var(--line_weight) / 2)),
		calc(100% - var(--arrow_size)) 0%,
		100% 50%,
		calc(100% - var(--arrow_size)) 100%,
		calc(100% - var(--arrow_size)) calc(50% + (var(--line_weight) / 2)),
		0% calc(50% + (var(--line_weight) / 2))
	);
}
/*
[260114-1200]修正　theadの矢印の向きが違っていた
.id_nanohana .Access .timeline .even .thead::after
{
	rotate: 180deg;
}
*/


/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『豊橋駅から菜の花会場まで約90分』
*/
.id_nanohana .Access .go
{
	display: grid;
	gap: var(--gap);
}


.id_nanohana .Access .go h4
{
	display: inline-block;
}
.id_nanohana .Access .go h4::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;

	background-color: rgb(var(--color_dark) / 0.15);
	border-radius: 100em;
}

.id_nanohana .Access .go h5
{
	padding: 0.25em;

	background-color: rgb(var(--color_dark) / 0.15);
	border-radius: 1em 1em 0 0;
	
	font-weight: bold;
	color: rgb(var(--color_dark));
}


.id_nanohana .Access .go .body
{
	display: grid;
	gap: var(--gap);
}

.id_nanohana .Access .go .head
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 0;
	gap: var(--gap);
}


.id_nanohana .Access .go .head .balloon
{
	right: 65%;
}

.id_nanohana .Access .go .body .main
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap);
}

.id_nanohana .Access .go .body .main .item
{
	display: grid;
	gap: 1em;
	gap: calc(var(--gap) / 3);
}

.id_nanohana .Access .go .body .list
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(var(--gap) / 3);
}


.id_nanohana .Access .go .data .thead
{
	line-height: 1.25;
}


.id_nanohana .Access .go .ID_Weekday
{
}

.id_nanohana .Access .go .ID_holiday
{
}
.id_nanohana .Access .go .ID_holiday h5
{
	background-color: rgb(var(--pk) / 0.15);
}


.id_nanohana .Access .go .even .thead .point1>*,
.id_nanohana .Access .go .odd .thead .point2>*
{
	background-color: rgb(var(--color1) / 0.5);
}
.id_nanohana .Access .go .even .thead .point2>*,
.id_nanohana .Access .go .odd .thead .point1>*
{
	background-color: rgb(var(--gradation1_bl) / 0.2);
}


/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『菜の花シャトル時刻表』
*/
#Nanohana .Access .shuttle_bus
{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: var(--gap);

	width: auto !important;

}


.id_nanohana .Access .shuttle_bus h3
{
	display: grid;
	align-items: center;
}
/*
.id_nanohana .Access .shuttle_bus h3::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;

	background-color: rgb(var(--pk) / 0.2);

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: repeat-x;
	mask-repeat: space no-repeat;
	rotate: 5deg;
}
*/

.id_nanohana .Access .guide .shuttle_bus h3>b
{
	padding: 0;
	background-color: transparent;
}


.id_nanohana .Access .shuttle_bus ul
{
	font-size: 1.2em;
}


.id_nanohana .Access .shuttle_bus .head
{
	display: grid;
	justify-content: center;
	justify-items: center;
	gap: var(--gap);
}

.id_nanohana .Access .shuttle_bus .head ul
{
	gap: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
/*
.id_nanohana .Access .shuttle_bus .head ul>li
{
	text-decoration-line: underline;
	text-decoration-color: rgb(var(--color1));
	text-decoration-thickness: 0.5em;
	text-underline-offset: -0.2em;
}
*/

.id_nanohana .Access .shuttle_bus .data .thead .point1>*
{
	background-color: rgb(var(--color1) / 0.5);
}
.id_nanohana .Access .shuttle_bus .data .thead .point2>*
{
	background-color: rgb(var(--color_ygr) / 0.3);
}


/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『渥美半島菜の花まつり周遊モデルコース』
*/
#Nanohana .Access .model_course
{
	display: grid;
	grid-template-areas:
		"h3 hantou"
		"route route"
	;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: var(--gap) 0 !important;
}


.id_nanohana .Access .model_course h3
{
	grid-area: h3;
}
.id_nanohana .Access .model_course :is(h3, .h3)>b
{
	padding: 0;
	background-color: transparent;
}
.id_nanohana .Access .model_course h3>b::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 10em;
	background-color: rgb(var(--color_dark) / 0.2);
	border-radius: 100em;
}

.model_course .hantou
{
	grid-area: hantou;

	width: 80%;
}

.model_course .route
{
	grid-area: route;
}

/*
.id_nanohana .Access .inner_wrap
{
	display: grid;
	grid-template-columns: 35% 1fr;
	align-items: start;
	gap: var(--padding_tb);
}
*/
/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『サイクルトレイン』
*/
.cycle_train
{
}

.cycle_train .body
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	gap: var(--gap);

	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.cycle_train .body>*
{
}


/* ------------------------------------------------------
	[菜の花まつり]　アクセス　『サイクルシップ』
*/
.cycle_ship
{
}

.cycle_ship h3
{
	display: grid;
}
.cycle_ship h3>span
{
}

.cycle_ship .body
{
	display: grid;
	grid-template-columns: 1fr;
	align-items: start;
	gap: var(--gap);
}


.cycle_ship .fee_list
{
}

.cycle_ship .fee_list .fee_title
{
}

.cycle_ship .fee_list .fee
{
	display: flex;
	align-items: baseline;
}
.cycle_ship .fee_list .fee>b:first-of-type
{
	align-self: center;
	padding-right: 0.5em;
}
.cycle_ship .fee_list .fee .before
{
	align-self: center;
	padding-right: 0.5em;
}
.cycle_ship .fee_list .fee .num
{
	font-size: 1.5em;
	font-weight: 900;
}


.cycle_ship .spot_list
{
}

.cycle_ship .spot_list .item
{
	display: grid;
	grid-template-columns: 1fr 55%;
	align-items: start;
	gap: 1em;

	margin-left: auto;
	margin-right: auto;
}

.cycle_ship .spot_list .item>.title
{
	position: absolute;
	left: 0;
	top: 0;

	z-index: 5;

	padding: 0.5em;
	background-color: rgb(var(--color1));
	border-radius: 0;
}
.cycle_ship .spot_list .item>.photo
{
}
.cycle_ship .spot_list .item>.detail
{
}

.cycle_ship .spot_list .item .data
{
}
.cycle_ship .spot_list .item .data ul
{
	grid-template-columns: repeat(3, auto);
	gap: 0 1em;
}


/* ------------------------------------------------------
	[菜の花まつり]　アクセス　お得な切符
*/
.id_nanohana .Access .ticket
{
	gap: var(--gap);
}

.id_nanohana .Access .ticket h2
{
	justify-self: center;
}



.id_nanohana .Access .ticket .catch
{
	text-decoration-color: rgb(var(--w) / 0.75);
}


.id_nanohana .Access .ticket .body
{
	display: grid;
	align-items: start;
	gap: var(--padding_tb);
}


.id_nanohana .Access .ticket .main
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--gap);
}


.id_nanohana .Access .ticket .Item .lead
{
	padding: 0.5em 1em;
	padding-right: 2em;

	white-space: nowrap;
}
.id_nanohana .Access .ticket .Item .lead::before
{
	--arrow_size				: 2em;
	--arrow_weight				: 1em;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: calc(100% + var(--arrow_size));

	background-color: rgb(var(--color1));
	clip-path: polygon(
		0% var(--arrow_weight),
		calc(100% - var(--arrow_size)) var(--arrow_weight),
		calc(100% - var(--arrow_size)) 0%,
		100% 50%,
		calc(100% - var(--arrow_size)) 100%,
		calc(100% - var(--arrow_size)) calc(100% - var(--arrow_weight)),
		0% calc(100% - var(--arrow_weight))
	);
}

.id_nanohana .Access .ticket .main .Under
{
	text-decoration-thickness: 1.5em;
	text-decoration-color: rgb(var(--color_ygr) / 0.5);
	text-decoration-color: rgb(var(--color1) / 1);
	text-underline-offset: calc(0em - (1.5em * 0.75));
}


/* [菜の花まつり]　アクセス　お得な切符　詳細 */
.id_nanohana .Access .ticket .data
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--gap);
}

.id_nanohana .Access .ticket .data>*
{
}
.id_nanohana .Access .ticket .data>*::before
{
}

.id_nanohana .Access .ticket .data ul
{
	margin: 0;
	list-style: none;

	gap: 0;
}


/* [菜の花まつり]　アクセス　お得な切符　個別『伊良湖フリーきっぷ』 */
.id_nanohana .Access .ticket .Item[class*="irago_free_kippu"]
{
}

.id_nanohana .Access .ticket .Item[class*="irago_free_kippu"] .data
{
}

.id_nanohana .Access .ticket .Item .data>*[class*="Wrap"]
{
	display: grid;

	width: 8em;
}
.id_nanohana .Access .ticket .Item .data>*[class*="Wrap"]::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;

	background-color: rgb(var(--color1));
	background-color: rgb(var(--color_ygr) / 0.75);
	border-radius: 100em;
}

.id_nanohana .Access .ticket .Item .data>*[class*="Wrap"]>b
{
	font-size: 1.5em;
	font-weight: 900;

	text-decoration-line: underline;
	text-decoration-color: rgb(var(--w) / 0.9);
	text-decoration-thickness: 1em;
	text-underline-offset: -0.8em;
}

.id_nanohana .Access .ticket .Item .data ul
{
}
.id_nanohana .Access .ticket .Item .data ul>li
{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.id_nanohana .Access .ticket .Item .data b
{
	font-weight: inherit;
}
.id_nanohana .Access .ticket .Item .data b:first-of-type
{
	align-self: center;
	padding-right: 0.5em;
}
.id_nanohana .Access .ticket .Item .data .num
{
	font-size: 1.5em;
	font-weight: 900;

}



/* ------------------------------------------------------
	[菜の花まつり]　アクセス
	[251212-0916/251215-1302]修正　「一番下の空いている部分に、パンフレット最終ページに掲載の、アツミレンタカー・伊勢湾フェリーの広告もクーポン特典付きで載せてく」
*/
.id_nanohana .Access .access_spot
{
}

.id_nanohana .Access .access_spot .photo img
{
	aspect-ratio: 4 / 3;
}


/* ============================================================================================================
	[菜の花まつり]　市内のイベント
	city_event.php
============================================================================================================ */
.id_nanohana .CityEvent
{
	--img_h					: 30em;
}


.id_nanohana .CityEvent article
{
	display: grid;
	gap: var(--gap);
}
/*
	display: grid;
	grid-template-areas:
		"title title"
		"Gallery main"
	;
	grid-template-columns: repeat(2, 1fr);
	align-content: start;
	align-items: start;
	gap: var(--gap);

.id_nanohana .CityEvent article>.title
{
	grid-area: title;
}
.id_nanohana .CityEvent article>.Gallery
{
	grid-area: Gallery;
}
.id_nanohana .CityEvent article>.main
{
	grid-area: main;
}
*/


.id_nanohana .CityEvent article::before,
.id_nanohana .CityEvent article::after
{
	content: "";
	display: block;

	background-color: rgb(var(--or) / 0.25);

	position: absolute;
	top: 4em;

	width: 8em;
	height: 1.5em;

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: repeat-x;
	mask-repeat: space no-repeat;
}
.id_nanohana .CityEvent article::before
{
	left: -4em;
	rotate: 65deg;
}
.id_nanohana .CityEvent article::after
{
	right: -4em;
	rotate: -65deg;
}


.id_nanohana .CityEvent article .title
{
	z-index: 10;
}
.id_nanohana .CityEvent article .title>b
{
	font-size: 3em;
}
.id_nanohana .CityEvent article .title_before
{
	display: block;
}
.id_nanohana .CityEvent article *[class*="character_"]
{
	display: block;
	width: 5em;
}
.id_nanohana .CityEvent article .balloon
{
	aspect-ratio: 1;

	--balloon_color				: var(--pk) / 0.3;
	border-radius: 100%;

	font-size: calc(var(--font) * 0.8);
	font-weight: 500;
	color: rgb(var(--color));

	position: absolute;
	left: calc(100% + 1em);
	right: initial;
	top: -1em;
	bottom: initial;

	rotate: 60deg;
}
.id_nanohana .CityEvent article .balloon::before
{
	aspect-ratio: 1;
	left: 50%;
}
.id_nanohana .CityEvent article .balloon>*
{
	rotate: -45deg;
}


.id_nanohana .CityEvent article .photo
{
}

.id_nanohana .CityEvent article .Gallery
{
	aspect-ratio: 16 / 9;

	width: 100%;
	width: calc(100% - (var(--padding_tb) * 2));
	margin: 0;

	background-color: rgb(var(--w));
	border-radius: var(--border_r);
}

.id_nanohana .CityEvent article .Gallery .Item1
{
}
/*
	aspect-ratio: 1;


	mask-image: var(--mask_flower_double);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-composite: exclude;
*/
.id_nanohana .CityEvent article .Gallery .Item1 img
{
	aspect-ratio: 16 / 9;
	width: 100%;
	border-radius: var(--border_r);
}
/*
	width: auto;
	aspect-ratio: 1;
*/

.id_nanohana .CityEvent article .body
{

	display: flex;
	align-items: start;
	gap: var(--gap);

	width: auto;
	max-width: 70%;
	max-width: calc(100% - (var(--padding_tb) * 1.5));

	margin: auto;
	margin-top: calc(0em - var(--padding_tb));
	padding: var(--gap);

	background-color: rgb(var(--w) / 0.9);
	border-radius: var(--border_r);

	text-align: left;
}
/*
	margin-top: calc(0em - calc(var(--padding_tb) * 2));
*/


.id_nanohana .CityEvent article .main
{
	display: grid;
	gap: var(--gap);

	max-width: 40%;
}

.id_nanohana .CityEvent article .main .txt
{
	text-align: justify;
}

.id_nanohana .CityEvent article .day_set
{
	position: absolute;
	top: var(--gap);

	display: grid;
	justify-items: center;
	align-content: center;
	align-items: center;
	gap: 0.5em;

	white-space: nowrap;

	font-weight: 700;
	color: rgb(var(--color_dark));
	line-height: 1.2;
}
/*
	padding: 0.5em calc(var(--size) * 2);

	--size				: 0.5em;
	clip-path: polygon(
		100% 0%,
		calc(100% - var(--size)) 50%,
		100% 100%,
		0 99%,
		var(--size) 50%,
		0 0
	);
*/
.id_nanohana .CityEvent article .bg_flower::before
{
	width: 10em;
	background-color: rgb(var(--color1));
	background-color: rgb(var(--color_ygr) / 0.5);
}

.id_nanohana .CityEvent article .day_set>*
{
	text-align: left;
}

.id_nanohana .CityEvent article .day_set .yy
{

	filter: var(--shadow_w);
}
.id_nanohana .CityEvent article .day_set .day
{
	font-size: 1.75em;
	font-weight: 900;

	filter: var(--shadow_w);
}
.id_nanohana .CityEvent article .day_set .day>span
{
	font-size: 0.6em;
	font-weight: 700;
}
.id_nanohana .CityEvent article .day_set .day .week
{
	font-size: 0.8em;
}
.id_nanohana .CityEvent article .day_set .time
{
	padding: 0.25em 0.5em;
	background-color: rgb(var(--color_ygr));
	background-color: rgb(var(--color1));
}


.id_nanohana .CityEvent article .catch
{
	text-align: center;
}


.id_nanohana .CityEvent article .detail
{
	font-size: 0.9em;

	display: grid;
	gap: 0.5em;

	text-align: left;
}

.id_nanohana .CityEvent article .detail .d_item
{
	display: list-item;
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;

	padding-bottom: 0.5em;

	border-bottom-width: 1px;
	border-color: rgb(var(--color2) / 0.25);
}

.id_nanohana .CityEvent article .detail .d_title
{
	font-weight: 700;
	color: rgb(var(--color_dark));
	
	display: flex;
	align-items: center;
	gap: 0.25em;

	min-width: calc(5em + (1em + 0.25em));
}
.id_nanohana .CityEvent article .detail .d_title::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	width: 1em;

	background-color: rgb(var(--color_ygr));

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-composite: exclude;

	rotate: 5deg;
}

.id_nanohana .CityEvent article .detail .d_txt
{
}

.id_nanohana .CityEvent article .detail .d_memo
{
	width: 100%;
}


/* [菜の花まつり]　市内のイベント　左右 */
.id_nanohana .CityEvent article.odd .Gallery
{
}
.id_nanohana .CityEvent article.odd .body
{
	margin-left: auto;
	margin-right: 0;
}
.id_nanohana .CityEvent article.odd .day_set
{
	right: 0;
}

.id_nanohana .CityEvent article.even .Gallery
{
	margin-left: auto;
	margin-right: 0;
}
.id_nanohana .CityEvent article.even .body
{
	margin-left: 0;
}
.id_nanohana .CityEvent article.even .day_set
{
	left: 0;
}


/* [菜の花まつり]　市内のイベント・個別　風景以外 */
.id_nanohana .CityEvent article:not(.view)
{
}
.id_nanohana .CityEvent article:not(.view) .photo
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.id_nanohana .CityEvent article:not(.view) .day_set
{
	position: absolute;
	top: 0;
	left: initial;
	right: 100%;
	
	white-space: nowrap;
}
.id_nanohana .CityEvent article:not(.view) .Gallery
{
	aspect-ratio: unset;

	width: 100%;

	background-color: transparent;
}
.id_nanohana .CityEvent article:not(.view) .Gallery .Item1
{
}
.id_nanohana .CityEvent article:not(.view) .Gallery .Item1::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% + var(--gap));

	background-color: rgb(var(--color1) / 0.5);
	mask-image: var(--mask_flower_double);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-composite: exclude;
	rotate: 5deg;

	z-index: -1;
}
.id_nanohana .CityEvent article:not(.view) .Gallery .Item1 img
{
	aspect-ratio: unset;
	border-radius: 0;
}
.id_nanohana .CityEvent article:not(.view) .body
{
	margin-top: -10em;

	max-width: 100%;
}


/* [菜の花まつり]　市内のイベント・個別　菜の花エコプロジェクト感謝祭 */
.id_nanohana .CityEvent article.ID_5
{
}
.id_nanohana .CityEvent article.ID_5 .body
{
	display: grid;
}
.id_nanohana .CityEvent article.ID_5 .main
{
	width: auto;
	max-width: initial;
}
.id_nanohana .CityEvent article.ID_5 .d_title.day br
{
	display: none;
}

/* [菜の花まつり]　市内のイベント・個別　貝のおひなさまづくり */
.id_nanohana .CityEvent article.ID_4
{
}
.id_nanohana .CityEvent article.ID_4 .body
{
	display: grid;
	margin-top: 0;
}
.id_nanohana .CityEvent article.ID_4 .main
{
	width: auto;
	max-width: initial;
}


/* [菜の花まつり]　市内のイベント・個別　ひな祭り展、ひな人形と初凧展 */
.id_nanohana .CityEvent article:is(.ID_2, .ID_3)
{
}
.id_nanohana .CityEvent article:is(.ID_2, .ID_3) .photo
{
	margin-left: 0 !important;
	margin-right: auto !important;
}
/*
	margin-bottom: -13em;
*/
.id_nanohana .CityEvent article:is(.ID_2, .ID_3) .body
{
	min-width: 50%;

	margin-left: auto;
	margin-right: 0;
}
.id_nanohana .CityEvent article:is(.ID_2, .ID_3) .day_set
{
	left: calc(100% - 3em) !important;
	right: unset !important;
}

/* [菜の花まつり]　市内のイベント・個別　ひな人形と初凧展 */
.id_nanohana .CityEvent article.ID_3
{
}
.id_nanohana .CityEvent article.ID_3 .Gallery
{
}
.id_nanohana .CityEvent article.ID_3 .Gallery .Item1
{
	top: calc(var(--gap) * 1.75);
}
.id_nanohana .CityEvent article.ID_3 .Gallery .Item2
{
	position: absolute;
	right: calc(0em - (var(--padding_tb) / 2));
	top: -1em;

	width: 50%;
	z-index: -1;
}
.id_nanohana .CityEvent article:is(.ID_3) .day_set
{
	left: calc(100% + (var(--gap) * 2)) !important;
}


/* [菜の花まつり]　市内のイベント　[251209-1606]修正・新規　pamphlet(PDF)掲載　「市内のイベント内「菜の花エコプロジェクト感謝祭」の部分に添付のチラシデータ（PDF）を掲載してください。」 */
.id_nanohana .CityEvent .item .pamphlet
{
}
.id_nanohana .CityEvent .item .pamphlet a
{
	display: flex;
	gap: 1em;

	text-decoration-line: none;
}
.id_nanohana .CityEvent .item .pamphlet .Img
{
	display: block;
	width: 5em;
}
.id_nanohana .CityEvent .item .pamphlet .ColorBtn
{
	width: auto;
}
/*
.id_nanohana .CityEvent .item .pamphlet
{
	position: absolute;
	right: 0;
	bottom: var(--padding_tb);

}

.id_nanohana .CityEvent .item .pamphlet a
{
	display: flex;
	gap: 1em;

	text-decoration-line: none;
}
.id_nanohana .CityEvent .item .pamphlet a:hover
{
}

.id_nanohana .CityEvent .item .pamphlet .Img
{
	display: block;
	width: 7em;
}
.id_nanohana .CityEvent .item .pamphlet .Img::before
{
	aspect-ratio: 1;

	content: "" !important;
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 150%;

	background-color: rgb(var(--w));
	background-image: none;
	border-width: 0.5em;
	border-radius: 100em;
}
*/


/* ============================================================================================================
	[菜の花まつり]　よくある質問
	qa.php
============================================================================================================ */
.id_nanohana .Qa
{
}

.id_nanohana .Qa article
{
	display: grid;
	gap: var(--gap);
}


.id_nanohana .Qa .list
{
}

.id_nanohana .Qa .Change .details
{
	--change_btn_size		: 1em;
}

.id_nanohana .Qa .Change .details
{
	background-color: rgb(var(--w));
	border-width: var(--border_w);
}
/*
	margin-left: auto;
	margin-right: auto;

*/

.id_nanohana .Qa .Change .details.item.odd
{
}
.id_nanohana .Qa .Change .details.item.even
{
}

.id_nanohana .Qa .Change .details .summary
{
	grid-template-areas:
		"Btn title"
	;
	justify-content: start;
}

.id_nanohana .Qa .Change .details .summary .Btn
{
}
.id_nanohana .Qa .Change .details .summary .Btn::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% + 1em);

	background-color: rgb(var(--color_ygr) / 0.8);

	mask-image: var(--mask_flower);
	mask-position: center;
	mask-repeat: no-repeat;

}

.id_nanohana .Qa .Change .details .summary .Btn>*:before,
.id_nanohana .Qa .Change .details .summary .Btn>*:after
{
	border-width: 1px;
	border-color: rgb(var(--color_dark));
}

.id_nanohana .Qa .Change .title
{
	display: grid;
	grid-template-columns: 2em 1fr;
	align-items: center;
	gap: 1em;

	font-size: 1.2em;
	color: rgb(var(--color_dark));
}

.id_nanohana .Qa .Change .num
{
	display: block;
	font-size: inherit;
	letter-spacing: normal;
	text-align: center;
}
.id_nanohana .Qa .Change .num>b
{
	font-weight: 700;
}



/* [菜の花まつり]　よくある質問　A */

.id_nanohana .Qa .Change .detail
{
}

.id_nanohana .Qa .Change .details .switch:checked ~ label ~ .detail
{
	display: grid;
	grid-template-columns: 2em 1fr;
	padding-top: 0;
}

.id_nanohana .Qa .Change .details .detail .num
{
	text-align: center;
}


/* ------------------------------------------------------
	[261106]新規　[菜の花まつり]　団体予約だけのページ（index_dantai.php）
	メニューが無いので、ドロワー（ハンバーガーボタン）を出さない
*/
#Nanohana.type_design_dantai_only .Drawer
{
	display: none;
}

/* [261106]追加　[菜の花まつり]　施設概要　団体予約　step 1.団体申込書の記入
	Word・PDF のボタンを横並びにする（スマホは original_nanohana_small.css で縦並びに戻す）
*/
#Nanohana .Overview .dantai .Step .application_document .main .btn
{
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
}

/* [261106]追加　[菜の花まつり]　施設概要　団体予約　特典の下の料金
	PCは1行で、料金の間に「／」を入れる（スマホは original_nanohana_small.css で料金ごとに改行）
*/
#Nanohana .Overview .dantai .kome .price + .price::before
{
	content: "　／　";
}


/* [261112]追加　[菜の花まつり]　施設概要　団体予約　イベント概要（団体予約だけのページ）
	注意事項と同じ枠で、黄色にする。項目名と内容を横に並べる（スマホは original_nanohana_small.css で縦並び）
*/
#Nanohana .Overview .dantai .Notes.outline
{
	border-color: rgb(var(--y));
}
#Nanohana .Overview .dantai .Notes.outline .head
{
	background-color: rgb(var(--y));
	color: inherit;
}

#Nanohana .Overview .dantai .Notes.outline dl
{
	margin: 0;

	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0;
}
#Nanohana .Overview .dantai .Notes.outline dl>.item
{
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 1 / -1;
	align-items: baseline;
	gap: 0 1.5em;

	margin: 0;
	padding: 0.5em 0;
}
#Nanohana .Overview .dantai .Notes.outline dl>.item:not(:last-of-type)
{
	border-bottom: 1px dotted rgb(var(--y));
}
#Nanohana .Overview .dantai .Notes.outline dt
{
	padding: 0;
	font-weight: bold;
}
/* サイト共通の dt（吹き出し）を使わず、「◆」をつける */
#Nanohana .Overview .dantai .Notes.outline dt::before
{
	content: "◆";
	display: inline;
	position: static;

	width: auto;
	height: auto;
	margin-right: 0.25em;

	background-color: transparent;
	clip-path: none;
	color: rgb(var(--y));
}
#Nanohana .Overview .dantai .Notes.outline :is(dt, dd)
{
	margin: 0;
}


/* [261112]追加　[菜の花まつり]　施設概要　団体予約　団体割引の適用について（特典）
	Stepの外へ移動したので、見出しの文字の背景（サイト共通）を消す
*/
#Nanohana .Overview .dantai .tokuten h3>b
{
	min-width: initial;
	background-color: transparent;
}

/* [261112]追加　[菜の花まつり]　施設概要　団体予約　団体割引の適用について（特典）
	ピンクの大きい数字（15・2 など）の左右に少し間をあける
*/
#Nanohana .Overview .dantai .tokuten .main .txt>b
{
	margin: 0 0.15em 0 0.05em;
}

/* [261112]追加　[菜の花まつり]　施設概要　団体予約　点線の丸を、どのブラウザでも丸く出す
	点線（dotted）は iPhone などの Safari で四角になるため、丸い模様（radial-gradient）で描く
*/
/* 最初の文章の後ろの丸（文字の下線の点線をやめて、span の背景に丸を並べる） */
#Nanohana .Overview .dantai .catch
{
	text-decoration: none;
}
#Nanohana .Overview .dantai .catch .catch_dot
{
	--dot_size					: 0.9em;
	--dot_step					: 1.6em;

	padding-bottom: 0.1em;

	background-image: radial-gradient(circle closest-side, rgb(var(--color1) / 0.25) 96%, transparent 100%);
	background-size: var(--dot_step) var(--dot_size);
	background-position: 0 100%;
	background-repeat: space no-repeat;	/* 行の端で丸が欠けないよう、丸ごと入る数だけ等間隔に並べる */

	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* ①〜④のカードの仕切りの丸（枠線の点線をやめて、背景に丸を並べる） */
#Nanohana .Overview .dantai .Step>ol>li:not(:last-of-type)::after
{
	height: 1em;

	border: 0;

	background-image: radial-gradient(circle closest-side, rgb(254 248 204) 96%, transparent 100%);
	background-size: 2em 1em;
	background-position: 0 0;
	background-repeat: space no-repeat;
}