@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/*=====追加テンプレートここから=====*/

html,a,form,div,table,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
	border: 0 none;
}
img{
	margin:0;
	padding:0;
	border: 0 none;
}
ul{
	list-style-type: none;
}

td{text-align:left;}

.inner img{
	vertical-align:bottom;
	}
	
h1,div{font-size:0;}

/*====================================
レスポンシブ設定
====================================*/
/*html, body {
	width: 100%;
	min-width:640px;

}
.wrap {
	overflow: hidden;
}

	
.viewpc {
	display: none;
}

.view_mb_tb{
	display: block;
}

.box990{
	width: 640px;
}

#rhi_WRAPPER01{
	background-image:none;
}

#rhi_WRAPPER02{
	background-image:none;
}


@media (min-width:768px){
html, body {
width: 100%;
min-width: 990px;
}

.viewpc {
	display: block;
}

.view_mb_tb{
	display: none;
}
}*/

/*====================================
basic
====================================*/
@media (min-width:768px){
#rhi_WRAPPER01{
	width: 100%;
	background-image: url(../images/tenseien_bg01.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:repeat-x;
	background-position: top center;
}

#rhi_WRAPPER02{
	width: 100%;
	background-image: url(../images/tenseien_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
}
#rhi_WRAPPER01{
	overflow: hidden;
}

.position_r{
	position:relative;
	}


/*====================================
float
====================================*/
.flL {
	float:left;
	display: block;
}

.flR {
	float:right;
	display: block;
}

/*====================================
box
====================================*/
.box_0{
	margin: 0;
	padding: 0;
}

.box_0center{
	margin: 0 auto;
	padding: 0;
}
@media (min-width:768px){
.box990{
	width: 990px;
}}

/*====================================
clearfix
====================================*/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.clear {
	min-height: 1px;
}
* html .clear {
	height: 1px;
/* Hides from IE-mac \*//*/
	height: auto;
	overflow: hidden;
/* End hide from IE-mac */
}
/*----------------------------------*/
.clear0 {
	clear: both;
	height: 0px;
}

/*=====追加テンプレートここまで=====*/

.on_item01{
	animation: on_item01 3s infinite forwards ease;
	left:-159px;
	position:absolute;
	top:81px;
	z-index:1;
}

.on_item02{
	animation: on_animation01 3s infinite forwards ease;
	left:33px;
	position:absolute;
	top:142px;
	z-index:2;
}

.on_item03{
	animation: on_animation02 3s infinite forwards ease;
	left:96px;
	position:absolute;
	top:204px;
	z-index:2;
}

.on_item04{
	animation: on_animation03 3s infinite forwards ease;
	left:0;
	position:absolute;
	top:276px;
	z-index:1;
}

.on_item05{
	left:-246px;
	position:absolute;
	top:431px;
	z-index:2;
}

.on_item06{
	animation: on_animation02 3s infinite forwards ease;
	position:absolute;
	right:-30px;
	top:188px;
	z-index:1;
}

.on_item07{
	animation: on_animation01 3s infinite forwards ease;
	position:absolute;
	right:76px;
	top:236px;
	z-index:1;
}

.on_item08{
	animation: on_animation04 3s infinite forwards ease;
	left:623px;
	position:absolute;
	top:288px;
	z-index:1;
}

.on_item09{
	position:absolute;
	right:-232px;
	top:411px;
	z-index:2;
}

.on_item10{
	animation: on_item10 18s infinite forwards;
	position:absolute;
	right:-220px;
	top:427px;
	z-index:3;
}

.on_item11{
	animation: on_item11 5s infinite forwards ease;
	position:absolute;
	right:-70px;
	top:148px;
	transform: rotateY(0deg) rotate(0deg);
	z-index:1;
}

.on_item12{
	animation: on_animation02 5s infinite forwards ease;
	left:656px;
	position:absolute;
	top:178px;
	transform: rotateY(0deg) rotate(0deg);
	z-index:1;
}

.on_item13{
	animation: on_item13 8s infinite forwards ease;
	left:394px;
	position:absolute;
	top:278px;
	transform: rotateY(0deg) rotate(0deg);
	z-index:1;
}

.on_item14{
	animation: on_animation01 5s infinite forwards ease;
	left:60px;
	position:absolute;
	top:112px;
	z-index:1;
}

.on_item15{
	animation: on_item15 8s infinite forwards ease;
	left:319px;
	position:absolute;
	top:334px;
	z-index:1;
}

.on_item16{
	animation: on_animation02 5s infinite forwards ease;
	position:absolute;
	right:0;
	top:203px;
	z-index:1;
}

.on_item17{
	animation: on_item17 5s infinite forwards ease;
	left:514px;
	position:absolute;
	top:9px;
	z-index:1;
}

.on_item18{
	animation: on_animation03 3s infinite forwards ease;
	position:absolute;
	right:-50px;
	top:261px;
	z-index:1;
}

.on_item19{
	animation: on_item19 5s infinite forwards ease;
	left:-52px;
	opacity:1;
	position:absolute;
	top:-82px;
	z-index:2;
}

.on_item20{
	left:-102px;
	position:absolute;
	top:-50px;
	z-index:1;
}

@-webkit-keyframes on_animation01 {
    0%,100% {
	transform:rotate(0deg);
    }

    15% {
	transform:rotate(-10deg);
    }

    30% {
	transform: rotate(0deg);
    }

    45% {
	transform:rotate(-10deg);
    }

    60% {
	transform: rotate(0deg);
    }
}

@-webkit-keyframes on_animation02 {
    0%,100% {
	transform:rotate(0deg);
    }

    15% {
	transform:rotate(10deg);
    }

    30% {
	transform: rotate(0deg);
    }

    45% {
	transform:rotate(10deg);
    }

    60% {
	transform: rotate(0deg);
    }
}

@-webkit-keyframes on_animation03 {
    0%,100% {
		transform:translate(0,0);
    }

    10% {
		transform:translate(0,-10px);
    }

    20% {
		transform:translate(0,0);
    }

    30% {
		transform:translate(0,-10px);
    }

    40% {
		transform:translate(0,0);
    }
}

@-webkit-keyframes on_animation04 {
    0%,100% {
		transform:translate(0,0);
    }

    50% {
		transform:translate(0,0);
    }

    60% {
		transform:translate(0,-10px);
    }

    70% {
		transform:translate(0,0);
    }
	
    80% {
		transform:translate(0,-10px);
    }

    90% {
		transform:translate(0,0);
    }
}

@-webkit-keyframes on_item01 {
    0%,100% {
	transform: scale(0);
    }

    10% {
	transform: scale(1);
    }

    99% {
	transform: scale(1);
    }
}

@-webkit-keyframes on_item10 {
    0%,100% {
	transform: rotateY(0deg) rotate(0deg);
    }

    44% {
	right:200px;
	transform: rotateY(0deg) rotate(0deg);
    }

    50% {
	transform: rotateY(180deg);
    }

    94% {
	transform: rotateY(180deg);
    }
}

@-webkit-keyframes on_item11 {
    0%,100% {
	transform: rotateY(0deg) rotate(0deg);
    }

    44% {
	right:-20px;
	top:98px;
	transform: rotateY(0deg) rotate(0deg);
    }

    50% {
	transform: rotateY(180deg) rotate(-20deg);
    }

    94% {
	transform: rotateY(180deg) rotate(-20deg);
    }
}

@-webkit-keyframes on_item13 {
    0%,100% {
	transform: rotateY(0deg);
    }

    44% {
	left:444px;
	transform: rotateY(0deg);
    }

    50% {
	transform: rotateY(180deg);
    }

    94% {
	transform: rotateY(180deg);
    }
}

@-webkit-keyframes on_item15 {
    0%,100% {
	transform: rotateY(0deg) rotate(0deg);
    }

    44% {
	left:219px;
	transform: rotateY(0deg) rotate(0deg);
    }

    50% {
	transform: rotateY(180deg);
    }

    94% {
	transform: rotateY(180deg);
    }
}

@-webkit-keyframes on_item17 {
    0%,100% {
	transform: rotateY(0deg);
    }

    44% {
	left:614px;
	transform: rotateY(0deg);
    }

    50% {
	transform: rotateY(180deg);
    }

    94% {
	transform: rotateY(180deg);
    }
}

@-webkit-keyframes on_item19 {
    0%, {
	opacity:1;
	transform:translate(0,0);
    }

    90% {
	opacity:0;
	transform:translate(0,-30px);
    }

    97% {
	opacity:0;
	transform:translate(0,0);
    }

    100% {
	opacity:1;
	transform:translate(0,0);
    }
}

/* SP用CSSの記述 */


/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
}