//colors -> color/_colors.scss
// $white: #ffffff;
// $color_bright_red_approx: #ac0000;
// $color_tapa_approx: #777777;

//urls
// $url_ce1: url(../../../../images/gem/skin/vertical/loading.gif);

//必須
.ico-required {
	padding: 1px 6px;
	//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
	border-radius: 6px;
	color: $white;
	background: $color_bright_red_approx;
	font-size: 84%;
	white-space: nowrap;
}
//説明文
.explanation {
	color: $color_tapa_approx;
	font-size: 84%;
}
//ロード画像
p.loading {
	background: $url_ce1 no-repeat scroll 0 0 transparent;
	height: 16px;
	margin: 2px;
	width: 16px;
}
/* binary表示 */
.list-bin {
	//リンク
	>a.link-bin {
		vertical-align: top
	}
	//ローテ―トボタン
	>.viewer-toolbar {
		display: inline-block;
		
		>ul {
			margin: 0;
		    padding: 0 3px;
		}
	}
}
//ImageViewer
.viewer-container.viewer-backdrop {
	background-color:rgba(0,0,0,0.8);
}
//表示画像
img.img-viewer {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	transition:all .3s;
	-webkit-transition: all .3s;
}

//横スクロール
div.box-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
}
