@charset "utf-8";

.mobile-display-only {
	display: none;
}

.pc-display-only {
	display: display;
}

.not-display {
	display: none;
}

.env-test {
	/*
	display: display;
*/
	display: none;
	float: right;
	width: 200px;
	font-size: 25px;
	color: red;
	font-weight: bold;
}

.container {
}

.img-logo {
	width: 409px;
}

.slogan {
	float: right;
	margin-top: 42px;
}

.img-slogan {
	width: 242px;
}

#headers {
	width: 100%;
	height: 54px;
	margin-bottom: 5px;
	border-top: #55a25e solid 2px;
	border-bottom: #55a25e solid 2px;
}

#footers {
	height: 120px;
	margin-top: 32px;
}

.main {
	width: 90%;
	margin: 0 auto 0 auto;
}

.checkbox-top {
	vertical-align: top;
	margin-top: 2px;
}

.bottom-margin {
	margin-bottom: 6px;
}

.cursor-pointer {
	cursor: pointer;
}

.step-order {
	text-align: right;
}

.img-step {
	width: 447px;
	margin: 4px 0 6px 0;
}

.main-title {
	color: #4F4F4F;
	border: #CCC solid 3px;
	height: 44px;
	line-height: 44px;
	text-indent: 15px;
	margin: 0 auto 0 auto;
	position: relative;
	font-size: 1.4em;
	background: linear-gradient(90deg, #FFFFFF, #DCDCDC);
}

.order-about {
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 10px;
}

.order-about-line1 {
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
}

.order-about-line2 {
	color: #666;
	margin-bottom: 10px;
}

.order-about-line3 {
	margin-bottom: 10px;
	color: #CD853F;
}

.order-about-line4 {
	font-weight: bold;
	margin-bottom: 10px;
}

.order-form {
	margin: 0 auto 0 auto;
}

.order-item-group-title {
	line-height: 36px;
	padding-left: 15px;
	font-size: 1.2em;
	color: #1E90FF;
	background: linear-gradient(90deg, #FFFFFF, #87CEFA);
	border-top: #1E90FF solid 3px;
}

.cancel-machi {
	color: red;
	font-weight: bold;
	left-ma-gin: 4px;
}

.cancel-machi-NotBold {
	color: red;
	left-ma-gin: 4px;
}

.order-line-table, .order-line-table td, .order-line-table th {
	border: none;
}

.order-line-table {
	min-width: auto;
}

	.order-line-table tr td {
		table-layout: fixed;
		vertical-align: middle;
		padding: 5px 3px;
	}

	.order-line-table tr th {
		table-layout: fixed;
		line-height: 1.4;
		padding: 8px;
		padding-left: 15px;
		vertical-align: middle;
		text-align: left;
	}

.order-line-table2 tr td {
	vertical-align: top;
}

.order-line-table2 tr th {
	vertical-align: top;
}

.order-line-table col.col1 {
	width: 20%;
}

.order-line-table col.col2 {
	width: 5%;
}

.order-line-table col.col3 {
	width: 75%;
}

.order-line-table col.col1 {
	color: #333;
	background-color: #efefef;
	text-align: left;
	padding-left: 20px;
}

.order-line-table col.col2 {
	text-align: center;
	vertical-align: middle;
}

.order-line-table col.col3 {
	word-break: break-all;
	padding-left: 6px;
}

.line-border {
	border-bottom: #D3D3D3 solid 1px;
}

.line-border-top {
	border-top: #D3D3D3 solid 1px;
}

.hissu {
	color: #F60;
	padding-left: 2px;
	padding-top: 2px;
	background-color: #FFF;
	font-size: 0.9em;
	border: 1px solid #FF7E28;
	border-radius: 3px; /* CSS3 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
}

.input-title {
	color: #666;
}

.input-type {
	color: #666;
	margin-top: 4px;
}

.input-type-small {
	color: #666;
	margin-top: 4px;
	font-size: 0.9em;
}

.input-comment {
	color: #666;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 4px;
}

.shorui-background {
	background: #D46898;
}

.top-margin {
	margin-top: 4px;
}

.left-margin {
	margin-left: 10px;
}

.input-items {
	display: flex;
	justify-content: flex-start;
}

.input-text-items {
	display: flex;
	justify-content: flex-start;
}

.radio-item {
	margin-right: 20px;
	margin-top: 4px;
}

	.radio-item input[type="radio"] {
		margin-right: 4px;
	}

.checkbox-item {
	width: 33%;
}

	.checkbox-item input[type="checkbox"] {
		margin-right: 4px;
	}

.text-item {
	margin-right: 20px;
}

	.text-item input[type="checkbox"] {
		margin-right: 4px;
	}

.select-item {
}

.normal-line {
	margin: 6px 0 6px 0px;
}

.area-gray {
	padding: 10px 20px 10px 20px;
	background-color: #efefef;
}

.input-item-enq input[type="radio"] {
	margin-right: 4px;
}

.input-title-enq {
	margin: 4px 0 4px;
	font-weight: bold;
}

.text-short {
	width: 50px;
}

.text-zip {
	width: 70px;
}

.text-name {
	width: 120px;
}

.text-name-long {
	width: 200px;
}

.text-middle {
	width: 150px;
}

.text-long {
	width: 400px;
}

.text-area {
	width: 100%;
}

.text-cyuui {
	color: #666;
	font-size: 0.8em;
	margin-right: 2px;
}


.waribiki-title {
	line-height: 36px;
	padding-left: 15px;
	font-size: 1.2em;
	color: #D46898;
	background: linear-gradient(90deg, #FFFFFF, #F7D1EE);
	border-top: #D46898 solid 3px;
}

.waribiki-background {
	background: #D46898;
}

.waribiki-about {
	background: #EFEFEF;
}

.waribiki-about-line1 {
	padding: 14px 20px 6px 20px;
}

.waribiki-about-line2 {
	padding: 0 20px 14px 20px;
}

.button-copy {
	text-align: center;
	padding: 0 6px 0px 6px;
	background: linear-gradient(#FFFFFF, #FCBB76);
	border: solid 2px #F68B1E;
	border-radius: 4px;
	cursor: pointer;
}

	.button-copy:active {
		-webkit-transform: translateY(2px);
		transform: translateY(2px); /*下に動く*/
	}

.area-button {
	display: flex;
	justify-content: center;
}

.select-box {
	display: block;
	width: 120px;
	float: left;
	margin-right: 20px;
}

.select-box-gengou {
	width: 60px;
}

.select-box-yymm {
	width: 120px;
}

.select-box-dd {
	width: 80px;
}

.button-submit {
	width: 180px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-decoration: none;
	background: linear-gradient(#FFFFFF, #FCBB76);
	border: solid 2px #F68B1E;
	border-radius: 6px;
	font-size: 120%;
	font-weight: bold;
	color: #074770;
	text-align: center;
	cursor: pointer;
}

.button-edit {
	background: linear-gradient(#FFFFFF, #f5deb3);
	border: solid 2px #deb887;
	color: #b8860b;
}

.button-print {
	background: linear-gradient(#FFFFFF, #fafad2);
	border: solid 2px #deb887;
	color: #b8860b;
}

.button-submit:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px); /*下に動く*/
}

.button-submit:disabled {
	cursor: not-allowed;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px); /*下に動く*/
}

.button-hide {
	visibility: hidden;
}

.cursor-pointer {
	cursor: pointer;
}

.text-red {
	color: red;
}

.text-bold {
	font-weight: bold;
}

.errMessages {
	color: red;
}

.inputBack {
	background: #FFFFE0;
}

.kiyaku-maintitle {
	width: 80%;
	margin: 20px auto 20px auto;
	line-height: 1.5;
	padding: 4px 0 4px 0;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border-top-color: #009944;
	border-bottom-color: #009944;
	border-style: double;
	border-width: 4px 0px;
}

.kiyaku-maintitle-online {
	width: 80%;
	margin: 20px auto 20px auto;
	line-height: 1.5;
	padding: 4px 0 4px 0;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border-top-color: #FFA500;
	border-bottom-color: #FFA500;
	border-style: double;
	border-width: 4px 0px;
}

.kiyaku-subtitle {
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
	padding: 4px 10px 4px 14px;
	display: block;
	background-color: #c5e6b3;
	text-align: left;
}

.kiyaku-subtitle-online {
	width: 78%;
	font-size: 1.1em;
	line-height: 1.5;
	margin: auto;
	padding: 10px 10px 10px 10px;
	background-color: #F8F8FF;
	text-align: left;
}

.kiyaku-title {
	width: 260px;
	margin: auto;
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	color: #391c17;
	letter-spacing: 0.16em;
	background: linear-gradient(transparent 60%, #fff352 100%);
}

.kiyaku-title-online {
	width: 360px;
	margin: auto;
	font-size: 1.3em;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	color: #391c17;
	letter-spacing: 0.16em;
	background: linear-gradient(transparent 60%, #fff352 100%);
}

.kiyaku-area {
	width: 80%;
	margin: auto;
	border: 1px solid #c5e6b3;
	margin-top: 20px;
	margin-bottom: 20px;
}

.kiyaku-detail {
	width: 80%;
	margin: 10px auto;
}

.kiyaku-detail-txtRed {
	width: 80%;
	margin: 10px auto;
	Color: red
}

.kiyaku-detail-group {
	width: 80%;
	margin: auto;
	font-size: 1.1em;
	font-weight: bold;
}

.kiyaku-detail-online {
	width: 86%;
	margin: 20px auto;
}

.kiyaku-detail-line {
	margin-top: 2px;
	line-height: 2.0;
}

.kiyaku-button-area {
	width: 40%;
	margin: auto;
	border: 1px solid #BDB76B;
	background-color: #F5F5DC;
	padding: 20px;
}

.doui {
	text-align: center;
}

.area-button-confirm {
	display: flex;
	justify-content: space-around;
}

.confirm-about {
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 30px 20px 30px 20px;
	background: #F5F5F5;
	border: solid 1px #696969;
}

.confirm-about-line {
	color: #666;
	margin-bottom: 10px;
}

.order-about-line-notice {
	font-weight: bold;
	color: blue;
}

ol.kakko li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

	ol.kakko li:before {
		content: "("counter(cnt) ")";
		display: inline-block;
		text-align: right;
		position: absolute;
		top: 0;
		left: 0;
		margin-left: -4.5em;
		width: 4em;
	}

.left-margin-online {
	margin-left: 24px;
}

.course-name {
	display: flex;
	flex-direction: column;
}

.errorTxt {
	padding: 90px 0 100px 250px;
}

.text {
	color: #333;
	line-height: 2;
	margin: 10px;
}

.error-img {
	width: 720px;
	height: 471px;
	background-size: contain;
	margin: 10px auto 0 auto;
	background: url(../image/errorbg.jpg) no-repeat;
}

#windowClose {
	float: left;
	margin-left: 30px;
}