@charset "utf-8";

#tokutokucp {
}
#tokutokucp #wrap {
	background: #f7f2f8;
	padding-bottom: 40px;
}
#tokutokucp #wrap_inner {
	width: 100%;
	padding-top: 1031.25%;
	margin: 0 auto;
	background: url(../images/sp/main.jpg?200811) no-repeat;
	background-size: cover;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	line-height: 120%;
	position: relative;
}
#tokutokucp a.button{
	display: block;
	height: 100%;
	text-indent: -10000px;
	text-decoration: none;
	overflow: hidden;
}
#tokutokucp .btnWrap{
	position: absolute;
	top: 33.7%;
	left: 0;
	right: 0;
	margin:auto;
	width: 100%;
	padding: 2% 5.5%;
	box-sizing: border-box;
	transition: .3s;
}
#tokutokucp .btnWrap.fixed {
	position: fixed;
	bottom: 0;
	top: auto;
	background: #d70068 url(../images/sp/tokutokucp_bg.png);
}
#tokutokucp .btnWrap a.form{
	width: 100%;
	height: 0;
	padding-top: 29.310%;
	background: url(../images/sp/btn_form.png);
	background-size: cover;
	transition: .3s padding-top;
}
#tokutokucp .btnWrap.fixed a.form{
	padding-top: 24.138%;
	background: url(../images/sp/btn_form_fixed.png);
	background-size: cover;
}
#tokutokucp a.form:active {
	background-position: 0 -100%;
}
#tokutokucp .btnWrap.fixed a.form:active{
	background-position: 0 -100%;
}

#tokutokucp a.form.gray,
#tokutokucp .btnWrap.fixed a.form.gray {
	background-position: 0 -200%;
}
#tokutokucp a.form.gray:active,
#tokutokucp .btnWrap.fixed a.form.gray:active {
	background-position: 0 -200%;
}