@charset "utf-8";

/*
 *  threeSixty.css
 *  360°画像用スタイルシート
 */

#threeSixty * {
	user-select: none;
	-moz-user-select: none;
	cursor:default;
	margin:0;
	padding:0;
}
#threeSixty ::-moz-selection {
	background-color:Transparent;
	color:#000;
}
#threeSixty ::selection {
	background-color:Transparent;
	color:#000;
}
#threeSixty .layer-Container {
	position:relative; 
	overflow:hidden;
}
#threeSixty .layer-Container .layer {
	position:absolute; top:0;
	left:0
}

#threeSixty {
	margin:auto;
}
#threeSixtyToolBar {
	position:relative;
	display:inline-block;
	top:-48px;
	float:right;
	margin-right:8px;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
}
#threeSixtyToolBar.over {
	opacity:1;
}
#threeSixty input[type='image']:disabled {
	opacity:0.36;
	filter:Alpha(Opacity=35);
}
@media screen and (min-width:650px){
	#threeSixtyToolBar{
		opacity:0;
	}
}
@media screen and (min-width:280px) and (max-width:649px){
	#threeSixty img{
		max-width:initial;
	}
}