@charset "utf-8";

#ukiukicp {
    position: relative;
    background: #542219;
    padding-bottom: 40px;
}
#ukiukicp #wrap_inner {
	width: 100%;
	padding-top: 1259.375%;
	margin: 0 auto;
	background: url(../images/sp/main.jpg) no-repeat;
	background-size: cover;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	line-height: 120%;
	position: relative;
}
#ukiukicp a.button{
	display: block;
	height: 100%;
	text-indent: -10000px;
	text-decoration: none;
	overflow: hidden;
}
#ukiukicp .btnWrap{
	position: absolute;
	top: 24.5%;
	left: 0;
	right: 0;
	margin:auto;
	width: 100%;
	padding: 2% 5.5%;
	box-sizing: border-box;
	transition: .3s;
}
#ukiukicp .btnWrap.fixed {
	position: fixed;
	bottom: 0;
	top: auto;
	background: #d80c18 url(../images/sp/ukiukicp_bg.png);
}
#ukiukicp .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;
}
#ukiukicp .btnWrap.fixed a.form{
	padding-top: 24.138%;
	background: url(../images/sp/btn_form_fixed.png);
	background-size: cover;
}
#ukiukicp a.form:active {
	background-position: 0 -100%;
}
#ukiukicp .btnWrap.fixed a.form:active{
	background-position: 0 -100%;
}

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