/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
p{padding:0;margin:0;}
img{padding:0;margin:0;vertical-align:middle;}
input,select,textarea,button{font-family: inherit;outline:none;}
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{
	-moz-box-sizing: border-box;        /* Firefox */  
	-webkit-box-sizing: border-box;     /* Safari 3 */  
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */  
	box-sizing: border-box;             /* Opera */ 
	padding:0;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
html {
	width:100vw;
	font-size:62.5%;
	scroll-behavior: smooth;
}
body {
	background:#fff;
	font-family: "Noto Sans JP", serif!important;
	color:#000;
	position:relative;

}
a {
	color:#008162;
	outline: none;
	text-decoration: none;
}
a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a.noh:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;
}
button {
	outline:none;
	border:none;
}
button:hover {
	cursor:pointer;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
  @media (min-width: 501px) {
	
	.pcNone {
		display:none!important;
	}
	/* common */
	main {
		z-index:10;
		position:relative;
	}
	section {
		position:relative;
	}
	.width1280 {
		width:100%;
		max-width:1320px;
		padding: 0 20px;
		margin:0 auto;
		position:relative;
	}
	div.main {
		z-index:1;
		position:relative;
	}
	.mainbg{
		width: 100%;
		height: 100%;
		background-image:url(images/mainbg.jpg);
		background-repeat: repeat-x;
		background-size:100% auto;
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 0;
	}
	.anchor {
		padding-top: 140px;
		margin-top: -140px;
	}
	/*header*/
	header {
		width:100%;
		height:8.3vw;
		max-height:158px;
		display:flex;
		position:fixed;
		top:0;
		left:0;
		z-index: 20;
		align-items: center;
		justify-content: space-between;
	}
	header .logo {
		margin-left:10px;
		width:15.5vw;
		max-width:289px;
		height:auto;
	}
	header .webstore {
		width:18vw;
		max-width:341px;
		height:auto;
	}
	header nav {
		display: flex;
		padding-top:1.5vw;

	}
	header nav a {
		display:block;
		padding:0 5px;
	}
	header nav .update {
		width:7.5vw;
		max-width:144px;
	}
	header nav .campaign {
		width:9.948vw;
		max-width:191px;
	}
	header nav .music {
		width:5.885vw;
		max-width:113px;
	}
	header nav .broadcast {
		width:10.572vw;
		max-width:203px;
	}
	header nav .goods {
		width:6.563vw;
		max-width:126px;
	}

	/* fv */
	#fv {
		width:100%;
		overflow: hidden;
		position:relative;
	}
	#slider {
		text-align: center;
	}
	#slider .img001 {
		background:url(images/fvimg_pc_01.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img002 {
		background:url(images/fvimg_pc_02.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img003 {
		background:url(images/fvimg_pc_03.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img004 {
		background:url(images/fvimg_pc_04.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img005 {
		background:url(images/fvimg_pc_05.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img006 {
		background:url(images/fvimg_pc_06.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img007 {
		background:url(images/fvimg_pc_07.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img008 {
		background:url(images/fvimg_pc_08.jpg) center center no-repeat;
		background-size:100% 100%;
	}



	.fvlogo {
		position:absolute;
        left: 50%;
        transform: translate(-50%, 0%)!important;
        -webkit-transform: translate(-50%, 0%)!important;
        -ms-transform: translate(-50%, 0%)!important;
		z-index:15;
        bottom: 0.5vw;
		width:40%;
		max-width:800px;

	}
	.neon {
		width:100%;
		background-size:cover;
        padding-bottom: 20px;

	}
	.neon img {
		width:100%;
		margin:0;
	}

	.fvover {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(images/fv_over.png) no-repeat;
		background-size:100% 100%;
		z-index:9;
		pointer-events: none;
	}
	.fvover_kira {
		width:100%;
		max-width:1902px;
		position:absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
		z-index:10;

	}


	/* indexpage */
	section.indexpage {
		width:100%;
	}
	div.index_link {
		width:100%;
		max-width:1770px;
		margin:0 auto 80px;
		background:url(images/indexlink_kira.png) center center no-repeat;
		background-size:100% auto;
		position: relative;
	}
	div.index_link.broadcast {
		margin:0 auto -20px;

	}
	div.index_link.goods {
		margin:0 auto -100px;

	}
	div.index_link .contentimg {
		width:100%;
		position:relative;
		z-index:9;
	}
	div.index_link .update {
		background:url(images/index_update.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .campaign {
		background:url(images/index_campaign.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .music {
		background:url(images/index_music.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .broadcast {
		background:url(images/index_broadcast.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .goods {
		background:url(images/index_goods3.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .otherlink {
		background:url(images/index_otherlink.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .text {
		display: block;
		position: absolute;
		left: 50%;
		bottom: min(21.1vw, 379px);
		font-size: 2rem;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		z-index: 10;
		letter-spacing: -0.5px;
		font-weight: 700;
		color: #001d58;
		line-height: 1;
	}
	div.index_link .check {
		position:absolute;
        left: 50%;
        bottom: 5vw;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
		z-index:10;

	}
	div.index_link a:hover {
		z-index: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity:1;
		opacity: 1;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	div.index_link .linkimg01 {
        position: absolute;
        display: block;
        left: 50%;
        bottom: min(14vw, 250px);
        font-size: 2rem;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        z-index: 10;
        width: 50%;
	}
	div.index_link .linkimg02 {
		display: block;
		position: absolute;
		left: 50%;
		bottom: min(19vw, 345px);
		font-size: 2rem;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		z-index: 10;
		width: 50%;
	}



	/* 詳細ページ */
	section.title {
		width:100%;
		max-width:1920px;
		padding:0 40px;
		margin: min(8.3vw, 158px) auto 5rem;
	}
	section.title h1 {
		padding-top:15.22%;
		width:100%;
		height:100%;
		margin:0 auto;
		background:url(images/4th_bg_Update.png) center center no-repeat;
		background-size:100%;
		position: relative;
	}
	section.title h1 img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        height: 13rem;
	}
	.normal_content .content {
		width:100%;
		max-width:1180px;
		padding:0 40px;
		margin:0 auto;
	}
	.link {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		gap:1.8rem;
		margin-bottom:5rem;
	}
	.link a {
		width:calc((100% / 3) - 1.2rem);
		border:2px solid #fff;
		border-radius:1.5rem;
		display:flex;
		align-items: center;
		padding:2rem 6rem 2rem 3rem;
		color:#fff;
		font-size:1.6rem;
		font-weight:400;
        min-height: 9rem;
	}

	.post .item {
		border-radius:1.5rem;
		background:rgba(255,255,255,0.8);
		padding:4.7rem;
		margin-bottom:4rem;

	}
	.post .item h2 {
		color:#16055a;
		font-size:4rem;
		font-weight:700;
		border-bottom:2px solid #16055a;
		padding-bottom:2rem;
		margin-bottom:3rem;
	}
	.post .item .postimg {
		width:100%;
		margin-bottom:4rem;
	}
	.post .item .postimg498 {
		width:100%;
		max-width:498px;
		display:block;
		margin:0 auto 4rem;
	}
	.post .item .data {
		width:100%;
		display: flex;
		flex-wrap:wrap;
		align-items: center;
	}
	.post .item .data .tag {
        display: block;
        width: fit-content;
        padding: 0.7rem 4.5rem;
        background: #8f00ff;
        color: #d6f773;
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 1;
        margin-right: 10px;
	}
	.post .item .data .day {
        display: block;
        width: fit-content;
		color:#16055a;
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 1;
		
	}
	.post .item .data .text {
		width:100%;
		padding-top:15px;
        font-size: 2.4rem;
        font-weight: 400;
        line-height: 1.7;

	}
	.post .item .data .text span {
		font-weight:500;
		font-size:2.5rem;
	}
	.post .item .rl {
        background: -webkit-linear-gradient(left, #dd103b 0, #ff1759 65%);
        background: linear-gradient(90deg, #dd103b 0, #ff1759 60%);
        width: 420px;
        height: 65px;
        border-radius: 40px;
        display: block;
        color: #fff;
        font-weight: 500;
        margin: 0 auto;
        text-align: center;
        line-height: 65px;
        font-size: 1.8rem;
	}
	/* footer */
	footer {		
		background:url(images/mainbg.jpg) top center no-repeat;
		background-size:100% auto;
		position:relative;
		z-index:10;
		padding-bottom:30px;
	}
	footer .share2 {
		width:100%;
		height:156px;
		background:url(images/neon_boader_footer.png) top center repeat-x;
		display:flex;
		justify-content: center;
		gap:40px;
		align-items: center;
		display: none!important;
	}
	.share {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding-top:30px;
	}
	.share p {
		font-family: din-2014, source-han-sans-japanese, sans-serif;
		font-size: 16px;
		font-size: 25.6px;
		font-size: 1.6rem;
		font-weight: 600;
		color: #fff;
		letter-spacing: .2em;
	}
	.share ul {
		margin: 0 0 0 2.08333vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.share ul li a {
		width: 2.08333vw;
		display: block;
	}
	.share ul li a {
        -webkit-transition: .3s;
        transition: .3s;
    }.share ul li a img {
		width: 100%;
		height: auto;
	}
	.share ul li+li {
		margin: 0 0 0 .9375vw;
	}
	.st-Footer_Inner img {
		width:100%;
	}
	.st-Footer_Inner .icon img, .st-Footer_Inner .qr img {
        border-radius: 28px;
	}
	.st-Footer_Inner .footer-top {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin: 0 auto;
		z-index: 2;
	}
	.st-Footer_Inner .footer-top {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        max-width: 1080px;
        padding: 74px 0 0;
        width: 100%;
    }
	
    .st-Footer_Inner .footer-top_logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 58.7%;
    }
	.footer-top_logo {
		position: relative;
		width: 100%;
	}
	.st-Footer_Inner .footer-top_logo a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-top_logo a.gm {
        max-width: 293px;
        height: auto;
        width: 46.3%;
    }

    .st-Footer_Inner .footer-top_logo a.anniv {
        max-width: 340px;
        height: auto;
        margin-left: -10px;
        width: 53.7%;
    }	
	.st-Footer_Inner .footer-top_official {	
		width: 41.3%;
	}
	
	.st-Footer_Inner .footer-top_official a {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		color: #fff;
		background: -webkit-radial-gradient(rgba(255, 255, 255, .1) 30%, transparent 30%) 0 0 / 8px 8px, -webkit-linear-gradient(169deg, #ff3ac0 8.45%, #8f00ff 48.58%, #26d9e0 91.23%);
		background: radial-gradient(rgba(255, 255, 255, .1) 30%, transparent 30%) 0 0 / 8px 8px, linear-gradient(281deg, #ff3ac0 8.45%, #8f00ff 48.58%, #26d9e0 91.23%);
		border: 1px solid #fff;
		font-weight: 700;
		letter-spacing: .06em;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-top_official a {
        width: 100%;
        height: 60px;
        font-size: 1.6rem;
        border-radius: 4px;
    }
	.st-Footer_Inner .footer-top_official a:before {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2010%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m22%205-6-5v10l6-5Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14%205%208%200v10l6-5Z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%205%200%200v10l6-5Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E) no-repeat top center / contain;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-top_official a:before {
        right: 20px;
        width: 22px;
        height: 10px;
    }
    .st-Footer_Inner .footer-top_official a:hover {
        -webkit-box-shadow: 0 0 10px 0 #ffe500, 0 0 10px 0 #ffe500;
        box-shadow: 0 0 10px 0 #ffe500, 0 0 10px 0 #ffe500;
    }
    .st-Footer_Inner .footer-top_official a+a {
        margin-top: 20px;
    }
	.st-Footer_Inner .footer-top_official a {
        -webkit-transition: .6s cubic-bezier(.165,.84,.44,1);
        transition: .6s cubic-bezier(.165,.84,.44,1);
    }
    .st-Footer_Inner .footer-top_logo a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .st-Footer_Inner .footer-middle {
        max-width: 1080px;
        width: 100%;
        margin: 34px auto 0;
        padding: 50px 8vw 50px 8vw;
        border-radius: 20px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto 1fr;
        gap: 0 0;
        grid-template-areas:
        "icon spec"
        "icon badge";
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.st-Footer_Inner .footer-middle {
		position: relative;
		background: rgba(5, 15, 34, 0.7);
		z-index: 2;
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-rows: 1fr;
	}
	.st-Footer_Inner .footer-middle_icon {
		grid-area: icon;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}    .st-Footer_Inner .footer-middle_icon .icon {
        width: 150px;
        height: 150px;
        border-radius: 34px;
    }
	.st-Footer_Inner .footer-middle_icon .qr {
        width: 150px;
        height: 150px;
        margin-left: 20px;
    }
    .st-Footer_Inner .footer-middle_spec {
        max-width: 448px;
        grid-area: spec;
        width: 100%;
    }
	.st-Footer_Inner .footer-middle_spec dl {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
    .st-Footer_Inner .footer-middle_spec dl dt {
        width: 25%;
        padding: 0 24px 0 0;
        color: #fff;
    }
    .st-Footer_Inner .footer-middle_spec dl dt:before {
        top: 6px;
        right: 0;
        width: 4px;
        height: 4px;
        border-radius: 2px;
    }
	.st-Footer_Inner .footer-middle_spec dl dt:before {
		content: "";
		position: absolute;
		background: #8f00ff;
	}
    .st-Footer_Inner .footer-middle_spec dl dd {
        width: 75%;
        padding: 0 0 0 20px;
        color: #fff;
    }
    .st-Footer_Inner .footer-middle_spec dl dd, .st-Footer_Inner .footer-middle_spec dl dt {
        font-size: 1.4rem;
        padding: 0px 24px 18px 0;
    }
	.st-Footer_Inner .footer-middle_badge {
		grid-area: badge;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
        width: 100%;
	}
    .st-Footer_Inner .footer-middle_badge a.appstore {
        max-width: 220px;
        height: auto;
        width: 50%;
    }
	.st-Footer_Inner .footer-middle_badge a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
	.st-Footer_Inner .footer-middle_badge a img {
		width:100%;
	}
    .st-Footer_Inner .footer-middle_badge a.googleplay {
        max-width: 224px;
        height: 66px;
        margin-left: 10px;
        width: 50%;
    }

    .st-Footer_Inner .footer-copy {
        margin: 30px 0 0;
    }

    .st-Footer_Inner .footer-copy p {
        font-size: 1.2rem;
        text-align: center;
    }
	.st-Footer_Inner .footer-copy p {
		position: relative;
		color: #fff;
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: .06em;
		opacity: .6;
	}

    .st-Footer_Inner .footer-copy p:before {
        margin-right: 4px;
    }
	.st-Footer_Inner .footer-copy p:before {
		content: "※";
		position: relative;
	}
	.st-Footer_Inner .footer-bottom {
			margin: 80px 0 0;
	}
	.st-Footer_Inner .footer-bottom_company {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
    .st-Footer_Inner .footer-bottom_company a.donuts {
        height: 28px;
        margin: 9px 0 0;
		z-index:1;
    }
	.footer-bottom_company a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-bottom_policy {
        margin: 40px 0 0;
    }
	.st-Footer_Inner .footer-bottom_policy {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
    .st-Footer_Inner .footer-bottom_policy a {
        font-size: 1.2rem;
    }
	.st-Footer_Inner .footer-bottom_policy a:hover {
        -webkit-transition: .4s ease;
        transition: .4s ease;
    }
	.st-Footer_Inner .footer-bottom_policy a {
		display: inline-block;
		color: #fff;
		font-weight: 500;
		letter-spacing: .06em;
		text-decoration: underline;
		-webkit-text-decoration-color: #fff;
		text-decoration-color: #fff;
        z-index: 1;
	}
    .st-Footer_Inner .footer-bottom_copy {
        margin: 40px 0 0;
    }
    .st-Footer_Inner .footer-bottom_copy p {
        font-size: 1.2rem;
    }
	.st-Footer_Inner .footer-bottom_copy p {
		color: #fff;
		font-weight: 500;
		letter-spacing: .06em;
		text-align: center;
		opacity: .5;
	}




}



@media (max-width: 1450px) and (min-width:1141px) {
	html {
		font-size:56%;
	}
}
@media (max-width: 1140px) and (min-width:901px) {
	html {
		font-size:50%;
	}
}
@media (max-width: 920px) and (min-width:500px) {
	html {
		font-size:44%;
	}
}




@media (max-width: 500px) {
	body {
	}

	.spNone {
		display:none!important;
	}

	/* common */
	section {
		position:relative;
	}
	/* common */
	main {
		z-index:10;
		position:relative;
	}
	section {
		position:relative;
	}
	.width1280 {
		width:100%;
		max-width:1320px;
		padding: 0 20px;
		margin:0 auto;
		position:relative;
	}
	div.main {
		z-index:1;
		position:relative;
	}
	.mainbg{
		width: 100%;
		height: 100%;
		background-image:url(images/mainbg.jpg);
		background-repeat: repeat-x;
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 0;
	}
	.anchor {
		padding-top: 80px;
		margin-top: -80px;
	}
	/*header*/
	header {
        width: 100vw;
        height: 100px;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 20;
	}
	header .logo {
        margin-left: 14px;
        width: 144.5px;
        max-width: 289px;
        height: auto;
        margin-top: 14px;
	}
	header .webstore {
		display:none;
	}
	header nav {
		display:none;
	}
	/* fv */
	#fv {
		width:100%;
		overflow: hidden;
		position:relative;
	}
	#slider {
		text-align: center;
		height:113.42vw;
		overflow: hidden;
		

	}
	#slider .slideimg {
		width:100vw;
		height:113.42vw;
	}
	#slider .img001 {
		background:url(images/fvimg_sp_01.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img002 {
		background:url(images/fvimg_sp_02.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img003 {
		background:url(images/fvimg_sp_03.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img004 {
		background:url(images/fvimg_sp_04.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img005 {
		background:url(images/fvimg_sp_05.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img006 {
		background:url(images/fvimg_sp_06.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img007 {
		background:url(images/fvimg_sp_07.jpg) center center no-repeat;
		background-size:100% 100%;
	}
	#slider .img008 {
		background:url(images/fvimg_sp_08.jpg) center center no-repeat;
		background-size:100% 100%;
	}

	.fvlogo {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%)!important;
        -webkit-transform: translate(-50%, 0%)!important;
        -ms-transform: translate(-50%, 0%)!important;
        z-index: 15;
        bottom: 0.5vw;
        width: 95%;
	}
	.neon {
		width:100%;
		background-size:cover;
        padding-bottom: 30px;

	}
	.neon img {
		width:100%;
		margin:0;
	}

	.fvover {
		display: none;
	}
	.fvover_kira {
		width:100%;
		max-width:1902px;
		position:absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
		z-index:10;

	}


	/* indexpage */
	section.indexpage {
		width:100%;
	}
	div.index_link {
		width:100%;
		max-width:1770px;
		margin:0 auto 0px;
		background:url(images/indexlink_kira.png) center center no-repeat;
		background-size:100% auto;
		position: relative;
	}
	div.index_link.broadcast {
		margin:0 auto -50px;
	}
	div.index_link.goods {
		margin:0 auto -100px;
	}
	div.index_link .contentimg {
		width:100vw;
		height:100vw;
		position:relative;
		z-index:9;
	}
	div.index_link .update {
		background:url(images/4th_base_update_2.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .campaign {
		background:url(images/4th_base_campaign_2.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .music {
		background:url(images/4th_base_music_2.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .broadcast {
		background:url(images/4th_base_broadcast_2.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .goods {
		background:url(images/4th_base_goods_2_new.png) center center no-repeat;
		background-size:100% 100%;
	}	
	div.index_link .otherlink {
		background:url(images/4th_base_last.png) center center no-repeat;
		background-size:100% 100%;
	}
	div.index_link .check {
        position: absolute;
        left: 50%;
        bottom: 15vw;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        z-index: 10;
        width: 45%;
	}
	div.index_link a:hover {
		z-index: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity:1;
		opacity: 1;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	div.index_link .text {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 42.3vw;
        font-size: 0.9rem;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        z-index: 10;
        letter-spacing: -0.5px;
        font-weight: 700;
        color: #001d58;
        line-height: 1;
	}
	div.index_link .linkimg01 {
        position: absolute;
        display: block;
        left: 50%;
        bottom: 32vw;
        font-size: 2rem;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        z-index: 10;
        width: 70%;
	}
	div.index_link .linkimg02 {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 40vw;
        font-size: 2rem;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        z-index: 10;
        width: 70%;
	}

	/* 詳細ページ */
	section.title {
        width: 100%;
        max-width: 1920px;
        padding: 0 25px;
        margin-top: 25px;
        margin-bottom: 20px;
	}
	section.title h1 {
		padding-top:43.07%;
		width:100%;
		height:100%;
		margin:0 auto;
		background:url(images/4th_bg_Update_sp.png) center center no-repeat;
		background-size:100%;
		position: relative;
	}
	section.title h1 img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        height: 70px;
	}
	.normal_content .content {
        width: 100%;
        padding: 0 25px;
        margin: 0 auto;
	}
	.link {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 5rem;
	}
	.link a {
        width: calc((100% / 2) - 5px);
        border: 1px solid #fff;
        border-radius: 1.5rem;
        display: flex;
        align-items: center;
        padding: 10px 25px 10px 10px;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 400;
        min-height: 55px;
	}

	.post .item {
        border-radius: 1.5rem;
        background: rgba(255, 255, 255, 0.8);
        padding: 15px 15px;
        margin-bottom: 3rem;
	}
	.post .item h2 {
        color: #16055a;
        font-size: 1.7rem;
        font-weight: 700;
        border-bottom: 1px solid #16055a;
        padding-bottom: 12px;
        margin-bottom: 20px;
	}
	.post .item .postimg {
        width: 90%;
        margin: 0 5% 15px;
	}
	.post .item .postimg498 {
		width:100%;
        width: 80%;
        margin: 0 10% 15px;
	}
	.post .item .data {
		width:100%;
		display: flex;
		flex-wrap:wrap;
		align-items: center;
	}
	.post .item .data .tag {
        display: block;
        width: fit-content;
        padding: 5px 20px;
        background: #8f00ff;
        color: #d6f773;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1;
        margin-right: 5px;
	}
	.post .item .data .day {
        display: block;
        display: block;
        width: fit-content;
        color: #16055a;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1;
	}
	.post .item .data .text {
        width: 100%;
        padding-top: 15px;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1.8;
	}
	.post .item .data .text span {
        font-weight: 500;
        font-size: 1.3rem;
        line-height: 23px;
	}
	.post .item .rl {
        background: -webkit-linear-gradient(left, #dd103b 0, #ff1759 65%);
        background: linear-gradient(90deg, #dd103b 0, #ff1759 60%);
        width: 90%;
        height: 50px;
        border-radius: 25px;
        display: block;
        color: #fff;
        font-weight: 500;
        margin: 0 auto;
        text-align: center;
        line-height: 50px;
        font-size: 1.4rem;
	}
	/* footer */
	footer {		
        width: 100%;
        background: url(images/mainbg.jpg) top center no-repeat;
        background-size:auto 100%;
        position: relative;
        z-index: 10;
        padding-bottom: 20px;
	}
	footer .share2 {
        width: 100%;
        height: 75px;
        background: url(images/neon_boader_footer.png) top center repeat-x;
        background-size: auto 100%;
        display: flex;
        justify-content: center;
        gap: 18px;
        align-items: center;
		display: none!important;
	}
	footer .share2 .text {
		width:52.5px;
	} 
	footer .share2 a img {
		width:30px;
	}
	.share {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding-top:30px;
	}
	.share p {
        font-size: 38px;
        font-size: 3.8rem;
    }
	.share p {
		font-family: din-2014, source-han-sans-japanese, sans-serif;
		font-size: 16px;
		font-size: 25.6px;
		font-size: 1.6rem;
		font-weight: 600;
		color: #fff;
		letter-spacing: .2em;
	}
	.share ul {
        margin: 0 0 0 5.85938vw;
    }
	.share ul {
		margin: 0 0 0 2.08333vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.share ul li a {
        width: 8.78906vw;
        display: block;
    }
	.share ul li+li {
        margin: 0 0 0 3.41797vw;
    }






	.st-Footer_Inner img {
		width:100%;
	}	
	.st-Footer_Inner .icon img, .st-Footer_Inner .qr img {
        border-radius: 28px;
	}
	.st-Footer_Inner .footer-top {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin: 0 auto;
		z-index: 2;
	}
	.st-Footer_Inner .footer-top {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        max-width: 1080px;
        padding: 25px 20px 0;
        width: 100%;
        flex-wrap: wrap;
    }
	
    .st-Footer_Inner .footer-top_logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }
	.footer-top_logo {
		position: relative;
		width: 100%;
		padding-bottom:30px;
	}
	.st-Footer_Inner .footer-top_logo a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-top_logo a.gm {
        max-width: 293px;
        height: auto;
        width: 46.3%;
    }

    .st-Footer_Inner .footer-top_logo a.anniv {
        max-width: 340px;
        height: auto;
        width: 53.7%;
    }	
	.st-Footer_Inner .footer-top_official {	
        width: 100%;
	}
	
	.st-Footer_Inner .footer-top_official a {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		color: #fff;
		background: -webkit-radial-gradient(rgba(255, 255, 255, .1) 30%, transparent 30%) 0 0 / 8px 8px, -webkit-linear-gradient(169deg, #ff3ac0 8.45%, #8f00ff 48.58%, #26d9e0 91.23%);
		background: radial-gradient(rgba(255, 255, 255, .1) 30%, transparent 30%) 0 0 / 8px 8px, linear-gradient(281deg, #ff3ac0 8.45%, #8f00ff 48.58%, #26d9e0 91.23%);
		border: 1px solid #fff;
		font-weight: 700;
		letter-spacing: .06em;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-top_official a {
        width: 100%;
        height: 45px;
        font-size: 1.1rem;
        border-radius: 4px;
    }
	.st-Footer_Inner .footer-top_official a:before {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2022%2010%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m22%205-6-5v10l6-5Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14%205%208%200v10l6-5Z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%205%200%200v10l6-5Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E) no-repeat top center / contain;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-top_official a:before {
        right: 20px;
        width: 22px;
        height: 10px;
    }
    .st-Footer_Inner .footer-top_official a:hover {
        -webkit-box-shadow: 0 0 10px 0 #ffe500, 0 0 10px 0 #ffe500;
        box-shadow: 0 0 10px 0 #ffe500, 0 0 10px 0 #ffe500;
    }
    .st-Footer_Inner .footer-top_official a+a {
        margin-top: 15px;
    }
	.st-Footer_Inner .footer-top_official a {
        -webkit-transition: .6s cubic-bezier(.165,.84,.44,1);
        transition: .6s cubic-bezier(.165,.84,.44,1);
    }
    .st-Footer_Inner .footer-top_logo a:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .st-Footer_Inner .footer-middle {
        max-width: 1080px;
        width: calc(100% - 50px);
        margin: 15px auto 0;
        padding: 15px;
        border-radius: 20px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto 1fr;
        gap: 0 0;
        grid-template-areas:
        "icon spec"
        "icon badge";
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.st-Footer_Inner .footer-middle {
        position: relative;
        background: rgba(5, 15, 34, 0.7);
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
	}
	.st-Footer_Inner .footer-middle_icon {
        width: 40%;
        order: 1;
	}
	.st-Footer_Inner .footer-middle_icon .icon {
        width: 100%;
        height: auto;
    }
	.st-Footer_Inner .footer-middle_icon .qr {
		display:none;
    }
    .st-Footer_Inner .footer-middle_spec {
        width: 100%;
        order: 3;
        margin-top: 15px;
    }
	.st-Footer_Inner .footer-middle_spec dl {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
	}
    .st-Footer_Inner .footer-middle_spec dl dt {
        width: 30%;
        color: #fff;
    }
    .st-Footer_Inner .footer-middle_spec dl dt:before {
        top: 6px;
        right: 0;
        width: 4px;
        height: 4px;
        border-radius: 2px;
    }
	.st-Footer_Inner .footer-middle_spec dl dt:before {
		content: "";
		position: absolute;
		background: #8f00ff;
	}
    .st-Footer_Inner .footer-middle_spec dl dd {
        width: 70%;
        padding: 0 0 0 20px;
        color: #fff;
    }
    .st-Footer_Inner .footer-middle_spec dl dd, .st-Footer_Inner .footer-middle_spec dl dt {
        font-size: 1.2rem;
        padding: 0px 0px 12px 0;
    }
	.st-Footer_Inner .footer-middle_badge {
        display: block;
        order: 2;
        width: 60%;
        padding-left: 15px;
	}
	.st-Footer_Inner .footer-middle_badge a.appstore {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
	.st-Footer_Inner .footer-middle_badge a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
	.st-Footer_Inner .footer-middle_badge a img {
		width:100%;
	}
    .st-Footer_Inner .footer-middle_badge a.googleplay {
        width: 100%;
        height: auto;
    }

    .st-Footer_Inner .footer-copy {
        margin: 30px 0 0;
		padding:0 25px;
    }

    .st-Footer_Inner .footer-copy p {
        font-size: 1.1rem;
        text-align: center;
    }
	.st-Footer_Inner .footer-copy p {
		position: relative;
		color: #fff;
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: .06em;
		opacity: .6;
		text-align: left;
	}

    .st-Footer_Inner .footer-copy p:before {
        margin-right: 4px;
    }
	.st-Footer_Inner .footer-copy p:before {
		content: "※";
		position: relative;
	}
	.st-Footer_Inner .footer-bottom {
			margin: 40px 0 0;
	}
	.st-Footer_Inner .footer-bottom_company {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
    .st-Footer_Inner .footer-bottom_company a.donuts {
        height: 28px;
        margin: 9px 0 0;
		z-index:1;
    }
	.footer-bottom_company a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
    .st-Footer_Inner .footer-bottom_policy {
        margin: 40px 0 0;
    }
	.st-Footer_Inner .footer-bottom_policy {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
    .st-Footer_Inner .footer-bottom_policy a {
        font-size: 1.2rem;
    }
	.st-Footer_Inner .footer-bottom_policy a:hover {
        -webkit-transition: .4s ease;
        transition: .4s ease;
    }
	.st-Footer_Inner .footer-bottom_policy a {
		display: inline-block;
		color: #fff;
		font-weight: 500;
		letter-spacing: .06em;
		text-decoration: underline;
		-webkit-text-decoration-color: #fff;
		text-decoration-color: #fff;
        z-index: 1;
	}
    .st-Footer_Inner .footer-bottom_copy {
        margin: 40px 0 0;
    }
    .st-Footer_Inner .footer-bottom_copy p {
        font-size: 1.2rem;
    }
	.st-Footer_Inner .footer-bottom_copy p {
		color: #fff;
		font-weight: 500;
		letter-spacing: .06em;
		text-align: center;
		opacity: .5;
	}	
}
/* slide menu */
/* 通常btn */

.menuBtn {
    position: fixed;
    width: 72px;
    height: 72px;
    border: none;
    appearance: none;
    cursor: pointer;
    z-index: 1001;
    top: 0;
    right: 0;
    transition: all .4s;
}
.menu-trigger {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
    position: absolute;
    width: 72px;
    height: 72px;
    background: url(images/btn_menu_on.png) center center no-repeat;
	background-size:100% auto;
    border: none;
    appearance: none;
    z-index: 1001;
    top: 0;
    left: 0;
}
html.sb-active .menu-trigger {
    background: url(images/btn_menu_off.png) center center no-repeat;
	background-size:100% auto;
}

.slideContents {
    width: 100%;
	height:100%;
	position:relative;
}
.slideContents .menu {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width:100%;
	padding:0 10%;
	text-align: center;
}
.slideContents .menu img {
	margin-bottom:20px;
}
.slideContents .menu img.webstore {
	width:100%;
}
/* sb option */
html, body {
	width: 100%;
}
html {
	height: 100%; /* Site is as tall as device. */
}
body {
	min-height: 100%;
	height: 100%;
	position: relative; /* Required for static Slidebars to function properly. */
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}
#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
}
.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background: #fff!important;
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
	height:100vh;
	background:#adb0d7!important;
}
.sb-left {
	left: 0px; /* Set Slidebar to the left. */
}
.sb-right {
	right: 0; /* Set Slidebar to the right. */
}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}
.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}
.sb-style-overlay {
	z-index: 999; /* Set z-index high to ensure it overlays any other site elements. */
}
.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}
.sb-slidebar {
	width:100%;
}	
.sb-width-thin {
	width:100%;
}	
.sb-width-wide {
	width:100%;
}
@media (min-width: 801px) {
	.sb-slidebar {
		width: 35%;
		max-width:500px;
	}
}
@media (max-width: 800px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 100%;
	}
	.sb-width-thin {
		width: 100%;
	}
	.sb-width-wide {
		width: 100%;
	}
}
.sb-slidebar{
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	}
	.sb-slidebar::-webkit-scrollbar{
	display:none;
	}

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
		-moz-transition: -moz-transform 400ms ease;
			-o-transition: -o-transform 400ms ease;
			transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

/* animetion */
.fadeIn {
	opacity: 0;
	transition: .8s;
}
.fadeIn15 {
	opacity: 0;
	transition: 1.5s;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-30%, 0);
	transition: .8s;
	transition-timing-function : cubic-bezier(.41,.05,.94,.65);
	-webkit-transition-timing-function : cubic-bezier(.41,.05,.94,.65);
}

.fadeIn_right {
	opacity: 0;
	transform: translate(30%, 0);
	transition: .8s;
}

.fadeIn_up {
	opacity: 0;
	transform: translate(0, 5%);
	transition: .8s;
}

.fadeIn_down {
	opacity: 0;
	transform: translate(0, -30%);
	transition: .8s;
}
.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.timing0 {transition-delay: 0ms;}
.timing1 {transition-delay: 100ms;}
.timing2 {transition-delay: 200ms;}
.timing3 {transition-delay: 300ms;}
.timing4 {transition-delay: 400ms;}
.timing5 {transition-delay: 500ms;}
.timing6 {transition-delay: 600ms;}
.timing7 {transition-delay: 700ms;}
.timing8 {transition-delay: 800ms;}
.timing9 {transition-delay: 900ms;}
.timing10 {transition-delay: 1000ms;}
.timing14 {transition-delay: 1400ms;}