/* --- SP ---------- */
@media screen and (max-width: 740px) {

	div#main_body_left{
		display: none;
	}

	h3.sp_contents{
		margin: 10px 0;
		padding-left: 5px;
		border-left: 3px solid #ACD4EA;
		border-bottom: 1px solid #ccc;
	}

	div.main_reserve{
		width: 100%;
		margin: 0;
		padding: 10px 0;
		background: #fff;
	}

	div.reserve{
		width: 96%;
		margin: 10px auto;
	}

	table.reserve{
		width: 100%;
		margin: 5px 0;
		border: 1px solid #ccc;
		border-collapse: collapse;
		line-height: 140%;
	}

	table.reserve th{
		border: 1px solid #ccc;
		padding: 5px;
		background-color: #FFDFDF;
		font-weight: normal;
		text-align: left;
		font-size: 75%;
	}

	table.reserve td{
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 75%;
	}

	table.reserve td.opt{
		background-color: #FFF6FF;
	}


	table.reserve span.big{
		font-size: 100%;
		line-height: 180%;
	}

	table.reserve span.small{
		font-size: 75% !important;
	}

	table.reserve span.price{
		font-size: 90%;
	}


	table.reserve_cal{
		margin: 5px auto;
		border: 1px solid #ccc;
		border-collapse: collapse;
		line-height: 140%;
		text-align: center;
	}

	table.reserve_cal th{
		border: 1px solid #ccc;
		padding: 5px;
		background-color: #FFDFDF;
		font-size: 120%;
		font-weight: normal;
	}

	table.reserve_cal td{
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 110%;
	}

	td.bg_gray{
		background-color: #EEE !important;
	}

	h4.reserve_title{
		margin: 10px 0 5px 0;
		padding-bottom: 1px;
		color: #80AA00;
		border-bottom: 1px solid #80AA00;
	}

	ul.reserve_step{
		display: none;
	}

}


/* --- PC ---------- */
@media screen and (min-width: 741px) {

	div.main_reserve{
		width: 762px;
		margin: 0 auto;
	}

	div.reserve{
		width: 640px;
		margin: 15px auto;
	}

	table.reserve{
		width: 640px;
		margin: 5px 0;
		border: 1px solid #ccc;
		border-collapse: collapse;
		font-size: 9pt;
		line-height: 140%;
	}

	table.reserve th{
		border: 1px solid #ccc;
		padding: 5px 10px;
		background-color: #FFDFDF;
		font-weight: normal;
		text-align: left;
	}

	table.reserve th.w70{
		width: 70px;
	}

	table.reserve td{
		border: 1px solid #ccc;
		padding: 5px 10px;
	}

	table.reserve td.opt{
		background-color: #FFF6FF;
	}


	table.reserve span.big{
		font-size: 12pt;
		line-height: 180%;
	}

	table.reserve span.small{
		font-size: 8pt !important;
	}

	table.reserve span.price{
		font-size: 11pt;
	}



	table.reserve_cal{
		margin: 15px 0;
		border: 1px solid #ccc;
		border-collapse: collapse;
		line-height: 140%;
		text-align: center;
	}

	table.reserve_cal th{
		width: 70px;
		border: 1px solid #ccc;
		padding: 5px 10px;
		background-color: #FFDFDF;
		font-size: 14pt;
		font-weight: normal;
	}

	table.reserve_cal td{
		width: 70px;
		border: 1px solid #ccc;
		padding: 5px 10px;
		font-size: 12pt;
	}

	td.bg_gray{
		background-color: #EEE !important;
	}

	h4.reserve_title{
		margin: 25px 0 5px 0;
		padding-bottom: 1px;
		color: #80AA00;
		border-bottom: 1px solid #80AA00;
	}

	ul.reserve_step{
		margin: 15px 0 20px 0;
		padding: 0;
		lest-style: none;
	}

	ul.reserve_step li{
		margin: 0;
		padding: 0;
		display:block;
		float: left;
		width: 127px;
		height: 80px;
		text-indent: -9999px;
	}

	ul.reserve_step li.step01{
		background: url(../reserve_doc/img/reserve_step01.jpg) 0 0 no-repeat;
	}

	ul.reserve_step li.step01_on{
		background: url(../reserve_doc/img/reserve_step01.jpg) 0 -80px no-repeat;
	}

	ul.reserve_step li.step02{
		background: url(../reserve_doc/img/reserve_step02.jpg) 0 0 no-repeat;
	}

	ul.reserve_step li.step02_on{
		background: url(../reserve_doc/img/reserve_step02.jpg) 0 -80px no-repeat;
	}

	ul.reserve_step li.step03{
		background: url(../reserve_doc/img/reserve_step03.jpg) 0 0 no-repeat;
	}

	ul.reserve_step li.step03_on{
		background: url(../reserve_doc/img/reserve_step03.jpg) 0 -80px no-repeat;
	}

	ul.reserve_step li.step04{
		background: url(../reserve_doc/img/reserve_step04.jpg) 0 0 no-repeat;
	}

	ul.reserve_step li.step04_on{
		background: url(../reserve_doc/img/reserve_step04.jpg) 0 -80px no-repeat;
	}

	ul.reserve_step li.step05{
		background: url(../reserve_doc/img/reserve_step05.jpg) 0 0 no-repeat;
	}

	ul.reserve_step li.step05_on{
		background: url(../reserve_doc/img/reserve_step05.jpg) 0 -80px no-repeat;
	}

	ul.reserve_step li.step06{
		background: url(../reserve_doc/img/reserve_step06.jpg) 0 0 no-repeat;
	}

	ul.reserve_step li.step06_on{
		background: url(../reserve_doc/img/reserve_step06.jpg) 0 -80px no-repeat;
	}

}

/**
 *
 */
div.reserve-block {
	display:none;
}
div.reserve-block:first-child {
	display:block;
}
.hide {
	display:none;
}
p.txt-term span {
	font-size:x-large;
	color:red;
}

.cal-date {
	display:block;
}
.hyphen {
	display:block;
}
.hide-reserve {
	display:none;
	color:pink;
	text-align:center;
}