@charset "UTF-8";
/* スマートフォン向け */
@media all and (max-width: 639px) {
	.plan-box {
		width: 95%;
		height: auto;
		border: 1px solid #888888;
		margin: 5% auto;
		text-align: center;
	}
	.plan-box .plan-title {
		display: table;
		margin: 3% auto;
		color: #0e3071;
		font-weight: normal;
		border-bottom: 2px solid #0e3071;
		padding-bottom: 2%;
	}
	.plan-box .fee-box {
		width: 80%;
		height: auto;
		margin: 5% auto;
	}
	.plan-box .fee-box .fee-list {
		padding-left: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.plan-box .fee-box .fee-list:nth-child(3),
	.plan-box .fee-box .fee-list:nth-child(4),
	.plan-box .fee-box .fee-list:nth-child(5) {
		margin-top: 2%;
	}
	.plan-box .fee-box .fee-list:nth-child(4) .fee-amount {
		margin-right: -3.5% !important;
	}
	.plan-box .fee-box .fee-list:nth-child(4) .fee-amount:after {
		content: "~";
	}
	.plan-box .fee-box .fee-list .fee-type {
		list-style-type: none;
	}
	.plan-box .fee-box .fee-list .fee-amount {
		list-style-type: none;
		padding-right: 1.5vw;
	}
	.plan-box .discount {
		margin: 0;
		padding: 0;
		text-align: left;
		color: red;
		font-size: 0.6em;
	}
	.plan-box .adult-type-res .fee-schedule {
		border: 1px solid #000;
		border-collapse: collapse;
		margin: 3% auto;
		width: 70%;
		height: auto;
	}
	.plan-box .adult-type-res .fee-schedule caption {
		margin-bottom: 2vh;
		font-size: 1.3em;
	}
	.plan-box .adult-type-res .fee-schedule .time-type,
	.plan-box .adult-type-res .fee-schedule .price-row {
		width: 95%;
		height: auto;
		border-collapse: collapse;
	}
	.plan-box .adult-type-res .fee-schedule .time-type th,
	.plan-box .adult-type-res .fee-schedule .time-type td,
	.plan-box .adult-type-res .fee-schedule .price-row th,
	.plan-box .adult-type-res .fee-schedule .price-row td {
		display: block;
		border: 1px solid #000;
		text-align: center;
		padding: 5px;
		font-size: 1em;
		font-weight: bold;
		/*background-color: #fff2cc;*/
	}
	

	.plan-box .adult-type ,
	.plan-box .kids-type {
		display: none;
	}

	.plan-box .adult-type-res .fee-schedule .time-type td,
	.plan-box .adult-type-res .fee-schedule .price-row td {
		font-size: 1.2em;
		font-weight: normal;
		padding-bottom: 0.6em;
  }
	.plan-box .adult-type-res .fee-schedule .time-type th:nth-child(1) ,
	.plan-box .adult-type-res .fee-schedule .time-type th:nth-child(2) ,
	.plan-box .adult-type-res .fee-schedule .time-type th:nth-child(3) ,
	.plan-box .adult-type-res .fee-schedule .time-type th:nth-child(4) {
		background-color: #fff2cc;
		font-size: 0.8em;
	}

	.plan-box .adult-type-res .fee-schedule .time-type td:before,
	.plan-box .adult-type-res .fee-schedule .price-row td:before {
		content: attr(data-label);
		font-size: 1em;
		font-weight: normal;
		display: block;
	}
}



/* タブレット向け */
@media all and (min-width: 640px) and (max-width: 1023px) {
  .plan-box {
    width: 95%;
    height: auto;
    border: 1px solid #888888;
    margin: 5% auto;
    text-align: center;
  }
  .plan-box .plan-title {
    display: table;
    margin: 3% auto;
    color: #0e3071;
    font-weight: normal;
    border-bottom: 2px solid #0e3071;
    padding-bottom: 2%;
  }
  .plan-box .fee-box {
    width: 60%;
    height: auto;
    margin: auto;
  }
  .plan-box .fee-box .fee-list {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .plan-box .fee-box .fee-list:nth-child(3), .plan-box .fee-box .fee-list:nth-child(4), .plan-box .fee-box .fee-list:nth-child(5) {
    margin-top: 2%;
  }
  .plan-box .fee-box .fee-list:nth-child(4) .fee-amount {
    padding-right: 5px !important;
  }
  .plan-box .fee-box .fee-list:nth-child(4) .fee-amount:after {
    content: "~";
  }
  .plan-box .fee-box .fee-list .fee-type {
    list-style-type: none;
  }
  .plan-box .fee-box .fee-list .fee-amount {
    list-style-type: none;
    padding-right: 20px;
  }
  .plan-box .discount {
    margin: 0;
    padding: 0;
    text-align: left;
    color: red;
    font-size: 0.6em;
  }
  .plan-box .adult-type .fee-schedule, .plan-box .kids-type .fee-schedule {
    border-collapse: collapse;
    margin: 3% auto;
  }
  .plan-box .adult-type .fee-schedule caption, .plan-box .kids-type .fee-schedule caption {
    margin-bottom: 2vh;
  }
  .plan-box .adult-type .fee-schedule .time-type, .plan-box .adult-type .fee-schedule .price-row, .plan-box .kids-type .fee-schedule .time-type, .plan-box .kids-type .fee-schedule .price-row {
    width: 95%;
    height: auto;
    border-collapse: collapse;
    background-color: #fff2cc;
  }
  .plan-box .adult-type .fee-schedule .time-type th, .plan-box .adult-type .fee-schedule .time-type td, .plan-box .adult-type .fee-schedule .price-row th, .plan-box .adult-type .fee-schedule .price-row td, .plan-box .kids-type .fee-schedule .time-type th, .plan-box .kids-type .fee-schedule .time-type td, .plan-box .kids-type .fee-schedule .price-row th, .plan-box .kids-type .fee-schedule .price-row td {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
    font-size: 0.6em;
  }
  .plan-box .adult-type .fee-schedule .time-type th, .plan-box .adult-type .fee-schedule .price-row th, .plan-box .kids-type .fee-schedule .time-type th, .plan-box .kids-type .fee-schedule .price-row th {
    color: #0070c0;
    font-weight: normal;
  }
	
	.plan-box .adult-type-res {
		display: none;
	}
}




/* ネットブック向け */
@media all and (min-width: 1024px) and (max-width: 1399px) {
  .plan-box {
    width: 95%;
    height: auto;
    border: 1px solid #888888;
    margin: 5% auto;
    text-align: center;
  }
  .plan-box .plan-title {
    display: table;
    margin: 3% auto;
    color: #0e3071;
    font-weight: normal;
    border-bottom: 2px solid #0e3071;
    padding-bottom: 2%;
  }
  .plan-box .fee-box {
    width: 60%;
    height: auto;
    margin: auto;
  }
  .plan-box .fee-box .fee-list {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .plan-box .fee-box .fee-list:nth-child(3), .plan-box .fee-box .fee-list:nth-child(4), .plan-box .fee-box .fee-list:nth-child(5) {
    margin-top: 2%;
  }
  .plan-box .fee-box .fee-list:nth-child(4) .fee-amount {
    padding-right: 4px !important;
  }
  .plan-box .fee-box .fee-list:nth-child(4) .fee-amount:after {
    content: "~";
  }
  .plan-box .fee-box .fee-list .fee-type {
    list-style-type: none;
  }
  .plan-box .fee-box .fee-list .fee-amount {
    list-style-type: none;
    padding-right: 20px;
  }
  .plan-box .discount {
    margin: 0;
    padding: 0;
    text-align: left;
    color: red;
    font-size: 0.6em;
  }
  .plan-box .adult-type .fee-schedule, .plan-box .kids-type .fee-schedule {
    border-collapse: collapse;
    margin: 3% auto;
  }
  .plan-box .adult-type .fee-schedule caption, .plan-box .kids-type .fee-schedule caption {
    margin-bottom: 2vh;
  }
  .plan-box .adult-type .fee-schedule .time-type, .plan-box .adult-type .fee-schedule .price-row, .plan-box .kids-type .fee-schedule .time-type, .plan-box .kids-type .fee-schedule .price-row {
    width: 95%;
    height: auto;
    border-collapse: collapse;
    background-color: #fff2cc;
  }
  .plan-box .adult-type .fee-schedule .time-type th, .plan-box .adult-type .fee-schedule .time-type td, .plan-box .adult-type .fee-schedule .price-row th, .plan-box .adult-type .fee-schedule .price-row td, .plan-box .kids-type .fee-schedule .time-type th, .plan-box .kids-type .fee-schedule .time-type td, .plan-box .kids-type .fee-schedule .price-row th, .plan-box .kids-type .fee-schedule .price-row td {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
    font-size: 0.6em;
  }
  .plan-box .adult-type .fee-schedule .time-type th, .plan-box .adult-type .fee-schedule .price-row th, .plan-box .kids-type .fee-schedule .time-type th, .plan-box .kids-type .fee-schedule .price-row th {
    color: #0070c0;
    font-weight: normal;
  }
	.plan-box .adult-type-res {
		display: none;
	}
}




/* パソコン向け */
@media all and (min-width: 1400px) {
  .plan-box {
    width: 1000px;
    height: auto;
    border: 1px solid #888888;
    margin: 5% auto;
    text-align: center;
  }
  .plan-box .plan-title {
    display: table;
    margin: 3% auto;
    color: #0e3071;
    font-weight: normal;
    border-bottom: 2px solid #0e3071;
    padding-bottom: 2%;
  }
  .plan-box .fee-box {
    width: 60%;
    height: auto;
    margin: auto;
  }
  .plan-box .fee-box .fee-list {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .plan-box .fee-box .fee-list:nth-child(3), .plan-box .fee-box .fee-list:nth-child(4), .plan-box .fee-box .fee-list:nth-child(5) {
    margin-top: 2%;
  }
  .plan-box .fee-box .fee-list:nth-child(4) .fee-amount {
    padding-right: 0 !important;
  }
  .plan-box .fee-box .fee-list:nth-child(4) .fee-amount:after {
    content: "~";
  }
  .plan-box .fee-box .fee-list .fee-type {
    list-style-type: none;
  }
  .plan-box .fee-box .fee-list .fee-amount {
    list-style-type: none;
    padding-right: 20px;
  }
  .plan-box .discount {
    margin: 0;
    padding: 0;
    text-align: left;
    color: red;
    font-size: 0.6em;
  }
  .plan-box .adult-type .fee-schedule, .plan-box .kids-type .fee-schedule {
    border-collapse: collapse;
    margin: 3% auto;
  }
  .plan-box .adult-type .fee-schedule caption, .plan-box .kids-type .fee-schedule caption {
    margin-bottom: 2vh;
  }
  .plan-box .adult-type .fee-schedule .time-type, .plan-box .adult-type .fee-schedule .price-row, .plan-box .kids-type .fee-schedule .time-type, .plan-box .kids-type .fee-schedule .price-row {
    width: 95%;
    height: auto;
    border-collapse: collapse;
    background-color: #fff2cc;
  }
  .plan-box .adult-type .fee-schedule .time-type th, .plan-box .adult-type .fee-schedule .time-type td, .plan-box .adult-type .fee-schedule .price-row th, .plan-box .adult-type .fee-schedule .price-row td, .plan-box .kids-type .fee-schedule .time-type th, .plan-box .kids-type .fee-schedule .time-type td, .plan-box .kids-type .fee-schedule .price-row th, .plan-box .kids-type .fee-schedule .price-row td {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
    font-size: 0.6em;
  }
  .plan-box .adult-type .fee-schedule .time-type th, .plan-box .adult-type .fee-schedule .price-row th, .plan-box .kids-type .fee-schedule .time-type th, .plan-box .kids-type .fee-schedule .price-row th {
    color: #0070c0;
    font-weight: normal;
  }
	.plan-box .adult-type-res {
		display: none;
	}
}