@charset "UTF-8";

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?puuh3p');
	src:url('fonts/icomoon.eot?#iefixpuuh3p') format('embedded-opentype'),
	url('fonts/icomoon.woff?puuh3p') format('woff'),
	url('fonts/icomoon.ttf?puuh3p') format('truetype'),
	url('fonts/icomoon.svg?puuh3p#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#panorama_box {
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
}
#panorama_box #disp_box {
	margin : 5px;
}
#panorama_box #disp_box li {
	margin-bottom : 15px;
	position : relative;
}
#panorama_box #thumb_box ul {
	margin-left : 2px;
}
#panorama_box #thumb_box li {
	cursor: pointer;
	text-align: center;
	display: table-cell;
	float: left;
	margin : 0 5px;
	width : 119px;
}
#panorama_box #thumb_box li div.overlay_box {
	position : relative;
	background-color: #666;
}
#panorama_box #thumb_box li img {
	opacity: 0.6;
}
#panorama_box #thumb_box li img.panorama_overlay {
	opacity: 1;
	position : absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	pointer-events: none;
}
#panorama_box #thumb_box p {
	font-size : 13px;
}

#panorama_box .button_box {
	position: absolute;
	bottom: 5px;
	right: 15px;
	width : 80px;
	height : 40px;
	background: rgba(255,255,255, 0.6);
}
#panorama_box .button_box p {
	margin : 0;
}
#panorama_box .plus {
	position : absolute;
	top : 10px;
	left : 6px;
	cursor : pointer;
}
#panorama_box .plus:before {
	font-family: 'icomoon';
	content: '\e913';
    color: #666;
	font-size: 30px;
}
#panorama_box .minus {
	position : absolute;
	top : 10px;
	left : 45px;
	cursor : pointer;
}
#panorama_box .minus:before {
	font-family: 'icomoon';
	content: '\e914';
    color: #666;
	font-size: 30px;
}

.panorama-heading {

}
.panorama-heading:before {
	font-family: 'icomoon';
	content: '\e922';
	font-size: 30px;
	margin-right:5px;
}