@charset "utf-8";

/* スマホ バーガーメニュー */
@media (min-width: 421px) {
.menubtn,
.menuwrap {
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: -1;
	}
}
@media (max-width: 420px) {
.menubtn {
	background: #2861C4;
	display: block;
	width: 44px;
	height:44px;
	position: absolute;
	top: 0;
	right: 10px;
	}
	.menubtn span {
		background: #fff;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		display: block;
		width: 26px;
		height: 4px;
		position: absolute;
		left: 10px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		}
	.menubtn span:first-child {
		top: 12px;
		}
	.menubtn span:nth-child(2) {
		margin-top: -2px;
		top: 50%;
		}
	.menubtn span:last-child {
		bottom: 12px;
		}
.menuwrap {
	background: #fff;
	display: block;
	width: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	}
	.menuwrap.hide {
		display: none;
		}
		.menuwrap > ul {
			background: #212e78;
			list-style: none;
			margin: 0;
			}
			.menuwrap > ul > li {
				border-bottom: 1px solid #ccc;
				list-style: none;
				margin: 0;
				}
				.menuwrap > ul > li > a {
					color: #fff;
					display: block;
					margin: 0;
					padding: 10px 15px;
					text-decoration: none;
					}
				.menuwrap > ul > li > p {
					background: url(/img/icn_sp_menu_accordion.png) no-repeat 95% center;
					color: #fff;
					display: block;
					margin: 0;
					padding: 10px 15px;
					text-decoration: none;
					}
					.menuwrap > ul > li > ul {
						display: none;
						}
						.menuwrap > ul > li > ul > li {
							background: #235ec7;
							border-top: 1px solid #ccc;
							list-style: none;
							margin: 0;
							padding-left: 1em;
							}
							.menuwrap > ul > li > ul > li > a {
								color: #fff;
								display: block;
								margin: 0;
								padding: 10px 15px;
								text-decoration: none;
								}
					.menuwrap > ul > li > ul > li > p {
						background: url(/img/icn_sp_menu_accordion.png) no-repeat 95% center;
						color: #fff;
						display: block;
						margin: 0;
						padding: 10px 15px;
						text-decoration: none;
						}
						.menuwrap > ul > li > ul > li > ul {
							display: none;
							}
							.menuwrap > ul > li > ul > li > ul > li {
								background: #edfbff;
								border-top: 1px solid #ccc;
								list-style: none;
								margin: 0 0 0 -1em;
								text-indent: 0;
								}
								.menuwrap > ul > li > ul > li > ul > li > a {
									color: #525252;
									display: block;
									margin: 0;
									padding: 10px 15px 10px 3em;
									text-decoration: none;
									}
				.menuwrap > ul > li:first-child,
				.menuwrap > ul > li:last-child {
					display: block;
					margin: 0;
					}
				.menuwrap > ul > li:first-child {
					background: #fff;
					display: block;
					height:44px;
					padding: 0;
					position: relative;
					}
					.menuwrap > ul > li:first-child span {
						background: #212e78;
						border-radius: 2px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						display: block;
						width: 26px;
						height: 4px;
						position: absolute;
						right: 10px;
						transition: all 0.4s;
						-webkit-transition: all 0.4s;
						-moz-transition: all 0.4s;
						}
						.menuwrap > ul > li:first-child span:first-child {
							top: 12px;
							-webkit-transform: translateY(8px) rotate(45deg);
							-moz-transform: translateY(8px) rotate(45deg);
							-ms-transform: translateY(8px) rotate(45deg);
							transform: translateY(8px) rotate(45deg);
							}
						.menuwrap > ul > li:first-child span:nth-child(2) {
							margin-top: -2px;
							top: 0%;
							opacity: 0;
							}
						.menuwrap > ul > li:first-child span:last-child {
							bottom: 12px;
							-webkit-transform: translateY(-8px) rotate(-45deg);
							-moz-transform: translateY(-8px) rotate(-45deg);
							-ms-transform: translateY(-8px) rotate(-45deg);
							transform: translateY(-8px) rotate(-45deg);
							}
				.menuwrap > ul > li:last-child {
					color: #fff;
					padding: 10px 15px 10px 50px;
					position: relative;
					}
					.menuwrap > ul > li:last-child span {
						background: #fff;
						border-radius: 2px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						display: block;
						width: 26px;
						height: 4px;
						position: absolute;
						left: 10px;
						transition: all 0.4s;
						-webkit-transition: all 0.4s;
						-moz-transition: all 0.4s;
						}
						.menuwrap > ul > li:last-child span:first-child {
							top: 11px;
							-webkit-transform: translateY(8px) rotate(45deg);
							-moz-transform: translateY(8px) rotate(45deg);
							-ms-transform: translateY(8px) rotate(45deg);
							transform: translateY(8px) rotate(45deg);
							}
						.menuwrap > ul > li:last-child span:nth-child(2) {
							margin-top: -2px;
							top: 0%;
							opacity: 0;
							}
						.menuwrap > ul > li:last-child span:last-child {
							bottom: 11px;
							-webkit-transform: translateY(-8px) rotate(-45deg);
							-moz-transform: translateY(-8px) rotate(-45deg);
							-ms-transform: translateY(-8px) rotate(-45deg);
							transform: translateY(-8px) rotate(-45deg);
							}
}


/* ↓↓↓↓ 201909 料金表 スマホ表示のみADE順 */
.ryokin-table{
 display: flex;
}
@media screen and (max-width: 420px) {
 .ryokin-table{
  flex-direction: column;
 }
}

@media screen and (max-width: 420px) {
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
}