/* 写真カバー */
._mpv_photoBase:before,
._mpv_originalImage_photoItem:before {
    position            : absolute;	
    content             : "";
    top                 : 0;
    width               : 100%;
    height              : 100%;
    background-color    : RGB( 255,255,255,0 );
    z-index             : 1;
}

#_uploadPhotoFrame ._mpv_photoBase:before {
    position            : absolute;		
    content             : "";
    top                 : 0;
    width               : 0;
    height              : 0;
    background-color    : RGB( 255,255,255,0 );
    z-index             : 1;
}

/* 写真の装飾 */
/* 影をつける */
._mpv_shadow-right:after {
	  z-index           : -1;
	  position          : absolute;
	  content           :'';
	  width             : 75%;
	  top               : 75%;
	  -webkit-transform : rotate(10deg);
	  -moz-transform    : rotate(10deg);
	  -o-transform      : rotate(10deg);
	  -ms-transform     : rotate(10deg);
	  transform         : rotate(10deg);
}

._mpv_shadow-left:after {
	  z-index           : -1;
	  position          : absolute;
	  content           :'';
/*	  bottom            : 13px;
	  left              : 3px;*/
	  width             : 75%;
	  top               : 75%;
	  -webkit-transform : rotate(-10deg);
	  -moz-transform    : rotate(-10deg);
	  -o-transform      : rotate(-10deg);
	  -ms-transform     : rotate(-10deg);
	  transform         : rotate(-10deg);
}

._mpv_shadow-dual:after {
	  z-index           : -1;
	  position          : absolute;
	  content           :'';
	  width             : 75%;
	  top               : 75%;
	  -webkit-transform : rotate(10deg);
	  -moz-transform    : rotate(10deg);
	  -o-transform      : rotate(10deg);
	  -ms-transform     : rotate(10deg);
	  transform         : rotate(10deg);
}

._mpv_shadow-dual:before {
	  z-index           : -1;
	  position          : absolute;
	  content           :'';
	  width             : 75%;
	  top               : 75%;
	  -webkit-transform : rotate(-10deg);
	  -moz-transform    : rotate(-10deg);
	  -o-transform      : rotate(-10deg);
	  -ms-transform     : rotate(-10deg);
	  transform         : rotate(-10deg);
}

._mpv_shadow-float:after {
	content             : '';
    position            : absolute;
    z-index             : -1;
    -webkit-box-shadow  : 0 0 40px rgba(0,0,0,0.7);
    -moz-box-shadow     : 0 0 40px rgba(0,0,0,0.7);
    box-shadow          : 0 0 40px rgba(0,0,0,0.7);
    top                 : 50%;
    bottom              : 0px;
    left                : 15px;
    right               : 15px;
    -moz-border-radius  : 100px / 40px;
	-o-border-radius    : 100px / 40px;
    border-radius       : 100px / 40px;
}

/* フォトフレーム風 */
._mpv_photoFrame {
    background-image: url("../img/photoFrame.gif");
    box-shadow          : 1px 3px 8px rgba(20,20,20,0.3);
}

/* 差し込み写真風 */
._mpv_sashikomi {
	position            : relative;
	overflow            : hidden;
	padding             : 3px 0px 0px 3px;
}
._mpv_sashikomi img {
	box-shadow          : 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/* 拡大表示 */
._mpv_originalImageFrame {
	position             : fixed;
 	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius   : 10px 10px 10px 10px;
	border-radius        : 10px 10px 10px 10px;
}

._mpv_originalImageFrame img.largeImage {
	border               : 10px solid #fff;
	padding              : 1px 1px 50px 1px;
	background           : #fff;
	-moz-box-shadow      : 1px 1px 3px #000;
	-webkit-box-shadow   : 1px 1px 3px #000;
	box-shadow           : 1px 1px 3px #000;
 	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius   : 10px 10px 10px 10px;
	border-radius        : 10px 10px 10px 10px;
	opacity              : 0;
 }

._mpv_originalImageFrame div.imageViewerInfo,
._mpv_imageTrimFrame div.imageViewerInfoTrim {
	position             : absolute;
	height               : 20px;
	margin               : 0px 1px 3px 1px;
	font-size            : 10pt;
	color                : #222;
	overflow             : visible;
}

._mpv_originalImageFrame .viewerClose {
	position            : absolute;
	top                 : 20px;
	right               : -20px;
	font-size           : 12pt;
	z-index             : 2000;
}

._mpv_originalImageFrame .viewerClose,
._mpv_imageTrimFrame .viewerCloseTrim {
	width              : 25px;
}

._mpv_originalImageFrame .viewerClose a,
._mpv_imageTrimFrame .viewerCloseTrim a {
	display            : block;
	color              : #777;
	font-weight        : bold;
	text-decoration    : none;
	text-shadow        : 0 1px 0 #f4f4f4;
}
._mpv_originalImageFrame .viewerClose a:hover,
._mpv_imageTrimFrame .viewerCloseTrim a:hover {
	color              : rgba(28, 152, 54, 1);
}

._mpv_imageTrimFrame .viewerCloseTrim {
	position           : absolute;
	right              : -10px;
	bottom             : -50px;
	font-size          : 12pt;
	z-index            : 2000;
}

._mpv_albumGallery #albumViewer {
	position           : fixed;
	display            : none;
	bottom             : 15px;
	overflow           : hidden;
	z-index            : 1994;
	margin             : 10px 10px 10px 10px;
	height             : 104px;
	max-width          : 600px;
	width              : 90%;
	padding-top        : 10px;
	padding-left       : 10px;
	padding-right      : 15px;
	background-color   : #eee;
	-moz-box-shadow    : 1px 2px 3px #000;
	-webkit-box-shadow : 1px 2px 3px #000;
	box-shadow         : 1px 2px 3px #000;
 	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius : 10px 10px 10px 10px;
	border-radius      : 10px 10px 10px 10px;
}

._mpv_albumGallery #albumThumbScroller {
	z-index            : 1994;
	width              : 100%;
    overflow-x         : auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling : touch;
}

._mpv_albumGallery #albumThumbScroller li {
	border             : 3px solid rgb(255, 255, 255);
}

._mpv_albumGallery #albumThumbScroller .albumThumbContainer{
	position           : relative;
	overflow           : hidden;
	float              : left;
}
._mpv_albumGallery #albumThumbScroller .albumThumbContent {
	float              : left;
}
._mpv_albumGallery #albumThumbScroller .albumThumbContent div{

}

._mpv_albumGallery #albumThumbScroller img {
	box-shadow           : 1px 2px 3px #000;
	-moz-box-shadow      : 1px 2px 3px #000;
	-webkit-box-shadow   : 1px 2px 3px #000;
	-moz-border-radius   : 2px;
	-webkit-border-radius: 2px;
	border-radius        : 2px;
	box-sizing           : border-box;
}

._mpv_albumGallery #albumThumbScroller img.close {
	opacity            : 0.4;
}

._mpv_albumGallery #albumThumbScroller li.portrait {
	margin             : 0px 3px;
}

._mpv_albumGallery #albumThumbScroller img.portrait,
._mpv_albumGallery #albumThumbScroller .closeStatusThumbnail.portrait {
	width              : auto;
	height             : 80px;
 	font-size          : 80%;
}

._mpv_albumGallery #albumThumbScroller img.landscape,
._mpv_albumGallery #albumThumbScroller .closeStatusThumbnail.landscape {
	width              : 106px;
	height             : auto;
 	font-size          : 140%;
}

.closeStatusThumbnail,
.closeStatusAlbum {
	position           : absolute;
 	display            : inline-block;
 	text-align         : center;
 	color              : #666;
 	z-index            : 1;
 	opacity            : 1;
 	font-weight        : bold;
 	text-shadow        : 1px 1px 5px #ffffff, -1px 1px 5px #ffffff, 1px -1px 5px #ffffff, -1px -1px 5px #ffffff, 1px 0px 5px #ffffff, 0px 1px 5px #ffffff, -1px 0px 5px #ffffff, 0px -1px 5px #ffffff;
 	letter-spacing     : 4px;
 	cursor             : pointer;
}

._mpv_albumGallery .scrollWrapper{
	position           : fixed;
	display            : none;
	z-index            : 1994;
	max-width          : 300px;
	width              : 70%;
	height             : 12px;
	padding            : 7px 40px;
	margin             : 3px auto;
	background-color   : #eee;
	-moz-box-shadow    : 1px 2px 3px #000;
	-webkit-box-shadow : 1px 2px 3px #000;
	box-shadow         : 1px 2px 3px #000;
	-moz-border-radius : 10px;
	-webkit-border-radius:10px;
	border-radius      : 10px;
}

._mpv_albumGallery .ui-slider-horizontal {
	position           : relative;
	margin-top         : 1px;
	margin-left        : 0px;
	outline            : none;
	cursor             : pointer;
	top                : -1px;
	height             : 10px;
	background         : #f0f8ff;
	z-index            : 1994;
}

._mpv_albumGallery .ui-slider-horizontal .ui-slider-handle
{
	margin-top         : 0px;
	margin-left        : 0px;
	outline            : none;
	z-index            : 1994;
}

._mpv_albumGallery .ui-slider .ui-slider-handle{
	cursor             : pointer;
	top                : -4px;
	width              : 6px !important;
	height             : 19px !important;
	background         : rgba(44, 194, 228, 0.7) !important;
}

._mpv_albumGallery .ui-state-default {
	background-image   : none;
}

._mpv_albumGallery .prevThumb,
._mpv_albumGallery .nextThumb{
	position           : absolute;
	background         : transparent url(/biz/images/imageViewer/nav.png) no-repeat top left;
	z-index            : 1994;
	top                : 5px;
	width              : 15px;
	height             : 17px;
	cursor             : pointer;
}
._mpv_albumGallery .prevThumb:hover{
	background-position:left top;
}
._mpv_albumGallery .nextThumb:hover{
	background-position:right top;
}
._mpv_albumGallery .prevThumb{
	left               : 10px;
	background-position: left bottom;
}
._mpv_albumGallery .nextThumb{
	right              : 10px;
	background-position: right bottom;
}

#clipborad {
    position           : absolute;
	bottom             : 10px;
    right              : 15px;
    font-size          : 200%;
    color              : #8a0623;
    cursor             : pointer;
    z-index            : 2000;
}

@media all and (max-width:666px){
	._mpv_albumGallery #albumViewer {
		padding-top       : 7px;
		height            : 80px;
	}
	._mpv_albumGallery #albumThumbScroller img.portrait,
	._mpv_albumGallery #albumThumbScroller .closeStatusThumbnail.portrait {
		width             : auto;
		height            : 60px;
	}
}

@media all and (-webkit-min-device-pixel-ratio:0)  {
	._mpv_albumGallery #albumThumbScroller{
	    overflow-x        : auto;
	    -webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	._mpv_albumGallery #albumThumbScroller .albumThumbContent{
	}
	#scrollWrapper {
		display           : none;
	}
}

@media only screen and  (-webkit-min-device-pixel-ratio:0) and (orientation:landscape) {
	._mpv_albumGallery #albumViewer {
		/*max-width         : 130px;*/
		width             : 120px;
		padding-top       : 10px;
		padding-bottom    : 15px;
		padding-left      : 10px;
		padding-right     : 15px;
		margin            : 10px 10px 10px 10px;
		height            : 104px;
	}
	._mpv_albumGallery #albumThumbScroller {
		height            : 100%;
	    overflow-x        : hidden;
	    overflow-y        : auto;
	    -webkit-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	}
	._mpv_albumGallery #albumThumbContainer {
	}
	._mpv_albumGallery #albumThumbScroller .albumThumbContent{
		float             : none;
		margin-top        : 5px;
		box-sizing        : border-box;
	}
	@media all and (max-width:768px){
		._mpv_albumGallery #albumViewer {
			width             : 100px;
		    padding-left      : 5px;
		    padding-right     : 5px;
		    padding-bottom    : 10px;
		}
		._mpv_albumGallery #albumThumbScroller .landscape {
			width             : 82px;
			height            : auto;
		}
	}
}

@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY( 10px); }
}