@charset "utf-8";

/* AR TAG ICON*/

#artag {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 440px;
	left: 20px;
}

#artagtitle {
	position: absolute;
	top: 445px;
	left: 20px;
}

#artagicon {
	position: absolute;
	top: 485px;
	left: 6%;
}

#artagicon li {
	float: left;
	margin-right: 15px;
	list-style-type: none;
}

/* BANNER */

#button_op {
	text-align: left;
	position: absolute;
	top: 550px;
	left: 20px;
}

#sign_tweet {
	text-align: left;
	position: absolute;
	top: 550px;
	left: 255px;
}

#button_cast {
	text-align: left;
	position: absolute;
	top: 550px;
	left: 480px;
}


/* BACK */

#bgimg {
	background-color: #fff;
	background-image: url(../images/main_img0.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 1488px;
}

@media screen and (max-width: 768px) {
	#bgimg {
		background-size: 200%;
		height: 700px;
	}
}

/* CATCH */

#catch {
	position: absolute;
	background-image: url(../images/main_catch00.png) ;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 90%;
	width: 38px;
	height: 557px;
	top: 600px;
	right: 10px;
	max-width: 100%;
}