body {
	font-family : "LINE Seed JP", sans-serif;
}

#coaching-overlay {
	position : fixed;
	bottom : 20%;
	left : 50%;
	transform : translateX(-50%);
	width : 85%;
	max-width : 320px;
	padding : 15px 20px;
	border-radius : 16px;
	background : rgba(0, 120, 255, 0.85);
	color : #FFFFFF;
	display : flex;
	align-items : center;
	justify-content : center;
	z-index : 99;
	/* ★ 変更箇所：数値を下げて、エラー画面の黒背景に隠れるようにしました */
	transition : opacity 0.8s ease-in-out, background 0.5s ease;
	pointer-events : none;
	box-shadow : 0 4px 15px rgba(0, 0, 0, 0.3);
}

#coaching-text {
	font-family : "LINE Seed JP", sans-serif;
	font-size : 16px;
	font-weight : 400;
	font-style : normal;
	text-align : center;
	line-height : 1.5;
	margin : 0;
}

#logo-link {
	position : fixed;
	bottom : 20px;
	right : 20px;
	z-index : 9999;
	width : 100px;
	box-sizing : border-box;
	display : flex;
	align-items : center;
	justify-content : center;
	background-color : #FFFFFF;
	border-radius : 12px;
	padding : 8px;
	box-shadow : 0 4px 10px rgba(0, 0, 0, 0.2);
	opacity : 0;
	pointer-events : none;
	transition : opacity 1.5s ease-in-out;
	-webkit-tap-highlight-color : transparent;
	cursor : pointer;
}

#logo-link.visible {
	opacity : 1;
	pointer-events : auto;
}

#logo-link img {
	width : 100%;
	height : auto;
	max-height : 60px;
	object-fit : contain;
	display : block;
}

#reset-button {
	position : fixed;
	bottom : 20px;
	left : 20px;
	z-index : 9999;
	width : 44px;
	height : 44px;
	padding : 5px;
	background-color : transparent;
	border : none;
	box-shadow : none;
	display : none;
	align-items : center;
	justify-content : center;
	cursor : pointer;
	-webkit-tap-highlight-color : transparent;
	filter : drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
	opacity : 0.8;
	transition : transform 0.1s, opacity 0.2s;
}

#reset-button:active {
	transform : scale(0.9);
	opacity : 1;
}

#reset-button svg {
	width : 100%;
	height : 100%;
	display : block;
}

@keyframes pulse {
	0% {
		opacity : 0.6;
	}

	50% {
		opacity : 1;
	}

	100% {
		opacity : 0.6;
	}
}

/* カスタム案内画面のスタイル（完全な黒背景） */
#custom-onboarding {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : #111111;
	z-index : 99999;
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
	text-align : center;
	transition : opacity 0.5s ease;
}

.onboarding-content {
	padding : 20px;
}

.onboarding-content h2 {
	font-size : 24px;
	color : #FFFFFF;
	margin-bottom : 15px;
}

.onboarding-content p {
	font-size : 16px;
	color : #CCCCCC;
	line-height : 1.6;
	margin-bottom : 30px;
}

#start-ar-btn {
	background : #0078FF;
	color : #FFFFFF;
	border : none;
	padding : 16px 32px;
	font-size : 18px;
	border-radius : 8px;
	font-family : "LINE Seed JP", sans-serif;
	cursor : pointer;
	box-shadow : 0 4px 15px rgba(0, 120, 255, 0.3);
	transition : transform 0.1s ease;
}

#start-ar-btn:active {
	transform : scale(0.95);
}

/* 8th Wall公式の白いロゴを一番下にくっきりと表示 */
#poweredby {
	display : block !important;
	filter : none !important;
	opacity : 1 !important;
	z-index : 999999 !important;
}

/* 8th Wallが自動で出す不要な「Tap Allow to...」テキストを完全に非表示にする */
#requestingCameraPermissions {
	display : none !important;
}

/* 音声オンを促すテキストのスタイル */
.sound-notice {
	font-size : 14px !important;
	color : #999999 !important;
	margin-top : 25px !important;
	margin-bottom : 0 !important;
}

.not-mobile-device{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
			align-items: center;
	flex-direction: column;
	row-gap: 20px;
	background-color: #EEEEEE;
	z-index: 100000;
}