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

body {
		background-image:url(../003_image/003_texture/tx_ChewyPic_013002_72dpi.png);
		/*width:590px;*/
}

.Topimage {
		display:block;
		position:relative;
		width:584px;
		height:auto;
		margin:0px auto;
		padding:0px;
		z-index:2;
}

.container001 {
		position:relative;
		width:584px;
		height:auto;
		margin:0px auto;
		padding:0px;
		background-image:url(../003_image/003_texture/tx_ChewyPic_005008_72dpi.png);
}

/*
.back001 {
		position:absolute;
		height:256px;
		width:100vw;
		margin:-352px calc(50% - 50vw) 0px;
		padding:0px;
		background-image:url(../003_image/003_texture/tx_ChewyPic_004008_72dpi.png);
		z-index:1;
}

.back002 {
		position:absolute;
		height:160px;
		width:100vw;
		margin:380px calc(50% - 50vw) 0px;
		padding:0px;
		background-image:url(../003_image/003_texture/tx_ChewyPic_007003_72dpi.png);
		z-index:1;
}

.back003 {
		position:absolute;
		height:160px;
		width:100vw;
		margin:930px calc(50% - 50vw) 0px;
		padding:0px;
		background-image:url(../003_image/003_texture/tx_ChewyPic_007005_72dpi.png);
		z-index:1;
}

.back004 {
		position:absolute;
		height:160px;
		width:100vw;
		margin:1336px calc(50% - 50vw) 0px;
		padding:0px;
		background-image:url(../003_image/003_texture/tx_ChewyPic_007006_72dpi.png);
		z-index:1;
}

.back005 {
		position:absolute;
		height:160px;
		width:100vw;
		margin:1882px calc(50% - 50vw) 0px;
		padding:0px;
		background-image:url(../003_image/003_texture/tx_ChewyPic_007005_72dpi.png);
		z-index:1;
}
*/





.layout001 {
			position:relative;
			height:160px;
			width:584px;
}

.icon001 {
		position:absolute;
		top:30px;
		left:0px;
		filter:opacity(0%);
		animation-name:GwUA001;
		animation-timing-function:cubic-bezier(0.1,0.25,1.0,0.25);
		animation-delay:0.8s;
		animation-duration:0.3s;
		animation-fill-mode:forwards;
}

.icon002 {
		position:absolute;
		top:40px;
		left:123px;
		filter:opacity(0%);
		animation-name:GwUA001;
		animation-timing-function:cubic-bezier(0.1,0.25,1.0,0.25);
		animation-delay:0.6s;
		animation-duration:0.3s;
		animation-fill-mode:forwards;
}

.icon003 {
		position:absolute;
		top:60px;
		left:425px;
		filter:opacity(0%);
		animation-name:GwUA001;
		animation-timing-function:cubic-bezier(0.1,0.25,1.0,0.25);	
		animation-delay:0.4s;
		animation-duration:0.3s;
		animation-fill-mode:forwards;
}

.icon004 {
		position:absolute;
		top:-70px;
		left:240px;
		filter:opacity(0%);
		animation-name:GwUA001;
		animation-timing-function:cubic-bezier(0.1,0.25,1.0,0.25);	
		animation-delay:0.2s;
		animation-duration:0.3s;
		animation-fill-mode:forwards;
}
@keyframes GwUA001 {
	from {
		filter:opacity(0%);
	}
	to {
		filter:opacity(100%);
	}
}


																			/* 	Gwindow = GalleryWindow */
																	/*人物キャラクターウィンドウ*/

.Gwindow101 {
					position:relative;
					height:1200px;			/*8→10段にするときは1472px、htmlの5個目のウインドウのclass=Msyoukyo消す*/
					width:576px;
					margin:0px auto 64px;
					padding:0px;
					border-radius:16px;
					background-image:url(../003_image/003_texture/tx_ChewyPic_012004_72dpi.png);
					filter:drop-shadow(0px 4px 6px #888898);

					/*　　						20250517停止
					filter:opacity(0%);
					*/

					z-index:2;
					animation-timing-function:cubic-bezier(0.0,0.8,1.5,1.0);
					animation-delay:0.5s;
					animationn-duration:1s;
					animation-fill-mode:forwards;
					/*animation-name:GwA001;*/
}
@keyframes GwA001 {
	from {
					transform:translateY(75%);
					filter:opacity(0%);
	}
	to {
					transform:translate(0%);
					filter:opacity(100%);
					filter:drop-shadow(0px 4px 6px #888898);
	}
}


.Gwindow191 {
					position:absolute;
					top:1024px;
					left:400px;
}

.GwindowM101 {
					font-size:20px;
					margin:0px 0px 12px 48px;
					padding:32px 0px 0px;	
}
.Gwindow111 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow112 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow113 {
					height:240px;
					width:528;
					margin:0px 0px 40px 48px;
}

.Gwindow114 {
					height:240px;
					width:528;
					margin:0px 0px 40px 48px;
}

.Gwindow115 {
					height:240px;
					width:528;
					margin:0px 0px 0px 48px;
}


																		/* 人物キャラクター、サムネ設定	*/
.Gwindow101 a {
					float:left;
					margin:0px 0px 0px 32px;
					filter:drop-shadow(1px 4px 4px #657595);
}
.Gwindow101 a img {
					border-radius:16px;
}
#thumbL111 {
					margin:0px;
}
#thumbL112 {
					margin:0px;
}
#thumbL113 {
					margin:0px;
}
#thumbL114 {
					margin:0px;
}
#thumbL115 {
					margin:0px;
}


															/* 背景/モノ ウィンドウ */


.Gwindow201 {
					position:relative;
					height:656px;			/*4段→6段にするときは928px。htmlの3つ目のウインドウのClass=Msyoukyo消す*/
					width:576px;
					margin:0px auto 64px;
					padding:0px;
					border-radius:16px;
					background-image:url(../003_image/003_texture/tx_ChewyPic_012005_72dpi.png);
					filter:drop-shadow(0px 4px 6px #888898);

					/*　　						20250517停止
					filter:opacity(0%);
					*/

					z-index:2;
					animation-timing-function:cubic-bezier(0.0,0.8,1.5,1.0);
					animation-delay:0.5s;
					animationn-duration:1s;
					animation-fill-mode:forwards;
}
.Gwindow291 {
					position:absolute;
					top:464px;
					left:400px;
}
.GwindowM201 {
					font-size:20px;
					margin:0px 0px 12px 48px;
					padding:32px 0px 0px 0px;
}

.Gwindow211 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow212 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow213 {
					height:240px;
					width:528px;
					margin:0px 0px 0px 48px;
					padding:0px;
}



.Gwindow201 a {
					float:left;
					margin:0px 0px 0px 32px;
					filter:drop-shadow(0px 4px 6px #657595);
}

.Gwindow201 a img {
					border-radius:16px;
}

#thumbL211 {
					margin:0px;
}
#thumbL212 {
					margin:0px;
}
#thumbL213 {
					margin:0px;
}




																		/* イベント ウィンドウ */
.Gwindow301 {
					position:relative;
					height:1200px;       /*8段→10段にするときはは1472px。htmlの5つ目ウィンドウのClass=Msyoukyoを消す*/
					width:576px;
					margin:0px auto 64px;
					padding:0px;
					border-radius:16px;
					background-image:url(../003_image/003_texture/tx_ChewyPic_012006_72dpi.png);
					filter:drop-shadow(0px 4px 6px #888898);


					/*　　						20250517停止
					filter:opacity(0%);
					*/

					z-index:2;
					animation-timing-function:cubic-bezier(0.0,0.8,1.5,1.0);
					animation-delay:0.5s;
					animationn-duration:1s;
					animation-fill-mode:forwards;
}
.Gwindow391 {
					position:absolute;
					top:1008px;
					left:400px;
}
.GwindowM301 {
					font-size:20px;
					margin:0px 0px 12px 48px;
					padding:32px 0px 0px;
					
}

.Gwindow311 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow312 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow313 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow314 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow315 {
					height:240px;
					width:528px;
					margin:0px 0px 0px 48px;
					padding:0px;
}



.Gwindow301 a {
				float:left;
				margin:0px 0px 0px 32px;
				filter:drop-shadow(0px 4px 6px #657595);
}
.Gwindow301 a img {
				border-radius:16px;
}
#thumbL311 {
				margin:0px;
}
#thumbL312 {
				margin:0px;
}
#thumbL313 {
				margin:0px;
}
#thumbL314 {
				margin:0px;
}
#thumbL315 {
				margin:0px;
}


																			/* その他 ウィンドウ  */

.Gwindow401 {
					position:relative;
					height:1200px;	/*8段→10段にするときは1472px。htmlで5つ目のウィンドウタグのClass="Msyoukyo"消す*/
					width:576px;
					margin:0px auto 200px;
					padding:0px;
					border-radius:16px;
					background-image:url(../003_image/003_texture/tx_ChewyPic_012009_72dpi.png);
					filter:drop-shadow(0px 4px 6px #888898);


					/*　　						20250517停止
					filter:opacity(0%);
					*/

					z-index:2;
					animation-timing-function:cubic-bezier(0.0,0.8,1.5,1.0);
					animation-delay:0.5s;
					animationn-duration:1s;
					animation-fill-mode:forwards;
}
.Gwindow491 {
					position:absolute;
					top:1058px;
					left:400px;
}
.GwindowM401 {
					font-size:20px;
					margin:0px 0px 12px 48px;
					padding:32px 0px 0px;
}

.Gwindow411 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow412 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow413 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow414 {
					height:240px;
					width:528px;
					margin:0px 0px 40px 48px;
					padding:0px;
}

.Gwindow415 {
					height:240px;
					width:528px;
					margin:0px 0px 0px 48px;
					padding:0px;
}



.Gwindow401 a {
					float:left;
					margin:0px 0px 0px 32px;
					filter:drop-shadow(0px 4px 6px #657595);
}
.Gwindow401 a img {
					border-radius:16px;
}
#thumbL411 {
					margin:0px;
}
#thumbL412 {
					margin:0px;
}
#thumbL413 {
					margin:0px;
}
#thumbL414 {
					margin:0px;
}
#thumbL415 {
					margin:0px;
}




.kari001 {
			position:relative;
			z-index:2;
}

.kari001 a {
			float:left;
}

.kari001 a img {
			height:96px;
			width:96px;
			margin:24px;
			padding:0px;
			border-radius:16px;
			filter:drop-shadow(1px 4px 4px #657595);
}









/*-------------------モバイル------------------------------------*/

.GwindowM901001 {
	display:block;
	height:96px;
	width:528px;
	margin:0px 0px 48px 0px;
	padding:0px;
	/*overflow:hidden;*/
}
.GwindowM902001 {
	display:block;
	height:96px;
	width:528px;
	margin:0px;
	padding:0px;
	/*overflow:hidden;*/
}

.GwindowM911001 {
	display:none;
}

										/*モバイル、列内2段目の左マージン消去*/
#mrayout111{
					margin:0px;
}
#mrayout112 {
					margin:0px;
}
#mrayout113 {
					margin:0px;
}
#mrayout114 {
					margin:0px;
}
#mrayout115 {
					margin:0px;
}


#mrayout211{
					margin:0px;
}
#mrayout212 {
					margin:0px;
}
#mrayout213 {
					margin:0px;
}
#mrayout214 {
					margin:0px;
}
#mrayout215 {
					margin:0px;
}


#mrayout311{
					margin:0px;
}
#mrayout312 {
					margin:0px;
}
#mrayout313 {
					margin:0px;
}
#mrayout314 {
					margin:0px;
}
#mrayout315 {
					margin:0px;
}


#mrayout411{
					margin:0px;
}
#mrayout412 {
					margin:0px;
}
#mrayout413 {
					margin:0px;
}
#mrayout414 {
					margin:0px;
}
#mrayout415 {
					margin:0px;
}




									/*　★モバイル、表示スペース操作*/
.Msyoukyo {
	display:none;
}




/*----------------------------モバイルここまで---------------------*/







.footer {
		clear:both;
		display:block;
		position:relative;
		height:16px;
		width:576px;
		margin:0px;
		padding:22px 0px 22px 16px;
		border-radius:16px;
		/*border-top-right-radius:16px;*/
		/*border-bottom-right-radius:16px;*/
		filter:drop-shadow(1px 4px 4px #858589);
		background-image:url(../003_image/003_texture/tx_ChewyPic_009007_72dpi.png);
		z-index:2;
}

.footer li {
		float:left;
		margin:0px;
		padding:0px 64px 0px 0px;
		list-style-type:none;
}
.footer li a {
		color:#313151;
		text-decoration:none;
		font-size:16px;
}

.layout002 {
			position:relative;
			overflow:hidden;
			height:224px;
			width:576px;
			margin:0px;
			padding:0px;
}
.icon005 {
			position:absolute;
			top:-48px;
			left:-20px;
}
.icon006 {
			position:absolute;
			top:-7px;
			left:164px;
}
.icon007 {
			position:absolute;
			top:-32px;
			left:287px;
}