@charset "utf-8";

/* ========================================
* File Name: common.css
* Created Date: 2017.4.1
* Author: Janime.com
======================================== */

/* ========================================
	common
======================================== */
html, body, div, h1, h2, h3, h4, h5,
p, address, figure,
ul, ol, li, dl, dt, dd,
table, th, td,
section, nav, article, aside, header, footer {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
section, nav, article, aside, figure, header, footer {
	display: block;
}
img {
	border: none;
	vertical-align: bottom;
}
ul li, ol li {
	list-style: none;
}

a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}


/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* margin */
.mb0 {
	margin-bottom: 0 !important;
}

/* ========================================
	base
======================================== */
html {
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	color: #000;
	font-size: 100%;

/*	-webkit-text-size-adjust: none;
	letter-spacing: -0.5px;
	font-size: 62.5%;
*/
}
body {
	text-align: center;
	margin:0;
	background:url(../images/back.jpg);
	background-repeat: repeat;
	background-color:#4C4C4C;
	color:#ffffff;
}
/* ========================================
	Header
======================================== */
#gHeader {
		width:800px;
		display:block;
		margin:0 auto;
		margin-top:10px;
		text-align:center;
		margin-bottom:20px;
	}

.desc {background-color:#ffffff;
	   color:#000000;
	   padding:20px;
	   width:760px;
	   margin:0 auto;
	   margin-top:10px;
	   margin-bottom:10px;
	   border-radius:20px;
	   text-align:left;
	   }

.cshokai {font-weight:bold; color:#000000; font-size:110%; font-familt:san-self;}

.chara li {width:231px;
		   height:325px; 
		   float:left; 
		   margin:10px;
		   border:solid 1px #cccccc;
		    }

.chara li img{width:231px;
		   height:231px;
		   }


.cinfo {padding:10px;
		text-align:left;
		}





/*SP--------------------------------------- */
@media screen and (max-width:640px) {

#gHeader{width:98%;}
#gHeader img {width:100%; height:auto;}

.desc {width:90%;}
.desc img {width:100%; height:auto;}

.chara li {width:100%;
		   height:auto;
		   float:none;
		   margin:0 auto;
		   margin-bottom:10px;
		   text-align:center;
		   }

.chara li img{width:100%;
		   height:auto;
		   }

}


/* ========================================
	main-contents
======================================== */
#main-contents {
				width:800px;
				display:block;
				margin:0 auto;
				}
				


.game {border:solid 1px #ffffff; margin-bottom:5px;}
.copy {margin-bottom:25px;}

.ccopy{font-weight:bold; color:#000000; font-size:120% ; font-family:sans-serif;  filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));}


/*SP--------------------------------------- */
@media screen and (max-width:640px) {

#main-contents{width:98%;}
#main-contents img {width:95%; height:auto;}
}


/* ========================================
	gFooter
======================================== */
#gFooter {
		width:800px;
		display:block;
		margin:0 auto;
		margin-top:15px;
		background-color:#343434;
		padding-top:10px;
	}

#footlink {position:relative; left:45px;}
#footlink li {float:left; width:290px; height:95px; }
#footlink li:first-child {margin-right:150px;}
.bantxt {font-size:12px;}
.copyright {text-align:left; padding-left:10px;}


/*SP--------------------------------------- */
@media screen and (max-width:640px) {

#gFooter {width:98%;}
#gFooter img {width:100%;}

#footlink li {float:none; }
#footlink li:first-child {margin-right:0px;}

}

/*---------------------------------------
SNS
-----------------------------------------*/
.sns-btn {
	margin:10px;
	
}
.sns-btn li {
	float:left;
}
.sns-btn li:first-child {
	margin-right:10px;
	position:relative; top:-3px;
}