.move-slow-right-to-left-cloud{
	background-position:calc(100% + 200px) center;
}

.move-slow-right-to-left-cloud.in{
	animation-name: SlowMoveRightToLeft;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes SlowMoveRightToLeft {
	0% {
		background-position:calc(100% + 200px) center;
	}
	100% {
		background-position:calc(0% - 200px) center;
	}
}

.move-slow-bottom-to-top-book{
	background-position:center calc(100% + 300px);
}

.move-slow-bottom-to-top-book.in{
	animation-name: SlowMoveBottomToTop;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes SlowMoveBottomToTop {
	0% {
		background-position:center calc(100% + 300px);
	}
	100% {
		background-position:center calc(0% - 300px);
	}
}

.float-slow-up-and-down-futaradragon{
	transform:
	translate3d(0, 50px, 0)
	rotate(0deg)
	scale(1);
}

.float-slow-up-and-down-futaradragon.in{
	animation-name: FloatUpAndDown;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes FloatUpAndDown {
	0% {
		transform:
		translate3d(0, 25px, 0)
		rotate(0deg)
		scale(1);
	}
	50% {
		transform:
		translate3d(0, -25px, 0);
		rotate(0deg)
		scale(1);
	}
	100% {
		transform:
		translate3d(0, 25px, 0);
		rotate(0deg)
		scale(1);
	}
}

.h-75-p-menu{
	height:calc(75% - 100px);
}

.h-25-p-menu{
	height:calc(25% - 100px);
}

.tab-label{
	display: inline-block;
    width: 33.3333333%;
    vertical-align: top;
}

.tab-radio{
	display:none;
}

.tab-display-pack{
	padding:10px;
	width:100%;
	height:calc(100% - 50px);
	background-color:rgba(255,255,255,0.5);
	box-sizing:border-box;
}

.tab-display{
	display:none;
	width:100%;
	height:100%;
	overflow:auto;
}

input[type="radio"][value="1"].tab-radio:checked~.tab-label[value="1"]{
	background-color:rgba(255,255,255,0.5);
}
input[type="radio"][value="2"].tab-radio:checked~.tab-label[value="2"]{
	background-color:rgba(255,255,255,0.5);
}
input[type="radio"][value="3"].tab-radio:checked~.tab-label[value="3"]{
	background-color:rgba(255,255,255,0.5);
}

input[type="radio"][value="1"].tab-radio:checked~.tab-display-pack>.tab-display[value="1"]{
	display:block;
}
input[type="radio"][value="2"].tab-radio:checked~.tab-display-pack>.tab-display[value="2"]{
	display:block;
}
input[type="radio"][value="3"].tab-radio:checked~.tab-display-pack>.tab-display[value="3"]{
	display:block;
}

.code-display{
	display:block;
	width:100%;
	height:100%;
	white-space:pre-line;
}