@charset "utf-8";

.sampleBox {
    position: fixed;
	top: 40%;
	right: 10px;
	transform: translate(-50%, -50%);
	z-index: 6;
}
	
.sampleBox img {
	width: 30px;
	height: 30px;
}

@media (max-width: 750px) {
	
	.sampleBox {
    position: fixed;
	top: 40%;
	right: 0px;
	transform: translate(-50%, -50%);
	z-index: 6;
	}
	
	.sampleBox img {
	width: 20px;
	height: 20px;
	}
}


.facebook {
	position: fixed;
	top: 40%;
	right: 10px;
	padding-top: 100px;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.facebook img {
	width: 30px;
	height: 30px;
}

@media (max-width: 750px) {
	
	.facebook {
    position: fixed;
	top: 40%;
	right: 0px;
	padding-top: 60px;
	transform: translate(-50%, -50%);
	z-index: 5;
	}
	
	.facebook img {
	width: 20px;
	height: 20px;
	}
}


.copy_fix {
	position: fixed;
	top: 40%;
	right: 21px;
	margin-top: 145px;
	transform: translate(-50%, -50%);
	z-index: 5;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	-webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
	font-size: 11px;
}

@media (max-width: 750px) {
		
	.copy_fix {
    position: fixed;
	top: 40%;
	right: 3px;
	margin-top: 110px;
	transform: translate(-50%, -50%);
	z-index: 5;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	-webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
	font-size: 11px;
	}
}