@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

.img-fluid {
	max-width: 100%;
    height: auto;
}
.row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#form_momisuri {
	img {
		margin-bottom: 20px;
	}
	table {
		width: 95%;
		margin: 0 auto;
		td {
			&:first-of-type {
				width: 35%;
			}
			&:nth-of-type(2) {
				width: 18%;
			}
			&:nth-of-type(3) {
				width: 9%;
			}
			&:nth-of-type(4) {
				width: 9%;
			}
			&:nth-of-type(5) {
				width: 13%;
			}
		}
	}
}

.order-area {
	margin-left: -100%;
    margin-right: -100%;
    min-width: 100%;
    background: #B63A1D;
    display: flex;
    justify-content: space-between!important;
    align-items: center;
    padding: 30px 100%;
    margin-bottom: 50px;
	p {
		font-size: 30px;
		color: #ffffff;
		font-weight: bold;
	}
	div {
		p {
			text-align: center;
			font-size: 16px;
			margin-bottom: 10px;
   			line-height: 1;
			font-weight: normal;
		}
		a {
			font-size: 25px!important;
			text-align: center;
			padding: 8px 50px;
			background: #ffffff;
			display: block;
			color: #B63A1D;
			border-radius: 20px;
			transition: 0.3s;
			&:hover {
				text-decoration: none;
				background: #F4E621;
				color: #B63A1D;
			}
		}
	}
}