@charset "UTF-8";
/*必要なもののみ記載しています*/

/*============================================================================================
↓非表示エレメント============================================================================
============================================================================================*/
div#mfp_hidden {
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}
div#mfp_hidden input {
	margin: 10px;
}
div#mfp_overlay {
	position: absolute;
	display: none;
	z-index: 10001;
}
div#mfp_overlay_inner {
	background-color: #FFF;
	padding: 15px;
	margin: 0px auto;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #000;
	width: 640px;
	max-width: 90%;
}
div#mfp_overlay_background {
	background-color: #000;
	position: absolute;
	display: none;
	z-index: 10000;
}
div#mfp_loading_screen {
	z-index: 20000;
	opacity: 0.8;
	display: none;
	background-color: #000;
	position: absolute;
}
div#mfp_loading {
	z-index: 20001;
	position: absolute;
	display: none;
	width: 40px;
	height: 40px;
	background-image: url("_images/mfp_loading.gif");
}

/*============================================================================================
↓入力画面　エラー表示========================================================================
============================================================================================*/
div.mfp_err {
	font-size:1.4rem;
	font-weight:bold;
	line-height:2.2rem;
	clear:both;
	display:none;
	text-align:left;
	color:rgba(255,0,0,1);
	/*background-image: url(images/mfp_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;*/
}
.mfp_parent_error {
	border:solid 2px rgba(255,0,0,1);
}
.problem {
	background-color:rgba(255,204,204,1) !important;
}
div#mfp_error {
	background-color: #FEE;
	border: solid 1px rgba(255,0,0,1);
	padding: 10px;
	display: none;
}
div#mfp_error p {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
div#mfp_error p strong {
	font-size:1.2rem;
	color: #F00;
}
div#mfp_warning {
	background-color: #FEE;
	border: solid 1px rgba(255,0,0,1);
	padding: 10px;
	display: none;
}
div#mfp_warning p {
	padding: 0px;
	margin: 0px;
	font-size: 1.2rem;
	text-align: center;
}
div#mfp_warning p strong {
	font-size: 1.2rem;
	color: rgba(255,0,0,1);
}

/*============================================================================================
↓確認画面　フラット==========================================================================
============================================================================================*/
#mfp_phase_confirm {
	max-width: 640px;
	width:100%;
	margin:0 auto;
}
#mfp_phase_confirm_inner h4 { /*確認ページ見出し*/
	font-size: 1.4rem;
    line-height: 2;
	font-weight:normal;
	margin-bottom:20px;
}
table#mfp_confirm_table { /*確認ページtable*/
	width:100%;
	margin:0 auto 20px;
}
table#mfp_confirm_table tr th {
	font-size:1.4rem;
	line-height:2rem;
	font-weight:normal;
	width:30%;
	vertical-align: middle;
	padding: 15px 0;
	text-align:left;
	border-bottom:solid 1px rgba(186, 186, 186, 1);
}
table#mfp_confirm_table tr td {
	font-size:1.4rem;
	line-height:2rem;
	vertical-align:middle;
	padding:15px 0 15px 10px;
	border-bottom:solid 1px rgba(186, 186, 186, 1);
}


/*============================================================================================
↓確認画面　ボタン============================================================================
============================================================================================*/
div.mfp_buttons {
	text-align: center;
}
div.mfp_buttons button#mfp_button_send { /*送信ボタン*/
	color: #fff;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 13px 20px;
    background-color: #000;
    text-align: center;
    border: solid 1px #000;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    cursor:pointer;
}
div.mfp_buttons button#mfp_button_send:hover {
	opacity:0.7;
}
div.mfp_buttons button#mfp_button_cancel { /*キャンセルボタン*/
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 13px 20px;
    background-color: #999;
    text-align: center;
    border: solid 1px #999;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    cursor:pointer;
}
div.mfp_buttons button#mfp_button_cancel:hover {
	opacity:0.7;
}
.mfp_element_all {
	/*max-width: 100%;*/
}
div.mfp_ok {
	/*border-radius: 5px;
	background-color: #090;
	border: solid 1px #090;
	display: inline-block;
	line-height: 1.5em;
	padding: 0px 5px;
	margin: 0px 2px;
	color: #FFF;
	font-size: 10px;
	background-image: url(_images/mfp_header.png);
	background-size: 100% 100%;
	display: none;*/
}

@media screen and (max-width: 480px) {
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
	width:100%;
	display:block;
	text-align:left;
}
table#mfp_confirm_table tr th {
    padding:10px 0 0;
	border:none;
}
table#mfp_confirm_table tr td {
    padding:5px 0 10px;
}
}