@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: 95% !important; }

/*PINスタイル*/
/* 点滅 */
.parts_pin div {
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
	-moz-animation:blink 1.0s ease-in-out infinite alternate;
	animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% { color: #fff; }
	100% { color: #e5c45d; }
}

@-moz-keyframes blink{
	0% { color: #fff; }
	100% { color: #e5c45d; }
}

@keyframes blink{
	0% { color: #fff; }
	100% { color: #e5c45d; }
}


/*WINDOWスタイル*/
.parts_window { width: 250px; height: 190px; }
.parts_window .title { width: 200px; }
.parts_window img { width: 250px; }
.parts_window .title { font-size: 15px;}

@media screen and (max-width: 768px) {
	#menubar li.logo a { padding-top: 15px; height: 45px; }
	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; }
}