/*フォームボックスのデザイン*/
.form-box{
    width: 100%; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 14px;
    border-radius: 3px; /*ボックス角の丸み*/
	background-color: #ffffff;
	color: #000000;
    border: 1px solid #999; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
}


table.topprice{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
	background-color: #fff;
}

table.topprice tr:last-child{
  border-bottom:solid 1px #ddd;
}

table.topprice th{
  text-align: center;
  padding: 7px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 48%;
	font-size:16px;
}

table.topprice th:nth-child(1){
  background-color:#999;
color: white;
	
}

table.topprice th:nth-child(2){
  background-color:#f5b932;
  color: white;
}

table.topprice tr:nth-child(2) td{
	padding: 16px 0;
	color:#333333;
	font-weight: bold;
  font-size: 24px;
}

table.topprice tr:nth-child(3) td{
	padding: 16px 0;
	color:#333333;
	font-weight: bold;
  font-size: 24px;
}

table.topprice tr:nth-child(4) td{
	padding-top: 16px;
	padding-bottom: 7px;
}
table.topprice tr:nth-child(5) td{
	padding: 7px 7px;
}

table.topprice td{
  text-align: center;
  padding: 7px 7px 7px 7px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd; 
  width: 48%;
}

table.topprice td a{
  background-color: #25b327;
  color: white;
  padding:5px 3%;
  border-radius: 30px;
  font-weight: bold;
}

table.topprice .popular{
  width: 50%;
}

table.topprice th.popular{
	background-color: #f34955;
	color: white;
  /*position: relative;*/
}

table.topprice .popular2{
  width: 50%;
}

table.topprice th.popular2{
	background-color: #f5b932;
	color: white;
  /*position: relative;*/
}

/*table.topprice th.popular span.no1{
  position: absolute;
  top: -10px;
  left:calc(50% - 30px);
  background: #bdcc28;
  width: 60px;
  font-size: 10px;
  border-radius: 15px;
  line-height: 1;
  padding: 5px;
}

table.topprice th.popular span.inner{
  position: absolute;
  color:white;
  background-color: #f34955;
  left: 0;
  bottom: 0;
  display: block;
  width: 36%;
  padding: 1% 0;
}*/



table.fee2 {
	border-top:0.5px solid #ffffff;
	border-right:0.5px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	font-size:13px;
}
table.fee2 th {
	border-left:0.5px solid #ffffff;
	border-bottom:0.5px solid #ffffff;
	text-align:center;
	padding:10px;
}
table.fee2 td {
	border-left:0.5px solid #ffffff;
	border-bottom:0.5px solid #ffffff;
	padding:10px;
}
table.fee2 th {
	background-color:#52638D;
	color:#ffffff;
}


table.fee3 {
	border-top:0.5px solid #ffffff;
	border-right:0.5px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	text-align:center;
	font-size:13px;
}
table.fee3 th {
	border-left:0.5px solid #ffffff;
	border-bottom:0.5px solid #ffffff;
	text-align:center;
	padding:10px;
}
table.fee3 td {
	border-left:0.5px solid #ffffff;
	border-bottom:0.5px solid #ffffff;
	text-align:center;
	padding:10px;
}
table.fee3 th {
	background-color:#63798B;
	color:#ffffff;
}

table.fee4 {
	border-top:0.5px solid #ffffff;
	border-right:0.5px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	font-size:13px;
}
table.fee4 th {
	border-left:0.5px solid #ffffff;
	border-bottom:0.5px solid #ffffff;
	text-align:center;
	padding:3px 3% 3px 3%;
}
table.fee4 td {
	border-left:0.5px solid #ffffff;
	border-bottom:0.5px solid #ffffff;
	padding:3px 3% 3px 3%;
}
table.fee4 th {
	background-color:#52638D;
	color:#ffffff;
}

.tbl-clock {
	margin: 0 auto;
    width: 50%;
	text-align: center;
    font-size: 14px;
    box-sizing: border-box;
  }
.tbl-clock td {
	width: 50%;
  border: solid 1px #ddd;
  padding: 10px;
}
@media screen and (max-width:480px) {
	.tbl-clock {
	margin: 0 auto;
    width: 100%;
	text-align: center;
    font-size: 14px;
    box-sizing: border-box;
  }
.tbl-clock td {
	width: 50%;
  border: solid 1px #ddd;
  padding: 10px;
}
}

@media screen and (min-width:481px) {
table.fee {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	text-align:center;
	font-size:13px;
}
table.fee th {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align:center;
	padding:10px;
}
table.fee td {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align:center;
	padding:10px;
	background-color:#efefef;
}
table.fee th {
	background-color:#24407D;
	color:#ffffff;
}
table.fee td {
}
}
@media screen and (max-width:480px) {
table.fee {
	display:block;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;
	position:relative;
}
table.fee thead {
	display:block;
	text-align:center;
	float:left;
}
table.fee tbody {
	display:block;
	width:auto;
	text-align:center;
	position:relative;
	overflow-x:auto;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
}
table.fee th {
	display:block;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align:center;
	background-color:#24407D;
	color: #ffffff;
	height:29px;
}
table.fee td {
	display:block;
	text-align:center;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-color:#efefef;
	height:29px;
}
table.fee tr {
	display:inline-block;
}
table.fee tbody tr {
	margin-right:-5px;
}
}
 @media screen and (min-width:481px) {
table.photo {
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-collapse:collapse;
	width:100%;
	text-align:center;
	font-size:13px;
	table-layout: fixed
}
table.photo th {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:10px;
	background-color:#eeefef;
	color:#000000;
}
table.photo td {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:10px;
}

}
 @media screen and (max-width:480px) {
table.photo {
	display:block;
	position:relative;
}
table.photo thead {
	display:block;
	float:left;
}
table.photo tbody {
	display:block;
	width:auto;
	position:relative;
	overflow-x:auto;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
}
table.photo th {
	display:block;
}
table.photo td {
	display:block;
}
table.photo tr {
	display:inline-block;
}
table.photo tbody tr {
	margin-right:-5px;
}
}
 @media screen and (min-width:481px) {
table.normal{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.normal th {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	font-size:100%;
	width:30%;
	max-height: 100%;
}
table.normal td {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
}

	 table.enq{
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.enq th {
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#000000;
	background-color:#eeeeee;
	font-size:100%;
	width:30%;
	max-height: 100%;
}
table.enq td {
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	font-size:100%;
	color:#000000;
	background-color:#F7F7F8;
	max-height: 100%;
}
	 
	 	 table.exchange{
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.exchange th {
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-size:100%;
	width:50%;
	max-height: 100%;
}
table.exchange td {
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	font-size:100%;
	color:#000000;
	max-height: 100%;
}
	 
table.linebox{
	border-top:2px solid #ED6A1C;
	border-right:2px solid #ED6A1C;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.linebox th {
	border-left:2px solid #ED6A1C;
	border-bottom:2px solid #ED6A1C;
	padding:10px 10px 10px 10px;
	color:#2F3847;
	font-size:100%;
	max-height: 100%;
}
table.linebox td {
	border-left:2px solid #ED6A1C;
	border-bottom:2px solid #ED6A1C;
	color:#2F3847;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
}

}
 @media screen and (max-width:480px) {
table.normal {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.normal th {
	display: block;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.normal td {
	display: block;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}
	 
	 table.enq {
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.enq th {
	display: block;
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#000000;
	background-color:#eeeeee;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.enq td {
	display: block;
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	color:#000000;
	background-color:#F7F7F8;
	box-sizing:border-box;
}
		 table.exchange {
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.exchange th {
	display: block;
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.exchange td {
	display: block;
	border-left:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	color:#000000;
	box-sizing:border-box;
} 
	 
	 
	 table.linebox{
	border-top:2px solid #ED6A1C;
	border-right:2px solid #ED6A1C;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.linebox th {
	border-left:2px solid #ED6A1C;
	border-bottom:2px solid #ED6A1C;
	padding:10px 10px 10px 10px;
	color:#2F3847;
	font-size:100%;
	max-height: 100%;
}
table.linebox td {
	border-left:2px solid #ED6A1C;
	border-bottom:2px solid #ED6A1C;
	color:#2F3847;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
}
	 
	 

}

 @media screen and (min-width:481px) {
table.normal2{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:13px;
	box-sizing: border-box;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
	table-layout: fixed
}
table.normal2 th {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:5px 1% 5px 1%;
	color:#000000;
	font-size:13px;
	font-weight: normal;
	box-sizing: border-box;
	width:35%;
	max-height: 100%;
	text-align: left;
}
table.normal2 td {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:5px 1% 5px 1%;
	text-align:left;
	font-size:13px;
	width:30%;
	box-sizing: border-box;
	max-height: 100%;
}
}
 @media screen and (max-width:480px) {
table.normal2 {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:13px;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
	table-layout: fixed
}
table.normal2 th {
	display: block;
	border-left:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:5px 5px 5px 10px;
	color:#000000;
	font-size:13px;
	font-weight: normal;
	text-align: left;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.normal2 td {
	display: block;
	border-left:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:5px 5px 5px 10px;
	font-size:13px;
	text-align:left;
	max-height: 100%;
	box-sizing:border-box;
}
}

 @media screen and (min-width:481px) {
table.normal3{
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.normal3 th {
	padding:10px 10px 10px 10px;
	color:#ffffff;
	font-size:100%;
	width:30%;
	max-height: 100%;
}
table.normal3 td {
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
}



}
 @media screen and (max-width:480px) {
table.normal3 {
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.normal3 th {
	display: block;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	background-color:#E7E7E7;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.normal3 td {
	display: block;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}

}


@media screen and (min-width:481px) {
table.price{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	color:#555555;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.price th {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	font-size:100%;
	width:30%;
	max-height: 100%;
}
table.price td {
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#555555;
	font-size:16px;
	font-weight:bold;
	max-height: 100%;
}



}
 @media screen and (max-width:480px) {
table.price {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	color:#555555;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.price th {
	display: block;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.price td {
	display: block;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 10px 10px 10px;
	color:#555555;
	font-size:16px;
	font-weight:bold;
	max-height: 100%;
	box-sizing:border-box;
}

}


 @media screen and (min-width:481px) {
	#formWrap {
	width:100%;
	margin:0 auto;
	color:#555555;
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size:14px;
	line-height:1.6em
} 
	 
table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td, table.formTable th {
	border:1px solid #999999;
	padding:10px;
	line-height : 1.8em
}
table.formTable th {
	font-weight:bold;
	text-align:left;
	font-size:13px;
	background-color:#efefef;
	color:#000000;
	width: 40%;
}
}
@media screen and (max-width:480px) {
	#formWrap {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable {
border-top:1px solid #333333;
	border-right:1px solid #333333;
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
	/*border-top: 1px solid #999999;*/
}
table.formTable th {
	display: block;
	border-left:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:10px 10px 10px 10px;
	color:#000000;
	background-color: #efefef;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
	/*display: block;
	text-align: left;*/
}
table.formTable td {
	display: block;
	border-left:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:10px 10px 10px 10px;
	color:#000000;
	background-color: #ffffff;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
	/*display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;*/
}
}
 @media screen and (min-width:481px) {
table.normal4 {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.normal4 td {
	width: 50%;
}
table.normal4 th {
	line-height : 1.8em
}
table.normal4 th {
	width: 50%;
}
}
 @media screen and (max-width:480px) {
table.normal4 {
	width: 100%;
	box-sizing:border-box;
}
table.normal4 td {
	display: block;
	text-align: left;
	width: 100%;
	box-sizing:border-box;
}
table.normal4 th {
	display: block;
	width: 100%;
	box-sizing:border-box;
}
}

@media screen and (min-width:481px) {
table.normal5 {
	width:100%;
	margin:0 auto;
	text-align: left;
	font-weight: normal;
	border-collapse:collapse;
}
table.normal5 td {
padding:10px 10px 10px 10px;
	width: 30%;
}
table.normal5 th {
	font-weight: normal;
	padding:10px 10px 10px 10px;
	line-height : 1.8em
}
table.normal5 th {
	width: 70%;
}
}
 @media screen and (max-width:480px) {
table.normal5 {
	width: 100%;
	text-align: left;
	box-sizing:border-box;
}
table.normal5 td {
	display: block;
	text-align: left;
	padding:10px 0px 10px 0px;
	width: 100%;
	box-sizing:border-box;
}
table.normal5 th {
	display: block;
	width: 100%;
	padding:10px 0px 10px 0px;
	font-weight: normal;
	box-sizing:border-box;
}
}

@media screen and (min-width:481px) {
table.normal6{
	border-collapse:separate;
	border-spacing: 0px 10px;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.normal6 th {
	border-left:2px;
	border-bottom:2pxf;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-size:100%;
	width:30%;
	max-height: 100%;
}
table.normal6 td {
	border:1px solid #dddddd;
	padding:20px 20px 20px 20px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}
}
@media screen and (max-width:480px) {
table.normal6 {
	border-top:1px;
	border-right:1px;
	border-collapse:separate;
	border-spacing: 0px 10px;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.normal6 th {
	display: block;
	border-left:1px;
	border-bottom:1px;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.normal6 td {
	display: block;
	border:1px solid #dddddd;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}
	}

 @media screen and (min-width:481px) {
table.normal7{
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.normal7 th {
	padding:20px 5% 20px 5%;
	color:#ffffff;
	font-size:100%;
	width:30%;
	max-height: 100%;
}
table.normal7 td {
	padding:20px 5% 20px 5%;
	font-size:100%;
	max-height: 100%;
}



}
 @media screen and (max-width:480px) {
table.normal7 {
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.normal7 th {
	display: block;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	background-color:#5DA3C3;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.normal7 td {
	display: block;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}

}

@media screen and (min-width:481px) {
table.normal8 {
	width:100%;
	margin:0 auto;
	text-align: left;
	font-weight: normal;
	border-collapse:collapse;
	border: solid 2px #fff;
}
table.normal8 td {
padding:10px 10px 10px 10px;
	width: 30%;
		border: solid 2px #fff;
}
table.normal8 th {
	font-weight: normal;
	padding:10px 10px 10px 10px;
	line-height : 1.8em;
			border: solid 2px #fff;
}
table.normal8 th {
	width: 70%;
}
}
 @media screen and (max-width:480px) {
table.normal8 {
	width: 100%;
	text-align: left;
		border: solid 2px #fff;
	box-sizing:border-box;
}
table.normal8 td {
	display: block;
	text-align: left;
	padding:10px 10px 10px 10px;
	width: 100%;
		border: solid 2px #fff;
	box-sizing:border-box;
}
table.normal8 th {
	display: block;
	width: 100%;
	padding:10px 10px 10px 10px;
	font-weight: normal;
		border: solid 2px #fff;
	box-sizing:border-box;
}
}

 @media screen and (min-width:601px) {
table.normal10{
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
    border: solid 2px #fff;
}
table.normal10 th {
	padding:20px 5% 20px 5%;
	color:#ffffff;
    background-color:#5DA3C3;
	font-size:100%;
	width:30%;
	max-height: 100%;
    border: solid 2px #fff;
}
table.normal10 td {
	padding:20px 5% 20px 5%;
	font-size:100%;
	max-height: 100%;
    border: solid 2px #fff;
}
}
 @media screen and (max-width:600px) {
table.normal10 {
	border-collapse:collapse;
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.normal10 th {
	display: block;
	padding:10px 10px 10px 10px;
	color:#ffffff;
	background-color:#5DA3C3;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.normal10 td {
	display: block;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}
}




@media screen and (min-width:961px) {
table.top1{
	border-collapse:separate;
	border-spacing: 0px 0px;
	width:70%;
	margin:0 15% 0 15%;
	text-align:center;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.top1 th {
	border-left:2px;
	border-bottom:2px;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-size:100%;
	width:70%;
	max-height: 100%;
}
table.top1 td {
	border:1px solid #dddddd;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}
}
@media screen and (max-width:960px) {
table.top1 {
	border-collapse:separate;
	border-spacing: 0px 0px;
	width:90%;
	margin:0 5% 0 5%;
	max-height: 100%;
	text-align:center;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.top1 th {
	display: block;
	border-left:1px;
	border-bottom:1px;
	padding:10px 10px 10px 10px;
	color:#000000;
	font-size:100%;
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.top1 td {
	display: block;
	border:1px solid #dddddd;
	padding:10px 10px 10px 10px;
	font-size:100%;
	max-height: 100%;
	box-sizing:border-box;
}
	}



@media screen and (min-width:961px) {
table.top2{
	width:100%;
	margin:0;
	font-size:100%;
	line-height:1.4em;
	-webkit-text-size-adjust:100%;
}
table.top2 th {
	padding:10px 0px 10px 0px;
	color:#000000;
	font-size:100%;
		text-align:center;
}
table.top2 td {
	padding:0px 10px 0px 10px;
	line-height:1.4em;
	font-size:100%;
		text-align:left;
	box-sizing:border-box;
}
}

@media screen and (max-width:960px) {
table.top2 {
	width:100%;
	margin:0 0% 0 0%;
	line-height: 1.6em;
	font-size:12px;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.top2 th {
	padding:0px 0px 0px 0px;
	color:#000000;
	font-size:12px;
		text-align:center;
	box-sizing:border-box;
}
table.top2 td {
	padding:0px 0px 0px 0px;
	line-height:1.6em;
	font-size:12px;
		text-align:left;
	box-sizing:border-box;
}
	}



@media screen and (min-width:731px) {
table.wh1{
	margin:0 auto;
	border-collapse:collapse;
	border-top:0px solid #3F6EB4;
	width:100%;
	text-align:center;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.wh1 th {
	padding:10px 0px 10px 0px;
	color:#7ea7d9;
	text-align: center;
	width:8%;
	vertical-align:middle;
	max-height: 100%;
}
table.wh1 td {
	padding:10px 0px 10px 0px;
	color:#000000;
	text-align: left;
	 vertical-align:middle;
	max-height: 100%;
}
}
@media screen and (max-width:730px) {
table.wh1{
	display: block;
	margin:0 auto;
	border-collapse:collapse;
	border-top:0px solid #3F6EB4;
	width:100%;
	text-align:center;
	font-size:100%;
	max-height: 100%;
	-webkit-text-size-adjust:100%;
}
table.wh1 th {
	display: block;
	padding:30px 0% 10px 0;
	color:#7ea7d9;
	text-align: center;
	width:100%;
	vertical-align:middle;
	max-height: 100%;
}
table.wh1 td {
	display: block;
	padding:0px 0% 10px 0%;
	color:#000000;
	text-align: left;
	 vertical-align:middle;
	max-height: 100%;
	}
}


table.normal9 {
	width:100%;
	margin:0 auto;
	text-align: left;
	font-weight: normal;
	border-collapse:collapse;
	border: solid 2px #fff;
}
table.normal9 td {
padding:10px 10px 10px 10px;
		border: solid 2px #fff;
}
table.normal9 th {
	font-weight: normal;
	padding:10px 10px 10px 10px;
	line-height : 1.8em;
			border: solid 2px #fff;
}


table.link {
	width:100%;
	max-height: 100%;
	text-align:left;
	font-size:14px;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}
table.link th {
	width:100%;
	max-height: 100%;
	box-sizing:border-box;
}
table.link td {
	font-size:13px;
	max-height: 100%;
	box-sizing:border-box;
}

table.link a {
   display: inline-block;   
   width: 98%;          
   border-radius: 0.5em; 
   padding: 5px 2% 5px 2%;
   margin: 0;
   color:#ffffff;
   background-color: #1C3164; 
   text-decoration: none; 
   line-height: 2.0em;
   box-sizing:border-box; 
   	max-height: 100%; 
}

table.link a:hover { background-color: #0063A3; }





textarea {
	width:98%;
	padding: 5px 1%;
	border:solid 1px #ccc;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input {
	padding:5px 1% 5px 1%;
	font-size: 1.0em;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input::placeholder {
  color: #999999;
}

/* IE */
input:-ms-input-placeholder {
  color: #999999;
}

/* Edge */
input::-ms-input-placeholder {
  color: #999999;
}


.submit_btn {
	display:inline-block;
	padding:0.3em 1em;
	text-decoration:none;
	font-size:14px;
	color:#21348C;
	border:solid 2px #21348C;
	border-radius:3px;
	transition:.4s;
}
.submit_btn:hover {
	background:#21348C;
	color:white;
}


.box-img{
	width: 100%;
	text-align: right;
	display: inline-block;
}
.box-text{
  display: inline-block;
}


@media screen and (min-width:961px) {
	 
table.weather {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
    box-sizing:border-box;
}
table.weather td, table.weather th {
	border:1px solid #999999;
	padding:10px;
	line-height : 1.8em;
        box-sizing:border-box;
}
table.weather th {
	font-weight:bold;
	text-align:left;
	font-size:13px;
	background-color:#efefef;
	color:#000000;
	width: 40%;
    box-sizing:border-box;
}
}
@media screen and (max-width:960px) {
table.weather {
border-top:1px solid #333333;
	border-right:1px solid #333333;
	border-collapse:collapse;
	width:100%;
	text-align:left;
	font-size:100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
	/*border-top: 1px solid #999999;*/
}
table.weather th {
	display: block;
	border-left:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:10px 10px 10px 10px;
	color:#000000;
	background-color: #efefef;
	font-size:100%;
	width:100%;
	box-sizing:border-box;
	/*display: block;
	text-align: left;*/
}
table.weather td {
	display: block;
	border-left:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:10px 10px 10px 10px;
	color:#000000;
	background-color: #ffffff;
	font-size:100%;
	box-sizing:border-box;
	/*display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;*/
}
}

/*追加の料金一覧table*/

table.tbl-r05 p {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
table.tbl-r05 {
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
  }
table.tbl-r05 th {
  background: #1c284f;
  border: solid 1px #ddd;
  color: #fff;
  padding: 10px;
}
table.tbl-r05 td {
  border: solid 1px #ddd;
  padding: 10px;
}
table.tbl-r05 td:first-child {
  background: #addce1;
}

@media screen and (max-width: 1000px) {
table.tbl-r05 {
    width: 100%;
      box-sizing: border-box;
  }
table.tbl-r05 .thead {
    display: none;
  }
table.tbl-r05 tr {
    width: 100%;
    box-sizing: border-box;
  }
	
table.tbl-r05 th {
  background: #777;
  border: solid 1px #ddd;
  color: #fff;
  padding: 10px;
}	
	
	
table.tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
  }
table.tbl-r05 td:first-child {
    background: #1c284f;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
table.tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}


@charset "utf-8";
/* ローディングアニメーション */
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 120px;
  height: 120px;
}
 
/* Loading テキスト */
.spinner span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 12px;
}

/* 1番目のアニメーションの場合 */
.spinner.type1 {
  border-radius: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: #fff rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12);
  /* ローディング要素のアニメーションを指定 */
  -webkit-animation: spinner1_1 1.5s infinite linear forwards;
          animation: spinner1_1 1.5s infinite linear forwards;
}
.spinner.type1 span {
  /* Loading テキストのアニメーションを指定 */
  animation: spinner_loading_text 1.5s infinite linear forwards reverse;
}
 
/* ローディング要素のアニメーション内容 */
@-webkit-keyframes spinner1_1 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
 
@keyframes spinner1_1 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
 
/* Loading テキストのアニメーション内容 */
@-webkit-keyframes spinner_loading_text {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spinner_loading_text {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

.box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  -webkit-transition: all 1.2s ease; /* 1.2秒でフェードアウト */
          transition: all 1.2s ease;
  color: #fff; /* ローディングアニメーションカラー */
  background-color: rgba(0, 9, 39, 0.9); /* 背景カラー #000927*/
}

/* ローディング表示を消すための定義 */
.box.loaded{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}