@charset "utf-8";


	main > section{
		text-align: center;
		position: relative;
		box-sizing: border-box;
	}
	
		header{ padding-top: 44px;}
		header > h1{
		background: #000 url(../../images/lp/mainvisualgo-pc-2023.jpg) center center no-repeat;
		
		position: relative;
		height: 0;
		overflow: hidden;
		transition: .2s;
		display: block;
	}
	
@media screen and (min-width: 1340px){
	header > h1{
		background-size: 100% auto;
		padding-top: 42.85%;
		/*padding-top: 40%;*/
	}
}
@media screen and (min-width: 1100px) and (max-width: 1339.9px){
	header > h1{
		background-size: auto 100%;
		padding-top: 600px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1099.9px){
	header > h1{
		background-size: auto 100%;
		padding-top: 50%;
	}
}
@media screen and (max-width: 767.9px){
	header{ padding-top: 35px;}
	header > h1{
		background-image: url(../../images/lp/mainvisualgo-sp-2023.jpg);
		
		background-size: auto 100%;
		padding-top: 100%;
	}
}


.carousel{
	max-width: 100%;
	border-top: 20px solid #000;
}
	.carousel a{
		display: block;
		overflow: hidden;
		background: #ffa000;
	}
	.carousel a img{
		width: 100%;
	}
	.carousel a:hover img{
		opacity: .8;
		transition: .2s;
	}
	.slick-next,.slick-prev {
		width: 30px;
		height: 30px;
	}
	.slick-next::before,.slick-prev::before{
		font-size: 30px;
	}
	.slick-next {right: 15px;}
	.slick-prev {left: 15px;z-index: 5;}
	.slick-dots li{
		width: 32px;
		height: 5px;
	}
	.slick-dots li button::before{
		color: #ffcc00;
		width: 30px;
		height: 5px;
		background: #ffa000;
		content: "";
	}
	.slick-dots li.slick-active button::before{
		color: #ffa000;
	}
@media screen and (max-width:767){
	.slick-next,.slick-prev {
		display: none;
	}
}



	.information{
		background: #000;
		color: #fff;
		padding: 0;
		text-align: center;
		margin: 0 auto;
	}
		.topics{
			margin: -2em auto 1em;
		}
			.topics a{
				display: inline-block;
				background: #fff;
				border: 5px solid #000;
			}
			.topics a img{
				width: 640px;
				max-width: 100%;
			}
			.topics a:hover{
				box-shadow: 0 0 .3em 1px #ffcc00;
				transition: .2s;
			}
			.topics a img:hover{
				opacity: .8;
				transition: .2s;
			}

		.update{
			max-width: 720px;
			padding: 2em 1em 0;
			display: block;
			margin: auto;
			text-align: left;
		}
			.update h2{
				border: 1px solid #ccc;
				transform:skewX(-15deg);
				margin-left: 1.5%;
				width: 150px;
			}
				.update h2 span{
					display: block;
					font-weight: bold;
					transform:skewX(15deg);
					text-align: center;
					line-height: 1em;
					padding: .2em 0 .05em;
				}
			.update ul{
				padding-top: .5em;
				margin-bottom: .5em;
			}
				.update ul li:nth-child(n + 8){
					display: none;
				}


			.update time{
				font-size: 0.8em;
				display: inline-block;
				margin-right: .5em;
			}
			.update time::before{
				content: "≫ ";
				color: #ff6600;
				font-size: .8em;
			}
			.update time::after{
				content: " UP";
				color: #ff6600;
				font-size: 0.75em;
			}
			.update a{
				color: #ffCC00;
				font-size: .9em;
			}
			.update a:hover{
				color: #ff6600;
				transition: .2s;
			}
			
	.update-more{
		display: block;
		color: #bf9900;
		border: 1px solid #403300;
		font-size: .7em;
		text-align: center;
		cursor: pointer;
		line-height: 1em;
		padding: .5em 0;
		border-radius: .2em;
		margin-bottom: 1em;
	}
		.update-more::after{
			display: inline-block;
			content: "もっと見る▼";
			margin: auto auto -.2em .5em;
		}
		.update-more.open::after{
			display: inline-block;
			content: "閉じる▲";
			margin: auto auto -.2em .5em;
		}
			
			
@media screen and (max-width:767px){
		.topics{
			margin: -1em -1em 1em;
		}
			.topics a{
				display: inline-block;
				background: #fff;
			}
			.topics a img{
				
			}
			.topics a:hover{
				box-shadow: 0 0 .3em 1px #ffcc00;
				transition: .2s;
			}
			.topics a img:hover{
				opacity: .8;
				transition: .2s;
			}
}


	.permanent{
		background: #1a1a1a;
		text-align: center;
		padding: 1em 0;
	}
	.permanent ul{
		margin: auto;
		max-width: 1200px;
		letter-spacing: -40em;
	}
	.permanent ul li{
		letter-spacing: normal;
		display: inline-block;
		width: 25%;
		box-sizing: border-box;
		padding: 0 .5em;
	}
	.permanent ul li a{
	    background: #ffa000;
		display: block;
	}
	.permanent ul li a img{
		box-shadow: .2em .2em .2em 0 #000;
	}
	.permanent ul li a img:hover{
		opacity: .8;
		transition: .2s;
	}
@media screen and (max-width:767px){
	.permanent{
		padding: 0;
	}
	.permanent ul{
		padding: 0;
	}
	.permanent ul li{
		width: 50%;
		padding: 0;
	}
}



	.about{
		z-index: 150;
		margin-bottom: -5em;
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); 
	}
		
		.about > div.incline{
			background: url(../../images/lp/goabout-bk.jpg) center center no-repeat;
			background-size: 100% auto;
			
			/*transform: rotate(-2deg);*/
			/*transform: skewY(-2deg);*/
			width: 100%;
			padding: 2em 0 0;
			margin-left: auto;
			position: relative;
			z-index: 150;
			overflow: hidden;
		}
		.about > div.incline > div{
			
			/*transform: rotate(2deg);*/
			/*transform: skewY(2deg);*/
			
			width: 83.33333%;
			max-width: 990px;
			margin: auto auto 1.5em;
			text-align: left;
			padding: 1.5em 0 2em;
			background: url(../../images/lp/goabout-img.png) right center no-repeat;
			background-size: 53% auto;
		}
			.about > div.incline > div h2{padding-bottom: 1.5em;}
			.about > div.incline > div img{
				max-width: 640px;
				width: 65.31%;
			}
		

@media screen and (max-width:767px){
		.about > div.incline{
			background-size: auto 150%;
		}
		.about > div.incline > div{
			width: 80%;
			margin: auto;
			padding: 1em 0 2em;
			background-position: center top 22%;
			background-size: 80% auto;
		}
			.about > div.incline > div h2{
				padding-bottom: 60%;
			}
			.about > div.incline > div >  h2 img{
				width: 100%;
			}
			.about > div.incline > div > img{
				margin: auto 5%;
				max-width: 90%;
				width: 90%;
			}
}


	section.detail-link{
		padding: 1.5em 0 3.5em;
		box-sizing: border-box;
		max-width: 770px; 
		margin: auto;
	}
		section.detail-link a.btn-style{
			display: block;
			font-size: 1em;
			padding: 1.2em;
			text-align: center;
			border-radius: .5em;
			background: linear-gradient(to bottom, rgba(255,162,0,1) 0%,rgba(255,78,0,1) 100%);
			box-shadow: 0 0 0 1px #ffeba0 inset , 0 0 .3em 0 #ff4e00 inset , .2em .2em 0 0 rgba(0,0,0,.3);
		}
		section.detail-link a.btn-style:hover{
			background: #ff4e00;
			transition: .2s;
			box-shadow: 0 0 0 0 #ffeba0 inset , .1em .1em 0 0 rgba(0,0,0,.5);
		}
		section.detail-link a.btn-style::before{
			height: 14px; width: 14px;
			top: calc(50% - 7px);
		}
@media screen and (max-width: 767px){
	section.detail-link{
		padding: .5em 1em 2em;
	}	
}

	.comic-area{
		padding-top: 8.5em;
		background: #000;
		position: relative;
	}
		.comic-area::after{
			content: "";
			position: absolute;
			top: 65%;
			left: -20%;
			width: 120%;
			height: 40%;
			/*transform: skewY(2deg);
			/*transform: rotate(-2deg);*/
			background: #000;
			z-index: 500;
			
		}
		.comic-area a.comic-btn{
			position: relative;
			z-index: 501;
			display: inline-block;
			max-width: 640px;
			width: 83.33333%;
			margin: auto auto 2em;
			background: #ffa200;
			border-radius: .3em;
			box-shadow: 0 0 0 .2em #ffa200 , .5em .5em 0 0 rgba(0,0,0,.5);
		}
			.comic-area a.comic-btn img{
				border-radius: .3em;
			}
			.comic-area a.comic-btn:hover img{
				opacity: .7;
				transition: .2s;
			}


	.introduction{
		background: #fff url(../../images/lp/gointroduction-bk-pc.jpg) center top no-repeat;
		text-align: center;
		padding: 5em 1em 0;
		transition: .2s;
	}
@media screen and (min-width: 1400px){
	.introduction{
		background-size: 100% auto;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1399px){
	.introduction{
		background-size: auto auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 1299px){
	.introduction{
		background-size: 110% auto;
	}
}
@media screen and (max-width: 768px){
	.introduction{
		background-image: url(../../images/lp/gointroduction-bk-pc.jpg);
		background-size: 120% auto;
		transition: .2s;
	}
}
	
		.introduction h2 , .introduction h3{
			max-width: 70%;
		}
		.introduction h2{
			margin: auto auto 2em;
		}
		.introduction h3{
			margin: auto auto .5em;
		}
		.amazing{
			max-width: 900px;
			margin: auto auto 2em;
		}
		.howto{
			margin-bottom: 3em;
		}
			.howto a{
				display: inline-block;
				box-shadow: .3em .3em  0 0  rgba(0,0,0,.4);
			}
			.howto a:hover img{
					opacity: .7;
					transition: .2s;
			}
			
			
	.movie-cheack{
		background: linear-gradient(to bottom, rgba(255,88,0,1) 0%,rgba(255,160,0,1) 100%);
		margin: auto -1em 2em;
		padding: 1em .5em;
		text-align: center;
		border-top: .4em solid #000;
		border-bottom: .4em solid #000;
		box-shadow: 0 .5em 0 0 rgba(0,0,0,.3);
	}
	.movie-cheack > ul{
	margin: auto;
		max-width: 920px;
	}
	.movie-cheack > ul li{
		padding: 1em;
	}
		.movie-cheack > ul li a{
			display: block;
			box-shadow: 0 0 0 2px #ffa000 , .5em .5em 0 0 rgba(0,0,0,.3);
			margin-bottom: .3em;
		}
		.movie-cheack > ul li a:hover{
			box-shadow: 0 0 0 3px #fff , .0em .0em 0 0 rgba(0,0,0,0);
			transition: .2s;
		}		
		
		
			
			
	.duel-fllow{
		margin-bottom: 2em;
		max-width: 768px;
		margin: auto;
	}
		.duel-fllow h3{
			margin-bottom: 1em;
		}
		.duel-fllow > img{
			margin-bottom: 2em;
		}
@media screen and (max-width: 768px){
	.introduction h2 , .introduction h3{
		max-width: 92%;
	}
		.amazing > img{
			display: block;
			width: 70%;
			margin: auto auto 1em;
		}
}


	.duel-howto{
		max-width: 900px;
		margin: auto;
		text-align: center;
	}
	.duel-howto h3{
		margin-bottom: 1em;
	}
	.duel-howto > div{
		text-align: center;
		letter-spacing: -.40em;
		margin-bottom: 1.5em;
		padding: .5em .5em .8em;
		box-sizing: border-box;
		position: relative;
	}
		.duel-howto > div.card-type , .duel-howto > div.other{
			padding: 0;
		}
		
		.duel-howto > div.draw-phase{
			border: 2px solid #dd960f;
			background-color: #f8ebd2; 
		}
		.duel-howto > div.main-phase{
			border: 2px solid #0068b3;
			background-color: #d3edfb;
		}
		.duel-howto > div.battle-phase{
			border: 2px solid #c50018;
			background-color: #f8eef4;
		}
		.duel-howto > div.end-phase{
			border: 2px solid #007c06;
			background-color: #dbead7;
		}
		.duel-howto > div.other{
			
		}
		.duel-howto > div img{
			letter-spacing: normal;
			width: 33%;
			vertical-align: top;
			margin: auto .166666%;
		}
		.duel-howto > div.main-phase::before , .duel-howto > div.main-phase::after , 
		.duel-howto > div.battle-phase::before , .duel-howto > div.battle-phase::after {
			content: "";
			position: absolute;
			top: 1%;
			height: 98%;
			width: 1px;
			background: #f0f;
		}
		.duel-howto > div.main-phase::before , .duel-howto > div.main-phase::after{background: #3899de;}
		.duel-howto > div.battle-phase::before , .duel-howto > div.battle-phase::after {background: #ed6574;}
		.duel-howto > div::before{left: 33.3%;}
		.duel-howto > div::after{right: 33.3%;}
		
@media screen and (max-width: 768px){
		.duel-howto > div.card-type img{
			margin-bottom: .5em;
		}
		.duel-howto > div img{
			width: auto;
		}
		.duel-howto > div.main-phase::before , .duel-howto > div.main-phase::after ,
		.duel-howto > div.battle-phase::before , .duel-howto > div.battle-phase::after{
			content: none;
		}
}
		
	.introduction h4{
		background: #dc0010;
		color: #fff;
		position: relative;
		padding: 0;
		margin-bottom: .5em;
	}
		.introduction h4::before , .introduction h4::after{
			content: "";
			position: absolute;
			height: 100%;
			background-position: top left;
			width: 10%;
			background: url(../../images/lp/h4-decoration.png) no-repeat;
			background-size: auto 200%;
		}
		.introduction h4::before{
			left: -1.5em;
			background-position: top left;
		}
		.introduction h4::after{
			right: -1.5em;
			background-position: bottom right;
		}
@media screen and (max-width: 768px){
	.introduction h4{
		margin: auto -1em .5em;
	}
		.introduction h4 img{
			height: 35px;
		}
		.introduction h4::before{
			left: 0;
		}
		.introduction h4::after{
			right: 0;
		}
}


		.product{
			overflow: hidden auto;
			padding-top: 3em;
		}
		
		
		
		.product-starter{
			background: #000 url(../../images/lp/gorush-bk-pc.jpg) center top -2em no-repeat;
			background-size: 100% auto;
			
			/*
			width: 120%;
			margin-left: -10%;
			transform: rotate(2deg);
			*/
			
			margin-left: auto;
			/*transform: skewY(2deg);*/
			width: 100%;
			
			position: relative;
			z-index: 50;
			box-shadow: 0 .5em 0 0 rgba(0,0,0,.2);
		}
			.product-starter > *{
				/*transform: rotate(-2deg);*/
				/*transform: skewY(-2deg);*/
			}
		.starter{
			width: 83%;
			max-width: 980px;
			margin: auto;
			padding: 0 0 2em;
		}
		.starter h2{
			width: auto;
			position: relative;
			z-index: 20;
			margin-bottom: -1.5em;
		}
		.starter > img{
			width: auto;
		}
		.starter > a{
			padding: 2.5em 0;
			width: 45%;
			margin: auto 1% 1.5em;
			text-align: center;
			background: rgba(255,255,255,.7);
			box-shadow: 0 0 0 .5em #000 inset , .2em .2em 0 0 rgba(0,0,0,.3);
		}
		.starter > a img{
			margin-bottom: 1em;
		}
			.starter > a span{
				display: inline-block;
				color: #fff;
				background-color: #ffa200;
				padding: 1em;
				position: relative;
				padding: .7em 5em .55em;
				font-size: .9em;
				border-radius: .2em;
				text-decoration: none;
				box-shadow: 0 0 0 1px #ffeba0 inset , .2em .2em 0 0 rgba(0,0,0,.3);
			}
				.starter > a span::before{
					content: "";
					position: absolute;
					left: 1em;
					height: 16px;
					width: 16px;
					top: calc(50% - 8px);
					background: url(../../images/lp/btn-arrow.svg) center center no-repeat;
					background-size: 100% auto;
				}
			
			.starter > a:hover{
				background: rgba(255,162,0,.9);
				box-shadow: 0 0 0 .4em #fff inset , .1em .1em 0 0 rgba(0,0,0,.3);
				transition: .2s;
			}
			.starter > a:hover span{
				background-color: #ff4e00;
				transition: .2s;
				box-shadow: 0 0 0 0 #ffeba0 inset , .1em .1em 0 0 rgba(0,0,0,.5);
			}
@media screen and (max-width:767px){
	.product-starter{
		padding-top: 22%;
		background-image: url(../../images/lp/gorush-bk-sp.jpg);
		background-position: top center;
	}
		.starter{
			width: 100%;
		}
	.starter h2{
		padding: 0 2%;
		margin-bottom: .5em;
	}
}


		.product-list{
			text-align: center;
			background: url(../../images/lp/product-list-bk.png) center top repeat-y;
			background-size: 100% auto;
			padding: 8em 1em 0;
		}
		.product-list h2{
			width: auto;
			display: block;
		}
		.product-box{
			max-width: 980px;
			margin: auto;
			text-align: left;
		}
		.product-box > dl{
			width: 50%;
			margin: auto auto 2em;
		}
		.product-box > dl::after{
			content: "";
			clear: both;
			display: block;
			height: 0;
		}
			.product-box > dl  dt{
				width: 42%;
				margin-right: 1%;
				float: left;
			}
			.product-box > dl dd{
				margin-left: 43%;
				text-align: left;
			}
			.product-box > dl dd.class{
				padding: 1em 0 .5em;
			}
				.product-box > dl dd.class > span{
					padding-top: 16px;
					width: 100px;
				}

			.product-box > dl dd.name{
				line-height: 1.3em;
				padding: 0 0 .3em;
			}
				.product-box > dl dd.name em{
					display: inline-block;
					font-weight: bold;
					font-size: .98em;
					color: #fff;
				}
			.product-box > dl dd.release{
				font-size: .88em;
				color: #bbb;
			}
				.product-box > dl dd.release::after{
					content: "発売";
				}
			.product-box > dl dd.price{
				font-size: .88em;
				padding: 0 0 .7em;
				color: #bbb;
			}
				.product-box > dl dd.price::before{
					content: "希望小売価格：";
				}
				.product-box > dl dd.price::after{
					content: "円（税抜）";
				}
			.product-box > dl dd.detail a{
				
			}
@media screen and (max-width:767px){
	.product-box{
		padding: 0 1em 2em;
	}
		.product-list h2{
			margin-bottom: 1.5em;
		}
		.product-box > dl{
			width: auto;
			display: block;
			margin: auto;
			border-top: 1px solid rgba(100,100,100,.2);
			padding: .5em 0;
		}
			.product-box > dl  dt{
				width: 36%;
				margin-right: 2%;
				float: left;
			}
			.product-box > dl dd{
				margin-left: 38%;
			}
}
			
			
.btn-style{
	display: inline-block;
	color: #fff;
	background-color: #ffa200;
	padding: 1em;
	position: relative;
	padding: .7em 5em .55em;
	font-size: .85em;
	border-radius: .2em;
	text-decoration: none;
	box-shadow: 0 0 0 1px #ffeba0 inset , .2em .2em 0 0 rgba(0,0,0,.3);
	font-weight: bold !important;
}
	.btn-style span{
		font-weight: bold !important;
	}
	.btn-style::before{
		content: "";
		position: absolute;
		left: 1em;
		height: 10px;
		width: 10px;
		top: calc(50% - 5px);
		background: url(../../images/lp/btn-arrow.svg) center center no-repeat;
		background-size: 100% auto;
	}
.btn-style:hover{
	background-color: #ff4e00;
	transition: .2s;
	box-shadow: 0 0 0 0 #ffeba0 inset , .1em .1em 0 0 rgba(0,0,0,.5);
}
	
	
		.detail-hide{
		background: #111;
		display: none;
	}
	.product-detail{
		background: #111;
		padding: 2em 2em 1em;
		margin: 1em;
		box-sizing: border-box;
		border: 1px solid #444;
	}
	
.campaign.flex{
	padding-bottom:2em;
	max-width: 980px;
	margin: auto;
}
	.campaign.flex > a{
		width: 32%;
		margin: auto .5%;
		border-radius: .3em;
		overflow: hidden;
		background: #fff;
	}
	.campaign.flex > a:hover{
		box-shadow: 0 0 .3em 0 #fff;
		transition: .2s;
	}
	.campaign.flex > a:hover img{
		opacity: .9;
		transition: .2s;
	}




		.beginners{
			background:
				linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%),
				url(../../images/lp/beginners_bg.jpg) center center no-repeat;
			position: relative;
			text-align: center;
			padding: 1em 1em 0;
		}

		@media screen and (min-width: 1046px){
			.beginners{
				background-size: 100% auto;
			}
		}

		@media screen and (max-width: 1045px){
			.beginners{
				background-size: auto 100%;
			}
		}

		.beginners::after{
			content: "";
			position: absolute;
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
			bottom: 0%;
			left: 0;
			width: 100%;
			height: 40%;
			z-index: 30;
		}
	
		.beginners div{
			margin: auto;
			max-width: 980px;
			position: relative;
			text-align: center;
		}
		/*
		.beginners div img:first-child{
			width: 36%;
			position: absolute;
			left: 2%;
			top: 3%;
		}
		*/
		.beginners div img{
			width: 100%;
			max-width: 800px;
		}
		.beginners div a {
			width: 100%;
			max-width: 800px;
		    z-index: 50;
		    position: absolute;
		    display: block;
		    background: #f5a500;
		    bottom: 2em;
		    color: #fff;
		    text-align: center;
		    padding: 1em 0;
		    font-size: 110%;
		    border-radius: .5em;
		    background: linear-gradient(to bottom, rgba(255, 162, 0, 1) 0%, rgba(255, 78, 0, 1) 100%);
		    box-shadow: 0 0 0 1px #ffeba0 inset, 0 0 0.3em 0 #ff4e00 inset, 0.2em 0.2em 0 0 rgba(0,0,0,.3);
		    margin: auto;
		    bottom: 0%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    -webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		    transition:0;
		}
		.beginners div a.btn-style:hover{
			background: linear-gradient(to bottom, rgb(255 49 0) 0%, rgba(255, 78, 0, 1) 100%);
			transition:0;
			box-shadow: 0 0 0 0 #ffeba0 inset , .1em .1em 0 0 rgba(0,0,0,.5);
		}
		.beginners div a span{
			display: inline-block;
			font-weight: bold;
		}


		@media screen and (max-width:767px){
			.beginners{
				padding: 1em 1em 0;
			}
			.beginners div img{
				width: 100%;
			}
			.beginners div a {
			    width: 100%;
			    bottom: -0.5em;
			    left: 50%;
			    transform: translate(-50%, -50%);
			    -webkit-transform: translate(-50%, -50%);
			    -ms-transform: translate(-50%, -50%);
			    font-size: 90%;
			}

		}





	.rushtv{
		background:
			linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%),
			url(../../images/lp/rushtv-bk2.jpg) center center no-repeat;
		position: relative;
		text-align: center;
		padding: 1em 1em 0;
		overflow-y: hidden;
	}

			@media screen and (min-width: 1046px){
				.rushtv{
					background-size: 100% auto;
				}
			}

			@media screen and (max-width: 1045px){
				.rushtv{
					/*background-size: auto 100%;*/
				}
			}

		.rushtv::after{
			content: "";
			position: absolute;
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
			bottom: 5em;
			left: 0;
			width: 100%;
			height: 40%;
			z-index: 30;
		}
	
		.rushtv div{
			margin: auto;
			max-width: 980px;
			position: relative;
			top: -5em;
			text-align: center;
		}
		/*
		.rushtv div img:first-child{
			width: 36%;
			position: absolute;
			left: 2%;
			top: 3%;
		}
		*/
		.rushtv div img{
			width: 100%;
			max-width: 800px;
		}
		.rushtv div a{
			z-index: 50;
			position: absolute;
			display: block;
			background: #f5a500;
			bottom: 2em;
			border: 3px solid #d85b00;
			color: #fff;
			text-align: center;
			padding: 1.3em 0 .9em ;
			border-radius: .2em;
			text-decoration: none;
			box-shadow: 0 0 0 1px #ffeba0 inset, 0.2em 0.2em 0 0 rgba(0,0,0,.3);
			margin: auto;
			left: 10%;
			right: 10%;
		}
		.rushtv div a span{
			display: inline-block;
			font-weight: bold;
		}
		.rushtv div a:hover{
			box-shadow: 0 0 1px 1px #f5a500 inset, 0.2em 0.2em 0 0 rgba(0,0,0,.3);
			transition: .2s;
		}
			.rushtv div a::before{
				content: "";
				position: absolute;
				left: 1em;
				height: 35px;
				width: 35px;
				top: calc(50% - 17px);
				background: url(../../images/lp/icon-youtube.png) center center no-repeat;
				background-size: 100% auto;
			}

		@media screen and (max-width:767px){
			.rushtv{
				padding: 1em 1em 0;
				background-size: auto 120%;
			}
				.rushtv div img{
					width: 100%;
					position: relative;
					margin: 3em auto 5.5em;
				}
				
				.rushtv div a{
					text-align: left;
					bottom: 1em;
					left: 0%;
					right: 0%;
					padding: 1.3em 1em .9em 5em;
				}
		}




	.anime{
		background: #dc5d1a url(../../images/lp/goanime-bk.jpg) center center no-repeat;
		background-size: cover;
		padding: 1em 1em 2em;
		margin-top: -5em;
		position: relative;
	}
		.anime:after{
			content: "";
			position: absolute;
			left: 0; top: 0;
			width: 100%; height: 100%;
			z-index: 2;
			background: repeating-linear-gradient(-44deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 5px);
		}
		.anime > *{
			max-width: 800px;
			position: relative;
			z-index: 3;
			margin: 1em auto auto;
		}
		.anime div{
			
		}
		.anime ul{
			background: rgba(0,0,0,.5);
		}
			.anime ul li{
				
			}
			.anime ul li:first-child::after{
					content: "";
					display: block;
					height: 1px;
					margin: 0 1.5%;
					width: 97%;
					background: rgba(255,255,255,.2);
			}
			.anime ul li a{
				display: block;
				text-align: left;
				padding:  1em 1em 1em 6em;
				color: #fff;
				text-decoration: none;
				position: relative;
			}
			.anime ul li a::before{
				content: "";
				position: absolute;
				left: 2.5em;
				height: 1em;
				width: 1em;
				top: calc(50% - .5em);
				background: url(../../images/lp/btn-arrow.svg) center center no-repeat;
				background-size: 100% auto;
			}
			.anime ul li:first-child a::before{
				left: 2.1em;
				height: 35px;
				width: 35px;
				top: calc(50% - 17px);
				background: url(../../images/lp/icon-youtube.png) center center no-repeat;
			}
			.anime ul li a em{
				font-weight: bold;
				color: #fff100;
				display: block;
			}
			.anime ul li a:hover{
				background: rgba(245,165,0,.3);
				transition: .2s;
			}
			
@media screen and (max-width:767px){
			.anime{
				background-size: auto 110%;
				padding: .5em 1em 1em;
			}
}
			
			
/*		
		.anime h2{
			max-width: 900px;
			margin: auto auto -9%;
			text-align: left;
			position: relative;
			z-index: 100;
			padding-left: 1em;
			box-sizing: border-box;
		}
		.anime h2 img{
			width: 77.11111111111111%;
		}
		.anime div{
			max-width: 900px;
			margin: auto auto 6%;
			position: relative;
			z-index: 10;
		}
		.anime div img:last-child{
			position: absolute;
			width: 55.555%;
			right: 0;
			bottom: -7%;
		}
		.anime a{
			position: relative;
			z-index: 10;
			border: 3px solid #000;
			display: block;
			color: #fff;
			background-color: #e60212;
			position: relative;
			padding: .9em 0 .7em;
			font-weight: bold;
			border-radius: .2em;
			text-decoration: none;
			box-shadow: 0 0 0 1px #ffeba0 inset , .2em .2em 0 0 rgba(0,0,0,.3);
			margin: auto 10%;
			max-width: 780px;
		}
			.anime a::before{
				content: "";
				position: absolute;
				left: 1em;
				height: 10px;
				width: 10px;
				top: calc(50% - 5px);
				background: url(../../images/lp/btn-arrow.svg) center center no-repeat;
				background-size: 100% auto;
			}
		.anime a:hover{
			transition: .2s;
			box-shadow: 0 0 0 0 #e60212 inset , .1em .1em 0 0 rgba(0,0,0,.5);
		}
		
		
@media screen and (max-width:767px){
	.anime{
		background-size: auto 100%;
	}
		.anime h2{
			margin: auto auto .5em;
			text-align: center;
			position: relative;
			z-index: 100;
			padding-left: 0;
			box-sizing: border-box;
		}
		.anime h2 img{
			width: 90%;
		}
		.anime div{
			max-width: 900px;
			margin: auto auto 8%;
			position: relative;
			z-index: 10;
		}
		.anime div img:last-child{
			position: relative;
			width: 80%;
			margin-top: 1em;
		}
		.anime a{
			margin: auto;
			max-width: 100%;
		}
}
*/

	.sns-twitter{
		text-align: center;
		padding: 2em 0 3em;
		background: #222;
		margin-bottom: -27px;
		border-top: 1px solid #aaa;
		box-shadow: 0 -3em 2em -2em #000 inset , 0 3em 2em -2em #000 inset;
	}
		.sns-twitter a{
			position: relative;
			text-align: left;
			border-radius: .5em;
			display: inline-block;
			margin: 0 10px;
			color: #fff;
			text-decoration: none;
			background: #000 url(/yugioh/rushduel/images/lp/x.svg) left 0.7em center no-repeat;
			background-size: auto 80%;
			line-height: 1.2em;
			padding: .9em 3.8em .7em 3.8em;
			box-shadow: .2em .2em 0 0 #292929;
		}
			.sns-twitter a::after{
				content: "";
				position: absolute;
				right: 1.2em; 
				top: 1.3em;
				width: 1.1em;
				height: 1.1em;
				transform: rotate(45deg);
				border-style: solid;
				border-width: 4px 4px 0 0;
				border-color: #9f9f9f;
				opacity: .5;
			}
			.sns-twitter a span{
				display: block;
				font-size: .9em;
				opacity: .8;
				padding-left: .5em;
			}
		.sns-twitter a:hover{
			/*background-color: #777;*/
			opacity: 0.5;
			transition: .2s;
		}

/*------tiktok------*/

			.sns-twitter a.tiktok {
			    background-color: #000;			    
			    background-image: url(/yugioh/rushduel/images/lp/tiktok.png);
			    /*background-image: url(/yugioh/rushduel/images/lp/tiktok.png), linear-gradient(348deg, rgb(42 42 42) 32%, rgb(74 74 74) 100%);*/
			    background-repeat: no-repeat;
			    /* background: #2c2c2c url(/yugioh/rushduel/images/lp/tictoc.png) left 0.3em top no-repeat; */
			    background-size: auto 69%, cover;
			    background-position: 5% 57%, 0 0;
			    padding: 0.9em 3.2em 0.7em 7.5em;
			}

			.sns-twitter a.tiktok:hover{
			    /*background-image: url(/yugioh/rushduel/images/lp/tiktok.png), linear-gradient(348deg, rgb(62 62 62) 32%, rgb(94 94 94) 100%);*/
			}
			.sns-twitter a.tiktok::after {
			    border-color: #9f9f9f;
			}

		@media screen and (max-width:767px){
				.sns-twitter a.tiktok {
					margin: 10px 0 15px;
				    background-size: auto 62%, cover;
				    background-position: 5% 52%, 0 0;
				    padding: 0.9em 3em 0.7em 6.7em;
				}
		}