/*
Last Updated:
Author: Minoura
page: プチパーティ開催申込受付フォーム
*/

/*----------------------------------------
	全体
----------------------------------------*/

.s_form_ttl{
	font-weight: bold;
	font-family: "M PLUS Rounded 1c", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
	transform: rotate(0.01deg);
	color: #389456;
}
.spiral_form .l_section_inner{
	margin: 0 auto !important;
}
.s_form_frame{
	background: #f3f3f3;
}
.s_form_inner{
	background: #fff;
	padding-left: 5%;
	padding-right: 5%;
}

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

	.s_form_frame{
		padding-left: 20px;
		padding-right: 20px;
	}

}/*END*/

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

	.s_form_frame{
		padding-left: 3%;
		padding-right: 3%;
	}
	.s_form_inner{
		padding-left: 3%;
		padding-right: 3%;
	}
	.spiral_form_sp{
		padding-top: 78px;
	}

}/*END*/


/*----------------------------------------
	text
----------------------------------------*/

.text_green{
	color: #389456;
}
.text_24{ font-size: 2.4rem !important; }

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

	.text_24{ font-size: 2rem !important; }

}/*END*/

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

	.text_24{ font-size: 1.8rem !important; }

}/*END*/

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

	.text_24{ font-size: 1.6rem !important; }

}/*END*/


/*----------------------------------------
	form
----------------------------------------*/

.sp_form_table{
	width: 100%;
	line-height: 1.6;
}
.sp_form_table th,
.sp_form_table td{
	border-bottom: 1px dotted #999;
	padding: 15px 10px;
	box-sizing: border-box;
}
.sp_form_table th{
	font-size: 1.8rem;
	text-align: left;
	color: #000;
	width: 320px;
}

.need{
	color: #fff;
	background: #f29c9f;
	border-radius: 3px;
	line-height: 1;
	display: inline-block;
	margin-left: 10px;
	padding: 5px 10px;
	font-size: 1.4rem;
	border: 1px solid #f29c9f;
}
.nini{
	color: #aaa;
	background: #fff;
	border-radius: 3px;
	line-height: 1;
	display: inline-block;
	margin-left: 10px;
	padding: 5px 10px;
	font-size: 1.4rem;
	border: 1px solid #ccc;
}
.koumoku_text{
	display: block;
	color: #ababab;
	font-size: 1.4rem;
	padding-top: 5px;
}

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

	.sp_form_table th{
		font-size: 1.7rem;
		width: 260px;
	}
	.need,
	.nini{
		margin-left: 6px;
	}

}/*END*/

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

	.sp_form_table th{
		font-size: 1.5rem;
		width: 100%;
		display: block;
		border-bottom: none;
		padding-bottom: 0;
	}
	.sp_form_table td{
		display: block;
	}
	.need,
	.nini{
		margin-left: 3px;
		padding: 4px 6px;
		font-size: 1.3rem;
	}



}/*END*/

.form_50{
	width: 50px;
}
.form_90{
	width: 90px;
}
.form_200{
	width: 200px;
}
.form_300{
	width: 300px;
}
.form_400{
	width: 400px;
}
.form_500{
	width: 500px;
}

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

	.form_90{
		width: 80px;
	}
	.form_400,
	.form_500{
		width: 100%;
	}

}/*END*/


select,
textarea,
input[type="text"],
input[type="tel"],
input[type="submit"]{
	box-sizing: border-box;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
	transition: all 0.4s;
	background: #fff;
	border: 1px solid #b8b7bc;
	border-radius: 5px;
	padding: 8px;
	color: #4d4d4d;
}
input[type="button"]{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
	background: #ebebeb;
}
button,
input[type="submit"]{
	-webkit-appearance: none;
	transition: all 0.4s;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus{
	outline: none;
	border: 1px solid #389456;
}

select.error,
textarea.error,
input[type="text"].error,
input[type="tel"].error{
	background: #fee9ea;
}

input[type="submit"].submit{
	display: block;
	box-sizing: border-box;
	width: 300px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 15px 0;
	font-size: 1.6rem;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
	background: #399457;
	border: 1px solid #399457;
	margin-bottom: 15px;
	cursor: pointer;
	transition: all 0.4s;
}
input[type="submit"].submit:hover{
	opacity: 0.7;
}
.data time input{
	text-align: right;
}
.data.time li{
	float: left;
	margin-right: 10px;
}
.data.time li input{
	margin-right: 6px;
	text-align: right;
}
.data.time li img{
	display: inline-block;
	width: 28px;
	margin-left: 10px;
	vertical-align: -15px;
	transition: all 0.4s;
	cursor: pointer;
}
.data.time li img:hover{
	opacity: 0.7;
}
.description{
	font-weight: bold;
	color: #000;
}
.description a{
	color: #399457;
}
.msg{
	color: #e60012;
	padding-top: 5px;
	display: inline-block;
}

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

	.data.time li input{
		margin-right: 4px;
	}
	.data.time li{
		margin-right: 5px;
	}

}/*END*/

/*tooltip*/
.tooltip img{
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin-left: 6px;
}