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


* {
   box-sizing: border-box;
}

html {
	background-color: rgba(255, 255, 255);  /*周囲の背景色 */
	/*background-color: rgb(244,247,121);*/
}


body{
	width:960px;
	margin-right: auto;
	margin-left:  auto;
	margin-top:  20px;
	margin-bottom:  20px;
	padding:0px;
	font-family:"メイリオ,Meiryo,游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif;
	background-color:#fff;
}

p{
	margin:0 auto;
	padding:0px;
}


/* Global Menu */

ul {
	list-style: none;
	margin:0px;
	padding:10px;
}


a {
	text-decoration: none;
	color:black;
}

a:visited {
	color:black;
}


a:hover {
	color:#f9f9f9;
	background-color:black;
}

div{
	vertical-align: text-bottom;
}

.header {
	padding: 1% 1% ;
/*position: fixed; */
	top: 0;
	width:960px;
	background-color: #fff;
	display: flex;
	align-items: center;
	z-index: 2147483647;
}

.title{
	font-size:200%;
	font-weight:bold;
	margin: 0;
	padding:0;
}


.header-list{
	margin: 0 0 0 auto;
}

.header-list ul li{
	margin:0px 0px 0px 10px;
	font-weight:bold;
}

.header-list li{
	display: inline-block;
    padding:0 10 0 0;
}

.header-list ul li ul{
	display: none;
}

.header-list ul li:hover ul{
	display: flex;
	flex-direction:column;
	position: absolute;
	background-color: rgba(244,247,121,0.8);
}


.main-title{
	font-size:120;
	font-weight:bold;
}
.explain{
	width:960px;
	padding:12px 0px 6px 12px;
	font-size:small;
}

.footer{
	width:960px;
	margin-left:6px;
	padding-bottom:20px;
	padding-left: 6px;
}

.illust-contents,.illust-contents1,.illust-contents2,.illust-contents3{
	max-width: 960;
	overflow: hidden;
}

.illust-contents img{
	float: left;
	width:320px;
	height:160px;
	margin:0px;
	padding:0px;
	object-fit:cover;
	object-fit: none;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	/*border-radius: 60px;*/
	display: flex;
}

.illust-contents img:hover {
	/*opacity:0.5;*/
	object-fit:cover;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.illust-contents a:hover {
	color:inherit;
	background-color:inherit;
}

.illust-contents1 img{
	float: left;
	width:480px;
	height:240px;
	margin:0px;
	padding:0px;
	object-fit:cover;
	object-fit: none;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	/*border-radius: 60px;*/
	display: flex;
}

.illust-contents1 img:hover {
	/*opacity:0.5;*/
	object-fit:cover;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.illust-contents1 a:hover {
	color:inherit;
	background-color:inherit;
}

.illust-contents2 img{
	float: left;
	width:960px;
	height:240px;
	margin:0px;
	padding:0px;
	object-fit:cover;
	object-fit: none;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	/*border-radius: 60px;*/
	display: flex;
}

.illust-contents2 img:hover {
	/*opacity:0.5;*/
	object-fit:cover;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.illust-contents2 a:hover {
	color:inherit;
	background-color:inherit;
}

.illust-contents3 img{
	float: left;
	width:60px;
	height:60px;
	margin:0px;
	padding:0px;
	object-fit:cover;
	object-fit: none;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	/*border-radius: 60px;*/
	display: flex;
}

.illust-contents3 img:hover {
	/*opacity:0.5;*/
	object-fit:cover;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.illust-contents2 a:hover {
	color:inherit;
	background-color:inherit;
}




.abouttext{
	width:960px;
	margin-left:6px;
	padding-bottom:20px;
	padding-left: 6px;

}


.gamelist{
	width:960px;
	margin-left:6px;
}

h1{
	font-size:24px;
	margin:0px;
	padding-top:12px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:12px;
}

h2{
	font-size:18px;
	margin:0px;
	padding-top:18px;
	padding-right:0px;
	padding-bottom:18px;
	padding-left:12px;
}

h5{
	margin:0px;
	padding:6px 0px 6px 2px;
}

span{
	font-size:22px ；
}

.example{
	text-decoration: none;
	color:#f9f9f9;
	font-size:small;
	font-weight: lighter;
}

.example:visited {
	color:#f9f9f9;
}


.example:hover {
	color:black;
	background-color:#f9f9f9;
}

/*あとで消す*/

.gif-contents1 img{
	width:100px;
	height:100px;
	margin:6px;
	padding:0px;
	object-fit:cover;
	object-fit:none;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	border-radius: 40px;
}

.gif-contents1 img:hover {
	/*opacity:0.5;*/
	object-fit:cover;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.gif-contents1 a:hover {
	color:inherit;
	background-color:inherit;
}


.gif-contents2 img{
	width:300px;
	height:300px;
	margin:8px;
	padding:0px;
	object-fit:cover;
	object-fit:none;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	border-radius: 100px;
}

.gif-contents2 img:hover {
	opacity:0.5;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.gif-contents2 a:hover {
	color:inherit;
	background-color:inherit;
}

.gif-contents3 img{
	width:936px;
	margin:8px;
	padding:0px;
	object-fit:cover;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
	border-radius: 100px;
}

.gif-contents3 img:hover {
	opacity:0.5;
	/*background: rgba(0, 0, 0, .5); マスクの色(黒の50%) */
}

.gif-contents3 a:hover {
	color:inherit;
	background-color:inherit;
}