@charset "utf-8";
/* CSS Document */

body {
		background-image:url(../003_image/003_texture/tx_ChewyPic_005005_72dpi.png);
}

.container001 {
				position:relative;
				height:891px;
				width:1000px;
				margin:0px auto;
}

.topBack {
				position:absolute;
				height:128px;
				width:100vw;
				margin:160px calc(50% - 50vw) 0px;
				padding:0px;
				background-image:url(../003_image/003_texture/tx_ChewyPic_001002003_72dpi.png)
}

.container002 {
				position:relative;
				height:704px;
				width:800px;
				margin:0px auto;
				background-image:url(../003_image/003_texture/tx_ChewyPic_011006_72dpi.png);
				filter:drop-shadow(0px 0px 8px #8a9089);
}




																				/* カルーセル */
.carousel001 {
				position:relative;
				height:270px;
				width:800px;
				/*overflow:hidden;*/
				margin:0px;
				padding:60px 0px 54px 0px;			
				/*background-color:#669966;*/
}


.carousel002 {
				position:relative;
				height:256px;
				width:800px;
				margin:0px;
				padding:4px 0px 10px 0px;
				overflow:hidden;
				/*background-color:#669966;*/
}

			





																	/*---更新ページフレーム--*/
iframe {
			margin:32px 0px 64px 640px;
}



													/*----------20250519--------------*/


.cla001 {
		display:none;
		float:left;
		position:absolute;
		filter:drop-shadow(0px 2px 6px #857f99);
		transition:1s;
}


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


.lani001 {

			left:-256px;}
			animation-name:rmove;
			animation-duration:2.5s;
			animation-timing-fuction:ease-out;
			animation-delay:0.5s;
			animation-iteration-count:1;
			animetion-play-state:running;
			animation-fill-mode:backwards;
}


.rani001 {

			left:256px;}
			animation-name:rmove;
			animation-duration:2.5s;
			animation-timing-fuction:ease-out;
			animation-delay:0.5s;
			animation-iteration-count:1;
			animetion-play-state:running;
			animation-fill-mode:backwards;
}



/*---------------------------------*/



												/*-------------20250519ここまで-----------------*/





																	/*カルーセル、動きの仕込み*/





																					/*カルーセル初期配置*/




.mobj001 {
				position:absolute;
				left:-208px;
				filter:drop-shadow(0px 2px 6px #857f99);	
}

.mobj002 {
				position:absolute;
				left:48px;
				filter:drop-shadow(0px 2px 6px #857f99);
}

.mobj003 {
				position:absolute;
				left:304px;
				filter:drop-shadow(0px 2px 6px #857f99);	
}

.mobj004 {
				position:absolute;
				left:560px;
				filter:drop-shadow(0px 2px 6px #857f99);
}

.mobj005 {
				position:absolute;
				left:814px;
				filter:drop-shadow(0px 2px 6px #857f99);	
}





/*------------過去の配置--------------
.carouImg101 {
				left:-460px;
				filter:opacity(0%);
}

.carouImg201 {
				left:-208px;
				filter:drop-shadow(0px 2px 6px #857f99);	
}

.carouImg301 {
				left:48px;
				filter:drop-shadow(0px 2px 6px #857f99);
}

.carouImg401 {
				left:304px;
				filter:drop-shadow(0px 2px 6px #857f99);	
}

.carouImg501 {
				left:560px;
				filter:drop-shadow(0px 2px 6px #857f99);
}

.carouImg601 {
				left:814px;
				filter:drop-shadow(0px 2px 6px #857f99);	
}

.carouImg701 {
				left:1070px;
				filter:opacity(0%);
}
-----------------------*/




																						/*カルーセル移動先*/


																					/*カルーセル終わり*/




.Top001 {
				filter:drop-shadow(0px 6px 2px #bbbbc9)
}

.CbuttonL {
				position:absolute;
				top:465px;
				left:4px;
				filter:drop-shadow(0px 2px 4px #9498b0)
}
.CbuttonR {
				position:absolute;
				top:450px;
				left:932px;
				filter:drop-shadow(0px 2px 4px #9498b0)
}

.enter001 {
				margin:64px 0px 0px 320px;
				filter:drop-shadow(0px 4px 4px #c1acb9);
}





.footer001 {
			height:96px;
			width:100vw;
			background-image:url(../003_image/003_texture/tx_ChewyPic_001TownR_001_50pixel.png);
}
.footer002 {
			margin:0 calc(50% - 468px);
			padding:40px 0px;
}
.footer003 {
			float:left;
			height:16px;
			width:16px;
			margin:0px;
			padding:0px;
}
.footer004 {
			float:left;
			margin:0px;
			padding:0px;
}



