@charset "utf-8";
/* CSS Document */

h2{
font-size:2.5rem;
margin:1em 0;
text-align:center;
}



/* vueのマスタッシュ回避 */
[v-cloak] { display: none; }
.transition-fade-enter-active, .transition-fade-leave-active {
  transition: opacity .5s;
}

.transition-fade-enter, .transition-fade-leave-to {
  opacity: 0;
}

/* CUSTOM_DETAPICKER */
span.cell.day.weekend.sat { color:#00f; }
span.cell.day.weekend.sun { color:#f00; }
.vdp-datepicker input{ text-align:center; font-size:16px; }
.vdp-datepicker__calendar header{ height:auto; width:auto; height:auto; position:initial; }

/* Bootstrapフォームのスタイル上書き */
input.form-control {
    text-align:center;
}
select.form-control {
}
.input-group-text,
.form-control{
    font-size: 1.5rem;
}
.form-check-input{
	margin-top:0.6rem;
	width:15px;
	height:15px;
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
}
.form-check-label{
	padding-left:12px;
}
select.form-control{
	text-align:center;
}

/* 料金フォントは等幅ライニング */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700); */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;600;700&display=swap');
.price_number{
	/* font-family: 'Open Sans', sans-serif; */
	font-family: 'Source Serif Pro', serif;
}


/* シミュレーターテーブル */
.table-simulator td {
    vertical-align: bottom;
}
.table-simulator td{
	padding:6px 25px 6px 6px;
}

/* 合計金額 */
.total_all_price{
	text-weight:bold;
	font-size:3rem;
}

/* カラーラベル（未使用） */
.label-season-high{
	background-color:#0ff;
}
.label-season-shoulder{
	background-color:#ff0;
}
.label-season-low{
	background-color:#f0f;
}

/* 料金料金テーブル */
.table-calculation{
	width:100%;
}
	.table-calculation td{
		padding:6px;
	}
		.table-calculation td:nth-child(4){
			text-align:right;
		}
@media (min-width: 992px) {
	.table-calculation td:nth-child(1){
		width:30%;
	}
	.table-calculation td:nth-child(2){
		width:20%;
	}
	.table-calculation td:nth-child(3){
		width:30%;
	    padding-left: 30px;
	}
	.table-calculation td:nth-child(4){
		width:20%;
	}
}
@media (max-width: 991px) {
	.table-calculation td:nth-child(1){
		display:block;
		float:left;
		width:50%;
		font-weight:bold;
	}
	.table-calculation td:nth-child(2){
		display:block;
		float:left;
		width:50%;
	}
	.table-calculation td:nth-child(3){
		display:block;
		width:65%;
		float:left;
		font-size:12px;
		color:#888;
		vertical-align:bottom;
	}
	.table-calculation td:nth-child(4){
		display:block;
		float:left;
		width:35%;
		vertical-align:bottom;
	}
	.table-calculation tr{
		border-bottom: 1px dotted #eee;
	}
}