@charset "utf-8";

body {position:relative;font-size: 14px;line-height: 1.5em;margin: 0;padding: 0;background:#f5f5f5;font-family: Meiryo,  'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif;letter-spacing: 0.04em;}
#mainWrapper{
	background: url(../img/bg.jpg) repeat-y #fff;
	background-size: 100%;
	width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
h1,h2,p{;margin: 0;}
a{text-decoration:underline;color:#0099ff;font-weight:bold;  font-size: 16px;}
p a{padding-left:0.8em;}

.fPink{color:#ff257b;font-weight:bold;}
.fRed{color:#f00;font-weight:bold;}
.fGray{color:#444;}
.fGray2{color:#999;}
.fRight{text-align:right;}
.fLeft{text-align:left;}
.bgRed{
	display: inline-block;
  padding: 6px;
  margin: 4px 0;
	background:#f00;
	color:#fff;
	font-weight:bold;
}
.mTop03{margin-top: 3%;}
.mTop05{margin-top: 5%;}

h2{
	font-size:20px;
font-weight:bold;
background: #000;
padding:0.3em 0 0.3em 0.4em;
  color: #fff;
  line-height: 1.4;
	margin: 10% 0 3%;
}
.photo {
	padding: 0;
	margin: 0 auto;
	line-height: 0;
}
img{
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	display: block;
}

.inner .text{padding:0 0.8em;}

.animeContainer{position: relative;}



header{
  margin-bottom: 5%;
}

.animeImage{
	position: absolute;
  top: 6.5%;
  left: 16.66%;
  width: 67.91%;		
}
#main .animeContainer+p{text-align:center;}
#main .animeContainer+p .fRed{font-size:18px;}
#main .animeContainer+p .bgRed{font-size:18px;display:inline-block;margin-bottom:2%;}



#merit .fRed{font-size:16px;}
#merit .bgRed{font-size:18px;}

#mocom h2+p+p{text-align:center;}
#mocom dl{padding:0.6em 0.8em;color:#444;margin: 0;}
#mocom dd{padding:0.4em 0 0 0;margin: 0;}
#mocom h3{
  position: relative;
  display: inline-block;
	border-radius:4px;
	padding:0.4em 0.6em;
	margin:0.4em 0.4em 0.8em;
	background:#000;
	color:#ffff19;
}
#mocom h3:after {
  content: '';
  position: absolute;
  border-top: 8px solid #000;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  bottom: -8px;
  left: 18px;
  margin-left: -8px;
}
.btn{
  width: 92%;
  margin: 3% auto;
}
.btn a{
	background: -webkit-gradient(linear, left top, left bottom, from(#38b66d), to(#06a448));
  background: -webkit-linear-gradient(top, #38b66d, #06a448);
  background: -moz-linear-gradient(top, #38b66d, #06a448);
  background: -o-linear-gradient(top, #38b66d, #06a448);
  background: -ms-linear-gradient(top, #38b66d, #06a448);
  background: linear-gradient(to bottom, #38b66d, #06a448);
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  padding: 0.8em 0.8em;
  display: block;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 2px 0 #1d703e;
	text-shadow: -1px -1px rgba(0,0,0,0.15);
  text-decoration: none;
}

#free h2{font-size:19px;}
#free h2+p .fRed{font-size: 18px;}
#free .fGray2{margin:70px 0 2em;font-size:12px;}
#free #online{background: #ff257b;padding: 5px 0;}
#toTop {
position: fixed;
bottom: 10px;
right: 10px;
text-align: center;
font-size: 9px;
z-index: 100;
}
#toTop a{
  color: #fdff0d;
  display: block;
  width: 44px;
  height: 34px;
  background: rgba(0,0,0,0.85);
  border-radius: 60px;
  padding-top: 10px;
  line-height: 1.3;
}

footer{
	margin-top:10%;
	background: #000;
  padding: 20px;
  text-align: center;
}
footer p{
  color: #fff;
}

