body {
	overflow-y: hidden;
	overflow-x: hidden;
}



/* ---------- ローダー ---------- */
.Loader{
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:#fff;
	z-index: 300;
	//display:none;
}

.Loader_Bg, .Loader_Text{
	width:128px;
	height:128px;
	position:fixed;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	transform-origin: 50% 50%
}

.Loader_Text{
	animation:chanime3 0.8s infinite linear;
}

@keyframes chanime3 {
	0% {transform:translate(-50%, -50%);}
	40% {transform:translate(-50%, -50%);}
	50% {transform:translate(-50%, -54%);}
	60% {transform:translate(-50%, -50%);}
	70% {transform:translate(-50%, -54%);}
	80% {transform:translate(-50%, -50%);}
	100% {transform:translate(-50%, -50%);}
}

@media screen and (max-width:639px){
	.Loader_Bg, .Loader_Text{
		width:64px;
		height:64px;
	}
}



/* ---------- メインスライダー ---------- */
.MainSlider {
	margin:0 0 60px 0;
	overflow:hidden;
}

@media screen and (max-width:999px) {
	.MainSlider {
		margin-bottom:6%;
	}
}

.MainSlider_Img {
	position: relative;
	margin: 0 10px;
	max-width: 640px;
}

.MainSlider_Img img {
	transition: opacity .3s;
	backface-visibility: hidden;
	height: auto;
	width:100%;
	width: max-width:640px;
}

@media screen and (max-width:639px) {
	.MainSlider_Img {
		margin: 0 3px;
	}
}



/* ---------- メインアニメーション ---------- */

.MainAnime {
	width: 100%;
	text-align:center;
	background:url(../img/mainanime_bg.jpg) no-repeat center center;
	background-size:cover;
	margin:40px 0 100px 0 ;
	position: relative;
	overflow:hidden;
}

.MainAnime::before {
  content: '';
  display:block;
  padding-top:50%;
}

@media screen and (max-width:999px){
	.MainAnime {
		margin:4% 0 10% 0 ;
	}
}

.MainAnime_treetop, .MainAnime_treeleft, .MainAnime_treeright ,
.MainAnime_gigantosaurus, .MainAnime_bill, .MainAnime_rocky, .MainAnime_mazu, .MainAnime_tiny,
.MainAnime_text{
	position: absolute;
	opacity: 0;

}

.MainAnime_gigantosaurus, .MainAnime_bill, .MainAnime_rocky, .MainAnime_mazu, .MainAnime_tiny {
	transform:scale(0.5,0.5);
	transform-origin: 50% 100%
}

.MainAnime_treetop {
	top:-30%;
	left:0%;
	width:100%;
}

.MainAnime_treeleft {
	top:0%;
	left:-30%;
	width:32.8%;
}

.MainAnime_treeright {
	top:0%;
	right:-30%;
	width:28.125%;
}

.MainAnime_gigantosaurus {
	top:10%;
	left:0%;
	width:100%;
}

.MainAnime_bill {
	top:18%;
	left:10%;
	width:15.6%;
}

.MainAnime_rocky {
	top:34%;
	left:6%;
	width:14.8%;
}

.MainAnime_mazu {
	top:44%;
	left:23%;
	width:21.8%;
}

.MainAnime_tiny {
	top:37%;
	left:15%;
	width:16.4%;
}

.MainAnime_text {
	top:30%;
	left:0%;
	width:100%;
}



/* ---------- ギガントサウルスとは ---------- */
.WhatsGiga {
	width:100%;
	margin:0 0 100px 0 ;
	text-align:center;
}

.WhatsGiga img{
	width:100%;
	max-width:950px;
	margin:auto;
}

@media screen and (max-width:999px){
	.WhatsGiga {
		margin-bottom:10%;
	}
}



/* ---------- ムービー ---------- */
.Movie {
	max-width:865px;
	margin:0 auto;
	background:#f3906e;
	padding:20px;
	border-radius:10px;
}

.Movie img{
	width:100%;
}

.Youtubeling {
	width:100%;
	text-align:center;
	margin:30px auto 120px auto;
}

.Youtubeling img {
	max-width:480px;
	width:48%;
	box-shadow: 2px 2px 0px 1px #a96f6f;
	border-radius: 10px;
	transition-duration: 0.2s;
}

.Youtubeling img:hover {
	box-shadow: 0px 0px 0px 0px #a96f6f;
	transform: translate(2px, 2px);
	transition-duration: 0.2s;
}

@media screen and (max-width:999px){
	.Movie {
		width:calc(90% - 16px);
		padding:10px;
		border-radius:8px;
	}
	
	.Youtubeling {
		margin:3% auto 12% auto;
	}
	.Youtubeling img {
		border-radius: 1vw;
	}
}



/* ---------- ムービーcomingsoon ---------- */
.Movie_Comingsoon {
	width:100%;
	margin:0 0 120px 0;
	text-align:center;
}

.Movie_Comingsoon img {
	max-width:680px;
	width:70%;
	margin:45px 0;
}

@media screen and (max-width:999px){
	.Movie_Comingsoon {
		margin-bottom:12%;
	}
	
	.Movie_Comingsoon img {
		margin:4.5% 0;
	}
}



/* ---------- トピックス ---------- */
.Topics {
	width:95%;
	max-width:900px;
	margin:0 auto 120px auto ;
	background:#fff4d7;
	border-radius: 10px;
	border:solid 2px #b5a16c;
	padding:17px 0;
	font-size:22px;
	color:#442;
}

.Topics_Line {
	display:flex;
	width:97%;
	margin:0 auto;
	padding:26px 0;
	border-bottom: 1px dashed #aa9977;
}

.Topics_Line:first-child {
	border-top: 1px dashed #aa9977;
}

.Topics_YMD {
	font-weight:bold;
	width:215px;
}

.Topics_YMD img{
	width:13px;
	margin:0 5px;
}

.Topics_Text {
	width:660px;
}

.Topics_Text a{
	color:#442;
}

@media screen and (max-width:999px){
	.Topics {
		width:90%;
		margin-bottom:12%;
		border-radius:8px;
		padding:1.7% 0;
		font-size:20px;
	}
	
	.Topics_Line {
		width:97%;
		padding:2.6% 0;
	}
	
	.Topics_YMD {
		width:200px;
	}
	
	.Topics_Text {
		width:calc(100% - 200px);
	}

}

@media screen and (max-width:799px){
	.Topics {
		font-size:18px;
	}
	
	.Topics_YMD {
		width:180px;
	}
	
	.Topics_Text {
		width:calc(100% - 180px);
	}
}

@media screen and (max-width:599px){
	.Topics_Line {
		display:block;
	}
	
	.Topics {
		font-size:16px;
	}
	
	.Topics_YMD {
		width:180px;
	}
	
	.Topics_Text {
		width:90%;
		margin-left:20px;
	}
}

@media screen and (max-width:399px){
	.Topics {
		font-size:14px;
	}
	
	.Topics_YMD {
		width:180px;
	}
}



/* ---------- おもちゃ情報 ---------- */
.Toyinfo {
	width:100%;
	margin:0 0 120px 0;
	text-align:center;
}

.Toyinfo div {
	max-width:904px;
	width:92%;
	margin:0 auto 30px auto;
	transition-duration: 0.2s;
}

.Toyinfo div:hover {
	transform: scale(1.05, 1.05);
	transition-duration: 0.2s;
}

.Toyinfo div:last-child {
	margin-bottom:0;
}

.Toyinfo div img {
	width:100%;
}

@media screen and (max-width:999px){
	.Toyinfo {
		margin-bottom:12%;
	}
	
	.Toyinfo div {
		margin-bottom:3%;
	}
}



/* ---------- リンク ---------- */
.Linklist {
	width:100%;
	margin:0 0 120px 0;
	text-align:center;
}

.Linklist img {
	max-width:250px;
	width:25%;
	margin:0 20px;
	box-shadow: 2px 2px 0px 1px #6f8aa9;
	border-radius: 10px;
	transition-duration: 0.2s;
}

.Linklist img:hover {
	box-shadow: 0px 0px 0px 0px #6f8aa9;
	transform: translate(2px, 2px);
	transition-duration: 0.2s;
}


@media screen and (max-width:999px){
	.Linklist {
		margin-bottom:12%;
	}
	
	.Linklist img {
		margin:0 2%;
		border-radius: 1vw;
	}
}