@charset "UTF-8";

/* ▼▼▼ お問い合わせ
=====================================*/
.read {
	margin-bottom: 30px;
	line-height: 1.8;
	}
	.read .required:before {
		content: "必須";
		background: #CF4141;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 1px 10px;
		margin-right: 5px;
		color: #fff;
		font-size: 12px;
		}

table.info {
	width: 100%;
	max-width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto 30px;
	overflow: hidden;
	}
	table.info .cal_slider{
		width: 500px;
		max-width: 100%;
	}

	table.info th,
	table.info td {
		border-bottom: 1px solid #ccc;
		padding: 20px 30px;
		vertical-align: top;
		}
	table.info th {
		width: 27%;
		background: #F7F6F2;
		border-right: 1px solid #ccc;
		position: relative;
		}
	table.info th:after {
		content: "必須";
		background: #CF4141;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 1px 10px;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		position: absolute;
		top: 20px;
		right: 10px;
		}
	table.info th.no:after {
		content: "任意";
		background: #144593;
		}
		table.info td span,
		table.info td input {margin-right: 10px;}
		table.info td span,
		table.info td p {
			color: #666;
			font-size: 12px;
			}
		table.info td p {
			color: #ff0000;
			}
            table.info td p.kome02 {
    			color: inherit;
    			}
		table.info td p {margin: 5px 0 0;}
		table.info td input {
			width: 55%;
			height: auto;
			background: #eee;
			border: none;
			padding: 10px;
			font-size: 14px;
			}
		table.info td select {
			padding: 5px;
			margin-right: 5px;
			font-size: 14px;
			}
		table.info td input.w01 {width: 100px;}
		table.info td input.w02 {width: 40%;}
		table.info td textarea {
			width: 100%;
			background: #eee;
			border: none;
			padding: 10px;
			font-size: 14px;
			}
			table.info td div p:first-child {margin-bottom: 10px;}
			table.info td table {width: 100%;border: none;}
			table.info td table th,
		table.info td ul {overflow: hidden;}
		table.info td ul input {
			width: auto;
			}
			table.info td ul > li {
				float: left;
				margin: 0 10px 5px 0;
				}
			table.info td ul > li span {font-size: 14px;}
			table.info td .paid ul > li {width: 100%;}
		table.info td .kind ul > li:last-child {
			clear: both;
			}


/* ▼ プライバシー */
#privacy {
	height: 130px;
	border: 1px solid #CCD1D5;
	padding: 15px 15px 0 15px;
	margin-bottom: 20px;
	font-size: 12px;
	overflow-y: scroll;
	}
	#privacy .title {
		margin-bottom: 15px;
		font-weight: bold;
		}
	#privacy dl.privacy {margin-bottom: 15px;}
	#privacy ol.privacy {
		margin-bottom: 10px;
		overflow: hidden;
		}
		#privacy ol.privacy li {
			margin-bottom: 10px;
			font-weight: bold;
			}
			#privacy ol.privacy li p {font-weight: normal;}
	#privacy .creation {
		margin-bottom: 15px;
		text-align: right;
		}

/* ▼ ボタン */
.btn_box {
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
	}
	.btn_box ul.btn {
	    float: left;
	    left: 50%;
	    position: relative;
		}
		.btn_box ul.btn li {
		    float: left;
		    width: 320px;
		    left: -50%;
		    position: relative;
		    margin-right: 10px;
			}
		.btn_box ul.btn li:last-child {margin-right: 0;}



/* ▼▼▼ 480px
=====================================*/
@media screen and (max-width: 480px) {

h1.title {width: 170px;}
.read {margin: 0 15px 30px;}
.step {
	width: 100%;
	margin: 0 auto 15px;
	}
.read {margin-bottom: 10px;}
table.info {
	width: 95%;
	margin: 0 auto 20px;
	}

	table.info .cal_slider{
		width: calc(100vw - 41px);
		max-width: calc(100vw - 41px);
	}
	table.info .cal_slider iframe{
		width: calc(100vw - 41px);
		max-width: calc(100vw - 41px);
	}
	table.info th,
	table.info td {
		display: block;
		padding: 10px;
		}
	table.info th {
		width: 100%;
		border-right: none;
		padding: 10px 20px;
		}
	table.info th:after {
		top: 10px;
		right: 10px;
		}
	table.info th span {display: inline;}
		table.info td span {
			display: block;
			margin-top: 5px;
			}
		table.info td span {
			margin-right: 0;
			}
		table.info td input {
			width: 100%!important;
			padding: 15px;
			font-size: 16px;
			}
		table.info td input.w01 {width: 70px!important;}
		table.info td input.w01 + span {display: inline;}
			table.info td table th,
			table.info td table td {
				padding: 5px 0;
				}
		table.info td ul input {
			width: auto!important;
			background: #ccc;
			border: 1px solid #ccc;
			padding: 0;
			}
		table.info td .kind ul input[type=text] {
			width: 100%!important;
			background: #eee!important;
			border: none;
			padding: 10px;
			}
		table.info td ul input:checked {
			background: #333;
			}
			table.info td ul > li {
				width: 50%;
				margin: 0 0 5px 0;
				}
			table.info td ul > li span {display: inline;}
			table.info td .max li {
				width: 100%;
				}
			table.info td .time li {
				width: 30%;
				}
			table.info td .kind ul > li:last-child {width: 100%;}

/* ▼ ボタン */
.btn_box {
	}
	.btn_box ul.btn {
		float: none;
		width: 95%;
		margin: 0 auto;
		left: inherit;
		}
		.btn_box ul.btn li {
			width: 100%;
			margin: 0 0 10px;
		    left: inherit;
			}
		.btn_box ul.btn li:last-child {margin-right: auto;}

}