.fadeIn {
	opacity: 0;
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn.is-show {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_down {
	opacity: 0;
	transform: translate(0, -30px);
	-webkit-transform: translate(0, -30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_down.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(30px, 0px);
	-webkit-transform: translate(30px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_right.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-30px, 0px);
	-webkit-transform: translate(-30px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.fadeIn_left.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* 特殊アニメーション */

/* contentsページ */
.introduction-balloon-blue {
	opacity: 0;
	transform: translate(0, 15px);
	-webkit-transform: translate(0, 15px);
	transition: .8s;
	-webkit-transition: .8s;
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}
.is-show .introduction-balloon-blue {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.introduction-balloon-red {
	opacity: 0;
	transform: translate(0, 15px);
	-webkit-transform: translate(0, 15px);
	transition: .8s;
	-webkit-transition: .8s;
	transition-delay: 1.4s;
	-webkit-transition-delay: 1.4s;
}
.is-show .introduction-balloon-red {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.introduction-illustration {
	opacity: 0;
	transition: .8s;
	-webkit-transition: .8s;
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.is-show .introduction-illustration {
	opacity: 1;
}

/* PC ================================================== */
@media all and (min-width:960px){
.ani_delay:nth-of-type(2) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.ani_delay:nth-of-type(3) {
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.ani_delay:nth-of-type(4) {
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}
.ani_delay-2 {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.ani_delay-6 {
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}

/* banner */
.banner-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .banner-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* precious */
.precious-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.precious-item.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.is-show > .fadeIn_up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.is-show > .fadeIn_left {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* history */
.history-2006-line:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.0s;
	-webkit-transition: 1.0s;
	background-color: #ffffff;
}
.history-2006-line.is-show:after {
	height: 0%;
}
.history-2017-line:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.5s;
	-webkit-transition: 1.5s;
	background-color: #ffffff;
}
.history-2017-line.is-show:after {
	height: 0%;
}

/* instagram */
.instagram-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .instagram-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.instagram-item:nth-of-type(1) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.instagram-item:nth-of-type(2) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.instagram-item:nth-of-type(3) {
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
}
.instagram-item:nth-of-type(4) {
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.instagram-item:nth-of-type(5) {
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}
.instagram-item:nth-of-type(6) {
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}
.instagram-item:nth-of-type(7) {
	transition-delay: .7s;
	-webkit-transition-delay: .7s;
}
.instagram-item:nth-of-type(8) {
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}
.instagram-item:nth-of-type(9) {
	transition-delay: .9s;
	-webkit-transition-delay: .9s;
}

/* contentsページ */
.short-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.4s;
	-webkit-transition: 1.4s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.short-dashed.is-show:after {
	height: 0%;
}
.long-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.4s;
	-webkit-transition: 2.4s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.long-dashed.is-show:after {
	height: 0%;
}
.point-01-illust {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show.point-01-illust {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.point-01-illust_balloon {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.is-show .point-01-illust_balloon {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* 開発秘話 */
.interview-sec-heading-line {
	background-image: linear-gradient(90deg, #EEE2DC, #EEE2DC);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 0 35%;
	transition: all 1.2s ease-in-out;
	transition-delay: .6s;
}
.is-show .interview-sec-heading-line {
	background-size: 100% 35%;
}
.interview-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.interview-item.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.interview-sec-02-image {
	transition-delay: .5s;
}

/* インスタライブ */
.performer-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .performer-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.performer-item:nth-of-type(2) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.performer-item:nth-of-type(3) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}

/* 座談会 */
.member-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .member-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.member-item:nth-of-type(2) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.member-item:nth-of-type(3) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.member-item:nth-of-type(4) {
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
}
.summary-heading,
.finally-heading {
	opacity: 0;
	transform: translate(-30px, 0px);
	-webkit-transform: translate(-30px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.summary-heading.is-show,
.finally-heading.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
/* banner */
.banner-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .banner-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* precious */
.precious-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.precious-item.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.is-show > .fadeIn_up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.is-show > .fadeIn_left {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* history */
.history-2006-line:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.0s;
	-webkit-transition: 2.0s;
	background-color: #ffffff;
}
.history-2006-line.is-show:after {
	height: 0%;
}
.history-2017-line:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.0s;
	-webkit-transition: 2.0s;
	background-color: #ffffff;
}
.history-2017-line.is-show:after {
	height: 0%;
}

/* instagram */
.instagram-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .instagram-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.instagram-item:nth-of-type(1) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.instagram-item:nth-of-type(2) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.instagram-item:nth-of-type(3) {
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
}
.instagram-item:nth-of-type(4) {
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.instagram-item:nth-of-type(5) {
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}
.instagram-item:nth-of-type(6) {
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}
.instagram-item:nth-of-type(7) {
	transition-delay: .7s;
	-webkit-transition-delay: .7s;
}
.instagram-item:nth-of-type(8) {
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}
.instagram-item:nth-of-type(9) {
	transition-delay: .9s;
	-webkit-transition-delay: .9s;
}

/* contentsページ */
.short-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.0s;
	-webkit-transition: 1.0s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.short-dashed.is-show:after {
	height: 0%;
}
.long-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.4s;
	-webkit-transition: 2.4s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.long-dashed.is-show:after {
	height: 0%;
}
.night-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.4s;
	-webkit-transition: 1.4s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.night-dashed.is-show:after {
	height: 0%;
}
.point-time_txt {
	opacity: 0;
	transform: translate(-50%, 30px);
	-webkit-transform: translate(-50%, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.point-time_txt.is-show {
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	opacity: 1;
}
.point-item-04-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.0s;
	-webkit-transition: 1.0s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.point-item-04-dashed.is-show:after {
	height: 0%;
}
.feeling-item:nth-of-type(2) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.feeling-item:nth-of-type(3) {
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.entry-step-item:nth-of-type(2) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}

/* インスタライブ */
.performer-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .performer-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.performer-item:nth-of-type(2) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.performer-item:nth-of-type(3) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}

/* 座談会 */
.member-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .member-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.member-item:nth-of-type(2) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.member-item:nth-of-type(3) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.member-item:nth-of-type(4) {
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
}
.summary-heading,
.finally-heading {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.summary-heading.is-show,
.finally-heading.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
}

/* SP ================================================== */
@media all and (max-width:559px){
/* banner */
.banner-item:nth-of-type(2n) {
	opacity: 0;
	transform: translate(10px, 0px);
	-webkit-transform: translate(10px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .banner-item:nth-of-type(2n) {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.banner-item:nth-of-type(2n-1) {
	opacity: 0;
	transform: translate(-10px, 0px);
	-webkit-transform: translate(-10px, 0px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .banner-item:nth-of-type(2n-1) {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* precious */
.precious-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.precious-item.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.is-show > .fadeIn_up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.is-show > .fadeIn_left {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* history */
.history-2006-line:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.0s;
	-webkit-transition: 2.0s;
	background-color: #ffffff;
}
.history-2006-line.is-show:after {
	height: 0%;
}
.history-2017-line:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.0s;
	-webkit-transition: 2.0s;
	background-color: #ffffff;
}
.history-2017-line.is-show:after {
	height: 0%;
}

/* instagram */
.instagram-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show .instagram-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.instagram-item:nth-of-type(1) {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}
.instagram-item:nth-of-type(2) {
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.instagram-item:nth-of-type(3) {
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
}
.instagram-item:nth-of-type(4) {
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.instagram-item:nth-of-type(5) {
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}
.instagram-item:nth-of-type(6) {
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
}
.instagram-item:nth-of-type(7) {
	transition-delay: .7s;
	-webkit-transition-delay: .7s;
}
.instagram-item:nth-of-type(8) {
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}
.instagram-item:nth-of-type(9) {
	transition-delay: .9s;
	-webkit-transition-delay: .9s;
}

/* contentsページ */
.short-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.0s;
	-webkit-transition: 1.0s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.short-dashed.is-show:after {
	height: 0%;
}
.long-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 2.4s;
	-webkit-transition: 2.4s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.long-dashed.is-show:after {
	height: 0%;
}
.night-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.4s;
	-webkit-transition: 1.4s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.night-dashed.is-show:after {
	height: 0%;
}
.point-item-04-dashed:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 1.0s;
	-webkit-transition: 1.0s;
	background-color: #ffffff;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}
.point-item-04-dashed.is-show:after {
	height: 0%;
}

.point-time_txt {
	opacity: 0;
	transform: translate(-50%, 30px);
	-webkit-transform: translate(-50%, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.point-time_txt.is-show {
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	opacity: 1;
}

/* 開発秘話 */
.interview-sec-heading-line {
	background-image: linear-gradient(90deg, #EEE2DC, #EEE2DC);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 0 45%;
	transition: all 1.2s ease-in-out;
	transition-delay: .6s;
}
.is-show .interview-sec-heading-line {
	background-size: 100% 45%;
}
.interview-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.interview-item.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.interview-sec-02-image {
	transition-delay: .5s;
}


/* インスタライブ */
.performer-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show.performer-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

/* 座談会 */
.member-item {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.is-show.member-item {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.summary-heading,
.finally-heading {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
	-webkit-transition: .8s;
}
.summary-heading.is-show,
.finally-heading.is-show {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
}