@charset "UTF-8";



/* --------------------------------
	カバー
-------------------------------- */

div#cover { width:792px; height:421px; }
div#cover_flash { width:792px; height:421px; }
div#cover_flash_alt {}
div#cover p {}



/* --------------------------------
	フッタ
-------------------------------- */

div#footer {}
div#footer #theme { padding:8px 0 0 0; width:179px; float:right; }



body { font-size:62.5%; }

img {
  pointer-events: none; 
}

img {
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}


h2 {
	font-size: 2rem;
	text-align: center;
}

.roleplay{
	text-align: center;
	font-size:2rem;
	line-height: 4rem;
}

.roleplay a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

@media screen and (min-width: 1280px) {

.roleplay p{
	text-align: center;
	padding:10px 0px;
	margin:10px 0px 30px;
	width: 30%;
	line-height: 3rem;
	background: #99ccFF;
	border: solid 1px #333;/*線*/
	border-radius: 10px;/*角の丸み*/
}

}

@media only screen and (min-width: 767px) and (max-width: 1279px) {

.roleplay p{
	text-align: center;
	padding:10px 0px;
	margin:10px 0px 30px;
	width: 50%;
	line-height: 3rem;
	background: #99ccFF;
	border: solid 1px #333;/*線*/
	border-radius: 10px;/*角の丸み*/
}

}


@media screen and (max-width: 767px) {

.roleplay p{
	text-align: center;
	padding:10px 0px;
	margin:10px 0px 30px;
	width: 30%;
	line-height: 3rem;
	background: #99ccFF;
	border: solid 1px #333;/*線*/
	border-radius: 10px;/*角の丸み*/
}

}



.roleplay p:hover{
	background: #3399ff;

}

.role p{
	display: block;
	margin: 10px auto 30px;

}

.dr {

text-align:center;
font-size: 2rem;
margin-bottom: 30px;

}