@charset "UTF-8";

html {
	overflow-y: scroll !important;
}

body {
	padding-top: 60px;
	background: #00190a;
}

/*メニューバー*/
#menubar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#menubar li a {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	width: 100% !important;
	text-align: center;
}

#menubar li.logo, #menubar li.logo a {
	width: 26% !important;
}

#menubar li.panospeed, #menubar li.panospeed a {
	width: 4% !important;
}

#menubar li.panolink, #menubar li.panolink a {
	width: 8% !important;
}

#menubar li.logo img {
	width: 90%;
}

#menubar li.panospeed img {
	width: 70%;
}

#container {
	margin: 0 auto;
	width: 100%;
}

/*WINDOWスタイル*/
.parts_window {
	width: 250px;
	height: 190px;
}

.parts_window .title {
	width: 200px;
}

.parts_window img {
	width: 250px;
}

.parts_window .title {
	font-size: 15px;
}

#menubar li.logo {
	display: none;
}

#menubar li.panolink span {
	display: none;
}


@media screen and (max-width: 768px) {
	html {
		-webkit-overflow-scrolling: touch;
	}

	html::-webkit-scrollbar:horizontal { /* 横方向のスクロールバー本体 */
		width: 5px;
		background: #fff;
	}

	html::-webkit-scrollbar { /* スクロールバー本体 */
		width: 5px;
		background: #fff;
	}
}

@media screen and (max-width: 480px) {
	#container {
		width: 90% !important;
	}

	#menubar li.logo {
		display: none;
	}

	#menubar li.panolink span {
		display: none;
	}

	#menubar li.panospeed, #menubar li.panospeed a {
		width: 7% !important;
	}

	#menubar li.panolink, #menubar li.panolink a {
		width: 9% !important;
	}

	#menubar li.panolink a {
		font-size: 0.8em;
	}
}