@charset "utf-8";

/* CSS Document */

/* ======================================================
	渥美半島花火大会
	[original] atsumi_hanabi/
	@import"../css/test_line.css";
====================================================== */
#AtsumiHanabi
{
	--padding_tb			: 5em;
}


/* ------------------------------------------------------------------------------------------------------------
	<block>
*/
.AtsumiHanabi :is(section, article)
{
}


/* ------------------------------------------------------------------------------------------------------------
	<文字>
*/


/* ------------------------------------------------------------------------------------------------------------
	<a>
*/
.id_atsumi_hanabi :is(h2, .h2)>b
{
	font-size: 2em;
}


/* ------------------------------------------------------------------------------------------------------------
	<table>
*/
#AtsumiHanabi table
{
}

#AtsumiHanabi th
{
	background-color: transparent
}

#AtsumiHanabi tbody th
{
	border-bottom-width: 1px;
}
#AtsumiHanabi tbody td
{
}

/* ------------------------------------------------------------------------------------------------------------
	<header>
*/
/* [250611-1258/250612]校正・削除　「ビューロー」ロゴ */
.Header
{
	display: grid;
	align-items: center;

	height: calc(var(--drawer_toggle_size) + (0.75em * 1));
}


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


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

/* [25011-1258/250612]校正　「右上の三本線の部分は、上部にバーがあるので、無くても大丈夫です。」PCは */
.Drawer label.toggle
{
	display: block;
}


html.scroll_Top_half .type_design_index .Drawer label.toggle
{
	filter: invert(1);

	#nav-input:checked ~ .toggle .Btn
	{
		filter: unset;
	}
}

html.scroll_Top_half .type_design_index .Drawer #nav-input:checked ~ .toggle .Btn
{
		filter: unset;
}


/* ------------------------------------------------------------------------------------------------------------
	index以外　.page_head
*/
.id_atsumi_hanabi .page_head
{
}


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


/* ------------------------------------------------------------------------------------------------------------
	[250611-1258/250612]校正・追加　「どのページに移動しても、下部に「お問合せ」が表示されるようにしたいです。」
	<footer contact>
*/
.footer_contact
{
}

.footer_contact .body
{
	grid-template-areas:
		"head"
		"footer_contact_title"
		"name"
		"address"
		"contact"
	;
	justify-items: center;
	gap: 0.5em;
}

.footer_contact .body>*
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


/* ------------------------------------------------------------------------------------------------------------
	<footer>
*/
footer
{

}

/* [250611-1258]校正・追加　「（一社）渥美半島観光ビューロー」の前に「渥美半島花火大会実行委員会事務局」 */
footer .Copy
{
}

footer .Copy a>span:nth-child(2)
{
	grid-template-areas:
		"before"
		"b"
		"em"
	;
}


/* ------------------------------------------------------------------------------------------------------------
	共通
------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]共通　周辺地図
*/
.map_around
{
}


/* ------------------------------------------------------
	[渥美半島花火大会]共通　チケット
*/
.footerFixed
{
	left: 0;
	right: 0;
	bottom: 0;
	
}


.ex_scroll_stop .footerFixed
{
	translate: none;
}

/* [250611-1258/250612]校正　「「有料席販売」のPOP名は、「有料観覧席販売」に変更し、その他の情報はcoming soonにしてください。」 */
.footerFixed .ClassTicket a .coming_soon
{
	margin-top: 1em;
}


.footerFixed .ClassTicket
{
	line-height: 1.2;
}

.footerFixed .ClassTicket a
{
	aspect-ratio: initial;

	display: grid;
	grid-template-areas:
		"title main main"
		"title Alert arrow"
	;
	grid-template-columns: calc((var(--em) * 1.2) * 4) auto auto;
	align-content: center;
	align-items: center;
	gap: 0 1em;

	width: 100%;
	height: var(--footerFixed_h);

	padding-left: 1em;
	padding-right: 1em;
}
.footerFixed .ClassTicket a>.title
{
	grid-area: title;
}
.footerFixed .ClassTicket a>.main
{
	grid-area: main;
}
.footerFixed .ClassTicket a>.Alert
{
	grid-area: Alert;
}
.footerFixed .ClassTicket a>.arrow
{
	grid-area: arrow;

	justify-self: end;
}


.footerFixed .ClassTicket a::before
{
	aspect-ratio: initial;

	height: 100%;

	border-radius: 0;
}


.footerFixed .ClassTicket a .title
{
	font-size: 1.2em;

	aspect-ratio: 1;
	
	display: grid;
	align-items: center;

	width: 100%;
	padding: 0.25em;
}
.footerFixed .ClassTicket a .title>span
{
	display: grid;
}


.footerFixed .ClassTicket a .main
{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25em;
}


.footerFixed .ClassTicket a .Alert
{
	min-width: 12em;
}


.footerFixed .ClassTicket a .arrow
{
	min-width: 5em;
}


/* [250825-1427]修正　右下『チケットぴあ』バナー　「(販売開始)」→「(販売中、残り僅か)」 */
.footerFixed .ClassTicket a
{
	gap: 0 5vw;
}
.footerFixed .ClassTicket a .main
{
	gap: 0 2.5vw;
}
.footerFixed .ClassTicket .main .m1
{
	left: initial;

	margin-left: auto;
	margin-right: auto;
	padding-right: 1em;
}

.footerFixed .ClassTicket .main .m3
{
}
.footerFixed .ClassTicket .main .m3 br
{
	display: none;
}

footer
{
	padding-bottom: var(--footerFixed_h);
}


/* ------------------------------------------------------
	[渥美半島花火大会]共通　日時
*/
.event_day
{
}

.event_time
{
}

.week
{
}


/* ------------------------------------------------------
	[渥美半島花火大会]共通　天気
*/
.event_weather
{
}


/* ------------------------------------------------------
	[渥美半島花火大会]共通　主催、後援
*/
:is(.event_host, .event_suport)
{
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]共通　チケット
*/
.ticket
{
}

.ticket .lead
{
}

.ticket .lead .Border
{
}

.ticket .lead .Border>.Wrap
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 0 var(--gap);
}
/*
[250825-1427]修正　右下『チケットぴあ』バナー　「(販売開始)」→「(販売中、残り僅か)」
.ticket .lead .Border>.Wrap
{
	display: grid;
	gap: 0;
}

.ticket .lead .Border>.Wrap>b
{
	width: 50%;
}
.ticket .lead .Border>.Wrap>div
{
	margin-left: 8vw;
}
*/


.ticket .List .Item
{
	grid-template-columns: 1fr;
	gap: 0.5em;
}
.ticket .List .Item .head
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: start;
}
.ticket .List .Item .main
{
	display: grid;
	gap: 0.5em;

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

.ticket .list_accessible_seating .memo .head
{
	margin-bottom: 0;
}

.ticket .list_accessible_seating .memo .address
{
	display: grid;
}

/* 販売状況 */
.ticket .List .Item .title .status
{
	width: calc(var(--em) * 5);
}

/*
.ticket .List .Item
{
	grid-template-areas:
		"title main"
		"detail detail"
		"footer footer"
	;
	grid-template-columns: repeat(2, auto);
}
.ticket .List .Item>.title
{
	grid-area: title;
}
.ticket .List .Item>.main
{
	grid-area: main;
}
.ticket .List .Item>.detail
{
	grid-area: detail;
}
.ticket .List .Item>.footer
{
	grid-area: footer;
}
*/


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　QA
*/
.qa
{
}

.AtsumiHanabi .qa .Change .details .detail .table
{
	grid-template-columns: 1fr;
}

.AtsumiHanabi .qa .Change .details .detail .table .th
{
	justify-self: start;
}

.AtsumiHanabi .qa .Change .details .detail .table .th2
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;

}

.AtsumiHanabi .qa .Change .details .detail .table .td
{
	grid-column: span 2;

	margin-top: -1em;
	margin-left: 1.25em;
}



/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index
	atsumi_hanabi/
*/
.AtsumiHanabi.Index .index_bg
{
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	top
*/
.AtsumiHanabi.Index .Top
{

	.top
	{
		font-size: 3.25vw;
	}
	.title .name
	{
		word-break: initial;
		overflow-wrap: initial;

		.txt
		{
			width: calc(var(--em) * 4em);
		}
	}

	.main
	{
		gap: var(--gap);

		.m1
		{
			display: grid;
			justify-content: center;
			justify-items: center;
		}
		
		.m4
		{
			display: grid;
			gap: 1em;
		}
	}
}



/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	ライブ配信
	------------------------------------------------------
	[250902-1136/250903-1714]確認　top左下へ日付の高さで、ユーチューブのロゴを使って「ライブ配信はこちら」
	[250818-1119(250827-1403)]新規　ティーズ　ライブ配信バナー　『詳細は追ってご連絡いたします』
*/
.AtsumiHanabi.Index .Top .tees
{
	bottom: calc(
		((var(--em) * 1.2) * 4)
		 + 
		(1em * 2)
		 + 
		var(--gap)
	);
}



/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	メインコンテンツ
*/
.Ct.Item
{
}

.Ct.contents1.Item:is(.odd, .even) :is(a, .a)
{
	grid-template-areas:
		"head"
		"main"
	;
	grid-template-columns: 1fr;
}

.Ct.contents1.Item :is(.head, .main)
{
	width: 70%;
}


.Ct.contents1.Item .main
{
	margin-left: auto;
	margin-right: 0;
	margin-top: calc(0em - 25vw);

	padding: 2em 1em 1em;

	background-color: rgb(var(--color1) / 0.5);
}

.Ct.contents1.Item .main .title>b
{
	font-size: 1.5em;
}
.Ct.contents1.Item .Img img
{
}
/*
.Ct.contents1.Item :is(a, .a)
{
	grid-template-areas:
		"head"
		"main"
	;
	grid-template-columns: 1fr;
}
.Ct.contents1.Item :is(a, .a)>*
{
	width: 70%;
}
.Ct.contents1.Item .head
{
	scale: initial;
	margin-bottom: calc(0em - var(--padding_tb));
}
.Ct.contents1.Item .main
{
	margin-left: auto;
	margin-right: 0;

	z-index: 5;
}
*/




/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	メインコンテンツ2
*/
.AtsumiHanabi.Index .Ct2
{
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　お知らせ
*/
.AtsumiHanabi .News
{
}


/* ------------------------------------------------------
	[渥美半島花火大会]　お知らせ一覧
	news_list.php
*/
.AtsumiHanabi.News .List
{
}


/* ------------------------------------------------------
	[渥美半島花火大会]　お知らせ　詳細
	news_detail.php
*/
.AtsumiHanabi.NewsDetail
{
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	Q＆A
*/
.AtsumiHanabi .qa
{
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	注意事項
*/
.AtsumiHanabi .notes
{
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　index	後援
*/
.AtsumiHanabi .support
{
}

.AtsumiHanabi .support .body
{
	grid-template-columns: 1fr;
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　大会案内
	atsumi_hanabi/guide.php
*/
.Guide
{
}


/* ------------------------------------------------------
	[渥美半島花火大会]　大会案内 / 大会概要
*/
.Guide .overview
{
}

.Guide .overview .List
{
	grid-template-columns: 1fr;
}

.Guide .overview .List :is(.body1, .body3)
{
	grid-column: initial;
}

.Guide .overview .List .body3 .main
{
	grid-template-columns: 1fr;
	grid-template-areas:
		"table"
		"Img"
	;
}

/* [250729]修正　「PDFデータは、「概要」の部分の一番下のあたりにダウンロードボタンを付けてください。」 */
.Guide .overview .List .body3 .main .detail
{
}
.Guide .overview .List .body3 .main .detail table
{
	order: 2;
}
.Guide .overview .List .body3 .main .detail .footer
{
	order: 1;
}


.Guide .overview .List .body3 .main>.Img
{
	grid-area: Img;
}
.Guide .overview .List .body3 .main>table
{
	grid-area: table;
}



/* ------------------------------------------------------
	[渥美半島花火大会]　大会案内 / プログラム
*/
.Guide .program
{
	--number_w						: 5em;/* [260916]SP用の丸の幅（PC:6.5emより小さく） */
	--circle_h						: calc(var(--number_w) * 0.914);/* PCと同じ比率 */
}

.Guide .program .body
{
	gap: calc(var(--padding_tb) + 0.6em) var(--gap);/* PCと同じ理由(点線が丸と重ならないための余白) */
}
.Guide .program .body .Item
{
}

.Guide .program .body .Item .title
{
	gap: 1em;
}

.Guide .program .body .Item .number
{
}




/* ------------------------------------------------------
	[渥美半島花火大会]　大会案内 / 司会者の紹介
*/
.Guide .emcee
{
}

.Guide .emcee .pc,
.Guide .emcee .data .profile_head
{
	display: none;
}

.Guide .emcee .body
{
	display: block;
}
.Guide .emcee .body .photo
{
	display: grid;
	grid-template-columns: 40% auto;
	justify-content: center;
	align-items: center;
	gap: var(--gap);

	z-index: 5;
}
/*
.Guide .emcee .body .photo
{
	width: 40%;
	float: left;
	z-index: 5;

	margin-right: 1em;
	margin-bottom: 1em;
}
*/
.Guide .emcee .body .photo .Caption
{
	text-align: left;
}


.Guide .emcee .body .main
{
	display: inline;
}

.Guide .emcee .body .main :is(.message, .profile_data)
{
	margin-top: 1em;
}

.Guide .emcee .data
{
	clear: both;
	margin-top: var(--gap);
}
.Guide .emcee .data>.Wrap
{
	margin-left: 0;
}


/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　会場マップ
	atsumi_hanabi/venue_map.php
*/
.VenueMap .top_map
{
}

.VenueMap .top_map .admission_time
{
	grid-template-columns: 1fr;
}

.VenueMap .top_map .admission_time .txt
{
	display: flex;
	align-items: baseline;
}


.VenueMap .gourmet
{
}

.VenueMap .gourmet .body
{
	--padding_tb			: 3em;
}


/* ------------------------------------------------------
	[渥美半島花火大会]　会場マップ / グルメ
*/
.VenueMap .gourmet
{
}


/* [250917-1510]新規　屋台村map(jpg、pdf)追加に伴う変更 */
.VenueMap .gourmet .body .main
{
	display: block;

	padding-top: var(--padding_tb);
	/* [260925-1330]追加　pc側の変更(→var(--gap))を打ち消し、spは従来どおり */
	padding-bottom: var(--padding_tb);
}

.VenueMap .gourmet .body .main .detail
{
	position: absolute;
	right: 0;
	top: 0;
	/* [260925-1330]追加　pc側の変更を打ち消し、spは従来どおり */
	margin-top: 0;
}

/*
	[250917-1510]新規　屋台村map(jpg、pdf)追加
	[渥美半島花火大会]　会場マップ / グルメ　屋台村map
*/
.VenueMap .gourmet .body .main>.gourmet_img
{
}

.VenueMap .gourmet .gourmet_img .lead
{
	padding-right: 14em;
}

.VenueMap .gourmet .gourmet_img .img_preview a
{
	width: 70%;
}

.VenueMap .gourmet .gourmet_img .footer
{
	position: relative;
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;
}



/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　会場マップ
	atsumi_hanabi/venue_map.php
*/
.VenueMap
{
}



/* ------------------------------------------------------------------------------------------------------------
	[渥美半島花火大会]　交通案内
	atsumi_hanabi/traffic.php
*/
.Traffic
{
}

.Traffic .access
{
	--point_w					: 6em;
}

.Traffic .access .Item
{
	width: 100%;
}
/*
	font-size: 0.9em;
*/

.Traffic .access .Item .data
{
	grid-template-columns: repeat(2, var(--point_w) 1fr);
}

.Traffic .access .body .data .point
{
	aspect-ratio: 4 / 3;
	padding: 0 0.25em;
}
/*
	aspect-ratio: 1;
*/

.Traffic .access .Item .data .goal
{
	width: var(--point_w);
}
.Traffic .access .Item .data .goal .point
{
	aspect-ratio: initial;
}


.Traffic .access .ID_public_transportation .data
{
	grid-template-areas:
		"p1 p2 p5 p6"
		"p3 p4 p5 p6"
		"p7 p8 p8 goal"
	;
}
.Traffic .access .ID_public_transportation .data .point_5 .point
{
	aspect-ratio: initial;
}
.Traffic .access .ID_public_transportation .data .goal
{
	width: 100%;
}
/*
	grid-column: span 2;
.Traffic .access .ID_public_transportation .data>div:not(.point_1):not(.point__3):not(.point__7):not(.goal) .point
{
	aspect-ratio: initial;
}
*/

.Traffic .access .ID_car .data
{
	grid-template-areas:
		"p1 p2 p5 p6"
		"p3 p4 p5 p6"
		"p7 p8 p8 goal"
	;
	grid-template-columns: repeat(2, var(--point_w) 1fr);
}
.Traffic .access .ID_car .data .point_5 .point
{
	aspect-ratio: initial;
}
.Traffic .access .ID_car .data .goal
{
	width: 100%;
}