@charset "UTF-8";
/*
Theme Name: モノクス
Theme URI:
Description: モノクス
Version: 1.0
Author: monokus.jp

*/
html,body,dl,dd,dt,
h1,h2,h3,h4,h5,h6 {
	margin:		0;
	padding:	0;
}
body {
	background:		#fff;

	font-size:		14px;
	font-weight:	normal;
	line-height:	1.2em;
	color:			#333;
}
ol, ul,li {
	margin:		0;
	padding:	0;
	list-style:	none;
}
label {
	display:	inline-block;
}
a,a:link, a:visited  {
	color:		#00f;
	text-decoration:	underline;
}
a:hover {
	color:		#00f;
	text-decoration:	none;
}
span.required {
	color:		#f00;
}
.underline {
	text-decoration:	underline;
}

/*=== layout ====================================== */
#viewport {
	max-width:		800px;
/*	min-width:		800px; */
	margin:			0 auto;
	padding:		0 12px;
	box-sizing:		border-box;
}
p {
	margin:		0 0 18px;
}
.header {
	padding:		12px 12px;
	margin:			0 0 12px;
	border-bottom:	1px solid #ddd;
}
	.header img {
		margin:		0 auto 12px;
		display:	block;
		max-width:	250px;
		width:		50%;
		height:		auto;
		/*
		width:		145px;
		height:		auto; */
	}
	.header h1 {
		font-size:		16px;
		font-weight:	normal;
		text-align:		center;
	}
/*
.form_table {
}
	.form_table table {
		border-collapse:	collapse;
		border:		1px solid #333;

		width:		100%;
	}
		.form_table table th {
			padding:	6px 10px;
			border:		1px solid #333;
			background:		#eee;

			text-align:		left;
		}
		.form_table table td {
			padding:	6px 10px;
			border:		1px solid #333;

			text-align:		left;
		}
		.form_table table td {
		}
	.form_table .note {
		padding:		5px 0;

		font-size:		12px;
		line-height:	1.3em;
		color:			#f00;
	}
	.form_table .stress {
		font-weight:	bold;
		color:			#f00;
	}
	*/
.head-text {
	margin:		24px 0;
	text-align:	center;
}
.form-section {
	border:			1px solid #ccc;
	box-shadow:		0 3px 4px rgba(0,0,0,0.25);

	border-radius:	8px;
	overflow:		hidden;
}
	.form-section + .form-section {
		margin-top:		38px;
	}
	.form-section h2 {
		background:			#f0f0f0;
		border-bottom:			1px solid #ccc;
		padding:		12px 18px;
		margin:		0;

		font-size:		15px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#000;
	}
	.form-section dl {
		padding:		18px 18px;
	}
	.form-section dl+dl {
		padding-top:	0;
	}
		.form-section dt {
			padding:	0 0 8px;

			display:	flex;
			align-items:	center;

			font-weight:	bold;
		}
			.form-section dt .required {
				padding:		3px 4px;
				margin:			0 0 0 12px;
				border-radius:	4px;
				background:		#dc143c;

				font-size:		11px;
				font-weight:	normal;
				line-height:	1;
				color:			#fff;
			}
		.form-section dd {
		}
	.form-section .note {
		padding:		5px 0;

		font-size:		12px;
		line-height:	1.3em;
		color:			#f00;
	}
	.form-section .stress {
		font-weight:	bold;
		color:			#f00;
	}
	.form-section .zip {
		display:	flex;
		flex-flow:	row nowrap;
		align-items:	center;
		justify-content:	flex-start;
		width:		100%;

		margin:		0 0 8px;
	}
		.form-section .zip label {
			width:		80px;
		}
		.form-section .zip span {
			margin:		0 12px;
		}
		.form-section .zip label+span+label {
			width:		80px;
		}
	.form-section .address-r {
		margin:		0 0 8px;
	}
.submit {
/*	text-align:		center; */
	padding:		38px 0 15px;
}
	.submit input[type="submit"] {
		display:	block;
		border:		1px solid #000;
		background:		#000;
		box-shadow:		none;

		width:		100%;
		max-width:	300px;
		height:		50px;
		margin:		0 auto;

		font-size:		15px;
		font-weight:	normal;
		line-height:	1;
		color:			#fff;
		text-align:		center;
	}


.message {
}
	.message div {
		color:		#fff;
		background:		#0a0;

		border-radius:	3px;
		padding:		6px;
		margin:			0 0 4px;
	}
.form-section .error ,
.error_message {
}
	.form-section .error div ,
	.error_message div {
		color:		#f00;
		background:		#fcc;

		border-radius:	3px;
		padding:		6px;
		margin:			0 0 4px;
	}
	.error_message div {
		margin-bottom:		18px;
	}


input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
textarea,
iframe.confirm {
	display:	block;
	width:		100%;
	height:		38px;
	padding:	0 12px;
	border:			1px solid #ccc;
	box-shadow:		0 0 4px rgba(0,0,0,0.08) inset;
	border-radius:	5px;

	box-sizing:		border-box;
}
	textarea {
		padding:	12px;
		height:		100px;
	}

	input[type="text"].w100 {
		width:	100px;
	}
	input[type="text"].w200 {
		width:	200px;
	}
	iframe.confirm {
		height:		200px;
		margin:		10px 0 0;
		padding:	0;
	}
	[readonly] {
		background-color:		#f0f0f0;
	}


.section {
	display:		block !important;

	margin:			5px 0;
	padding:		5px;
	border:			1px solid #ccc;
	border-radius:	5px;
}

.copyright {
	padding:		15px 0 ;
	text-align:		center;
}


.complete {
}
	.complete div {
		color:		#000;
		background:		#fff;
		border:			1px solid #000;

		border-radius:	3px;
		padding:		6px;
		margin:			0 0 4px;
	}
/* 汎用
---------------------------------------------*/
.mb01p { margin-bottom: 0.1em !important; }
.mb02p { margin-bottom: 0.2em !important; }
.mb03p { margin-bottom: 0.3em !important; }
.mb04p { margin-bottom: 0.4em !important; }
.mb05p { margin-bottom: 0.5em !important; }
.mb06p { margin-bottom: 0.6em !important; }
.mb07p { margin-bottom: 0.7em !important; }
.mb08p { margin-bottom: 0.8em !important; }
.mb09p { margin-bottom: 0.9em !important; }
.mb10p { margin-bottom: 1.0em !important; }
.mb11p { margin-bottom: 1.1em !important; }
.mb12p { margin-bottom: 1.2em !important; }
.mb13p { margin-bottom: 1.3em !important; }
.mb14p { margin-bottom: 1.4em !important; }
.mb15p { margin-bottom: 1.5em !important; }
.mb16p { margin-bottom: 1.6em !important; }
.mb17p { margin-bottom: 1.7em !important; }
.mb18p { margin-bottom: 1.8em !important; }
.mb19p { margin-bottom: 1.9em !important; }
.mb20p { margin-bottom: 2.0em !important; }

.mt01p { margin-top: 0.1em !important; }
.mt02p { margin-top: 0.2em !important; }
.mt03p { margin-top: 0.3em !important; }
.mt04p { margin-top: 0.4em !important; }
.mt05p { margin-top: 0.5em !important; }
.mt06p { margin-top: 0.6em !important; }
.mt07p { margin-top: 0.7em !important; }
.mt08p { margin-top: 0.8em !important; }
.mt09p { margin-top: 0.9em !important; }
.mt10p { margin-top: 1.0em !important; }
.mt11p { margin-top: 1.1em !important; }
.mt12p { margin-top: 1.2em !important; }
.mt13p { margin-top: 1.3em !important; }
.mt14p { margin-top: 1.4em !important; }
.mt15p { margin-top: 1.5em !important; }
.mt16p { margin-top: 1.6em !important; }
.mt17p { margin-top: 1.7em !important; }
.mt18p { margin-top: 1.8em !important; }
.mt19p { margin-top: 1.9em !important; }
.mt20p { margin-top: 2.0em !important; }

.mt05 {margin-top: 5px !important;}
.mt08 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb100 {margin-bottom: 100px !important;}


.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.mlr10 {margin-left: 10px !important;margin-right: 10px !important;}
.mlr20 {margin-left: 20px !important;margin-right: 20px !important;}
.mlr30 {margin-left: 30px !important;margin-right: 30px !important;}
.mlr40 {margin-left: 40px !important;margin-right: 40px !important;}
.mlr50 {margin-left: 50px !important;margin-right: 50px !important;}


.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}

.fleft {float: left !important;}
.fright {float: right !important;}
/* CLEARFIX
---------------------------------------------*/
.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cl {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .cl {
	height: 1%;
}
.cl {
	display: block;
}
/* End hide from IE-mac */