@charset "utf-8";
body {
	max-width: 768px;
	padding: 0;
	margin: auto;
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
}
* {
	box-sizing: border-box;
}
select {
	-webkit-appearance: none;
	appearance: none;
	background-image: url('../img/pulldown.svg');
	background-size: 10px 10px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding: 0 30px 0 10px;
}
select::-ms-expand {
	display: none;
}
p {
	margin: 0;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: initial;
}
.header {
	display: flex;
	height: 80px;
	align-items: center;
}
.maker,
.ttl {
	background-color: #5a5a5a;
	color: #fff;
	padding: 0 40px;
	font-size: 20px;
	line-height: 80px;
	font-weight: bold;
}
.maker-logo {
	margin-right: 20px;
	border-right: 1px solid;
	padding-right: 28px;
	padding-left: 34px;
}
.maker-logo img {
	height: 36px;
}
.logo {
	display: flex;
	align-items: center;
}
.logo img {
	width: 108px;
	margin-right: 26px;
}
.logo p {
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
}
.login-hd {
	margin-bottom: 40px;
}
.ymd-logo {
	height: 16px;
}
.ymb-logo {
	height: 16px;
}
.best-logo {
	height: 16px;
}
.mty-logo {
	height: 13px;
}

.btn_logout {
	text-decoration:none;
}

.alert {
	padding: 15px;
	margin: 16px auto 3px;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
}

.alert .close {
  color: #000;
  opacity: .2;
  filter: alpha(opacity=20)
}

.alert .close:hover {
  opacity: .5;
  filter: alpha(opacity=50)
}

.alert a {
  color: #fff;
  text-decoration: underline
}

.alert-success {
  border-color: #6F9B6A
}

.alert-danger, .alert-error {
  border-color: #d73925
}

.alert-warning {
  border-color: #e08e0b
}

.alert-info {
  border-color: #00acd6
}

.bg-blue {
  background-color: #0073b7 !important
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-waring, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
  color: #fff !important
}

.bg-gray {
  color: #000;
  background-color: #a7a9aa !important
}

.bg-black {
  background-color: #111 !important
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
  background-color: #f65451 !important;
  //padding: 16px 0;
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-waring, .modal-warning .modal-body {
  background-color: #6F9B6A !important
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
  background-color: #00c0ef !important
}

.bg-blue {
  background-color: #0073b7 !important
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
  background-color: #3c8dbc !important
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
 
    color: #3c763d!important;
    background-color: #dff0d8;
    border-color: #b2dba1!important;

}

.bg-navy {
  background-color: #001f3f !important
}

.bg-teal {
  /*background-color: #9dddac !important;*/
  background-color: #DEFAD8 !important;
  color: #2d2d2d !important
}

.bg-olive {
  background-color: #3d9970 !important
}

.bg-lime {
  /*background-color: #cce5ff !important;*/
  background-color: #DBDBFF !important;
  color: #2d2d2d !important
}

.bg-orange {
  background-color: #fff3cd !important
}

.bg-orange {
  color: #2d2d2d !important
}

.bg-pink {
  background-color: #f8d7da !important;
}

.bg-pink {
  color: #2d2d2d !important
}

.bg-fuchsia {
  background-color: #f012be !important
}

.bg-purple {
  background-color: #605ca8 !important
}

.bg-maroon {
  background-color: #d81b60 !important
}

.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important
}

.bg-black-active {
  background-color: #000 !important
}

.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
  background-color: #d33724 !important
}

.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
  background-color: #db8b0b !important
}

.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
  background-color: #00a7d0 !important
}

.bg-blue-active {
  background-color: #005384 !important
}

.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
  background-color: #357ca5 !important
}

.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
  background-color: #008d4c !important
}

.bg-navy-active {
  background-color: #001a35 !important
}

.bg-teal-active {
  background-color: #30bbbb !important
}

.bg-olive-active {
  background-color: #368763 !important
}

.bg-lime-active {
  background-color: #00e765 !important
}

.bg-orange-active {
  background-color: #ff7701 !important
}

.bg-pink-active {
  background-color: #ffe6ea !important
}

.bg-fuchsia-active {
  background-color: #db0ead !important
}

.bg-purple-active {
  background-color: #555299 !important
}

.bg-maroon-active {
  background-color: #ca195a !important
}

.disp_none {
	display:none !important;
}

.col-c span {
	/*background: linear-gradient(transparent 40%, #ff0 60%);2024.10.08 SIM用申込書番号の背景色をなし */
}

.cross {
	display:inline-block;
	margin-left:5px;
}

.cashback {
	color:#f00;
	border:1px solid #f00;
	padding:1px 5px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0; 
}
input[type="number"] {
	-moz-appearance:textfield; 
}

::placeholder {
	color:#ccc;
	font-size:88%;
}

.jan_code {
	margin-bottom:2px;
}