@charset "utf-8";
/* CSS Document */
/*480 600 960 1280*/
/*========================================   history   ========================================*/
.reserve{
	max-width: 1280px;
	width: 90%;
	margin:20px auto 40px;
}
input::placeholder {
	color:#DDDDDD;
}
/*予約について*/
.reserve_checklist{
	padding: 30px;
	box-sizing: border-box;
	margin: 0 auto 30px;
	background-color: #E5DBD0;
}
.reserve_checklist strong{
	display: block;
	font-weight: bolder;
	color: #69491A;
}
.reserve_checklist span{
	color: #e60033;
}
@media screen and (min-width : 480px) {/*480以上(タブレット/PC)*/
	.reserve_checklist strong{
		font-size: 1.8rem;
	}
}
@media screen and (min-width:0px) and ( max-width:479px) {/*480まで(SP)*/
	.reserve_checklist{
		padding: 15px;
		font-size: 1.4rem;
	}
	.reserve_checklist strong{
		font-size: 1.6rem;
	}
}

/*フォームの補足*/
.reserve_txt{
	margin-bottom: 30px;
}
/*必須*/
.required{
	font-size:1.2rem;
	background-color:#f38099;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	margin-right:0.6em;
}
/*任意*/
.any{
	font-size:1.2rem;
	background-color:#CCCCCC;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	margin-right:0.6em;
}
/*エラー*/
.error{
	color: #e60033;
}
span.error{
	display: inline-block;
}
.form dd span.error{
	display: block;
}
span.error:empty{
	display: none;
}
select:disabled{
	color: #EEEEEE;
	border: #EEEEEE solid 1px;
}


/*フォーム*/
.form{
	margin-bottom: 50px;
}
.form dt{
	padding: 0px 1em;
}
.form dd{
	padding: 10px 1em;
}
.form dd{
	border-bottom: #AA8E74 dotted 1px;
}
.form dt label{
	margin-right: 0.6rem;
}
.form dd label{
	display: block;
	margin-bottom: 5px;
}
select,textarea,input[type="text"]{
	background-color: #FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 1.6rem;
	padding:0.6rem 1rem;
	box-sizing:border-box;
	max-width: 100%;
}
textarea,input[type="text"]{
	border: #CCCCCC solid 1px;
}
input[type="text"]{
	max-width: 400px;
	width:100%;
}
textarea{
	font-size: 16px;
	width:100%;
	height:9.6em;
}
input[type="radio"]{/*基本*/
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	margin-top: -2px;
}
option{
	color: #000000;
}
option.option_default{
	color: #999999;
}
.form dd small{
	font-size: 1.2rem;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.form dd{
		margin-bottom: 20px;
	}
}
@media screen and (min-width : 600px) {/*600以上(タブレット/PC)*/
	.form{
		display: flex;
		flex-wrap: wrap;
	}
	.form dt,.form dd{
		padding: 30px 1em;
		box-sizing: border-box;
	}
	.form dt{
		width: 40%;
		border-bottom: #AA8E74 dotted 1px;
	}
	.form dd{
		width: 60%;
	}
}
@media screen and (min-width : 960px) {/*960以上(タブレット/PC)*/
	.form dt{
		width: 35%;
	}
	.form dd{
		width: 65%;
	}
}

/*キャストプロフィール*/
a.reserve_cast{
	display: block;
	max-width: 300px;
	margin: 15px 0;
	text-align: center;
}
.list_castphoto{
	position: relative;
	max-width: 300px;
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	/*background-color: rgba(238,238,238,0.75);*/
}
.list_castphoto:before {
		content:"";
		display: block;
		padding-top: 133.4%; /* 高さを幅の75%(4:3)に固定 100%1:1()*/
}
.list_castphoto div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.list_castphoto div img{
	vertical-align: middle;
}
/*新人*/
.list_newface{
	position: absolute;
	right: 0;
	top:0;
	width: 0;
	height: 0;
	border-top: 30px solid rgba(242,171,57,0.75);
	border-right: 30px solid rgba(242,171,57,0.75);
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
}
.list_newface span{
	color: #FFFFFF;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.4rem;
	position: absolute;
		top:-20px ;
		left: -5px;
		display: inline-block;
		 transform: rotate(45deg);
}


/*ボタン*/
.reserve .c_btn{
	width: 80%;
	margin: 0 auto 0;
	text-align: center;
}
.last_message .c_btn a{
	max-width: 300px;
	width: 100%;
	margin: 50px auto 0;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.back_btn{
		margin-top: 20px;
	}
}
@media screen and (min-width : 600px) {/*600以上(タブレット/PC)*/
	.back_btn{
		margin-left: 4%;
	}
}

/*確認画面*/
.check{
	margin-bottom: 50px;
}
.check li{
	border-bottom: #AA8E74 dotted 1px;
		padding: 1em 0 0.6em;
}
.check span:first-child{
	display: block;
	background-color: rgba(241,230,213,1.00);
	padding:5px 1em;
}
.check span:last-child{
	display: inline-block;
	padding:5px 1em 0;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.check{
		font-size: 1.4rem;
	}
}

/*最期*/
.last_message{
	text-align: center;	
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.last_message{
		font-size: 1.4rem;
	}
}



/*同意事項*/
.agreement{
	padding: 30px 20px 30px 30px;
	box-sizing: border-box;
	margin: 50px auto;
	background-color: #E5DBD0;
}
.agreement dt{
	font-weight: bolder;
	color: #69491A;
}
.agreement dd{
	text-indent: -1em;
	padding-left: 1em;
}
.agreement dd:before {
	content: "・";
	position: relative;
}
@media screen and (min-width : 480px) {/*480以上(タブレット/PC)*/
	.agreement dt{
		font-size: 1.8rem;
	}
}
@media screen and (min-width:0px) and ( max-width:479px) {/*480まで(SP)*/
	.agreement{
		padding: 15px;
		font-size: 1.4rem;
	}
}