@charset "UTF-8";

/**
 * キャストレビュー投稿ページover write
 */
/*-- contents -----------------------------------*/
main > .responsiveBg1{
	margin-top:px;
}
.itemReview {
					background-color:#171717;
	}


/*------title -----------------------------------*/
.fdc_contentsTitle {
	text-align:center;
	font-size:16px;
				background-image:url(/img/design/texture/texture_1_alpha.png);
		background-color:rgba(0,0,0, 0);
		background-repeat:repeat-x;
	background-size: contain;
	border-width: 1px;
	box-sizing: border-box;
	border-style: solid;
}
.contentsTitleTop{
	font-size: 13px;
	line-height: 12px;
	margin: 0;
	padding-top: 20px;
	border-radius: 10px 10px 0 0;
}
.fdc_contentsTitle em {
	color:#FFFFFF;
	display: inline-block;
	vertical-align: top;
	font-size: 26px;
	line-height: 28px;
	position: relative;
}

.fdc_contentsTitle em:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	/*content: attr(title);*/
	color:#FFFFFF;
}
body#itemReviewBody section#blockFormList {
			backdrop-filter: var(--parts3-bgEffectFilter0, none);
					}
@media screen and (max-width: 640px) {
	body#itemReviewBody section#blockFormList {
					backdrop-filter: var(--parts3-bgEffectFilter0, none);
						}
	}
body#itemReviewBody section#blockFormList .fdc_contentsWrap {
	line-height: 1.3;
}
/*コンテンツタイトル*/

					#itemReviewBody #blockFormList .contentsTitleTop{
		padding-top:28px;
		padding-bottom:28px;
		padding-left:0px;
		padding-right:0px;
		line-height:20px;
		min-height:unset;
		border-top:0px solid rgba(237,215,104,1);
		border-right:0px solid rgba(237,215,104,1);
		border-bottom:0px solid rgba(237,215,104,0);
		border-left:0px solid rgba(237,215,104,1);
	}
			#itemReviewBody #blockFormList .contentsTitleTop .googleWebFontJp{
		text-align:center;
	}
	@media screen and (max-width: 640px) {
		#itemReviewBody #blockFormList .contentsTitleTop{
			padding-top:28px;
			padding-bottom:28px;
			padding-left:0px;
			padding-right:0px;
		}
					}
	#blockFormList h2 .googleWebFontJp{
		font-size:20px;
		line-height:20px;
	}
#itemReviewBody #blockFormList .contentsTitleTop{
	border-radius: 10px 10px 0px 0px;
}

/*-- error ----------------------------------------------------------*/
.formError {
	width:100%;
	background-color:#FFFFFF;
	padding-bottom:20px;
	border:1px solid #FF0000;
	color:#FF0000;
	margin-bottom:20px;
}
.formError .notSendMailTitle{
	background-color:#FF0000;
	padding:10px;;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;;
}
.formError p{
	padding-top:3px;
	padding-bottom:3px;
}

/*-- complate ----------------------------------------------------------*/
.formSend{
	margin-bottom:20px;
	padding:0 10px 10px 10px;
}
.formSend .sendMailTitle{
	padding:10px;
	margin-bottom:10px;
	color:#000000;
			background-color:rgba(0,0,0,0);
		font-size:16px;
}
.isMustText {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	width: 2.8em;
	height: 1.5em;
	margin: 0 0 0.26em 0.4em;
	border-radius: 4px;
	font-size: 0.7em;
	background-color: #FF0000;
	color: #FFFFFF;
	line-height: 1.55;
}
.arbitrarily{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	width: 2.8em;
	height: 1.5em;
	margin: 0 0 0.26em 0.4em;
	border-radius: 4px;
	font-size: 0.7em;
	background-color:#5a70f7;
	color: #FFFFFF;
	line-height: 1.55;
}
.notice {
	display: inline-block;
	margin-top: 5px;
	width:100%;
}
/*-- form parts ----------------------------------------------------------*/
dl{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:10px;
}
dl dt,
dl dd{
					border-bottom:1px dotted #EDD768;
}
dl dt{
	width:calc(30% - 20px);
	text-align:left;
	white-space:nowrap;
	padding:10px;
	color:#;
			/*background-color:rgba(0,0,0,0);*/
	}
dl dd{
	width:calc(70% - 20px);
	text-align:left;
	white-space:nowrap;
	padding:10px;
}
.kindList label{
	display:block;
	margin-right:10px;
}
.kindList label:last-child{
	margin-right:0px;
}


/*-- block HotelList ----------------------------------------------*/
.formListData h3 {
			background-color:#;
		color:#;
	font-size:px;
	font-weight:;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

.btnWrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	padding-top:10px;
	width:100%;
}
[type=submit],
label:has(> [type=submit]){
	background-color:#B39A1D;
			color:#FFFFFF;
		border-width:0px;
	padding:10px 20px;
	border-radius:4px;
	font-size:20px;
	width:38%;
	margin-left:10px;
	margin-right:10px;
}
label > [type=submit] {
	padding: 0;
	margin: 0 !important;
	border-radius: 0;
	width: 100%;
	color:#FFFFFF;
	}
[type=submit]:hover,
label:has(> [type=submit]):hover{
	opacity: .6;
}
label:has(> [type=submit]){
	box-sizing: border-box;
	cursor: pointer;
}
[type=button],
label:has(> [type=button]){
	background-color:#B39A1D;
			color:#FFFFFF;
		border-width:0px;
	padding:10px 20px;
	border-radius:4px;
	font-size:20px;
	width:38%;
	margin-left:10px;
	margin-right:10px;
}
label > [type=button] {
	padding: 0;
	margin: 0 !important;
	border-radius: 0;
	width: 100%;
	color:#FFFFFF;
	}
[type=button]:hover,
label:has(> [type=button]):hover{
	opacity: .6;
}
label:has(> [type=button]){
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	#contents {
		margin:0 auto;
	}
	dl{
		display:flex;
		flex-wrap:wrap;
	}
	dl dt{
		width:100%;
		white-space:unset;
		padding:10px;
		border-bottom:1px dotted #ECB622;
	}
	dl dd{
		width:100%;
		text-align:left;
		white-space:unset;
		padding:10px;
		border-bottom:1px dotted #ECB622;
	}
	.kindList label{
		display:inline-block;
		margin-right:0px;
		width:90%;
	}
    input:not([type=radio]):not([type=submit]),
    textarea {
    	width:calc(100% - 16px);
    }
	[type=submit],
	label:has(> [type=submit]){
		width:100%;
	}
	/*
	[type=submit]:nth-child(2){
		margin-top:10px;
	}
	*/
	[type=button],
	label:has(> [type=button]){
		width:100%;
		padding:8px 20px;
	}
	/*
	[type=button]:nth-child(2){
		margin-top:10px;
	}
	*/
	.btnWrap [type=button],
	.btnWrap label:has(> [type=button]){
		order:2;
	}
	.btnWrap [type=submit],
	.btnWrap label:has(> [type=submit]){
		order:1;
		margin-bottom:10px;
	}
	.btnWrap br{
		order:3;
	}
	.btnWrap span{
		order:4;
	}

}