@charset "UTF-8";

/*TOPへ戻るボタン*/
div#to_top{
	position: fixed;
	z-index: 100;
	background-color: rgba(131,200,216,.5);
	background-image: url(../img/util_to_top.png);
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .2s;
	cursor: pointer;
}
div#to_top:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.pc_view div#to_top{
	width: 80px;
	right: -80px;
	bottom: 80px;
}
.sm_view div#to_top{
	/*width: 16%;
	right: -16%;*/
	width: 50px;
	right: -50px;
	bottom: 40px;
}
div#to_top.btn_show{
	right: 0;
}
.display_device div#to_top:hover{
	background-color: rgba(131,200,216,.8);
}

/*INVIEW========================*/
div[data-bg_src],
div[data-bg_src_done]{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
	opacity: 0;
	/*transition: opacity .3s;*/
}

div.inview,
div.inview_tmp,
div.inview_stop{
	position: relative;
}
div.inview>div,
div.inview_tmp>div,
div.inview_stop>div{
	position: relative;
	opacity: 0;
	transition: top 1s,left 1s,right 1s,opacity 2s;
	transition-timing-function: ease-out;
}

div.inview.from_left>div,
div.inview_tmp.from_left>div,
div.inview_stop.from_left>div{
	left: -100px;
}
div.inview.from_right>div,
div.inview_tmp.from_right>div,
div.inview_stop.from_right>div{
	right: -100px;
}
div.inview.from_bottom>div,
div.inview_tmp.from_bottom>div,
div.inview_stop.from_bottom>div{
	top: 100px;
}

div.iv_delay,
div.iv_all,
div.iv_half{
}

div.inview_done{
	position: relative;
}
div.inview_done>div{
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transition: top 1s,left 1s,right 1s,opacity 2s;
	transition-timing-function: ease-out;
}
div.inview_done2>div{
	position: relative;
	top: 0;
	right: 0;
	opacity: 1;
	transition: top 1s,left 1s,right 1s,opacity 2s;
	transition-timing-function: ease-out;
}