@charset "ISO-8859-1";
body {
	background-color: rgb(241,249,249);
	font-family: Arial;
	font-size: 17px;
	padding: 8px;
}

* {
	box-sizing: border-box;
}

.row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	margin: 0 -16px;
}

.col-25 {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
}

.col-50 {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
}

.col-75 {
	-ms-flex: 75%; /* IE10 */
	flex: 75%;
}

.col-25, .col-50, .col-75 {
	padding: 0 16px;
}

.container {
	background-color: rgb(255, 255, 255);
	padding: 5px 20px 15px 20px;
	border: 1px solid rgba(58, 53, 65, 0.12);
	border-radius: 4px;
}
.payment-width {
	max-width: 600px !important;
}

.payment-width-1 {
	max-width: 700px !important;
}

table td{
	vertical-align:top;
	border:solid 1px #888;
	padding:10px;
}

input[type=text] {
	width: 100%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=number] {
	width: 100%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=password] {
	width: 100%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.customer-label {
	margin-bottom: 10px;
	display: block;
	height: 24px;
}

.custome-checkbox {
	margin-left: 5px;
	text-align: center !important;
}

.icon-container {
	margin-bottom: 20px;
	padding: 7px 0;
	font-size: 24px;
}

.btn {
	background-color: rgb(111, 197, 198);
	border-radius: 30px;
	font-size: 30px;
	height: 55px !important;
	line-height: 36px;

	/*background-color: #6c757d;*/
	color: white;
	/*padding: 12px;*/
	margin: 10px 0;
	border: none;
	width: 100%;
	/*border-radius: 3px;*/
	cursor: pointer;
	/*font-size: 20px;*/
	/*height: 60px !important;*/
}

.btn1 {
	background-color: #6c757d;
	text-align: center;
	width: 30%;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 20px;
	height: 40px !important;
}

.btn:hover {
	background-color: #6fc5c6 !important;
}

.href-btn {
	display: block;
	text-align: center;
	text-decoration: none;
	/*border-radius: 10px;*/
}

.href-a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
}
.radius-button{
	border-radius: 10px !important;
	height: 50px !important;
}

a {
	color: #2196F3;
}

hr {
	border: 1px solid lightgrey;
}

span.price {
	float: right;
	color: grey;
}

.custom-margin {
	margin-top: 50px !important;
	margin: auto;
}
.center{
	text-align: center !important;
}
.font-sm-noto-sans-jp-1{
	font-size: 10px !important;
	line-height: 1.6;
	letter-spacing: 0.42px;
}
.font-md-noto-sans-jp-1{
	font-size: 12px !important;
	line-height: 1.71;
	letter-spacing: 0.42px;
}
.font-rg-noto-sans-jp-1{
	font-size: 14px !important;
	line-height: 2.29;
	letter-spacing: normal;
}
.font-rg-noto-sans-jp-2{
	font-size: 13px !important;
	line-height: 1.54;
	letter-spacing: 0.65px;
}
.font-rg-noto-sans-jp-3{
	font-size: 14px !important;
	line-height: normal;
	letter-spacing: normal;
}
.font-rg-noto-sans-jp-4{
	font-size: 13px !important;
	line-height: 2.31;
	letter-spacing: normal;
}
.font-lg-noto-sans-jp{
	font-size: 16px !important;
}
.font-xl-noto-sans-jp{
	font-size: 22px !important;
	letter-spacing: 1.1px;
}

.font-xl-noto-sans-jp-1{
	font-size: 30px !important;
	letter-spacing: 1.5px;
}
.container-margin{
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.container-margin-1{
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.custom-margin-top{
	margin-top: 20px !important;
}
.custom-margin-bottom{
	margin-bottom: 20px !important;
}
.custom-margin-bottom-1{
	margin-bottom: 10px !important;
}
.custom-margin-top-bottom{
	margin-top: 20px !important;
	margin-bottom: 50px !important;
}
.custom-margin-top-bottom-2{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.custom-margin-top-bottom-1{
	margin-top: 40px !important;
	margin-bottom: 20px !important;
}

.custom-margin-top-2{
	margin-top: 50px !important;
}
.custom-padding-label{
	padding-left: 20px !important;
}

.custom-width{
	min-width: 700px !important;
}

.custom-padding-label-1{
	padding-left: 30px !important;
}
.custom-margin-label-1{
	margin-left: 40px !important;
}
.custom-padding-label-2{
	padding-left: 56px !important;
}
.custom-padding-label-3{
	padding-left: 116px !important;
}
.custom-margin-label{
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.image-size-logo{
	max-width: 150px !important;
	max-height: 50px !important;
}

.image-size-card{
	max-width: 350px !important;
	max-height: 100px !important;
}

.image-logo{
	max-width: 350px !important;
	height: 93px !important;
}
.image-logo-1{
	max-width: 350px !important;
	height: 200px !important;
}

.custom-margin-image{
	text-align: right;
}

.custom-margin-image-left{
	text-align: left;
}

.text-align {
	text-align: right;
}

.mt-60 {
	margin-top: 60px;
}
.error-message{
	color: red;
}
div.error {
	color: red;
}
.padding-label{
	display:inline;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}
.padding-label-1{
	padding-left: 10px !important;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
@media
(
max-width
:
		800px)
{
	.row {
		flex-direction: column-reverse;
	}

	.col-25 {
		margin-bottom: 20px;
	}
}
/* New css */
.big-amount{
	font-size: 5rem;
	font-weight: 600;
}

.btn-secondary-1 {
	color: #fff;
	background-color: rgb(111, 197, 198) !important;
	border-color: rgb(111, 197, 198) !important;
}