@charset "utf-8";

/*
 * 名古屋の追加スタイル
 *
 * css/ の他のファイル（base.css など）は東京のテーマをそのままコピーしたもので、
 * コピーし直しても消えないよう、名古屋で足すスタイルはこのファイルにまとめる。
 * 読み込みは最後（base.css などのあと）。
 */

/*準備中メニュー*/
.menu_soon {
	opacity: 0.45;
	pointer-events: none;
	cursor: default;
}

/* メインメニュー・フッターの文字は、リンクと同じ見た目のまま色だけ落とす */
.main_menu .menu_soon,
.copyright .menu_soon {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}

/* 全画面メニュー：リンク（透明な <a>）を外した項目は、そのまま押せない状態にする */
.fat-nav .menu_soon {
	display: block;
}

/*ギャラリーの下の注記*/
/* 写真を並べていた頃は上に詰めていた（.mgTop-10）が、スライドにしたので間隔を空ける */
/* base.css の .ticket_detail p { margin: 0 } に負けないよう、同じ強さで指定する */
.ticket_detail p.nagoya_gallery_note {
	margin-top: 24px;
}

/*KVロゴ（インラインSVG・アニメーションは assets/js/nagoya_logo_anim.js）*/
/* 差し替え前の <img>（800×800、max-width: 100%）と同じ大きさで表示する */
.slide1_kv .ngl {
	display: block;
	width: 800px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

/*slide4「名古屋で会いましょう！」と寝ているドラえもん*/
/* 元データ DATA/slide4バナー欄/moji-anime-nagoya-outline.svg のアートボード（399.333 × 271.319）を
 * そのまま器（.moji_stage）にして、文字（SVG）とドラえもん（dora03.svg）を同じ比率で重ねる。
 * ドラえもんの位置・幅はアートボード上の座標を % にしたもの（x 111.73 / y 98.85 / 幅 185.07）。
 * base.css の .txt0327 / .dora_03 の位置・幅指定は、.moji_stage を付けた指定で上書きする。
 */
.moji_stage {
	position: relative;
	width: 40%;
	margin: 0 auto;
	aspect-ratio: 399.333 / 271.319;
}

.moji_stage .txt0327 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: none;
	overflow: visible;
}

.moji_stage .dora_03 {
	position: absolute;
	top: 36.43%;
	left: 27.98%;
	width: 46.35%;
	height: auto;
	margin: 0;
}

@media screen and (max-width: 1280px) {
	.moji_stage {
		width: 50%;
	}
}

@media screen and (max-width: 1032px) {
	.moji_stage {
		width: 60%;
	}
}

@media screen and (max-width: 820px) {
	.moji_stage {
		width: 70%;
	}
}

@media screen and (max-width: 640px) {
	.moji_stage {
		width: 95%;
	}
}