*{
	margin: 0px;
	padding: 0px;

}
    body {  
	background-color: #ffffff;
	font-size: 95%;
	line-height: 150%;
	text-align: center;
	color: #505050;
	margin: 0px;  
}

	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
	.pc { display: block !important; }
	.sp { display: none !important; }
	 


div#page {
	text-align: left;
	border: 1px solid #fde2f0;
	background: #FFFFFF;
	width: 960px;
	margin: 5px auto;
}
div#head {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	background: #fde2f0;
}

 /* ナビゲーションメニュー */
.nav-menu {
	background-color: #fde2f0; /* メニューの背景色 */
	color: #ffffff; /* メニューテキストの色 */
  }
.menu-list {
	display: flex;
	justify-content: center; /* メニューアイテムを中央揃えに */
  }
.menu-item {
	background-color: #fde2f0; /* メニューアイテムの背景色 */
	border-left: 2px solid #ffffff; /* メニューアイテムの左ボーダー */
	position: relative;
	transition: background-color .3s; /* 背景色の変化をアニメーション化 */
  }
.menu-item:last-child {
	border-right: 2px solid #ffffff; /* 最後のメニューアイテムの右ボーダー */
  }
 
  ul{
	padding-left:0;
  }
  
  li{
	list-style:none;
  }

  
  /* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {
	transform: scaleY(1); /* ドロップダウンメニューの表示 */
  }
.menu-item:hover {
	background-color: #fde2f0; /* メニューアイテムのホバー時の背景色 */
	transition: background-color .3s; /* 背景色の変化をアニメーション化 */
  }
.drop-menu-item:hover {
	opacity: .8; /* ドロップダウンメニューアイテムのホバー時の不透明度 */
	transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
  }
  
.menu-item a {
	align-items: center;
	color: #ffffff; /* メニューアイテム内のリンクテキストの色 */
	display: flex;
	height: 40px;
	justify-content: center;
	text-decoration: none; /* リンクの下線を非表示 */
	width: 88px;
  }
  
  /* ドロップダウンメニュー */
.drop-menu {
	position: relative;
  }
.drop-menu-list {
	left: 0;
	position: absolute;
	top: 100%;
	transform: scaleY(0); /* ドロップダウンメニューの非表示 */
	transform-origin: center top; /* 変形を適応する基準を設定 */
	transition: transform .3s; /* 表示の変化をアニメーション化 */
	width: max-content;
	z-index: 1;
  }
.drop-menu-item {
	background-color: #fde2f0; /* ドロップダウンメニューの背景色 */
	transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
  }
  

div#main {
	margin: 0px;
	padding: 20px 0px;
	background: #FFFFFF;
	width: 100%;
	float: center;
}

div#main p {
	margin: 0px 0px 20px 40px;
}
div#main ul {
	margin-left: 60px;
	margin-bottom: 1em;
	margin-right: 30px;
}

div#foot {
	border-top: 10px solid #fde2f0;
	padding: 0px;
	text-align: center;
	clear: both;
	margin: 0px;
}
div#foot p{
	margin: 5px 0px;
        font-size: 75%;
        color: #505050;

}


h1 {
	font-size: 110%;
	padding: 25px 15px 5px;
	border-bottom: 1px solid #fde2f0;
	background: #F3F3F3;
	font-weight: normal;
}
h2 {
	font-size: 110%;
	margin: 0px 20px 20px;
	color: #505050;
	border-bottom: 1px dashed #fde2f0;
	padding: 0px 0px 5px;
	clear: both;
}
h3 {
	font-size: 75%;
	color: #505050;
	font-weight: normal;
}

h4 {
	font-size: 95%;
	margin: 0px 20px 20px;
	color: #505050;
	border-bottom: 1px dashed #fde2f0;
	padding: 0px 0px 5px;
	clear: both;
}

dl {
	margin: 0px 0px 50px 40px;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 10px;
}

.twitter {
 float: right;
 padding: 5px;
 margin: 0px 20px 0px 10px;
}

.game-pc {
	float: center;
	width: 960px;
	height: 640px;
	display: block !important;
  }
.game-tb { display: none !important; }
.game-sp { display: none !important; }

.joubun-pc {
	float: center;
	width: 960px;
	height: 640px;
	display: block !important;
  }
.joubun-tb { display: none !important; }
.joubun-sp { display: none !important; }



/* PC用のCSSはメディアクエリの外に記述する */

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */


	div#page {
		text-align: left;
		border: 1px solid #fde2f0;
		background: #FFFFFF;
		width: 768px;
		margin: 5px auto;
	}
	div#head {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		background: #fde2f0;
	}
	
	.game-pc { display: none !important; }
	.game-tb {
		float: center;
		width: 768px;
		height: 512px;
		display: block !important;
	  }

	.game-sp { display: none !important; }


	.joubun-pc { display: none !important; }
	.joubun-tb {
		  float: center;
		  width: 768px;
		  height: 512px;
		  display: block !important;
		}
	.joubun-sp { display: none !important; }	  
	  
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */

	body {  
		background-color: #FFFFFF;
		font-size: 75%;
		line-height: 150%;
		text-align: center;
		color: #505050;
		margin: 0px;  
	}

	div#page {
		text-align: left;
		border: 1px solid #fde2f0;
		background: #FFFFFF;
		width: 320px;
		margin: auto;
	}
	div#head {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		background: #fde2f0;
	}

	.game-pc { display: none !important; }
	.game-tb { display: none !important; }
	.game-sp {
		float: center;
		width: 320px;
		height: 240px;
		display: block !important; 
	  }
	  
	.joubun-pc { display: none !important; }
	.joubun-tb { display: none !important; }
	.joubun-sp {
		  float: center;
		  width: 320px;
		  height: 480px;
		  display: block !important; 
		}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
	.pc { display: none !important; }
	.sp {
		 display: block !important;
		 float: center;
		 margin: 0px 10px 0px 20px;
		}

	.twitter {
		float: center;
		padding: 5px;
		margin: 0px 35px 0px 5px;
	}

	



}