@charset "utf-8";

.BgKeytouchPink{background:url(../keytouch/images/bg_pink.gif)center center;}
img.Kadomaru{
	border-radius:15px;
	webkit-border-radius:15px;
	-moz-border-radius:15px;
}
.inner{margin:40px auto;}
#footer{background:url(../keytouch/images/bg_pink.gif)center center;}
#footer .inner{margin:0 auto;}
a:hover { color:#e4007f; }

h2 {
	background:#e4007f;
	color:#FFF;
	margin:0 0 50px;
	padding:15px 5px 12px;
	border-radius: 7px;
	webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:none !important;
}
p{font-size: 110%;}
/* 紫 */
a.AnimeBtnBk {
	padding:12px 20px 10px;
	font-size:120%;
	letter-spacing:1px;
	background-color: #000;
	border: 2px solid #000;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
a.AnimeBtnBk::before,
a.AnimeBtnBk::after {
	background-color: #000;
}
img.makecode {
	width:90%;
	margin:0 auto;
	display:block;
	border:1px solid #eee;
}
p.KeyCap{
	font-size: 100%;
	line-height: 125%;
	margin: 0 2% 20px;
}
ul.KeyList {
	display: block;
	margin: 0 3% 20px;
}
ul.KeyList li{
  position:relative;
  padding: 0 0 0 18px;
  margin: 0 0 7px 0px;
	line-height: 135%;
}
ul.KeyList li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #000;
  top: 8px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 900px){
}
@media only screen and (max-width:899px){
	.inner dt p.Caption { text-align:left; margin:0 auto 30px; }
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	h2 { font-size:175%; margin:0 1% 50px; }
	a.AnimeBtnGr { font-size:95%; letter-spacing:0; }
}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	h2 { font-size:145%;}
	img.makecode { width:100%;}
	p.KeyCap{margin: 0 1% 20px;}
	#footer ul {
		left:0;
	}
	#footer ul li, #footer ul li:first-child{
		float:none;
		display:block;
		border:none;
		left:0;
	}
}